.agreement-section{ display: block; width: 100%; border-radius: 50px; background: #080a31; background: linear-gradient(40deg, #080a31, #0b3c65 70%, #065168); padding: 150px 0 0 0; box-sizing: border-box; box-shadow: -4px -4px 20px 0px rgba(10, 9, 53, 0.60), 4px 4px 20px 0px rgba(10, 9, 53, 0.60); }
.agreement-cell{ display: block; width: 100%; }
.border-curve{ display: block; width: 100%; background: #61EFEF; height: 1px; }
.agreement-cell .two-col{ display: flex; }
.agreement-cell .two-col .col-left{ display: inline-block; margin-left: 0; width: 50%; margin-left: 0; }
.agreement-cell .two-col .col-right{ display: inline-block; margin-right: 0; width: 50%; margin-right: 0; }
.agreement-cell h5{ color: #61EFEF; font-size: 20px; font-style: normal; font-weight: 700; line-height: 45px; margin-bottom: 5px; }
.agreement-cell h2{ color: #FFF; font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px; padding-top: 30px; margin-bottom: 30px; } 
.agreement-cell ul{ display: block; width: 100%; margin: 0;  }
.agreement-cell ul li{ display: block; width: 100%; margin-bottom: 40px; padding-bottom: 0; color: #FFF; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; padding-left: 53px; box-sizing: border-box; position: relative; }
.agreement-cell ul li:before{ content: ''; display: block; position: absolute; left: 0; top: 50%; width: 33px; height: 33px; background: url(https://21646602.fs1.hubspotusercontent-na1.net/hubfs/21646602/list-right-icon.svg) no-repeat; background-size: cover; transform: translate(0%, -50%); }
.agreement-cell-grp{ display: block; }
.agreement-cell.right-push-img .two-col .col-left{ position: relative; }
.agreement-cell.right-push-img .two-col .col-left:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #61EFEF; }
.agreement-cell.left-push-img .two-col .col-right{ position: relative; }
.agreement-cell.left-push-img .two-col .col-right:after{ content: ''; display: block; position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background: #61EFEF; }
.agreement-cell-grp .agreement-cell:first-child .col-left:after{ top: 65px; }
.agreement-cell.right-push-img .agreement-cell-grp-inner{ display: block; width: 100%; padding-right: 85px; box-sizing: border-box; border-top: 1px solid #61efef; border-top-right-radius: 20px; }
.agreement-cell.left-push-img .agreement-cell-grp-inner{ display: block; width: 100%; padding-left: 108px; box-sizing: border-box; border-top: 1px solid #61efef; border-top-left-radius: 20px; }
.agreement-cell.left-push-img h5{ padding-left: 108px; box-sizing: border-box; }
.agreement-cell-grp .agreement-cell:last-child .btn-grp{ margin-bottom: 250px; }
.agreement-cell.right-push-img .two-col .col-right{ padding-left: 150px; box-sizing: border-box; padding-top: 60px; }
.agreement-cell.left-push-img .two-col .col-left{ padding-right: 150px; box-sizing: border-box; }
.agreement-cell.left-push-img .two-col .col-left figure{ display: block; float: right;  margin-top: 100px; }

@media (min-width:1301px) and (max-width:1400px){
  .agreement-cell-grp .agreement-cell:last-child .btn-grp{ margin-bottom: 180px; }
  .agreement-cell.right-push-img .two-col .col-right{ padding-left: 100px; }  
  .agreement-cell.left-push-img .two-col .col-left{ padding-right: 100px; } 
  .agreement-section{ padding: 120px 0 0; }
}

@media (min-width:1200px) and (max-width:1300px){
  .agreement-cell-grp .agreement-cell:last-child .btn-grp{ margin-bottom: 180px; }
  .agreement-cell.right-push-img .two-col .col-right{ padding-left: 70px; }  
  .agreement-cell.left-push-img .two-col .col-left{ padding-right: 70px; } 
  .agreement-section{ padding: 120px 0 0; }
  .agreement-cell.left-push-img h5{ padding-left: 70px; }  
  .agreement-cell.left-push-img .agreement-cell-grp-inner{ padding-left: 70px; }
  .agreement-cell.right-push-img .agreement-cell-grp-inner{ padding-right: 40px; }  
}

@media (min-width:1024px) and (max-width:1199px){
  .agreement-cell-grp .agreement-cell:last-child .btn-grp{ margin-bottom: 100px; }
  .agreement-cell.right-push-img .two-col .col-right{ padding-left: 40px; }  
  .agreement-cell.left-push-img .two-col .col-left{ padding-right: 40px; } 
  .agreement-section{ padding: 80px 0 0; }
  .agreement-cell.left-push-img h5{ padding-left: 40px; }  
  .agreement-cell.left-push-img .agreement-cell-grp-inner{ padding-left: 50px; }
  .agreement-cell.right-push-img .agreement-cell-grp-inner{ padding-right: 30px; }  
}

@media (min-width:768px) and (max-width:1023px){
  .agreement-cell h2{ font-size: 30px; line-height: 40px; margin-bottom: 30px; }  
  .agreement-cell ul li{ font-size: 14px; line-height: 22px; margin-bottom: 40px padding-left: 35px; }    
  .agreement-cell ul li:before{ height: 25px; width: 25px; }    
  .agreement-cell-grp .agreement-cell:last-child .btn-grp{ margin-bottom: 100px; }
  .agreement-cell.right-push-img .two-col .col-right{ padding-left: 30px; }  
  .agreement-cell.left-push-img .two-col .col-left{ padding-right: 30px; } 
  .agreement-section{ padding: 80px 0 0; }
  .agreement-cell.left-push-img h5{ padding-left: 30px; }  
  .agreement-cell.left-push-img .agreement-cell-grp-inner{ padding-left: 30px; }
  .agreement-cell.right-push-img .agreement-cell-grp-inner{ padding-right: 30px; } 
  .agreement-cell-grp .agreement-cell:first-child .col-left:after{ top: 50px; }
  .agreement-cell h5{ font-size: 20px; line-height: 30px; }  
  .datagard-page .agreement-cell-grp .agreement-cell:first-child .col-left:after{ top: 78px; }
}

@media (min-width:641px) and (max-width:767px){
  .agreement-cell h2{ font-size: 30px; line-height: 40px; margin-bottom: 30px; }  
  .agreement-cell ul li{ font-size: 14px; line-height: 22px; margin-bottom: 25px; padding-left: 35px; }    
  .agreement-cell ul li:before{ height: 25px; width: 25px; }    
  .agreement-cell-grp .agreement-cell:last-child .btn-grp{ margin-bottom: 60px; }
  .agreement-cell.right-push-img .two-col .col-right{ padding-left: 30px; }  
  .agreement-cell.left-push-img .two-col .col-left{ padding-right: 30px; } 
  .agreement-section{ padding: 80px 0 0; }
  .agreement-cell.left-push-img h5{ padding-left: 30px; }  
  .agreement-cell.left-push-img .agreement-cell-grp-inner{ padding-left: 30px; }
  .agreement-cell.right-push-img .agreement-cell-grp-inner{ padding-right: 30px; } 
  .agreement-cell-grp .agreement-cell:first-child .col-left:after{ top: 50px; }
  .agreement-cell h5{ font-size: 20px; line-height: 30px; }  
}

@media (max-width:640px){
  .agreement-cell h2{ font-size: 30px; line-height: 40px; margin-bottom: 20px;  padding-top: 20px; }  
  .agreement-cell ul li{ font-size: 14px; line-height: 22px; margin-bottom: 25px; padding-left: 35px; }    
  .agreement-cell ul li:before{ height: 25px; width: 25px; }    
  .agreement-cell-grp .agreement-cell:last-child .btn-grp{ margin-bottom: 20px; }
  .agreement-cell.right-push-img .two-col .col-right{ padding-left: 0px; width:100%; }  
  .agreement-cell.right-push-img .two-col .col-left{ width: 100%; }
  .agreement-cell.left-push-img .two-col .col-left{ padding-right: 0px; width:100%; } 
  .agreement-section{ padding: 30px 0 30px 0; }
  .agreement-cell.left-push-img h5{ padding-left: 0; }  
  .agreement-cell.left-push-img .agreement-cell-grp-inner{ padding-left: 0px; border-radius: 0; }
  .agreement-cell.right-push-img .agreement-cell-grp-inner{ padding-right: 0px; border-radius: 0; } 
  .agreement-cell-grp .agreement-cell:first-child .col-left:after{ top: 83px; display: none; }
  .agreement-cell h5{ font-size: 20px; line-height: 30px; }  
  .agreement-cell .two-col .col-right{ width: 100%; padding: 0; }  
  .agreement-cell.left-push-img .two-col .col-right:after{ display: none; }   
  .agreement-cell.left-push-img .two-col{ flex-wrap: wrap; flex-direction: column-reverse; } 
  .agreement-cell.left-push-img .two-col .col-left figure{ margin-top: 0; }  
  .agreement-cell .two-col{ display: flex; flex-wrap: WRAP; }  
  .agreement-cell{ margin-bottom: 40px; }
  .agreement-cell.right-push-img .two-col .col-left:after{ display: none; }
}