:root{
    --main-color : #000A2D;
    --light-color : #3267FF;
}
*{font-family: "Manrope", sans-serif;padding: 0;margin: 0;}
ul,p{padding: 0;margin: 0;}
.top-header{padding: 10px 0;background: var(--main-color);height: 100px;}
.top-contact li, .top-contact li a{color: #eee;display: inline-block;}
.top-contact li{margin-right: 30px;display: inline-block;font-size: 14px;}
.top-contact li i{margin-right: 10px;}
.top-contact li a{text-decoration: none;}
ul.top-contact.top-sheduled{text-align: right;}
.top-sheduled li{margin-right: 0;}
.logo{max-width: 250px;display: inline-block;}
.logo img{width: 100%;}
.header-grid{display: grid;grid-template-columns: auto auto auto;justify-content: space-between;align-items: center;background: #fff;border-radius: 10px;margin-top: -50px;padding: 0px 30px;position: relative;z-index: 9;}
.stellarnav > ul > li > a{color: var(--main-color);font-weight: bold;}
.stellarnav ul ul{background: var(--main-color);width: max-content;border:1px solid #fff}
.stellarnav ul ul li a{color: #ffff;border-top: 1px solid #eee;}
.stellarnav ul ul li a:hover{background: var(--light-color);}
.h-call{display: flex;}
.h-call img{width: 50px;margin-right: 10px;}
.phone-n a{display: block;font-size: 16px;font-weight: bold;color: var(--main-color);text-decoration: none;}
.stellarnav>ul>li>a{padding: 40px 20px;}
.home-slider{margin-top: -55px;position: relative;}
.banner-caption{position: absolute;top: 50%;left: 100px;transform: translateY(-50%);width: 45%;}
.banner-caption .main-heading {color: #fff;font-weight: bold;text-transform: capitalize;font-size: 50px;}
.banner-caption .banner-text {color: #fff;font-weight: normal;text-transform: capitalize;font-size: 18px;margin: 20px 0;}
.b-btn{display: inline-block;text-align: center;position: relative;z-index: 1;font-weight: 600;line-height: 1;padding: 21px 36px 23px;border-radius: 5px;background: var(--light-color);color: #fff;text-decoration: none;border: none;outline: 0;}
.b-btn i{margin-left: 7px;}
.b-btn:hover{background: var(--main-color);color: #fff;}
.home-slider .owl-nav{position: absolute;top: 50%;left: 0px;width: 100%;transform: translateY(-50%);z-index: 99;}
.home-slider .owl-prev,.home-slider .owl-next{height: 50px;width: 50px;background: rgba(0,0,0,0.5) !important;color: #fff !important;position: absolute;}
.home-slider .owl-prev{left: 20px;}
.home-slider .owl-next{right: 20px;}
.about-box{position: relative;width: 90%;}
.about-box .img1{width: 100%;}
.about-box .img2{width: 55%;position: absolute;bottom: -75px;right: -50px;border: 5px solid #fff;}
.about-section{padding: 80px 0;background-image: url('../images/ab-bg.webp');background-size: 400px;background-position: left bottom;background-repeat: no-repeat;background-color: #f1f1f191;}
.heading-title{font-weight: bold;color: var(--light-color);display: block;margin-bottom: 0px;}
.about-section h2{font-weight: bold;color: #000;line-height: 40px;margin-bottom: 20px;}
.about-section h3{font-weight: bold;color: #000;font-size: 18px;margin: 20px 0;}
.about-section{font-weight: 600;color: #555555;line-height: 25px;}
.about-exp{position: absolute;bottom: -25px;background: #fff;border-radius: 10px;padding: 30px 40px;left: 150px;display: flex;}
.about-exp h2{font-weight: 800;margin-right: 10px;font-size: 40px;color: var(--light-color);}
.about-exp p{line-height: 20px;}
.about-point li{border-left: 3px solid var(--light-color);padding:5px 10px;list-style: none;margin-top: 20px;}
.about-point h3{margin-top: 0px;margin-bottom: 5px;}
.service-section{padding: 60px 0;background: #eee;}
.heading{font-weight: bolder;color: var(--main-color);}
.service-box{background: #fff;border-radius: 10px;overflow: hidden;margin-top: 30px;}
.service-img img {width: 100%;}
.service-content{padding: 20px;background-image: url('../images/service.webp');background-size: cover;background-repeat: no-repeat;}
.service-content p{margin: 20px 0;}
.service-box .b-btn{padding: 15px 30px;}
.service-title{font-size: 20px;font-weight: bold;color: #000;text-decoration: none;}
.service-slider .owl-nav{position: absolute;top: -100px;right: 0px;width: 100%;transform: translateY(-50%);z-index: 99;}
.service-slider .owl-prev,.service-slider .owl-next{height: 50px;width: 50px;background: rgba(0,0,0,0.5) !important;color: #fff !important;position: absolute;}
.service-slider .owl-prev{right: 80px;}
.service-slider .owl-next{right: 20px;}
.counter-section{background:var(--light-color) ;position: relative;z-index: 1;padding: 60px 0;}
.counter-section::after{content: '';position: absolute;top: 0;left: 0;background-image: url('../images/counter.webp');background-size: cover;height: 100%;width: 100%;z-index: -1;}
.stastic{display: flex;align-items: center;padding: 5px;}
.stastic i{font-size: 68px;margin-right: 12px;color: #fff;margin-top: 10px;}
.text-counter h5{color: #fff;font-weight: bold;font-size: 20px;margin-bottom: 0px;}
.text-counter p{color: #fff;font-weight: bold;font-size: 14px;}
.why-img{width: 90%;}
.why-img img{width: 100%;}
.why-section{padding: 60px 0;position: relative;z-index: 1;}
.why-section::after{content: '';position: absolute;bottom: 0;left: 0;height: 40%;width: 100%;background-color:#000A2D ;background-image: url('../images/why.webp');background-size: cover;z-index: -1;}
.why-list li{list-style: none;background: #fff;box-shadow: 0px 2px 7px rgba(0,0,0,0.2);padding: 20px 30px;border-radius: 10px;display: flex;margin-top: 40px;}
.why-list li i{color: var(--light-color);font-size: 25px;margin-top: 5px;margin-right: 10px;}
.why-list li h3{font-size: 25px;font-weight: bolder;}
.why-point li{list-style: none;margin-top: 10px;color: var(--light-color);}
.why-point li::before{content: '';height: 10px;width: 10px;border-radius: 100%;background: var(--light-color);display: inline-block;margin-right: 10px;}
.form-heading{font-weight: bolder;color: var(--main-color);font-size: 30px;}
.form-heading span{font-weight: bolder;color: var(--light-color);}
.contact-form{padding: 20px;background: #eee;border-radius: 10px;}
.contact-form .from-group{margin-bottom: 20px;}
.call-to-actoin{background: var(--main-color);position: relative;z-index: 1;padding: 60px 0;}
.call-to-actoin::after{content: '';background-image: url('../images/bg-shap.webp');position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;}
.call-to-actoin h2{color: #fff;font-size: 25px;}
.call-to-actoin h3{margin: 20px 0;}
.call-to-actoin h3 a{font-size: 40px;color: var(--light-color);text-decoration: none;}
.testimonial-section{background-image: url('../images/bg.webp');padding: 60px 0;position: relative;}
.testimonial{padding:0}
.content{background:var(--light-color);padding:20px;border-radius:20px;margin-bottom:25px;position:relative}
.content:after{content:"";position:absolute;bottom:-15px;left:48%;border-top:15px solid var(--light-color);border-left:15px solid transparent;border-right:15px solid transparent}
.description{margin-bottom:0;color:#fff;font-size:19px}
.testimonial-review{text-align:center}
.testimonial-review > img{width:50px;height:50px;border-radius:50%;margin-right:12px}
.testimonial-review .testimonial-title{display:inline-block;font-size:16px;color:#444;text-transform:capitalize;font-weight:bolder}
.testimonial-review .testimonial-title > small{font-size:13px;color:#000}
.testimonial-slider{margin-top: 40px;}
.owl-theme .owl-dots .owl-dot span{background: var(--light-color);}
.owl-theme .owl-dots .owl-dot.active span{background: var(--main-color);}
footer{background: var(--main-color);padding: 50px 0 20px;position: relative;z-index: 1;}
footer::after{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../images/footer-shape.webp');background-size: cover;z-index: -1;}
.footer-info h3{font-size: 25px;font-weight: bolder;color: #fff;margin-top: 10px;}
.footer-info p{font-size: 16px;font-weight: normal;color: #ddd;margin-bottom: 10px;}
.footer-info h4,.footer-info h5{font-size: 16px;font-weight: bold;color: #fff;}
.footer-heading{color: #fff;}
.footer-links li,.footer-links2 li{list-style: none;}
.footer-links2 li{margin-bottom: 15px;}
.footer-links li a,.footer-links2 li a{color: #ccc;text-decoration: none;margin-bottom: 10px;display: inline-block;font-size: 15px;}
.footer-links li a:hover,.footer-links2 li a:hover p,.footer-links2 li a:hover{color: #fff;}
.footer-links li a::after{content: '';display: block;height: 1px;width: 0px;background: #fff;transition: .5s;}
.footer-links li a:hover::after{content: '';display: block;height: 1px;width: 100%;background: #fff;transition: .5s;}
.footer-links2 li a{display: flex;flex-wrap: wrap;align-items: baseline;cursor: text;margin-bottom: 15px;}
.footer-links2 li a i{margin-right: 5px;}
.footer-links2 li a p{margin-left: 5px;}
.footer-bottom{background: #000;padding: 10px 0;}
.footer-bottom p{color: #ddd;padding: 0px 0;margin: 0;font-size: 14px;}
.footer-bottom a{color: #fff;padding: 0px 0;margin: 0;text-decoration: none;font-size: 14px;}
.bottom-link{display: block;text-align: right;}
.bottom-link li{list-style: none;display: inline-block;}
.bottom-link li::after{content: '|';display: inline-block;margin: 0 5px;color: #eee;}
.bottom-link li:nth-last-child(1)::after{content: '';display: none;}
.bottom-link li a:hover{color: #fff;opacity: .8;}
.breadcrumb-wrap{position:relative;z-index:1;margin-top:-55px}
.br-2{background-image:url(../images/br-2.webp);background-size: cover;background-position: right center;}
.moveHorizontal{-moz-animation:moveHorizontal 3000ms infinite ease-in-out;-webkit-animation:moveHorizontal 3000ms infinite ease-in-out;animation:moveHorizontal 3000ms infinite ease-in-out}
.bounce{-moz-animation:float 1500ms infinite ease-in-out;-webkit-animation:float 1500ms infinite ease-in-out;animation:float 1500ms infinite ease-in-out}
@keyframes moveHorizontal {
0%{-webkit-transform:translateX(0px);transform:translateX(0px)}
50%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}
@keyframes float {
0%{-webkit-transform:translateY(0px);transform:translateY(0px)}
50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
100%{-webkit-transform:translateY(0px);transform:translateY(0px)}
}
.breadcrumb-wrap:before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:var(--main-color);opacity:.2;z-index:-1}
.breadcrumb-wrap .br-shape-one,.breadcrumb-wrap .br-shape-two,.breadcrumb-wrap .br-shape-three{position:absolute;z-index:-1}
.breadcrumb-wrap .br-shape-one{top:38%;left:41%;z-index:2}
.breadcrumb-wrap .br-shape-two{bottom:-18px;left:75%}
.breadcrumb-wrap .br-shape-three{top:0;left:0;height:100%;opacity:.5;width: 75%;}
.breadcrumb-content{position:relative;z-index:1;padding:100px 0}
.breadcrumb-content h2{font-size:40px;line-height:52px;font-weight:800;margin:0 0 10px;letter-spacing:-.03em;color:#fff}
.breadcrumb-content .breadcrumb-menu li{display:inline-block;position:relative;color:#eee;padding-right:13px;margin-right:13px;letter-spacing:-.01em}
.breadcrumb-content .breadcrumb-menu li:after{position:absolute;top:1px;right:-4px;content:"/";font-weight:400;font-size:16px;color:#fff}
.breadcrumb-content .breadcrumb-menu li:first-child{margin-left:0}
.breadcrumb-content .breadcrumb-menu li:first-child a{padding-left:0}
.breadcrumb-content .breadcrumb-menu li:last-child{margin-right:0;padding-right:0}
.breadcrumb-content .breadcrumb-menu li:last-child:after{display:none}
.breadcrumb-content .breadcrumb-menu li a{display:inline-block;text-decoration:none;transition:.3s;-webkit-transition:.3s;position:relative;color:#fff;letter-spacing:-.03em}
.breadcrumb-content .breadcrumb-menu li a:hover{opacity:1;color:#ccc}
.breadcrumb-content .breadcrumb-menu li:last-child a:after{display:none}
.contact-page{margin: 60px 0;}
.contact-box{padding: 40px;background: var(--main-color);position: relative;z-index: 1;border-radius: 10px;text-align: center;min-height: 262px;}
.contact-box::after{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../images/contact-card-shape.webp');background-size: cover;z-index: -1;}
.contact-box i{height: 70px;width: 70px;background: #93a3db70;text-align: center;line-height: 70px;border-radius: 100%;display: inline-block;margin: 0 auto;color: #fff;box-sizing: border-box;font-size: 30px;}
.contact-box h3{color: #fff;font-size: 20px;font-weight: bolder;margin: 20px;}
.contact-box p{color: #ccc;}
.service-page{margin: 60px 0;}
.sidebar{padding: 20px;background: #eee;border-radius: 10px;}
.sidebar h3{margin-bottom: 20px;font-weight: bolder;font-size: 25px;}
.service-list li{list-style: none;}
.service-list li a{display: block;background: #fff;border-radius: 5px;padding: 20px 20px;margin-bottom: 20px;color: #444;text-decoration: none;position: relative;}
.service-list li a i{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.service-list li a:hover{background: var(--light-color);color: #fff;}
.service-list li a.active{background: var(--light-color);color: #fff;}
.service-image img{width: 100%;}
.service-description{margin: 40px 0;}
.service-description h3,.service-description h4,.service-description h5,.service-description h6,.service-description h2{margin-top: 20px;font-weight: bolder;}
.footer-links2 li a p{max-width: 260px;}
.google-img{width: 200px;position: absolute;top: 60px;right: 110px;z-index: 99;}
.rating{display:block;text-align:center;color:orange;}
   .whatsapp-link {
    position: fixed;
    width: 200px;
    bottom: 10px;
    left: 57px;
    z-index: 9;
}
 .whatsapp-link img{width:100%;}
@media (min-width: 1024px) and (max-width: 1200px){
    .top-contact li, .top-contact li a{font-size: 12px;}
    .stellarnav>ul>li>a {padding: 40px 14px;font-size: 14px;}
}
@media only screen and (max-width: 1024px) {
    .top-header{height:120px;}
    .top-header{text-align:center;}
     .google-img{position:relative;top:0;right:0;}
    ul.top-contact.top-sheduled{display: block;text-align:center} 
    .banner-caption{display: block;left: 10px;width: 40%;}
    .banner-caption .banner-text{font-size: 15px;margin: 5px 0;}
    .banner-caption .b-btn{display: none;}
    .banner-caption .main-heading{font-size: 20px;margin-bottom: 5px;}
    .about-box{margin-bottom: 60px;}
    .why-section::after{height: 30%;}
    .why-img{margin-bottom: 20px;width: 100%;}
    .contact-form{margin-top: 30px;}
    .breadcrumb-wrap .br-shape-three{width: 60%;}
    .stellarnav.mobile.left>ul{background: var(--main-color);}
    .stellarnav.mobile>ul>li>a{color: #fff;}
    .stellarnav.mobile ul ul{background: #222;}
}
@media only screen and (max-width: 990px) {
    .contact-box{margin-bottom: 30px;}
    ul.service-list{display: none;}
    .service-page .col-lg-4.col-md-12.col-sm-12{order: 3;}
    .contact-form .from-group{padding: 0;}
    .sidebar h3{display: none;}
    .sidebar .contact-form{margin-top: 0;}
    .breadcrumb-content h2{font-size: 25px;}
    .footer-links2 li a p{max-width: 100%;}
}
@media only screen and (max-width: 767px) {
   .top-header{height:auto;}
    .about-box{margin-bottom: 0px;}
    .testimonial{padding:0px}
    .header-grid{grid-template-columns: auto auto;margin-top: 0;padding: 10px 0;justify-content: space-between;}
    .home-slider{margin-top: 0;}
    .h-call{display: none;}
    .top-contact li{display: flex;align-items: baseline;margin:10px 0;}
    ul.top-contact.top-sheduled{display: block;}
    .about-box .img2 {width: 55%;position: relative;bottom: 60px;right: -20px;border: 5px solid #fff;}
    .about-exp {position: absolute;bottom: 50px;background: #fff;border-radius: 10px;padding: 20px 25px;left: 90px;display: flex;}
    .about-exp p {line-height: 18px;font-size: 14px;}
    .about-exp h2{margin-bottom: 0px;font-size: 30px;}
    .why-img{margin-bottom: 30px;width: 100%;}
    .footer-heading{margin-top: 30px;}
    .footer-bottom{text-align: center;}
    .bottom-link{text-align: center;}
    .banner-caption{display: block;left: 10px;width: 52%;}
    .banner-caption .banner-text{font-size: 10px;margin: 5px 0;}
    .banner-caption .b-btn{display: none;}
    .banner-caption .main-heading{font-size: 14px;margin-bottom: 5px;}
    .breadcrumb-wrap{margin-top: 0;}
    .breadcrumb-wrap .br-shape-three{width: 100%;}
    .footer-links2 li a p{max-width: 100%;}
    .stastic{margin-bottom:20px;}
    section.call-to-actoin.text-center{text-align:left !important;
}
@media only screen and (max-width: 480px) {
    .top-contact li, .top-contact li a{font-size:12px;}
    .top-contact li a span{display:none;}
    .form-heading{font-size: 20px;}
    .breadcrumb-wrap .br-shape-one{display: none;}
    .content{padding:20px}
    .content:after{left:44%}
    .description{font-size:12px}
    .b-btn{padding: 20px 15px;}
    .footer-links2 li a p{max-width: 260px;}
}
@media only screen and (max-width: 370px) {
    
    .footer-links2 li a p{max-width: 200px;}
}