html, body {font-family: 'Assistant', sans-serif; }
a {text-decoration: none}
.my-large {margin: 80px auto;}
.mb-large {margin-bottom: 80px;}
.my-large-double {margin: 160px auto;}
.py-large {padding-top: 80px; padding-bottom: 80px;}
.pt-large {padding-top: 80px}
.pb-large {padding-top: 80px}
.section-width-fluid {padding: 0 110px;}
.navbar {background: transparent !important}
.navbar-brand {margin-left: 100px; margin-right: 0}
.bg-top-decoration {position: absolute; left: 0; right: 0; top: 0px; z-index: -1; width: 100%; overflow: hidden;}
.hero-list ul{list-style-type: none; list-style-image: url('../assets/images/icon-check.svg');}
.hero-list ul li h5{line-height: 1.5;}
.cf-header {max-width: 1000px; margin: auto}
.dots-decoration {position: absolute; right: 0; bottom: -150px; z-index: -1}
#services {background-image: url('../assets/images/bgTopL.svg'); background-size: cover; background-repeat: no-repeat; padding-top: 150px; }
.service {background: #FFFFFF; box-shadow: 0px 0px 20px #756CE221; min-height: 440px; padding-top: 50px; padding-bottom: 25px; padding-left: 30px; padding-right: 30px; transition: all 0.3s ease-in-out;}
.service:hover {box-shadow: 0px 0px 10px #756CE2; }
.half-circle-decor {position: absolute; left: 0; bottom: 50px; z-index: -1}
.dots-horizontal {position: absolute; left: 150px; bottom: 60px; z-index: -1}
.full-circle-light-blue {position: absolute; right: 0; top: 100px; z-index: -1}
.half-circle-vertical-decor {position: absolute; right: -40px; bottom: 150px;z-index: -1}
.slick-dots {bottom: -60px !important}
.slick-dots li button:before {font-size: 11px !important; line-height: 11px !important; color: #DEDEDE !important; opacity: 1 !important}
.slick-dots li.slick-active button:before {color: #756CE2 !important;}
#process {background-image: url('../assets/images/process.svg'); background-size: cover; background-repeat: no-repeat; background-position: bottom }
.contact-details {font-size: 22px;}
#process h2 i {font-size: 30px;}
.header-box {max-width: 1200px; margin: auto}
.process-box {box-shadow: 0px 0px 20px #756CE221;border-radius: 30px; padding: 30px 60px; width: 450px;background: #fff; position: relative; z-index: 2}
.process-box p {color: #707070}
.process-bullet {width: 95px; height: 95px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #756CE2; position: absolute; left: calc(50% - 47.5px); top: 30px;z-index: 2}
.process-container {display: flex; justify-content: flex-end}
.pr-right {justify-content: flex-start !important}
.process-container hr {border: 2px dashed #EED11C; width: 20%; position: absolute; z-index: 1; top: 62.5px; opacity: 1}
.process-container hr {left: 50%; }
.pr-left hr {right: 50%;}
#process .row {max-width: 1200px; margin: auto}
.half-circle-vertical-yellow {position: absolute; left: 0; bottom: 80px; width: 151px; height: 323px}
.twoDots {position: absolute; left: 20px; bottom: 20px; width: 84.5px; height: 74px }
.custom-underline {border: 5px solid #EED11C; width: 100px; opacity: 1; border-radius: 2px}
.testimonials .row {margin: 0 15px;}
.testimonials .testimonial {background: #F7F7FD; padding: 60px 100px;box-shadow: 0px 0px 20px #756CE221;
border-radius: 30px;}
#testimonials .slick-prev:before {content: url('../assets/images/tst-arrow-right.svg')}
#testimonials .slick-next:before {content: url('../assets/images/tst-arrow-left.svg')}
#testimonials .slick-prev, #testimonials .slick-next {z-index: 2; box-shadow: 0px 0px 20px #756CE221; width: 56px; height: 56px; border-radius: 50%; background: #fff;}
.two-yellow-dots {position: absolute; right: 15px; bottom: 50px; width: 66px; height: 88px;}
.half-light-blue-substruct-left {position: absolute; width: 556px; height: 755px; left: 0; bottom: -300px; z-index: -1;}
/*footer {background: #262626;}*/
.half-circle-light {position: absolute; bottom: 50px; right: 0; width: 160px; height: 489px;z-index: -1;}
.customer-logos img {width: 165px; height: 165px;}
footer ul {list-style-type: none; padding: 0}
footer ul li {line-height: 1.7}
footer ul li a:hover{color: #EED11C}
.img-hero img {position: absolute; transition: transform 0.2s;}
.whatsAppCall {position: fixed; right: 10px; bottom: 100px; width: 100px; height: 100px; cursor: pointer}
.close-wa-flying i {cursor: pointer}
.whatsApp-container {box-shadow: 0px 0px 20px #756CE221; width: 380px; height: 485px; background: #fff; position: fixed; right: 15px; border-radius: 30px; overflow: hidden; border: 1px solid #333; opacity: 0;  z-index: 150; transition:opacity 1s;bottom: -1000px;}
.wa-header {height: 235px; border-top-left-radius: 30px; border-top-right-radius: 30px }
.wa-header p {width: 90%; margin: auto}
.wa-body {width: 90%; margin: auto}
.wa-body textarea {margin: -90px auto 0 auto; color: #707070; max-height: 240px}
.wa-body a {width: 100%; text-align: center}
.modal.show .modal-dialog {max-width: 800px; }
.modal-content {padding: 15px 100px}
.modal-header {justify-content: flex-end}
.modal .btn-close {position: absolute; left: 30px; top: 30px;}

.special-hover:hover {background: #EED11C; border: 1px solid #EED11C;}
.ot-img {position: absolute; left: -70px; top: -70px; width: 165px;}
.modal .otfull {position: absolute; right: 30px; top: 0px; max-width: 210px;z-index: 10}
#exit-site .modal-content {padding: 15px !important; border: 1px solid #EED11C}
#exit-site .modal-dialog-scrollable .modal-body {overflow-y: hidden;}
.exit-dots-decoration {position: absolute; right: 0; top: 40%; width: 80px; z-index: 0}

@media only screen and (max-width: 1500px){
    .dots-horizontal {left: 0;}
    
}
@media only screen and (max-width: 1200px){
    .process-box {margin-bottom: 160px; margin-left: auto; margin-right: auto;}
    .process-box h5, .process-box h4 {text-align: center}
    .process-bullet {top: -130px}
    .process-container hr {width: 1px; height: 30px; top: -50px;}
    .header-box h5 {margin-bottom: 150px}
    
    
}
@media only screen and (max-width: 992px){
    .dots-horizontal {width: 220px; left: 0; bottom: 55px;}
    .tst-outer {flex-direction: column}
    form .col-auto {width: 100%}
    .modal .otfull {position: static; margin: auto;}
    #exit-site .modal-dialog-scrollable .modal-body {overflow-y: auto;} 
}
@media only screen and (max-width: 767px){
    .py-large {padding: 40px 0;}
    .section-width-fluid {padding: 0 15px}
    #testimonials .slick-prev {right: -5px;}
    #testimonials .slick-next {left: -5px;}
    .my-large {margin: 40px auto;}
    .my-large-double {margin: 80px auto;}
    .half-circle-decor {bottom: -200px}
    .full-circle-light-blue {top: -100px;}
    .dots-horizontal {display: none;}
    .process-box {margin-bottom: 160px}
    .process-box h5, .process-box h4 {text-align: center}
    .process-bullet {top: -130px}
    .process-container hr {width: 1px; height: 30px; top: -50px;}
    .header-box h5 {margin-bottom: 150px}
    .half-circle-vertical-yellow {bottom: 250px}
    .twoDots {left: auto; right: 0; bottom: 300px}
    .testimonials .testimonial {padding: 30px 15px}
    .testimonials .row {margin: auto}
    
    .two-yellow-dots {bottom: -25px;}
    #services h2 {padding: 0 30px;}
    #process h2 {padding: 0 50px;}
    .half-circle-light {right: -70px}
    .whatsAppCall {width: 50px; height: 50px}
    .customer-logos img {width: 230px; height: 230px}
    
    .modal-content {padding: 30px 15px;}
    #exit-site .modal-dialog {min-height: 110vh !important ;}
    #exit-site .btn-close {left: 15px; top: 15px;}
    
}