@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
 
html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body {line-height: 1.6; color:#505a63; font-family: 'Hind', sans-serif;  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
.btn, a, button {webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-o-transition: all 250ms ease;-ms-transition: all 250ms ease; transition: all 250ms ease;}
a { text-decoration: none;color: #000;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*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;}

/*HEADINGS*/
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ color:#000; font-family: 'Inter', sans-serif;}
.all_heading{font-size:38px; font-weight:700;}  
 

/*BUTTONS*/
.btn {font-size: 15px;padding-top: 10px;padding-bottom: 10px;padding-left: 25px; padding-right: 25px;font-weight: 500;border-radius: 50px;letter-spacing:0.5px;}

.btn-primary{ border-color:#367db2;color: #fff; background:#367db2;-webkit-box-shadow: 0px 0px 5px 2px rgba(40,190,150,0.12);-moz-box-shadow: 0px 0px 5px 2px rgba(40,190,150,0.12); box-shadow: 0px 0px 5px 2px rgba(40,190,150,0.12);}
.btn-primary:hover{ background-color:#1e293f; border-color:#1e293f}
 
 
/*FORM CONTROL*/
.form-control:focus {color: #212529;background-color: #fff;border-color: #505050; outline: 0; box-shadow: 0 0 0 0.25rem rgb(50 50 50 / 25%);}


/*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;}


/*CONTAINER*/
.custom-width{max-width: 1140px} 

/*TEXT COLORS*/
 

/*BACKGROUNDS COLORS*/
 
/*#################################################*/
/*################## MAIN STYLE ###################*/
/*#################################################*/

/*HEADER*/
.site_header .navbar {transition: 0.5s all; background:#fff;padding:5px 0;}
.site_header .navbar-brand .logo{ width:140px }
.site_header .navbar ul li a.nav-link {color: #303030;margin-left: 10px; margin-right: 10px;font-size: 15px; font-weight: 600;}
.site_header .navbar ul li a.nav-link:hover{color: #367db2; }
.site_header .navbar ul li a.nav-link.active{ border-bottom: 2px solid #367db2;}
.site_header .dropdown-toggle::after { border-top: .3em solid #367db2;}


/*BOOTSTRAP DROPDOWN ON HOVER*/
.site_header .dropdown-menu{ border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; padding-bottom: 8px; margin-top: 0;}
.site_header .dropdown-menu .dropdown-item{font-size: 13px;}
.site_header .dropdown-menu .dropdown-item:hover,
.site_header .dropdown-menu .dropdown-item:focus{background-color: transparent;color:#367db2;}
.site_header .dropdown:hover>.dropdown-menu{display: block;}
 

/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0;  left: 0;  z-index: 1030;background-color: #fff; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);padding-top: 10px;padding-bottom: 10px; z-index: 99;animation: smoothScroll 1s forwards;}

@keyframes smoothScroll {0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}
/*Banner HERO*/
/*  OWL NAV BUTTONS*/
.owl-carousel .owl-nav {margin-top: -30px; position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; height: 0; }
.owl-carousel .item > div{position: relative; z-index: 9; }
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {font-size: 14px; text-align: center; line-height: 42px; height: 40px; width: 40px; background-color: #fff; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.32); border-radius: 50px; color: #444; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; visibility: hidden; opacity: 0; }
.owl-carousel:hover button.owl-prev, 
.owl-carousel:hover button.owl-next {visibility: visible!important; opacity: 1!important; }
.owl-theme .owl-nav [class*=owl-]:hover{background-color:#303030; color: #fff; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #367db2;}

#hero__slider .owl-dots{position: absolute; left: 0; right: 0; bottom:20px; }
#hero__slider.owl-carousel .owl-nav button.owl-next, 
#hero__slider.owl-carousel .owl-nav button.owl-prev {font-size: 18px; line-height: 65px; height: 60px; width: 60px; background-color: rgba(0, 0, 0, 0.15); box-shadow: none; text-shadow: 0 1px 0px rgba(255, 255, 255, 0.45); color: rgba(255, 255, 255, 0.10); visibility: hidden; opacity: 0; }
#hero__slider  .owl-nav.disabled+.owl-dots {  position: absolute; bottom: 0; left: 20px;}
#hero__slider  .owl-dots .owl-dot span { margin: 5px 3px;width: 10px;height: 10px;}
#hero__slider .owl-dots .owl-dot.active span, #hero__slider .owl-theme .owl-dots .owl-dot:hover span { background: #367db2;}


.hero__content{position: absolute; width: 100%; color: #fff; top: 55%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); min-height: 250px;}
.hero__content .heading__font{ line-height:50px;font-weight:900;font-size: 42px;}
.hero__content p{ color:#2d2d2d; font-size:20px;line-height:40px}

/*----about us css-----*/ 
.About_home{ padding:70px 0 40px 0; background: #fff url(../images/about-bg.png) no-repeat bottom right;}
.ab-txt-top{ font-size: 15px;color: #303030; letter-spacing: 2px; text-transform: uppercase;font-weight: 600;margin-top: 16px;margin-bottom: 5px; display: block;}
 
.home-about  h3 { display: block; font-size: 20px;line-height: 1.2em;color: #367db2; font-weight: 400;
 margin-bottom: 18px;}
.home-about .text {line-height: 26px; }

.video-btn a { position: absolute;top: 0;left: 0;right: 0;margin: auto;content: "";bottom: 0;height: 70px;width: 70px;background: #ffffff;line-height: 70px;text-align: center;border-radius: 50%;font-size: 16px;color:#e92843;-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;}

@-webkit-keyframes pulse {
 0% { -webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4)}
 70% {-webkit-box-shadow:0 0 0 45px rgba(255,255,255,0)}
 to {-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@keyframes pulse {
 0% { box-shadow:0 0 0 0 rgba(255,255,255,.4)}
 70% {box-shadow:0 0 0 45px rgba(255,255,255,0)}
 to {box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
/* --Key-Benefits css-- */
.Key-Benefits{background:#f8fcff; padding:60px 0}
.Key-Benefits .feature-block{background: #fff; box-shadow: 0px 0px 18px 5px rgba(154, 161, 171, 0.18);margin-bottom: 50px;-webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;border: 1px solid #fff;}
.Key-Benefits .feature-block:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);border: 1px solid #a7cbe7}
.Key-Benefits .feature-block .feature-content {padding-left:15px;}
.Key-Benefits .feature-block { margin-bottom: 30px;padding: 15px;border-radius: 10px}
.Key-Benefits .feature-icon {line-height: 65px}
.Key-Benefits .feature-block p{ font-size:14px; line-height:20px}
.img-box img {animation: floating 7s infinite;-webkit-animation: floating 7s infinite}
@keyframes floating {
0% { -webkit-transform: rotateX(0deg) translateY(0px);-moz-transform: rotateX(0deg) translateY(0px); -ms-transform: rotateX(0deg) translateY(0px); -o-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px);}
50% {-webkit-transform: rotateX(0deg) translateY(15px);-moz-transform: rotateX(0deg) translateY(15px);-ms-transform: rotateX(0deg) translateY(15px);-o-transform: rotateX(0deg) translateY(15px);transform: rotateX(0deg) translateY(15px);}
100% {-webkit-transform: rotateX(0deg) translateY(0px);-moz-transform: rotateX(0deg) translateY(0px);-ms-transform: rotateX(0deg) translateY(0px);-o-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px);}}

@-webkit-keyframes floating {
0% { -webkit-transform: rotateX(0deg) translateY(0px);-moz-transform: rotateX(0deg) translateY(0px);-ms-transform: rotateX(0deg) translateY(0px);-o-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px);}
50% { -webkit-transform: rotateX(0deg) translateY(15px);-moz-transform: rotateX(0deg) translateY(15px);-o-transform: rotateX(0deg) translateY(15px);transform: rotateX(0deg) translateY(15px);}
100% {-webkit-transform: rotateX(0deg) translateY(0px);-moz-transform: rotateX(0deg) translateY(0px);-ms-transform:rotateX(0deg) translateY(0px);-o-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px);}}

/*----how-we-work----*/
.how-we-work .about-text .icon {color: #367db2;font-size: 22px;border-radius: 50%;background-color: #FFFFFF;
box-shadow: 5px 6px 18px 0px rgba(0,0,0,0.15);width:50px;height:50px;line-height: 50px;display: inline-block;text-align: center;position: relative;}
.how-we-work .d-flex:hover .icon{ background-color:#367db2; color:#fff}
.how-we-work .about-text .icon.icon-line:after {content: "";position: absolute;width: 1px;height: 100%;
background-color: #ddd; bottom: -100px;left: 50%; right: 50%;transform: translate(-50%, -50%);}

 /*-------fact-counter--------*/
.counter-section{position:relative;background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;padding:140px 0px 100px;}
.counter-section:before{position:absolute;content:'';left:0px;top:0px;width:100%;height:100%;display:block;background-color:rgba(0,0,0,0.70);}
.fact-counter{position:relative;}
.fact-counter .column .inner{position:relative;text-align:center;}
.fact-counter .count-outer .count-text{position:relative;font-weight:900;color:#367db2;font-size:50px;margin-top: 25px;display: inline-block;}
.fact-counter .column .counter-title{ font-size: 16px;font-weight: 400;color: #ffffff; text-transform: uppercase;}
.fact-counter .icon-box i {color: #fff;font-size: 35px;border: 1px dashed #fff;height: 70px;width: 70px;display: inline-block;line-height: 70px;-webkit-clip-path: polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path: polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);}

/*---Testimonials ----*/
.testimonial{border-radius: 4px; padding:15px; margin-top: 20px; border: 1px solid #f9f9f9;padding-bottom:40px;min-height: 455px; margin-bottom: 10px;}
.testimonial:before {content: '';position: absolute;top: 12%; left:0;width:5px;height:55px;background: #367db2; border-radius:0px 5px 5px 0px }
.testimonial .pic{ width: 90px; height: 90px; border-radius: 50%;  margin: 0 auto; border: 3px solid #fff; box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);position: relative;  margin-top: -35px;}
.testimonial:after{content: "\f10e";font-family: "FontAwesome";color: #367db2;position: absolute;bottom: 10px;right: 16px;
margin: 10px auto;font-size: 43px;}
.testimonial .pic img{ width: 100%; height: auto; border-radius: 50%;}
.testimonial .testimonial-content{padding: 10px}
.testimonial .description{}
.testimonial .testimonial-title{font-size: 16px; color: #414141;margin-bottom: 2px;}
.testimonial .post{font-size: 13px; color: #367db2;margin-bottom: 5px; display: inline-block;}

/******------Footer--------******/ 
.footer {background: #222 url(../images/footer-bg.png) repeat center center;padding: 40px 0 40px 0; color:#b8b8b8; background-size:cover}
.footer h3.footer-title {font-size: 14px;color: #fff;margin-bottom: 13px; text-transform:uppercase}
.footer-links ul li a {color: #b8b8b8;line-height:28px;font-weight: 400; font-size:15px}
.footer-links ul li a:hover, .footer-links a:hover {color: #367db2}
.footer h5 {font-size: 14px; color: #fff;margin-bottom: 0;}
.footer .ak_number{ color:#fff; font-size:18px}

.leftborder{ position:relative}
.leftborder:after {content: "";position: absolute;right: 45px;background: #d2dee6; height:85%; width: 1px;top: 0;}

.footer .contact span {padding-bottom: 10px;display: block;padding-top: 5px;padding-left: 45px;
position: relative;} 
.footer .contact i {color: #367db2;width: 35px;height: 35px;text-align: center;line-height:32px;font-size: 16px;position: absolute;left: 0;  border-radius: 50px; padding-left: 1px;}
.foot-adds{ font-size:15px}

/*--------APP button footer------------*/
.apple-button, .google-button {width: 180px; display: inline-block;margin-top: 30px;}
.app-button a {border: 2px solid #ffffff;border-radius: 5px;padding: 8px 15px;text-decoration: none;color: #ffffff;display: block;}
.apple-button .slider-button-icon {padding: 0px 20px 6px 3px;float: left;}
.apple-button .slider-button-icon i {font-size: 32px; line-height: 36px;}
.slider-button-title {text-transform: uppercase;}
.slider-button-title p { margin: 0px;padding: 0;font-size: 11px;line-height: 18px;}
.slider-button-title h3 {margin: 0;font-size: 14px;line-height: 20px;text-transform: capitalize;color: #fff;}

.google-button .slider-button-icon {padding: 0px 15px 6px 3px; float: left;}
.google-button .slider-button-icon i {font-size: 26px;line-height: 38px;}
.app-button a:hover { background: #fff; border: 2px solid transparent;color: #367db2;}
.app-button a:hover p, .app-button a:hover h3{color: #367db2; }


/*****-------bottom-footer-----------******/
.bottom-footer{ padding:10px 0;background:#000; color:#b8b8b8; position:relative; }

.bottom-footer .gotoTop{display: inline-block; }
.bottom-footer .gotoTop span{display: inline-block; background-color: #FFF; color:#0a2841; border-radius: 50px; padding: 2px 20px; font-size: 13px; font-weight: 800; margin-right: 20px; position: relative; -webkit-transition: all .2s linear; transition: all .2s linear; opacity: 0;}
.bottom-footer .gotoTop span:after{content: ""; width: 0; height: 0; border-top: 9px solid transparent; border-left: 10px solid #FFF; border-bottom: 9px solid transparent; position: absolute; right: -5px;top: 0px; transform: translate(0px, 3px); -webkit-transition: background .1s linear; transition: background .1s linear;}
.bottom-footer .gotoTop i.fa{height: 35px; width: 35px; line-height: 26px; text-align: center; background-color: #367db2; color: #fff; border-radius: 50px; padding: 5px; font-size: 15px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.bottom-footer .gotoTop:hover span{margin-right: 10px; opacity: 1; }
.bottom-footer .gotoTop:hover i.fa{-webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); }
 
/*****-------About Us-----------******/ 
.top-banner {background-repeat: no-repeat;background-position: center right;height: 150px; width: 100%;
background-color:#367db2;display: flex;justify-content: flex-start;align-items: center;}

.Key-Benefits.products .feature-block { min-height: 190px;}
.Key-Benefits.products .feature-block p { font-size: 15px;line-height: 26px}
 
.top-banner h3{ color:#fff}
.app-button .youtub a{ padding: 8px 15px 3px 15px}


/*#################################################*/
/*################## MEDIAQUERIES #################*/
/*#################################################*/

@media (max-width: 991.98px){ 	 
.footer_btm .gotoTop span{opacity: 1;margin-right: 10px;}	 
}

@media (max-width: 767.98px){
.all_heading { font-size: 30px;}	

/* ----- homepage css----- */
.isFixed {position:static;}
.site_header .navbar-brand .logo { width: 80px;}
.site_header .navbar {padding: 10px;}
.bottom-footer .gotoTop { display: none;}
 
.Link ul li a {font-size: 16px;padding: 20px 0;display: block;}
.footer-logo img { padding-left: 0;}
.b4footer::before { width: 100%; height: 100px; bottom: -13px;  top:auto}
.leftborder::after{ display:none}
.bottom-footer { font-size: 14px;text-align: center;}
.footer { padding: 5px 0 5px 0;}
}
@media (max-width: 576.98px){
	 
}