.loginboxSec{position:relative;width: 100%;float: left;margin-bottom: 60px;margin-top: 60px;}
.loginboxImg img{max-width:100%;display:block;}
.loginboxSec::before{content:"";position:absolute;background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%) repeat;width:100%;height:100%;top:0;left:0;right:0;}
.loginboxSec::after{content:"";position:absolute;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 2%, rgba(255, 255, 255, 0) 100%);background-repeat:repeat-x;width:100%;height:250px;top:unset;left:0;right:0;bottom:0;}
.loginboxWrap{position:relative;display:flex;align-items:center;background:linear-gradient(90deg, #71B9DE 0%, #C7F4F5 100%);padding:160px 0px;width: 100%;float: left;}
.loginboxImg{width:50%;position:relative;z-index:2;}
.loginboxContent{width:48%;margin-left:30px;position:relative;z-index:2;    float: left;}
.loginboxContent h2{color:#000;font-size:48px;font-weight:400;line-height:104%;width:38%;}
.loginboxContent ul{margin:32px 0px;padding-left:20px;}
.loginboxContent ul li{list-style:disc;color:#454545;font-size:18px;font-weight:400;line-height:145%;}
.loginboxContent .logintocontinue{border-radius:10px;background:#005DAC;padding:20px 60px;color:#FFF;text-align:center;font-size:20px;font-weight:700;line-height:100%;display:inline-block;transition:0.3s all ease-in;}
.loginboxContent .logintocontinue:hover{background:#0473D1;}
.loginboxContent .popupBtn{font-size:18px;font-weight:700;color:#454545;line-height:110%;text-align:center;padding:20px 60px;display:inline-block;border-radius:10px;border:1px solid rgba(69, 69, 69, 0.5);background:#fff;margin-left:20px;cursor:pointer;}

@media screen and (max-width: 1600px) 
{
    .loginboxSec{margin-bottom:100px;margin-top:100px;}
    .loginboxContent h2{font-size:44px;width:70%;}
    .loginboxContent ul li{font-size:14px;}
    .loginboxContent .logintocontinue{font-size:16px;padding:15px 44px;}
    .loginboxContent .popupBtn{font-size:14px;padding:15px 44px;margin-left:16px;}
    .loginboxSec::after{height:230px;}
    .loginboxWrap{padding:140px 0px;}
    .loginboxContent{margin-left:26px;}
    .loginboxContent ul{margin:24px 0px;}
}


@media screen and (max-width: 1366px) 
{
    .loginboxSec{margin-bottom:50px;margin-top:50px;}
    .loginboxContent h2{font-size:40px;width:75%;}
    .loginboxContent .logintocontinue{padding:12px 36px;clear: left;float: left;}
    .loginboxSec::after{height:190px;}
    .loginboxWrap{padding:120px 0px;}
    .loginboxContent{margin-left:24px;}
    .loginboxContent .popupBtn{padding:12px 36px;clear: left;float: left;margin-top: 14px;margin-left: 0;}
}
@media screen and (max-width: 1280px) {
    .loginboxSec{margin-bottom:50px;}
    .loginboxContent h2{font-size:24px;width:80%;}
    .loginboxSec::after{height:150px;}
    .loginboxImg{width:40%;}
    .loginboxContent{margin-left:16px;width:55%;}
}
@media screen and (max-width: 760px) 
{
    .loginboxSec{overflow:hidden;margin-bottom:40px;margin-top:50px;}
    .loginboxContent ul li{font-size:12px;}
    .loginboxContent .logintocontinue{font-size:14px;}
    .loginboxContent .popupBtn{font-size:12px;margin-top:14px;margin-left:0;}
    .loginboxContent{margin-left:16px;width:55%;}
    .loginboxContent h2{width:90%;}
    .loginboxSec::before,.loginboxSec::after{content:none;}
    .loginboxWrap{display:block;padding:50px 0px 70px;}
    .loginboxImg{width:200%;margin-left:-45%;}
    .loginboxContent{width:100%;padding:0px 24px;}
}