.img-offer{
    width:282px;
    height:114px
}
.container-offer{
    height:375px
}
.container-offer2{
    height:410px!important
}
.regst-right{
    padding:20px;
    background:linear-gradient(#157ed2,#157ed2cc);
    position:sticky;
    top:112px
}
.divider{
    background:#ff5722;
    background-image:linear-gradient(to right,#a2b20f33,#03a9f4);
    width:83px;
    height:4px;
    border-radius:10px;
    display:inline-block;
    margin:0 auto
}
.alternet-access,.custom-checkboxs,.navigations{
    display:flex
}
.title2{
    color:#fff;
    font-size:21px
}
.regst-right .sub-title{
    font-size:15px;
    color:#d7f3ff;
    margin-top:5px
}
.why-join li{
    margin-top:20px;
    position:relative;
    list-style:none;
    padding:0 23px
}
.far-icon{
    position:absolute;
    left:-5px;
    top:1px;
    font-size:26px
}
.title3{
    font-size:20px;
    font-weight:500;
    color:#fff
}
.title3_p{
    color:#d6dde3;
    font-size:14px
}
.alternet-access p{
    font-size:17px;
    color:#000;
    display:flex;
    margin-right:8px;
    align-items:center
}
.login-now,.login-now:hover,.overlay-panels p,.visit-web:hover{
    color:#fff
}
.login-now{
    padding:6px 17px;
    border-radius:24px;
    font-size:15px;
    background:#157ed2;
    height:39px
}
.download_app2,.text_white,.title_h2{
    color:#fff!important
}
.flag-boxs a,.flag-boxs p{
    color:#000;
    font-weight:500
}
.navigations{
    justify-content:space-around;
    margin-top:19px;
    padding:8px 8px 19px
}
.download_app2{
    background:#157ed2;
    padding:8px 17px;
    font-size:13px!important;
    border-radius:41px
}
.logo{
    margin-top:11px
}
.logo img{
    position:relative;
    top:-8px
}
.mobile-navigation{
    display:none
}
@media only screen and (min-width:260px) and (max-width:768px){
    .navigations,.single-blg{
        display:none
    }
    .wrapper-offer{
        grid-template-columns:repeat(auto-fill,minmax(50%,1fr))!important
    }
    .single-category a{
        width:100%
    }
    .single-blg{
        padding-left:0!important
    }
    .blg-img iframe{
        width:100%!important;
        height:175px!important
    }
    .blag-imgs iframe{
        width:100%!important;
        height:150px!important
    }
    .title_h2{
        font-size:15px!important
    }
    .by-regions{
        margin-right:7px!important
    }
    .single-category a p{
        margin-top:-4px
    }
    .all-mx-w{
        max-width:49%!important
    }
    .show-all-image{
        width:140px!important
    }
    .buy_lead-overview-card+.buy_lead-overview-card{
        margin-top:20px;
        padding:0 24px
    }
    .buy_lead-card{
        padding:31px 18px
    }
    .select::after{
        top:-6px;
        right:0;
        padding:1em;
        color:#fff
    }
    .select{
        margin-bottom:6px;
        height:38px;
        width:100%;
        left:4px
    }
    .mobile-navigation{
        display:block!important
    }
    .login-join{
        justify-content:space-between
    }
    .login-join2{
        margin-top:10px;
        justify-content:space-between
    }
    .ugf-main-wrap{
        position:relative;
        top:82px
    }
    .login-now{
        padding:6px 49px
    }
    .join-f{
        padding:6px 34px!important
    }
    .form-container{
        margin-top:33px
    }
    .login-button{
        font-size:12px!important;
        font-weight:600!important;
        padding:8px 53px!important
    }
    .forget-passwords{
        font-size:15px!important;
        font-weight:400!important
    }
    .form-input{
        width:269px!important
    }
    .overlay-containers{
        top:0!important
    }
    .overlay-panels h1{
        font-size:32px!important
    }
    .overlay-container{
        padding-top:40px!important;
        padding-bottom:40px!important;
        background:#157ed2!important;
        border-radius:10px!important;
        bottom:10px!important
    }
    .back-white{
        padding-right:0!important
    }
    .title{
        font-size:14px!important
    }
    .col{
        min-width:25%
    }
    .ufg-main-container{
        padding:199px 0
    }
}
@media only screen and (min-width:768px) and (max-width:960px){
    .max-width{
        max-width:50%
    }
    .single-category a{
        width:100%
    }
    .single-category a p{
        margin-top:-4px
    }
}
@media only screen and (min-width:960px) and (max-width:999px){
    .max-width{
        max-width:33.3%;
        flex:0 0 32.666667%
    }
    .single-category a{
        width:100%
    }
    .single-category a p{
        margin-top:-4px
    }
}
@media only screen and (min-width:1020px) and (max-width:1180px){
    .max-width{
        max-width:34.3%;
        flex:0 0 32.666667%
    }
    .single-category a{
        width:100%
    }
    .single-category a p{
        margin-top:-4px
    }
}
@media only screen and (min-width:1180px) and (max-width:1600px){
    .max-width{
        max-width:25%;
        flex:0 0 28.666667%
    }
    .single-category a{
        width:100%
    }
    .single-category a p{
        margin-top:-4px
    }
}
.by-regions img,.col{
    max-width:100%
}
@media only screen and (min-width:320px) and (max-width:360px){
    .single-category a{
        width:100%
    }
    .single-category img{
        width:100%;
    }
    .view-all a{
        padding:9px 20px;
        margin-top:13px;
        margin-right:12px;
        font-size:10px;
        bottom:485px;
        right:35px;
        text-align:center
    }
    .category-active .slick-dots li,.category-active .slick-dots li button,.category-active-2 .slick-dots li,.product-active .slick-dots li{
        display:none
    }
}
@media only screen and (min-width:360px) and (max-width:420px){
    .single-category a{
        width:100%
    }
    .single-category img{
        width:100%;
    }
    .view-all a{
        padding:9px 20px;
        margin-top:13px;
        margin-right:12px;
        font-size:10px;
        bottom:485px;
        right:35px;
        text-align:center
    }
    .category-active .slick-dots li,.category-active .slick-dots li button,.category-active-2 .slick-dots li,.product-active .slick-dots li{
        display:none
    }
}
@media only screen and (min-width:420px) and (max-width:576px){
    .single-category a{
        width:100%;
        height:300px
    }
    .single-category img{
        width:389px;
        
    }
    .view-all a{
        padding:9px 20px;
        margin-top:13px;
        margin-right:12px;
        font-size:10px;
        bottom:485px;
        right:35px;
        text-align:center
    }
    .category-active .slick-dots li,.category-active .slick-dots li button,.category-active-2 .slick-dots li,.product-active .slick-dots li{
        display:none
    }
}
@media only screen and (min-width:576px) and (max-width:768px){
    .single-category a{
        width:100%;
        height:300px
    }
    .single-category img{
        width:290px
    }
    .view-all a{
        padding:9px 20px;
        margin-top:13px;
        margin-right:12px;
        font-size:10px;
        top:10px;
        right:16px;
        text-align:center
    }
    .category-active .slick-dots li,.category-active .slick-dots li button,.category-active-2 .slick-dots li,.product-active .slick-dots li{
        display:none
    }
}
.sections{
    margin-bottom:30px
}
.new-section-heading{
    margin-bottom:20px
}
.new-section-heading .title_h2{
    text-transform:uppercase;
    font-size:18px;
    font-weight:500;
    color:#333;
    border-bottom:1px solid #d6dbdd;
    padding-bottom:7px;
    position:relative
}
.new-section-heading .title_h2:after{
    position:absolute;
    content:'';
    left:0;
    bottom:-1px;
    width:160px;
    height:2px;
    background:#e21800
}
.box-s{
    box-shadow:0 0 5px rgb(0 0 0 / 5%)
}
.back-white{
    margin-bottom:41px;
    background:#eceff1;
    padding-right:31px;
    padding-bottom:20px;
    padding-top:20px;
    text-align:center
}
.by-regions figure{
    width:40px;
    margin:0 auto 7px;
    border:1px solid #eee;
    line-height:1px
}
.col{
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.by-regions .view-all i{
    transition:.3s ease-in-out
}
.padding-bottoms{
    padding-bottom:60px!important
}
.row-background{
    background:#157ed2
}
.single-blg{
    padding-top:42px!important;
    padding-left:83px
}
.review-padding{
    padding:30px!important
}
.title_h2{
    font-size:30px
}
.flag-boxs:hover{
    box-shadow:0 5px 10px rgb(0 0 0 / 20%)
}
.flag-boxs{
    text-align:center;
    border:1px solid #e8e8e8;
    box-shadow:0 2px 5px rgb(0 0 0 / 10%);
    border-radius:7px;
    height:100%;
    overflow:hidden
}
.flag-boxs p{
    font-size:15px;
    line-height:normal;
    margin:0;
    padding-top:0
}
.flag-boxs img{
    width:48px;
    height:37px;
    box-shadow:0 0 1px 0 #888;
    position:relative;
    top:19px;
    background-repeat:no-repeat;
    background-color:#dbdbdb;
    background-position:20px 0
}
.pt-20{
    padding-bottom:43px;
    padding-top:40px
}
.flag-boxs a{
    display:block;
    width:100%;
    height:100%;
    padding:15px 12px;
    background:#fff;
    border-radius:3px;
    transition:box-shadow .5s;
    cursor:pointer
}
.choose_u_h4 h2{
    font-size:20px;
    font-weight:400;
    margin-bottom:20px
}
.global-heading span{
    text-align:center;
    border-bottom:1px solid #5992d5;
    font-size:22px;
    display:inline-block;
    padding-bottom:3px
}
.tth2{
    color:#000!important;
    font-size:20px!important
}
.ribbon,.visit-web{
    color:#fff;
    text-align:center
}
.visit-web{
    font-weight:300!important;
    margin-left:5px
}
.arrw{
    font-size:12px!important
}
.ribbon{
    position:absolute;
    top:0;
    left:0;
    display:block;
    padding:5px 73px!important;
    line-height:53px;
    height:53px;
    border-radius:5% 100% 100% 5%;
    font-size:16px;
    font-weight:400;
    text-transform:capitalize;
    text-align:start;
    z-index:4;
    transform:scale(1);
    transform-origin:50% 50%;
    transition:.5s ease-in-out
}
.ribbon:hover{
    transform:scale(1.1)
}
.ribbon3{
    line-height:43px;
    padding-left: 5px;
    padding-right: 6px;
    position:absolute;
    left:-15px;
    top:-5px;
    background:#59324c
}
.ribbon3:after,.ribbon3:before{
    content:"";
    position:absolute
}
.ribbon3:before{
    height:0;
    width:0;
    top:-8.5px;
    left:.1px;
    border-bottom:9px solid #000;
    border-left:9px solid transparent
}
.ribbon3:after{
    height:0;
    width:0;
    right:-14.5px;
    border-top:19px solid transparent;
    border-bottom:25px solid transparent;
}
.product-feature-section{
    background:#fff;
    padding:1rem;
    margin-top:120px;
    position:sticky;
    top:60px
}
.product-feature-section-outer{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    max-width:100%;
    margin:0 auto;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.product-feature-section-headline{
    margin-bottom:4rem;
    text-align:center;
    margin-top:3rem;
    color:#000;
    font-size:26px
}
.product-feature-section-inner{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.product-feature-section-feature{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:1rem;
    -webkit-flex:1 0 50%;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.product-feature-section-feature.top-left{
    border-right:1px solid #157ed2;
    border-bottom:1px solid #157ed2
}
@media print,screen and (min-width:40em){
    .product-feature-section-outer{
        max-width:100%
    }
    .product-feature-section-feature{
        padding:2rem;
        -webkit-flex:1 0 50%;
        -ms-flex:1 0 50%;
        flex:1 0 50%;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.product-feature-section-feature .fa{
    margin-right:1.25rem;
    font-size:3rem;
    margin-top:2px
}
.product-feature-section-feature .feature-title{
    margin-bottom:0;
    line-height:23px;
    font-size:1.875rem;
    font-weight:500;
    color:#000
}
.product-feature-section-feature.top-right{
    border-bottom:1px solid #157ed2
}
.product-feature-section-feature.bottom-left{
    border-right:1px solid #157ed2
}
.feature-desc{
    font-size:18px;
    margin-top:5px;
    font-weight:500;
    line-height:22px
}
.title_h6{
    font-size:48px;
    text-align:center;
    color:#000
}
.login-button{
    border-radius:20px;
    border:1px solid #fff;
    background-color:#157ed2;
    color:#fff;
    font-size:18px;
    font-weight:700;
    padding:6px 68px;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:transform 80ms ease-in;
    margin-top:10px
}
.login-button:active{
    transform:scale(.95)
}
.login-button:focus{
    outline:0
}
.login-button.ghost{
    background-color:transparent;
    border-color:#fff
}
.form-login{
    background-color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:0 50px;
    height:100%;
    text-align:center
}
.form-input{
    background-color:#eee;
    border:none;
    padding:12px 15px;
    border-radius:3px;
    border-right:2px solid;
    border-left:2px solid;
    margin:8px 0;
    font-size:17px;
    width:100%
}
.form-container{
    padding-top:40px;
    padding-bottom:40px;
    background-color:#fff;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}
.social-container{
    margin:20px 0
}
.social-container a{
    border:1px solid #157ed2;
    border-radius:50%;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    margin:0 5px;
    height:40px;
    width:40px
}
.overlay-container{
    background:#157ed2;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.custom-area,.frm-cnt{
    border-bottom:0;
    border-top:0;
    border-radius:9px!important
}
.overlay-containers{
    position:relative;
    top:32%;
    text-align:center
}
.overlay-panels h1{
    font-size:60px;
    font-weight:700;
    background:#fff;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.overlay-panels span{
    color:red!important
}
.mx-width{
    width:90%
}
.forget-passwords{
    color:#f44336;
    margin-top:5px;
    font-size:18px;
    font-weight:500
}
.footer-login{
    padding-top:50px!important
}
.login-padding{
    padding-bottom:50px!important
}
.checkbox-control{
    height:26px;
    width:19px;
    margin-left:20px
}
.custom-control-labels{
    font-size:1.3rem!important;
    font-weight:700;
    color:#1c2437;
    text-transform:uppercase;
    font-family:Roboto,sans-serif;
    margin:2px 0 0 10px
}
.city-frm{
    margin-top:24px
}
.frm-cnt{
    height:48px!important
}
.content-wrap{
    box-shadow:rgb(0 0 0 / 10%) 0 4px 6px -1px,rgb(0 0 0 / 6%) 0 2px 4px -1px;
    padding:18px
}
.custom-area{
    height:auto;
    padding:10px 25px;
    background:#f1f4f7;
    font-size:1.4rem;
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#546274
}