html, body{background:#eee;color:#4e4e4e;font-size:100%;font-family:'Barlow-Regular';letter-spacing:0.03rem;}
body::-webkit-scrollbar {width:0.2em;}
body::-webkit-scrollbar-thumb {background:#04cafc;}
@font-face{font-family: 'Barlow-Regular';src: url(../fonts/Barlow-Regular.ttf)format('truetype');}
@font-face{font-family: 'Barlow-Bold';src: url(../fonts/Barlow-Bold.ttf)format('truetype');}
h1, h2, h3, h4, h5, h6{color:#4e4e4e;font-weight:400;}
a{color:#2C72B9;text-decoration:none;}
a:hover{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;text-decoration:none!important;}
body > section{padding:60px 0;}
hr{border-top:1px solid #e5e5e5;border-bottom:1px solid white;}
.g-recaptcha{display:inline-block;}
#radioBtn .notActive{color:#3276b1;background-color:white;}
#google_translate_element{text-align:right;margin:0 2rem;}
.btn-custom{background:black;border:1px solid #04cafc;border-radius:0;color:#04cafc;}
.btn-custom:hover{background:white;color:white;border-radius:0;border:1px solid white;}
.seperator{height:10px;width:80px;background:#04cafc;}
.seperator2{height:2px;width:80px;background:#04cafc;margin-top:1.2rem;}
/* cursor */
.cursor { position:fixed;top:0;left:-100px; overflow:visible;z-index:1000;pointer-events:none;}
.cursor:after { content:'';position:absolute;top:0;left:0;width:15px;height:15px;background:#04cafc;border-radius:50%;transform:translate(-50%,-50%);-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.cursor:before { content:'';opacity:0;position:absolute;top:0;left:0;width:20px;height:20px;border:3px solid #04cafc;border-radius:50%;transform:translate(-50%,-50%); -webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.cursor.menu-open:after { background:#eee;}
.cursor.menu-open:before { border-color:#eee;}
.cursor.hover:after { opacity:0;}
.cursor.hover:before { opacity:1;}
/* scroll top button */
#button{display:inline-block;padding:.75rem;color:white;background:#04cafc;width:50px;height:50px;text-align:center;position:fixed;bottom:130px;right:28px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000;}
#button:hover{cursor:pointer;background-color:#000;}
#button:active{background-color:white;}
#button.show{opacity:1;visibility:visible;}
/* end scroll top button */
/* .offcanvas{background:white!important;} */
.offcanvas-header .btn-close{font-size:3rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2304cafc'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.alert{margin:0;border-radius:0;}
.input-group-text{background-color:#04cafc;color:white;border:1px solid #04cafc;}
.crumb{font-family: 'Barlow-Bold';background: #105bab url('../img/images/crumb.jpg')no-repeat;padding:6rem 0;background-position: center center;background-size: cover;}
.crumb ul{padding:0;}
.crumb h2{color: #fff!important;font-size: 1rem;line-height: 48px;margin:5rem 0 10px 0;letter-spacing: 1px;font-weight: 700;}
.crumb li{display:inline;font-size: 1rem;color: #fff;font-family: 'Barlow-Bold';}
.crumb .fa{display:inline;font-size: 1.05rem;color: #04cafc!important;}
.crumb li a{color:#fff;}
.crumb li a:hover{color:#04cafc;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;}
.top-bar{background: #105bab; color: #fff;}
.top-bar h5{color: #fff;font-size: .95rem;margin-top: .75rem;}
.top-bar .icon{color: #fff;font-size: .95rem;}
.banner{background:#fff;box-shadow:0.188em 0.25em 2.188em rgb(0 0 0 / 16%);}
.slider ul{padding:0;list-style:none;}
.slider .cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: -webkit-gradient(linear, left top, right top, from(rgba(0, 3, 56, 0.8)), to(rgba(0, 3, 56, 0.1)));}
.slider .title{color:#fff;}
.slider .first-line{font-size:3rem;line-height:50px;text-transform:capitalize;width: 70%;font-family: 'Barlow-Bold';margin-bottom: 1rem;}
.slider .second-line{font-size:1rem;line-height:1.4rem;color:#fff;width: 60%;}
.slider .tp-caption{visibility:hidden;opacity:0;}
.slider .btn-primary{background: #04cafc;color: #1d246a;font-size: 0.85rem;font-family: 'Barlow-Bold';border: solid 1px #04cafc;}
.slider .btn-primary:hover{background: #fff;color: #1d246a;border: solid 1px #fff;}
.slider .btn-success{background: #1d246a;color: #fff;font-size: 0.85rem;font-family: 'Barlow-Bold';border: solid 1px #1d246a;}
.slider .btn-success:hover{background: #04cafc;color: #1d246a}
.about {background: #f7f7f7;}
.about .who-images {display: flex;gap: 20px;align-items: flex-end;}
.about .who-images .img-one,.who-images .img-two {overflow: hidden;}
.about .who-images .img-one {width: 48%;transform: rotateY(180deg);}
.about .who-images .img-two {width: 48%;margin-top: 100px;}
.about .who-images img {width: 100%;height: 560px;object-fit: cover;}
.about .who-content {padding-left: 30px;}
.about .section-label {display: flex;align-items: center;gap: 12px;}
.about .section-label span {width: 30px;height: 2px;background: #04cafc;}
.about .section-label h6 {margin: 0;color: #04cafc;font-size: 15px;text-transform: uppercase;letter-spacing: 1px;font-family: 'Barlow-Bold';}
.about .who-content h2 {font-size: 2.8rem;font-family: 'Barlow-Bold';line-height: 1.2;color: #105bab;}
.about .who-content h5 {font-size: 1.8rem;color: #105bab;margin-bottom: 1rem;font-family: 'Barlow-Bold';}
.about .who-content .details {font-size: 1.1rem;color: #555;margin-bottom: 2rem;font-family: 'Barlow-Regular';text-align: justify;}
.about .who-features {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px 40px;margin-bottom: 40px;}
.about .feature-item {display: flex;align-items: center;gap: 15px;}
.about .feature-item i {font-size: 26px;color: #04cafc;}
.about .feature-item span {font-size: 1.2rem;color: #111;}
.about .btn-success{background: #04cafc;color:#fff;font-family: 'Barlow-Bold';}
.about .btn-success:hover{background:#105bab;color: #04cafc;}
.about .btn-primary{background: #105bab;color:#fff;font-family: 'Barlow-Bold';}
.about .btn-primary:hover{background: #04cafc;color:#105bab;}
.vision {background: #f8f9fb;}
.vision .tag { border: 1px solid #04cafc;padding: 8px 22px;border-radius: 20px;font-size: 12px;display: inline-block;margin-bottom: 20px;}
.vision .main-title {font-size: 52px;line-height: 1.15;color: #105bab;font-family: 'Barlow-Bold';}
.vision .desc {margin: 20px 0;color: #666;line-height: 1.7;max-width: 420px;}
.vision .awards {margin-top: 40px;}
.vision .awards h4 {font-weight: 700;}
.vision .vision-wrap { display: flex;gap: 30px;align-items: stretch;}
.vision .left-stack {display: flex;flex-direction: column;gap: 25px;width: 40%;}
.vision .small-img img {width: 100%;height: 260px;object-fit: cover;border-radius: 12px;}
.vision .orange-box {background: #04cafc;color: #fff;padding: 40px 20px;border-radius: 12px;text-align: center;}
.vision .orange-box h2 {font-size: 2rem; margin: 0;color: #fff;font-family: 'Barlow-Bold'}
.vision .orange-box p {margin-top: 10px;font-size: 14px;}
.vision .big-img {position: relative;width: 60%;}
.vision .big-img img {width: 100%; height: 100%;object-fit: cover;border-radius: 12px;}
.vision .rating-box {position: absolute;bottom: 30px;right: 30px;background: #fff;padding: 22px 26px;border-radius: 12px;text-align: center;box-shadow: 0 15px 35px rgba(0,0,0,0.12);}
.vision .rating-box h2 {font-size: 42px;margin: 0;font-weight: 700;}
.vision .stars {color: #04cafc;font-size: 16px;margin: 6px 0;}
.vision .rating-box p {margin: 0;font-size: 13px;color: #666;}
.vision .btn-primary{background: #04cafc;color: #fff;font-size: 1rem;}
.vision .btn-primary:hover{background: #d5922d;color: #fff;font-size: 1rem;}
.values {padding: 80px 0;background: #eaf1fc;}
.values .item-wrap {padding: 20px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;background: #fff;text-align: justify;}
.values .icon {font-size: 40px;color: #04cafc;margin-bottom: 20px;}
.values .label {font-size: 12px;letter-spacing: 2px;color: #888;display: block;margin-bottom: 10px;}
.values h4 {font-size: 1.5rem;color: #0b2c5f;font-family: 'Barlow-Bold';margin-bottom: 10px;}
.values .details {color: #555;line-height: 1.7;}
.values .item-wrap:hover h4 {color: #04cafc;}
.services{background:#f3f3f3}
.services .section-label {display: flex;align-items: center;gap: 12px;}
.services .section-label span {width: 30px;height: 2px;background: #04cafc;margin-left: 6rem;}
.services .section-label h6 {color: #04cafc;font-size: 15px;text-transform: uppercase;letter-spacing: 1px;font-family: 'Barlow-Bold';}
.services h2 {font-size: 3.4rem;font-family: 'Barlow-Bold';line-height: 1.2;color: #105bab;margin-left: 6rem;margin-bottom: 4rem;}
.services .bn-card,.bn-image-card,.services .bn-big-image{height:420px;position:relative;overflow:hidden}
.services .bn-big-image{height:420px}
.services .bn-image-card img,.bn-big-image img{width:100%;height:100%;object-fit:cover}
.services .bn-content{padding:50px;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.services .bn-content span{font-size:1rem;font-family: 'Barlow-Regular';text-transform:capitalize;}
.services .bn-content h3{font-size:2rem;line-height:1.4;font-family: 'Barlow-Bold';color:inherit}
.services .bn-btn{width:54px;height:54px;border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;font-size:1.8rem}
.services .bn-btn:hover{background: #fff;color: #105bab;}
.services .dark-btn{border-color:#222}
.services .bn-red{background:#04cafc;color:#fff}
.services .bn-blue{background:#0949ca;color:#fff}
.services .bn-dark{background:#105bab;color:#fff}
.services .bn-light{background:#eef0f6;color:#105bab}
.services .dark-text h3{color:#105bab}
.services-main .content-wrap{background: #fff;}
.services-main .content-wrap h4{font-size: 1.2rem;color: #105bab;font-family: 'Barlow-Bold';}
.services-main .content-wrap h4:hover{color: #04cafc;}
.services-main .content-wrap .details{font-size: .95rem;color: #4D4D4D;font-family: 'Barlow-Regular';}
.services-main .inner-img:hover{opacity: 0.8;}
.services-main .owl-nav { display: none !important;}
.services-main .view h3{font-size: 1.6rem;font-family: 'Barlow-Bold';color: #105bab;}
.services-main .view h2{font-size: 1.6rem;font-family: 'Barlow-Bold';color: #105bab;margin-top: 3rem;}
.services-main .view .details{font-size: 1rem;line-height: 1.4rem;font-family: 'Barlow-Regular';text-align:justify;}
.services-main .view .btn-primary{background:#fee6e6;color:#04cafc;font-size:.7rem;margin-top: 4rem;}
.services-main .content-wrap .img-wrapper{height: 300px;overflow: hidden;}
.services-main .content-wrap .img-item-wrap{height: 200px;overflow: hidden;}
.packages h2{font-size: 3rem;font-family: 'Barlow-Bold';color: #105bab;}
.packages .content-wrap{background: #fff;border-radius: 1rem;}
.packages .content-wrap h4{font-size: 1.1rem;color: #105bab;font-family: 'Barlow-Bold';}
.packages .content-wrap h4:hover{color: #04cafc;}
.packages .content-wrap .bx-arrow-back{background:#04cafc;padding:1rem;border-radius:2rem;transform:rotate(120deg);color:white;font-size:.75rem;border-radius: 2rem;border: solid .6rem #f3f3f4;position: relative;left: 2rem;bottom: -2rem;}
.packages .content-wrap .bx-arrow-back:hover{background:#105bab;color:#fff;}
.packages .content-wrap .details{font-size: .85rem;color: #4D4D4D;}
.packages .inner-img:hover{opacity: 0.8;}
.packages .owl-nav { display: none !important;}
.packages h4{font-size: 2rem;color: #105bab;font-family: 'Barlow-Bold';}
.packages .view h2{font-size: 1.6rem;font-family: 'Barlow-Bold';margin-top: 3rem;}
.packages .view .details{font-size: .85rem;line-height: 1.4rem;}
.packages .view .btn-primary{background:#eee;color:#105bab;font-size:.7rem;margin-top: 4rem;}
.packages .content-wrap .img-wrapper{height:300px;overflow: hidden;}
.packages .content-wrap .img-item-wrap{height: 160px;overflow: hidden;}
.branches{background: #f7f7f7;}
.branches h2{font-size: 3rem;color:#105bab;font-family: 'Barlow-Bold'}
.branches .content-wrap{background: #fff;box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;border-left: solid 5px #c5e1ff;}
.branches .content-wrap:hover{transform: translateY(-20px);transition: 0.5s;}
.branches h4{color: #105bab;font-size: 17px;font-family:"Barlow-Bold";}
.branches h6{color: #333;font-size: 15px;}
.wa-widget {position: fixed;bottom: 15px;right: 15px;z-index: 9999;font-family: Arial, sans-serif;}
.wa-float {width: 60px;height: 60px;background: #25D366;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 26px;cursor: pointer;box-shadow: 0 4px 10px rgba(0,0,0,0.2);}
.wa-box {width: 280px;max-width: 90vw;background: #fff;border-radius: 10px;box-shadow: 0 5px 20px rgba(0,0,0,0.2);position: absolute;bottom: 80px;right: 0;display: none;overflow: hidden;}
.wa-header {background: #25D366;color: #fff;padding: 10px;display: flex;justify-content: space-between;align-items: center;}
.wa-header span {cursor: pointer;font-size: 18px;}
.wa-body {padding: 15px;font-size: 14px;}
.wa-start {display: block;background: #25D366;color: #fff;text-align: center;padding: 12px;text-decoration: none;font-weight: bold;}
.wa-start:hover {background: #1ebe5d;}
.astherics{color:red;}
.contact {background: #fff;}
.contact h2{font-size:3rem;font-family:'Barlow-Bold';color:#105bab;text-transform:uppercase;}
.contact .icon{font-size:2.2rem;color:#04cafc;margin-bottom:.95rem;}
.contact h4{font-size:1.2rem;color:#105bab;font-family:"Barlow-Bold";}
.contact .info-text{font-size:1.1rem;color:#333;}
.contact h3{font-size:1.8rem;color:#105bab;font-family:'Barlow-Bold';}
.contact a{color:#333;}
.contact .phone{box-shadow:0.188em 0.25em 2.188em rgb(0 0 0 / 16%);padding:22px;}
.contact .form-control{border-radius:0!important;}
.contact .btn-primary{background:#105bab;border-radius:0;color:white;padding:25px 30px;}
.contact .btn-primary:hover{background:#04cafc;}
.contact textarea{height:150px;}
.contact input, .contact textarea{border:1px solid #eaeaea;color:#100e24;border-radius:0;}
.contact .form-control{border-radius:0px!important;font-size:0.85rem;}
/*###################### PAGINATION ################################*/
.page-item.active .page-link{margin-top:.65rem;background:#04cafc;border:#04cafc;}
.pagination{background:none;border-radius:0;}
.pagination a{padding:10px 20px;text-decoration:none;color:#231f20;margin:.65rem .1rem!important;}
.pagination a:hover{background:none;color:white;}
.disabled{padding:10px 20px;color:white;background:none;margin-top:-.65rem!important;}
.current{background:#231f20;padding:10px 20px;text-decoration:none;color:white;}
/********************** End Pagination *****************************/
.top-footer{background:#105bab url("../img/images/shape-27.png")no-repeat;;padding: 60px 0;background-position: right;}
.top-footer .contact-banner {background: #04cafc;border-radius: 1rem;display: flex;overflow: hidden;flex-wrap: wrap;}
.top-footer .contact-logo {background: #fff;padding: 1rem;border-radius: 1rem;min-width: 150px;text-align: center;height: 100%;}
.top-footer .contact-details .icon-circle {background-color: #105bab;color: #fff;font-size: 1rem;width: 38px;height: 38px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.top-footer .contact-details small {font-size: .8rem;color: #105bab!important;}
.top-footer .contact-details h5{color: #fff;font-family:'Barlow-Bold';font-size: .95rem;}
.footer-content{margin-bottom: 4rem;}
.footer .item-wrap h3{color: #fff;font-size: 1.2rem;font-family:'Barlow-Bold';}
.footer .item-wrap h5{color: #d8d8d8;font-size: .95rem;font-family:'Barlow-Regular';}
.footer .item-wrap .details{color: #d8d8d8;font-size: .95rem;font-family:'Barlow-Regular';}
.footer .item-wrap .social-foot .bx{background: #04cafc;color: #fff;padding: .65rem;}
.footer .newsletter-form .btn-primary{background:#04cafc;padding: .87rem 2rem;color: #fff;}
.footer .newsletter-form .btn-primary:hover{background:#0c346d;color: #fff;}
.footer .form-control{color: #105bab;background: #fff;font-size: .85rem;border: 0;border-radius: 0;font-family:'Barlow-Regular';padding: 1rem .85rem;box-shadow: none;outline: none;}
.footer .dev{color: #fff;font-size: 0.85rem;}
.footer .dev a{color: #fff;}
.footer .bot-menu{border-top: solid 1px #e8f8ff;text-align: center;}
.footer .bot-menu .nav-link{color: #fff!important;}
.footer .bot-menu .nav-link:hover{color: #04cafc!important;}
/*sponsors slider*/
@keyframes slidein {from {transform:translate3d(0, 0, 0);}to {transform:translate3d(-100%, 0, 0);}}
@keyframes fade-in {0% {opacity:0;}100% {opacity:1;}}
@keyframes MoveUpDown {0%, 100% {bottom:0;}50% {bottom:100px;}}
@keyframes pulse { 0% {opacity: 1;} 50% { opacity: 0.5;}100% {opacity: 1;}}
@media only screen and (max-width:767px){
body > section{padding:20px 0;}
.crumb{padding: 3rem 0;}
.slider .second-line,.slider .first-line,.slider .btn-primary, .slider .btn-success,.top-bar,.slider-top,.about .who-content h5,.about .who-images .img-one,.vision .vision-wrap .small-img,.vision .orange-box,.vision .left-stack,.projects .btn-success,.about .who-images .img-one,.about .who-images{display: none;}
.about .who-content h2{font-size: 2.4rem;margin-top: 1rem;}
.about .who-images .img-two{margin-top: 0;width: 100%;}
.about .who-features {gap: inherit;grid-template-columns:none}
.about .section-label,.services-main .view h3,.team .view h3{margin-top: 2rem;}
.about .feature-item,.vision .awards{margin-bottom: 1rem;}
.about .who-content{padding-left: 0;}
.services h2{text-align: center;margin: 0 0 2rem 0;font-size: 2.2rem;}
.vision .big-img{width: 100%;}
.vision{padding: 0;}
.services .bn-content{padding: 2rem;}
.footer .content-wrap{display: none;}
.contact h2{text-align: left!important;font-size: 2rem;margin-top: 2rem;}
.seperator{margin-left:0!important;margin-right: 0!important;margin-bottom: 4rem;}
.top-footer .contact-logo { width: 100%;}
.vision .tag{margin-top: 2rem}
.packages h2,.vision .main-title{font-size: 2.2rem;}
.wa-float{width:50px;height:50px;font-size:22px}
.wa-box{width:95vw;bottom:75px;border-radius:12px}
.wa-body{font-size:15px}
.wa-start{padding:15px;font-size:16px}
.services-main .content-wrap .img-wrapper{height: auto;}
.packages .view .content-wrapper h3{font-size: 1.6rem;margin-top: 1.4rem;font-family:'Barlow-Bold';}
.branches h2{font-size: 2rem;text-align:start!important;}
.map{margin-top: 3rem;}
}