:root{--accent:#00008b; --accent-dark:#000064;--dark:#2C2C2C; --dark2:#232323; --dark3:#323232;--dark-grey:#4D4D4F; --light-grey:#fafafd; --heading-color:#333;--primary-light-2: #F3EBFF;--second-color:#0055d3;}

html, body {width: 100%; height: 100%; margin: 0; padding: 0;}

body {font-family: 'Inter', sans-serif; font-size: 15px; color: #4d4d4f; font-weight: 400; line-height: 1.6; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*TRANSITIONS*/
.btn, a, button, .transition {webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; }

/*ANCHOR TAGS*/
a {color: #111; text-decoration: none; background-color: transparent; }
a:hover, a:focus{color: var(--dark);}
.form-control:focus{ box-shadow:none}
/*HEADINGS*/
h1, h2, h3, h4, h5, h6 {font-weight: 600; margin-bottom: .5rem; line-height: 1.3; color: var(--dark); line-height: 120%;}

/*SECTION HEADINGS*/
.section-heading{margin-bottom: 30px; }
.section-heading h3{font-weight: 700; color: var(--heading-color); font-size: 38px; line-height: 120%; margin-bottom: 10px; }
.section-heading p{color: #212529; font-size: 20px; margin-bottom: 0; line-height: 160%; opacity: 0.9; font-weight: 300;}

/*BUTTON*/
.btn{border-radius: 60px; font-weight: 500; font-size: 12px; letter-spacing:0.3px;display: inline-flex; align-items: center; justify-content: center;text-transform: uppercase;} 
.btn-sm{font-size: 10px; border-radius: 60px;}
.btn-lg{ border-radius: 60px; font-weight: 600; letter-spacing:0.5px; line-height: 1; padding-top: 16px;padding-bottom: 16px;}

/*BUTTON ACCENT*/
.btn.btn-accent{background-color: var(--accent); border-color: var(--accent); color:#fff; }
.btn.btn-accent:focus, .btn.btn-accent:hover{background-color: var(--accent-dark); border-color: var(--accent-dark); color:#fff; }
 
  
/*TEXT COLORS*/
.text-accent{color: var(--accent);}
.text-dark{color: var(--dark)!important;}

/*TEXT WHITE TO LIGHT WHITE*/
.text-white-5{color: rgb(255 255 255 / 5%)!important;} .text-white-10{color: rgb(255 255 255 / 10%)!important;} .text-white-20{color: rgb(255 255 255 / 20%)!important;} .text-white-25{color: rgb(255 255 255 / 25%)!important;} .text-white-30{color: rgb(255 255 255 / 30%)!important;} .text-white-35{color: rgb(255 255 255 / 35%)!important;} .text-white-45{color: rgb(255 255 255 / 45%)!important;} .text-white-50{color: rgb(255 255 255 / 50%)!important;} .text-white-55{color: rgb(255 255 255 / 55%)!important;} .text-white-60{color: rgb(255 255 255 / 60%)!important;} .text-white-65{color: rgb(255 255 255 / 65%)!important;} .text-white-70{color: rgb(255 255 255 / 70%)!important;} .text-white-75{color: rgb(255 255 255 / 75%)!important;} .text-white-80{color: rgb(255 255 255 / 80%)!important;} .text-white-85{color: rgb(255 255 255 / 85%)!important;} .text-white-90{color: rgb(255 255 255 / 90%)!important;} .text-white-95{color: rgb(255 255 255 / 95%)!important;}

/*TEXT BLACK TO LIGHT BLACK*/
.text-black-5{color: rgb(0 0 0 / 5%)!important;} .text-black-10{color: rgb(0 0 0 / 10%)!important;} .text-black-20{color: rgb(0 0 0 / 20%)!important;} .text-black-25{color: rgb(0 0 0 / 25%)!important;} .text-black-30{color: rgb(0 0 0 / 30%)!important;} .text-black-35{color: rgb(0 0 0 / 35%)!important;} .text-black-45{color: rgb(0 0 0 / 45%)!important;} .text-black-50{color: rgb(0 0 0 / 50%)!important;} .text-black-55{color: rgb(0 0 0 / 55%)!important;} .text-black-60{color: rgb(0 0 0 / 60%)!important;} .text-black-65{color: rgb(0 0 0 / 65%)!important;} .text-black-70{color: rgb(0 0 0 / 70%)!important;} .text-black-75{color: rgb(0 0 0 / 75%)!important;} .text-black-80{color: rgb(0 0 0 / 80%)!important;} .text-black-85{color: rgb(0 0 0 / 85%)!important;} .text-black-90{color: rgb(0 0 0 / 90%)!important;} .text-black-95{color: rgb(0 0 0 / 95%)!important;}

/*TEXT GREY AND DARK*/
.text-grey-100{ color: #f8f9fa;} .text-grey-200{ color: #e9ecef;} .text-grey-300{ color: #dee2e6;} .text-grey-400{ color: #ced4da;} .text-grey-500{ color: #adb5bd;} .text-grey-600{ color: #6c757d;} .text-grey-700{ color: #495057;} .text-grey-800{ color: #343a40;} .text-grey-900{ color: #212529;}
.text-grey{ color: #6c757d;} 
.text-grey-dark{ color: #343a40;} 

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*BACKGROUND COLORS*/
.bg-accent{background-color: var(--accent);}
.bg-dark{background-color: var(--dark);}
.bg-dark2{background-color: var(--dark2);}
.bg-dark-grey{background-color: var(--dark-grey);}
.bg-light-grey{background-color: var(--light-grey);}

/*SWIPER*/
.swiper-pagination-bullet-active-main {background: var(--accent);}

/*CUSTOM CONTAINER*/
.container-custom {max-width: 1116px;}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.navbar-brand img{ width:145px}
.site-header .navbar .nav-item .nav-link{ font-weight: 500;}
.site-header .navbar .nav-item .nav-link{color: var(--dark); }
.site-header .navbar .nav-item .nav-link:hover{color: var(--accent-dark);}
 
.site-header .navbar-toggler {padding: 3px 8px; border-color:var(--dark2); border-radius: 0; padding: 5px 8px; width: 42px; height: 38px; justify-content: center; align-items: center;}
.site-header .navbar-toggler .navbar-toggler-icon{background-image: none; position: relative; height: 2px; width: 100%;background-color:var(--dark2);}
.site-header .navbar-toggler .navbar-toggler-icon:before,
.site-header .navbar-toggler .navbar-toggler-icon:after{content: "";height: 2px; width: 100%; display: block; background-color:var(--dark2); position: absolute;}
.site-header .navbar-toggler .navbar-toggler-icon:before{top: -8px;}
.site-header .navbar-toggler .navbar-toggler-icon:after{bottom: -8px;}
 
/*HERO SLIDER===============================================================================*/
.hero-section{padding-top: 15px;padding-bottom: 15px;background-repeat: no-repeat;background-position: right top;background-size: cover}
.hero-content{max-width: 480px;padding-top: 20px;}
.hero-content .hero-heading{margin-bottom: 16px; font-size:40px; line-height: 1.2;}
.award-banner{ width:240px; margin-top:30px }


.hero-form-block{max-width:380px; margin-left: auto;margin-right: 0; width: 100%; background-color: var(--primary-light-2); padding: 15px; border-radius: 10px;box-shadow: var(--bs-box-shadow-sm); }
.hero-form-block h5 { font-size: 20px; font-weight: 600; margin-bottom:20px;}
 
.hero-form-block .hero-form-body {background-color: #fff; padding: 20px 16px; border-radius: 10px; box-shadow: var(--bs-box-shadow-sm);}
.hero-form-block .form-field-block {margin-bottom:10px;}
.hero-form-block .hero-form-body .form-control {border-radius: 10px; height: 45px; font-size: 14px;}
.hero-form-block .hero-form-body .btn{width: 100%;display: block;height: 55px; border-radius:10px}

  

/*AFTER BANNER===============================================================================*/
.after-banner figure{width:210px; z-index:1; margin-top:-60px}

/*ABOUT INTRO SECTION========================================================================*/
.about-intro{padding-top:50px; padding-bottom:50px; position: relative; overflow: hidden;}
.about-intro .right-image-shape{position: absolute; width: 100%; max-width: 360px; right: 0; bottom: 10%; z-index: 5;}
.about-media img{ border-radius:10px 10px 10px 120px;}

/*SERVICES SECTION========================================================================*/
.services-container .service-block{border-radius: 6px 6px 6px 20px; border-right: 5px solid var(--second-color); padding: 20px 20px 10px;}
.services-container .service-block p{font-size: 14px;}
.services-container .service-block img{max-width: 170px; border-radius: 10px 10px 10px 50px; margin-top: -60px;}

/*CTA SECTION========================================================================*/
.cta-section{position: relative; overflow: hidden; }
.cta-section figure img{margin-top: -60px;}

/*PROCESS SECTION========================================================================*/
.process-wrap .process-block{text-align: center;}
.process-wrap .process-block:last-child:after{display: none;}
.process-wrap .process-block:after{background-image: url(../images/arrow.svg); width: 166px; height: 26px; background-repeat: no-repeat; background-position: center; content: ""; position: absolute; right: -166px; top: 110px; transform: translate(-50%, 0); z-index: 1;}
.process-wrap .process-block figure{width: 120px; height: 120px; margin-left: auto; margin-right: auto; box-shadow: inset 0 0px 10px 3px #0000000f;}
.process-wrap .process-block figure img{height: 52px;width: 52px;}
.process-wrap .process-block .process-count{height: 42px;width: 42px;align-items: center; justify-content: center;position:relative; top: -21px;}

/*TESTIMONIALS SECTION========================================================================*/
.testimonial-section .swiper-pagination{position: relative; margin-left: auto; margin-right: auto; text-align: center; margin-top: 40px;left: 0!important; transform: none!important;}
.testimonial-section .swiper-pagination-bullet {opacity: 1; height: 12px; width: 12px; background-color: rgb(220 220 220 / 70%);}
.testimonial-section .swiper-pagination-bullet-active-main {background: var(--accent);}
.testimonial-section .swiper-button-next, .testimonial-section .swiper-button-prev{color: var(--accent);margin-top: -45px;}
.testimonial-section .swiper-button-next:after, .testimonial-section .swiper-button-prev:after{font-size: 30px;}

.swiper-slide .testimonial-image-block {transform: scale(0.70);}
.swiper-slide.swiper-slide-thumb-active .testimonial-image-block {transform: scale(1);}

.swiper-slide .testimonial-image-block .testimonial-user-info{opacity: 0;}
.swiper-slide.swiper-slide-thumb-active .testimonial-image-block .testimonial-user-info{opacity: 1;}


.testimonial-section .swiper-button-prev{margin-left:-15px;}
.testimonial-section .swiper-button-next{margin-right:-15px;}
.testimonial-section .testimonialTab.swiper{padding-left:5px; padding-right:5px;}

/*CTA SECTION FOOTER========================================================================*/
.cta-section2{background-image: url(../images/ctabg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;}
.cta-image{margin-top: -30px;}


/*FAQS SECTION========================================================================*/
.faq-block{margin-bottom: 12px; overflow: hidden; border-radius: 4px;}
.faq-block .faq-header{cursor: pointer; position: relative;}
.faq-block .faq-header h4{margin-bottom: 0; font-weight: 600;color:var(--dark); font-size:18px;}

.faq-block .faq-header:before, 
.faq-block .faq-header:after{content: '';background-color: var(--dark-grey);width: 12px;height: 2px;position: absolute;top: 30px;transition: all .4s ease-in-out;} 
.faq-block .faq-header:before {right: 21px; transform: rotate(-40deg);} 
.faq-block .faq-header:after {right: 30px; transform: rotate(40deg);} 

.faq-block .faq-content{display: none; padding-top: 12px; padding-bottom: 12px;}
.faq-block .faq-content p{font-size: 14px;}
 
.faq-block.isOpen {background: #fcfeff; border-color: var(--accent)!important;} 
.faq-block.isOpen .faq-header{color: var(--accent);} 
.faq-block.isOpen .faq-header:before, 
.faq-block.isOpen .faq-header:after{background-color: var(--accent);} 
.faq-block.isOpen .faq-header:before {transform: rotate(40deg);} 
.faq-block.isOpen .faq-header:after {transform: rotate(-40deg);}
.faq-block.isOpen .faq-header h4{color: var(--accent);}

/*FOOTER SECTION========================================================================*/
.site-footer{background-color:#000043;}
.site-footer .social-handles a:hover img{opacity: 0.7;}
.site-footer .goto-top:hover small{color:#fff;}
.site-footer .goto-top:hover img{opacity: 0.7;}



/*STICKY PANEL BUTTONS*/
.sticky-btn-panel{position: fixed; right: 10px; bottom: 10px; z-index: 99; display: flex; flex-direction: column; gap: 10px;}
.sticky-btn-panel .sticky-btn{height: 56px; width: 56px; font-size: 20px; display: flex ; align-items: center; justify-content: center; border-radius: 50px; color: #fff; cursor:pointer}
.sticky-btn-panel .sticky-btn img{ width:25px}
.sticky-btn-panel .sticky-btn span{display: none;}
.sticky-btn-panel .sticky-btn-chat{background: #E91E63;}
.sticky-btn-panel .sticky-btn-callback{background: #03A9F4;}

.sticky-btn-panel .sticky-btn:hover{transform: scale(1.05);}

/*POPUP FORM*/
 
.form_popup .hero-form-block, .hero-form-block .hero-form-body{background-color:transparent; padding:0; box-shadow:none; border-radius:0; max-width:100%}

/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/


@media (max-width: 1399.98px) {

}

@media (min-width: 992px) and (max-width: 1199.98px) {
	 
}


@media (max-width: 1199.98px) {
	.section-heading h3{font-size: 38px;}
}


@media (max-width: 991.98px) {
.section-heading{margin-bottom: 20px}
.section-heading h3{font-size: 36px;}
.section-heading p{font-size: 18px;}
}


@media (max-width: 767.98px) {
.section-heading{text-align: center; margin-bottom: 15px}
.section-heading h3{font-size: 30px;}
 .faq-block .faq-header h4{font-size: 18px; padding-right: 20px;}
}


@media (max-width: 575.98px) {
	 body {font-size: 16px; color: #212529;}
	.section-heading{margin-bottom: 10px}
	.section-heading h3{font-size: 25px;}
	.hero-content .hero-heading {margin-bottom: 5px;font-size: 27px;line-height: 1.2}
	.btn{ width:100%}
	.hero-section {background-size: cover;padding-bottom: 20px;}
	.after-banner{ text-align:center}
	.after-banner figure {width: 100%;margin-top: 0;margin-bottom: 20px !important;}
	.after-banner h2{ font-size:26px; margin-bottom:10px}
	.about-intro .right-image-shape {max-width: 100px;right: 0;bottom: 3%}
	.about-media img {border-radius: 10px}
	.services-container .service-block img {max-width: 100%;border-radius: 10px;margin-top: 0}
	
	 .cta-section {padding-top: 30px;}
     .cta-section .fs32 {font-size: 25px;}
	 .cta-section figure img {margin-top: -15px;width: 100%;}
	 
	 .process-wrap .process-block::after { display:none}
	 .cta-image {margin-top: 0px}
	  .number-btms {margin: 10px 0 0 10px;}
	  .cta-section2{overflow-x: hidden;} 
	  
	/*FAQS*/
	.faq-block .faq-header h4{font-size: 15px;}
	.faq-block .faq-content p{font-size: 14px;}
	
	.ft-links{ text-align:center; margin-top:50px}
	.goto-top{ padding-bottom:50px} 
	
	.sticky-btn-panel{left: 0;right: 0; bottom:5px; padding: 0 5px;flex-direction: row;width: 100%; justify-content: center;}
    .sticky-btn-panel .sticky-btn{width: 100%;}
    .sticky-btn-panel .sticky-btn span {display: block; font-size: 13px; font-weight: 600; padding-left: 8px;}
	
}