/****************************************** TYPOGRAPHY CSS ******************************************/
html{overflow-x: hidden; width: 100%;scroll-behavior: smooth;}
body {overflow-x: hidden;padding: 0 !important; margin: 0; font-size: 18px; color: #505050 !important; font-family: "Urbanist", sans-serif; line-height: 28px; letter-spacing: 0; font-weight:400;background: #ffffff;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button { outline: none !important; }
header, section, footer { display: block; }
em{font-style: italic;} 

/********************* LINK CSS *********************/
a { color: #1145BB; outline: none !important; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
a:hover, a:focus { color: #1145BB; }
* { margin: 0; padding: 0; }
*:focus { outline: none; }


/********** INPUT **********/
input::placeholder, textarea::placeholder {color:#505050 }


/********************* HEADING CSS *********************/
h1, h2, h3, h4, h5, h6 {display:block; line-height: 1.2; color: #030303; font-family:"Urbanist", sans-serif;text-transform: none;font-style: normal;letter-spacing: -0.24px;margin-bottom: 16px;}
h1 span{color: #1145BB;}
h1 { font-size: 80px; font-weight: 600;}
h2 { font-size: 54px; font-weight: 700;}
h3 { font-size: 36px; font-weight: 600;}
h4 { font-size: 30px; font-weight: 600;}
h5 { font-size: 24px; font-weight: 600;}
h6 { font-size: 20px; font-weight: 600;}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top:0;}

/********************* P CSS *********************/
p { float: none; margin: 0 0 20px 0; padding: 0;}
p:last-child { margin: 0 0 0px 0; }
p strong, b, strong{font-weight:700;}


/********************* LISTING CSS *********************/
ul { margin: 0 0 15px 0; padding: 0; display: block; text-align:left; }
ul li { margin: 0; padding: 0 0 0 20px; position: relative; line-height: 24px; list-style: none; }
ul li::before {content: "";width: 5px;height: 5px;background-color: #000000; position: absolute;left: 0px;top: 9px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; }
ul li:last-child{ margin-bottom:0px;}
ul li a { color: #1145BB; }
ul li a:hover { color: #000000; text-decoration: none; }
ul li ul{ margin:7px 0 12px 0px;}

ol { margin: 0 0 15px 3px; padding: 0; text-align:left;counter-reset: list; }
ol li { margin: 0 0 5px 0; padding: 0; position: relative; line-height: 30px; list-style: none; }
ol li a { color: #1145BB; }
ol li a:hover { color: #000000; text-decoration: none; }
ol ol{ margin: 7px 0 7px 26px;}
ol li:before{counter-increment: list;content: counter(list) ". ";margin-right: 12px;display: inline-block;}
ol ol li:before{counter-increment: listsub;content: counter(list) ". " counter(listsub);}
ol ol ol li:before {counter-increment: listsub2; content: counter(list) ". " counter(listsub) ". " counter(listsub2);}


/********************* IMAGE CSS *********************/
img { border: none; vertical-align: middle; max-width: 100%; }
.alignleft { float: left; margin: 18px 50px 36px 0;}
.alignright { float: right; height: auto; margin: 16px 0 36px 50px;}
.aligncenter { display: block; margin: 26px auto 34px auto;}


/********************* BUTTON CSS *********************/
.btn { background-color: #1145BB;border: 1px solid #1145BB;text-align:center; color: #FFFFFF; font-weight: 600; position:relative; font-family: "Urbanist", sans-serif;display: inline-block; font-size: 16px;letter-spacing: 0;line-height: 1.2; padding:12px 40px;box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; vertical-align: middle;text-transform:none;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);overflow: hidden;transform: translate3d(0px, 0%, 0px);transition-delay: 0.6s;box-shadow: 0px 0px 0px 1px #1C1B1C4D inset;}
.btn:hover, .btn:focus, .btn:active {color:#FFFFFF !important;background-color: #3574E3; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

.btn.white{background-color: #FFFFFF;color: #1145BB;border: 1px solid #FFFFFF;}
.btn.white:hover, .btn.white:focus, .btn:active, .btn:first-child:active{background-color: #1145BB !important;color: #FFFFFF !important;}
.btn.white-border{border-color: #ffffff;background: transparent;}
.btn.white-border:hover, .btn.black-border:hover{background: #1145BB;}
.btn.black-border {border: 1px solid #E6E6E6;background: transparent;color: #030303;}


.padx{padding-top: 80px;padding-bottom: 80px;}
.pad-top{padding-top: 80px;}
.pad-bottom{padding-bottom: 80px;}
.pt-60{padding-top: 60px;}
.pt-40{padding-top: 40px;}
.mt-32{margin-top: 32px;}

blockquote {padding-left: 40px;}
blockquote:before {content: "";background: url(../images/blockquote.svg) no-repeat;width: 28px;height: 28px;position: absolute;left: 0;}
.blockquotes .qtpname {color: #282828;}


/* Header Menu Style   */

header {position: fixed;background: #0505058C;backdrop-filter: blur(10px);z-index: 99;padding: 12px 12px 12px 20px;border-radius: 100px;z-index: 9;top:20px;left: 50%;transform: translateX(-50%);border: 1px solid #FFFFFF33;width: max-content;transition: top 0.5s ease-in-out}

header.headersticky {width: 100%;left: 0;transform: none;top:0;border-radius: 0;border: none;box-shadow: rgba(0, 0, 0, .2) -.5px .9px 5px 0;}
.headersticky .container {justify-content: center;}

.navigation-main { padding-left: 35px;}
.navigation ul li {display: inline-block;padding-right: 2px;padding-left: 0;}
.navigation ul li:before {display: none;}
.navigation ul li a{color: #FFFFFF;font-size: 16px;line-height: 22px;font-weight: 500;padding: 4px 10px;}
.navigation ul li a:hover{color: #ed4b00;}
.nav-right {display: none;}
.navigation ul li.btn{margin-left: 20px;}
.navigation ul li.btn a {padding: 12px 40px;}
.navigation ul li.btn a:hover{color: #FFFFFF;}

/* Footer Style   */
footer{background: #FAFAFA;padding: 94px 0 0;}
footer *{color: #000000;}
footer h6{margin-bottom: 20px;font-size: 18px;font-weight: 500;line-height: 26px;letter-spacing: 0;}
footer p{font-size: 20px;font-weight: 400;line-height: 34px;letter-spacing: 0;}
footer ul li::before{display: none;}
footer ul li{margin-bottom: 16px;padding: 0;line-height: 30px;}
footer ul li a{color: #000000 ;}
footer ul li a:hover{color: #1145BB;}
.footer-newsletter{padding-top: 40px;}

.footer-top {padding-bottom: 60px;}
.footer-bottom {border-top: 1px solid #DEDEDE;padding-top: 24px;padding-bottom: 24px;}
.footer-logo {margin-bottom: 24px;}
.copyright p {font-size: 16px;}

.newsletter-form {position: relative;}
.newsletter-form img {position: absolute;left: 6px;top: 4px;z-index: 1;}
.newsletter-form input.wpcf7-email {border-radius: 50px;padding: 7px 100px 7px 60px;margin-bottom: 0;}
.newsletter-form .btn {position: absolute;right: 0;padding: 14px 22px;margin-bottom: 0;}
.wpcf7-spinner {position: absolute;top: 12px;}
span.wpcf7-not-valid-tip {position: absolute;font-size: 14px;line-height:normal;}
.wpcf7-form.invalid .newsletter-form input.wpcf7-email { border-color: #f00;}
.wpcf7 form .wpcf7-response-output {font-size: 14px;line-height: normal;text-align: center;}

.social-contact {justify-content: end;gap:16px;margin: 0;}
.social-contact li {margin: 0;}
.social-contact li a img{-webkit-transition: all 0.4s ease-in-out !important;-moz-transition: all 0.4s ease-in-out !important; transition: all 0.4s ease-in-out !important;}
.social-contact li::before{display: none;}
.social-contact li a:hover img {filter: brightness(0) saturate(100%) invert(16%) sepia(72%) saturate(3742%) hue-rotate(218deg) brightness(95%) contrast(90%);}

.swiper-pagination {top: 40px !important;}
.swiper-pagination-bullet {background: #EAEAEA;width: 15px;height: 15px;border-radius: 20px;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;opacity: 1;margin: 0 3px !important;}
span.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;background: #1145BB;}


/* Home Hero Section  */
.container{padding-left: 60px;padding-right: 60px;}
.small-title{font-size: 16px;line-height: 28px;font-weight: 500;color: #030303;border: 1px solid #E6E6E6;border-radius: 50px;padding: 0 20px;max-width: fit-content;margin-bottom: 15px;}

.home-hero-section{position: relative;display: flex;align-items: center;min-height: 100vh;background-size: cover !important;background-position: center !important;}
.home-hero-section:before {content: "";background: #0000004D;position: absolute;width: 100%;height: 100%;}
.hero-content{position: relative;max-width: 80%;margin: 0 auto;}
.hero-content *{color: #ffffff;}
.hero-content p {font-size: 20px;line-height: 34px;margin: 20px 0 40px;}
.hero-content .small-title{border: none;max-width: 100%;}


/* What We Do Section   */
.wwdo-section{overflow: hidden;}
.wwedo-slider{overflow: visible;}
.wwedo-img img {border-radius: 12px;}
.wwedo-text {padding: 12px;}
.wwedo-text h6{margin-bottom: 8px;}
.wwedo-text p{font-size: 16px;line-height: 24px;font-weight: 500;}

.twocol-img img{border-radius: 32px;}

.impact-col.text-white *{color: #fff;}
.impact-col.text-black *{color: #030303;}
.impact-box {padding: 32px 25px;border-radius: 32px;position: relative;min-height: 420px;overflow: hidden;}
.impact-col:first-child .impact-box{background: #81FEB3;}
.impact-col:nth-child(2) .impact-box{background: #000000;}
.impact-col:nth-child(3) .impact-box{background: #1145BB;}
.impact-box .percentage {font-size: 72px;line-height: 108px;font-weight: 600;}
.impact-box h6{font-weight: 500;}
.impact-box img {position: absolute;bottom: 0;right: 0;}
.impact-box .position-relative.z-1 {max-width: 55%;}

.blue-box{background: #1145BB;border-radius: 32px;}
.commitment-section h2{font-size: 44px;line-height: 52px;}
.commitment-section .blue-box{padding: 50px 0 0 60px;overflow: hidden;}

.commt-item {background: #fff;margin-bottom: 20px;padding: 20px;border-radius: 24px;position: relative;z-index: 1;}
.commt-item:last-child {margin-bottom: 40px;}
.commt-item h6{display: flex;gap:8px;align-items: center;margin-bottom: 8px;}
.commt-item p{font-size: 16px;line-height: 24px;}
.blue-ellipes{right: 0;}
.blue-ellipes:before {content: "";background: #255CD8;border-radius: 100%;position: absolute;width: 670px;height: 750px;top: 0;right: 30px;}
.blue-ellipes img {position: relative;max-width: 900px;}

.video-box {border: 12px solid #FAFAFA;border-radius: 32px;}
.video-box video{border-radius: 32px;cursor: pointer;}

.play-icon {top: 50%;left: 50%;transform: translate(-50%, -50%);}
.play-icon:before {content: "";background: #3574E333;backdrop-filter: blur(5.526315689086914px);border-radius: 100px;width: 120px;height: 120px;position: absolute;margin: -15px;}
.play-icon img{position: relative;}

.big-galley-slider {width: max-content;animation: scroll 30s linear infinite;display: flex; gap: 20px;margin-bottom: 20px;}
.small-galley-slider {width: max-content;animation: scrollRight 10s linear infinite;display: flex;gap: 20px;}
.big-galley-slider img {object-fit: cover;min-width: 650px;max-width:650px;max-height:350px;}
.small-galley-slider img {object-fit: cover;min-width: 425px;max-width:425px;max-height:250px;}
.gall img{border-radius: 20px;}


@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes scrollRight {
  from {
    transform: translateX(-10%);
  }
  to {
    transform: translateX(0);
  }
}



/* FAQs Section  */
.faqs-section .faq-box{background: linear-gradient(180deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 100%);padding: 60px 60px 0;border-radius: 32px;}
.faqsectext {padding-left: 100px;text-align: right;}
.accordion-item {border: 1px solid #0303031A !important;background: #ffffff;color: #606060;margin-bottom: 24px;border-radius: 24px !important;}
.accordion-button {background: #ffffff !important;padding: 24px;font-size: 18px;line-height: 28px;font-weight: 600;box-shadow: none !important;color: #030303 !important;border-radius: 24px !important;}
.accordion-button.collapsed {background: transparent !important;}
.accordion-body {padding: 0 60px 22px 24px;background: #ffffff;border-radius: 24px !important;font-weight: 500;}
.accordion-body *{font-size: 16px;line-height: 24px;color: #505050;font-weight: 400;}
.accordion-body strong{font-weight: 500;}

.help-col {border: 1px solid #E6E6E6;}
.help-col:nth-child(1){border-radius: 20px 0 0 20px;}
.help-col:nth-child(2) {border-right: 0;border-left: 0;}
.help-col:nth-child(3){border-radius: 0 20px 20px 0;}
.help-box {padding: 40px 16px;text-align: center;}
.help-box img, .help-box p{margin-bottom: 30px;}
.help-box h5 {margin-bottom: 8px;}
.help-box .btn {width: 100%;}

.testimonial-block {text-align: center;}
.testi-text {font-size: 36px;line-height: 50px;font-weight: 600;color: #030303;padding: 30px 40px 40px;}
.tauthinfo {text-align: left;}
.tauthname {color: #030303;font-weight: 600;font-size: 18px;line-height: normal;}
.tauthrole {font-size: 14px;line-height: normal;}

/* Blue box */
.bottom-blue-box .section-title{padding-bottom: 40px;}
.bottom-blue-box .blue-box{padding: 90px 50px;position: relative;overflow: hidden;}
.bottom-blue-box .col-md-3 {position: relative;z-index: 1;}
.bottom-blue-box .ellipes:before {content: "";background: #255CD8;width: 80%;height: 800px;position: absolute;border-radius: 100%;left: 50%;transform: translateX(-50%);}
.bottom-blue-box .ellipes img {position: relative;}
.bbgimg{top:30px;}
.bottom-blue-box .ellipes p {font-size: 16px;line-height: 24px;}
.bottom-blue-box .col-md-3 h5 {font-weight: 500;margin-top: 16px;}


/* Inner page hero section  */
.inner-hero-section{display: flex;align-items: center;min-height: 80vh;background-size: cover !important;background-position: center !important;position: relative;}
.inner-hero-section.small-banner {min-height: 50vh;}
.inner-hero-section:before {content: "";background: #0000004D;position: absolute;width: 100%;height: 100%;}
.inner-hero-section .small-title {max-width: fit-content;margin: 0 auto 16px;}
.inner-hero-section .hero-content{padding-top: 60px;}

/* About us */
.about-our-story-section p{font-size: 30px;line-height: 42px;}
.vsms-block {margin-bottom: 40px;}

.team-img {background: #FAFAFA;border-radius: 30px;margin-bottom: 16px;}
.team-img img{max-height: 365px;}
.team-text h6 {font-size: 24px;font-weight: 400;margin: 0;}


/* Contact us  */
.contact-form-box {border: 10px solid #FAFAFA;padding: 24px;border-radius: 32px;}
.contact-form .row {row-gap: 20px;}
.wpcf7-form-control {font-family: "Urbanist", sans-serif;width: 100%;border: 1px solid #0000001A;border-radius: 10px;padding: 14px 20px;font-size: 14px;}
textarea{max-height: 180px;}
.wpcf7-submit {border-radius: 30px;font-size: 16px;max-width: fit-content;padding: 14px 30px;}
.wpcf7-form.invalid .wpcf7-not-valid {border-color: #f00;}

.location-box {background: #FAFAFA;padding: 30px;border-radius: 30px;margin-bottom: 32px;}
.contact-info {border-top: 1px solid #000000;padding-top: 24px;}
.contact-info ul li:before {display: none;}
.contact-info ul li {padding: 0;font-size: 16px;line-height: 28px;}
.contact-info *{color: #000000;} 
.contact-info a:hover, .contact-info a:hover span{color: #1145BB;}
.location-map iframe{border-radius: 30px;}

.modal {padding: 0 !important;}
.modal-dialog {max-width: 750px;}
.modal-content {border: none;border-radius: 32px;}
.modal-body {padding: 0;}
.modal-backdrop.show {backdrop-filter: blur(50px);opacity: 0.8;background: #ffffff80;}
.modal-close {cursor: pointer;z-index: 1;right: 20px;top: 20px;}
.modal-close:hover img {filter: invert(1) brightness(0);}