/**
* Template Name: Dashboard
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*{padding:0;margin:0;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline:0 none}
a:focus{outline:0 none}
a img{border:none}
a{text-decoration:none; transition: 0.3s;}
a:hover{text-decoration:none!important}

.btn{white-space:normal;}
.btn-info.focus, .btn-info:focus{box-shadow: none;}

img,a,input,textarea,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
input,textarea,select{-webkit-border-radius:0;border-radius:0;appearance:none}

input[type="checkbox"]{-webkit-border-radius:0;border-radius:0;appearance:checkbox!important}
input[type="radio"]{-webkit-border-radius:0;border-radius:0;appearance:radio!important}

::-moz-selection{background-color:#000;color:#fff}
::selection{background-color:#000;color:#fff}

input[type="text"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="text"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="text"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="email"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-webkit-input-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-moz-placeholder{opacity:1;color:#2B3241;}
input[type="password"]::-ms-input-placeholder{opacity:1;color:#2B3241;}
textarea::-webkit-input-placeholder{opacity:1;color:#2B3241;}
textarea::-moz-placeholder{opacity:1;color:#2B3241;}
textarea::-ms-input-placeholder{opacity:1;color:#2B3241;}

select::-ms-expand{display:none}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}

/* 
font-family: "Outfit", sans-serif;
*/

img{display: block; max-width: 100%; height: auto; }
a{color: #1E1E1E; transition: 0.3s;}
a:hover, a:active, a:focus{ text-decoration: none; color: inherit; color: #000;}
h1, h2, h3, h4, h5, h6, ol, ul, li, a, p{ margin: 0;padding:0; list-style-type: none;}
strike {text-decoration: line-through; }
.form-control:focus{box-shadow: none;}

ul, ol { list-style-position: inside; }

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{margin: 0; padding: 0; font-size: 18px; color: #5e6068; font-weight: 400; font-family: "Outfit", sans-serif; line-height: 30px; overflow-x: hidden;}

.container{max-width: 1430px; width: 90%; padding: 0 15px;}

h1,h2,h3,h4,h5,h6 {color: #000;}
h1 { font-size: 32px; font-weight: 600;}
h2 { font-size: 26px; font-weight: 600;}
h3 { font-size: 22px; font-weight: 400;}
h6 { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 30px; }

.slicknav_menu { display: none }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.loader { width: 60px; display: flex; justify-content: space-evenly; }
.ball { list-style: none; width: 12px; height: 12px; border-radius: 50%; background-color: #000; }
.ball:nth-child(1) { animation: bounce-1 2.1s ease-in-out infinite; }

@keyframes bounce-1 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(2) {
  animation: bounce-3 2.1s ease-in-out 0.3s infinite;
}

@keyframes bounce-2 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(3) {
  animation: bounce-3 2.1s ease-in-out 0.6s infinite;
}

@keyframes bounce-3 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* color of the thumb */
  border-radius: 6px; /* roundness of the thumb */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* color of the track */
}

/* For Firefox */
/* Note: Firefox currently only supports scrollbar styling in the dark theme. */
/* You may need to enable it manually in about:config by setting 'ui.systemUsesDarkTheme' to 1. */
/* Refer to Firefox documentation for the latest updates. */

/* width of the scrollbar */
html, .awards-list {
  scrollbar-width: thin;
}

/* color of the thumb */
html, .awards-list {
  scrollbar-color: #888 #f1f1f1;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn{transition: 0.4s; position: relative;} .btn i{transition: 0.4s;}
.btn i{display: inline-block; margin-right: 10px;}
.btn img{display: inline-block; margin-left: 10px;}

.btn.btn-primary { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 14px 28px; background: #6116df; color: #fff; border-radius: 100px; border: 0; text-transform: capitalize; }
.btn.btn-primary:hover, .btn.btn-primary:focus{background: #fe312f; color: #fff;}

.btn.btn-outline { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 1px solid #FFC700; text-transform: capitalize; }
.btn.btn-outline:hover, .btn.btn-outline:focus{background: #000; color: #fff;}

.btn.btn-text { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 0; text-transform: capitalize; }
.btn.btn-text:hover, .btn.btn-text:focus{background: #000; color: #fff;}

@media only screen and (max-width: 991.98px) { 
  
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-main { z-index: 99; background: #fff; position: relative; top: 0; left: 0; width: 100%; }
.header-main .container{max-width: 1710px; width: 98%;}
.header-top{background: #ff0133; padding: 10px 0;}
.header-top p{line-height: 0;}
.header-top a{font-size: 14px; line-height: 18px; color: #fff;}

.header-bottom{padding: 10px 0;}
.header-bottom ul{margin: 0; padding: 0; text-align: right;}
.header-bottom ul li{margin: 0 20px; padding: 0; display: inline-block;}
.header-bottom ul li a{font-size: 16px; line-height: 22px; font-weight: 600; text-transform: uppercase;}
.header-bottom ul li a:hover{color: #ff0133;}

.header-main.header-scrolled .header-top { display: none; }
.header-main.header-scrolled .header-bottom{box-shadow: 0 0 10px rgba(0,0,0,0.1);}







/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section{padding: 80px 0;}
section h4{font-size: 18px; line-height: 28px; color: #ff0133; margin: 0 0 10px; display: flex; align-items: center; gap: 10px;}
section h3{font-size: 38px; line-height: 48px; color: #000; font-weight: 900; margin: 0 0 20px;}


.hm-banner{min-height: 100vh; padding: 180px 0 60px; display: flex; align-items: center; justify-content: center; background: #f1f1f1; position: relative; z-index: 1; overflow: hidden;}
/* .hm-banner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(183deg,rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 0.31) 0%, rgba(252, 176, 69, 1) 100%); z-index: -1; opacity: 0.7; } */
.hm-banner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: -1; }
.banner-content{max-width: 670px;}
.banner-content h4{font-size: 18px; line-height: 28px; background: #ff0133; margin: 0 0 10px; display: flex; align-items: center; gap: 10px; color: #fff; display: inline; padding: 10px 20px; border-radius: 0 25px;}
.banner-content h1{font-size: 36px; line-height: 48px; color: #f1f1f1; font-weight: 900; margin: 0 0 20px; padding-top: 25px;}
.banner-content p{color: #fff;}
.banner-content .btn{margin-top: 35px;}

.hm-banner video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; transform: translate(-50%, -50%); object-fit: cover; }

.about-sec .btn{margin-top: 45px;}
.img-bar{width: 100%; line-height: 0;}
.img-bar img{width: 100%;}
.service-sec{position: relative; background: #EBF8F9;}
.service-sec .top-text{max-width: 740px;}

.about-img-block { position: relative; width: 100%;}
.about-img-block div img{width: 100%; height: 100%; object-fit: cover;}
.img1 { max-width: 60%; border-radius: 24px; overflow: hidden; }
.img2 { max-width: 55%; border-radius: 24px; overflow: hidden; position: absolute; border: 15px solid #fff; top: 25%; left: 40%; }
.img3 { max-width: 45%; border-radius: 24px; overflow: hidden; margin-top: 15px; margin-left: -40px; }
.success-rate { position: absolute; top: 3%; left: 63%; background: #00bf58; border-radius: 24px; padding: 15px 22px; min-width: 140px; }
.success-rate h6{font-size: 40px; line-height: 42px; font-weight: 700; color: #fff; margin: 0;}
.success-rate p{margin: 0; color: #fff; font-size: 14px;}

.complete-project { position: absolute; bottom: 5%; left: 42%; background: linear-gradient(90deg,rgba(128, 85, 226, 1) 0%, rgba(97, 228, 236, 1) 100%); border-radius: 24px; padding: 15px 22px; min-width: 151px; }
.complete-project h6{font-size: 40px; line-height: 42px; font-weight: 700; color: #fff; margin: 0;}
.complete-project p{margin: 0; color: #fff; font-size: 14px;}

.hm-service-block{background: #d3dff1; border-radius: 24px; padding: 30px; margin: 0 15px;}
.hm-service-img { width: 100%; height: 390px; overflow: hidden; border-radius: 24px; margin: 0 0 20px; }
.hm-service-img img{width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.hm-service-block a:hover .hm-service-img img{ transform: scale(1.1);}
.hm-service-block h5{color: #000; font-size: 20px; text-align: center; background: #fff; padding: 30px 40px; border-radius: 74px; display: flex; align-items: center; justify-content: center; transition: all 0.4s;}
.hm-service-block h5:hover{background: #fe312f; color: #fff;}

.service-slider .hm-service-block.bg1{background-image: url('assets/img/serv1.png'); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.service-slider .hm-service-block.bg2{background-image: url('assets/img/serv2.png'); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.service-slider .hm-service-block.bg3{background-image: url('assets/img/serv3.png'); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.service-slider .hm-service-block.bg4{background-image: url('assets/img/serv1.png'); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.service-slider .hm-service-block.bg5{background-image: url('assets/img/serv2.png'); background-position: center center; background-size: cover; background-repeat: no-repeat; }

.sol-block a { display: block; background: #EAF8F9; border-radius: 24px; padding: 25px; overflow: hidden; }
.sol-block h3{font-size: 20px; line-height: 30px; font-weight: 700; margin: 0 0 10px;}
.sol-img { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; margin: 0 0 15px; position: relative; z-index: 3; transition: all 0.4s; }
.sol-img img{max-height: 35px; max-width: 35px; z-index: 2;}
.sol-img::before { content: ''; position: absolute; top: 0; left: -360px; width: 400px; height: 100%; background: red; }
.sol-img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; border-radius: 50%; }
.sol-col:nth-child(1) .sol-img::before{ background: #00bf58; }
.sol-col:nth-child(2) .sol-img::before{ background: #6116df; }
.sol-col:nth-child(3) .sol-img::before{ background: #ff0133; }

.sol-block a:hover .sol-img{ margin-left: 50px;}

.counter-sec{background: #f2ecfc; padding: 60px 0;}
.counter-block {position: relative; text-align: center; width: 100%; border-right: 1px solid #93ADE5;}
.counter-block:last-child{border-right: 0;}
.counter-block h3{font-size: 56px; line-height: 60px; margin: 0; font-weight: 900; position: relative; display: inline-block; z-index: 1;}
.counter-block p{color: #000;}
.counter-block h3::after { content: ''; position: absolute; top: -5px; left: -15px; background: #DCE7FF; width: 40px; height: 40px; border-radius: 50%; z-index: -1; }

.testi-slider-block { background: #EAF8F9 url(assets/img/comma.png) 94% 30px no-repeat; background-size: 150px; border-radius: 24px; padding: 30px 25px; margin: 0 15px; }
.testi-slider-block .rating {color: #F19024; margin: 0 0 5px;}
.testi-author{margin-top: 15px;}
.testi-img { width: 60px; height: 60px; margin-right: 10px; }
.testi-img img{width: 100%; height: 100%; object-fit: cover;}
.testi-details { border-left: 1px solid #1EB3C3; padding-left: 10px; }
.testi-details h4{margin: 0; font-size: 20px; line-height: 22px; color: #000 ;}
.testi-details p { font-weight: 300; font-size: 15px; line-height: 18px; margin-top: 5px; }

.slick-dots { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 30px; }
.slick-dots li{margin: 0; line-height: 0;}
.slick-dots li button { width: 12px; height: 12px; background: #dfd0f9; border: 0; border-radius: 50%; font-size: 0; line-height: 0; }
.slick-dots li.slick-active button{background: #ff0133;}

.call-back {background: url(assets/img/callback-img.jpg) center center no-repeat; background-size: cover;}
.call-text{max-width: 440px;}
.call-text h3, .call-text p{color: #fff;}

.call-back-form { width: 100%; max-width: 600px; }
.call-back-form .form-control{height: 65px; border-radius: 10px; padding: 10px 15px; font-size: 18px;}
.call-back-form .btn.btn-primary{border-radius: 10px; width: 100%; height: 65px;}

.footer-main { padding: 80px 0; background: #03221b; }
.footer-main .container{width: 98%;}
.footer-main .inner { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.footer-block{max-width: 300px;}
.footer-logo{max-width: 180px; margin: 0 0 25px; display: block;}
.footer-block p{font-size: 15px; line-height: 20px; color: #fff;}
.footer-block h4 { background: linear-gradient(90deg,rgba(128, 85, 226, 1) 0%, rgba(97, 228, 236, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; text-transform: uppercase; margin: 0 0 10px; font-size: 18px !important; margin: 0 0 15px; }
.footer-block ul li a{font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase; }
.footer-block ul li{font-size: 16px; line-height: 20px; color: #fff; margin: 0 0 10px;}
.footer-block ul li a:hover {color: #fe312f;}
.copyright-text { padding: 15px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.1);  background: #03221b; }
.copyright-text p{font-size: 14px; color: #fff;}

.ct-info li { display: flex; align-items: center; gap: 10px; }
.ct-info li i { width: 40px; height: 40px; min-width: 40px; max-width: 40px; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg,rgba(128, 85, 226, 1) 0%, rgba(97, 228, 236, 1) 100%); border-radius: 50%; }
.ct-info li a{text-transform: none !important;}




.inner-banner { position: relative; height: 350px; z-index: 1; background-size: cover !important; }
.inner-banner::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1;}
.page-title { width: auto; height: 48px; background: url(assets/img/vector-1.png) left center no-repeat; padding: 0 47px; margin: 0 0 20px; font-size: 24px; font-weight: 900; line-height: 31.25px; color: #fff; padding-top: 8px; }
.inner-banner h1 { font-size: 30px; font-weight: 900; line-height: 42.5px; color: #fff; }
.inner-banner h1 span{color: #ff3131;}


/*  */
.about-sec h4 { font-size: 18px; line-height: 28px; background: #ff0133; display: inline; align-items: center; gap: 16px; margin: 0 0 21px; font-weight: 500; text-transform: uppercase; color: #fff; padding: 10px 20px; border-radius: 0 25px;}
.service-sec h4{ font-size: 18px; line-height: 28px; background: #ff0133; display: inline; align-items: center; gap: 16px; margin: 0 0 21px; font-weight: 500; text-transform: uppercase; color: #fff; padding: 10px 20px; border-radius: 0 25px;}
.service-sec h3{padding-top: 20px;}
.solution-sec h4{ font-size: 18px; line-height: 28px; background: #ff0133; display: inline; align-items: center; gap: 16px; margin: 0 0 21px; font-weight: 500; text-transform: uppercase; color: #fff; padding: 10px 20px; border-radius: 0 25px;}
.solution-sec h3{padding-top: 20px;}
.testimonialsec .text-center h4{ font-size: 18px; line-height: 28px; background: #ff0133; display: inline; align-items: center; gap: 16px; margin: 0 0 21px; font-weight: 500; text-transform: uppercase; color: #fff; padding: 10px 20px; border-radius: 0 25px;}
.testimonialsec .text-center h3{padding-top: 20px;}
.about-sec h3 { line-height: 48px;
  color: #000;
  font-weight: 900;
  margin: 0 0 20px; padding-top: 20px;}
.about-info { margin: 48px 0 0 0; }
.info-block{margin: 0 0 48px;}
.info-block:last-child{margin: 0;}
.info-img { width: 100px; height: 100px; background: #E7EFFD; display: flex; align-items: center; justify-content: center; margin-right: 19px; min-width: 100px; }
.about-sec .inner { max-width: 840px; }

.about-img-outer { position: relative; }
.about-badge { background: #ff3131 url(assets/img/about-art.png) 96% bottom no-repeat; background-size: contain; padding: 44px 42px; width: 297px; border: 8px solid #ffff; position: absolute; bottom: -100px; left: -124px; }
.about-sec .about-badge h4 {  font-size: 68px; font-weight: 900; line-height: 78px; color: #fff; margin: 11px 0 0 0; }
.about-badge p{color: #fff;}
.about-bottom-img{ width: 297px; border: 8px solid #ffff; position: absolute; bottom: -100px; left: -124px; }

.line { width: 20px; height: 175px; background: #ff3131; display: block; position: absolute; top: 0; left: -60px; animation: moveBar2 7s ease-in-out infinite;}
.about-sec .hm-service-block.bg1 {
  background-image: url('assets/img/serv1.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-sec .hm-service-block.bg2 {
  background-image: url('assets/img/serv2.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-sec .hm-service-block.bg3 {
  background-image: url('assets/img/serv3.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-sec .hm-service-block.bg4 {
  background-image: url('assets/img/serv1.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-sec .hm-service-block.bg5 {
  background-image: url('assets/img/serv2.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-sec.srvpg .hm-service-block{ margin-bottom: 55px;}
.about-owner.directorsec{ background: #eaf8f9;}
.directorsec img{border: 10px solid #00bf58; border-radius: 100%;}
.directorsec h4{ color: #000; font-size: 38px; display: inherit;}
.directorsec h4 span{display: block; font-size: 18px; color: #ff0133; margin-top: 10px;}
.mission-vision .abmv-block{display: block;  background: #f2ecfc; border-radius: 24px; padding: 25px; overflow: hidden;}
.mission-vision .abmv-block h4{ color: #000; font-size: 20px; font-weight: 700; margin: 0 0 10px;}
.mission-vision .abmv-block p{color: #000;}


.contact-sec{background: url(assets/img/contact-bg.png) right top no-repeat; z-index: 2; position: relative;}

.ct-block { box-shadow: 0px 4px 20px 0px #0000001A; border: 1px solid #E7EFFD; padding: 30px 40px; width: 100%; background: #fff; max-width: 480px; gap: 24px; }
.ct-img { box-shadow: 0px 4px 12px 0px #00000026; width: 90px; height: 90px; min-width: 90px; display: flex; align-items: center; justify-content: center; border-radius: 18px; }
.ct-info h4 { font-size: 28px; font-weight: 800; line-height: 36.46px; margin: 0 0 12px; color: #202020; }
.ct-info li { font-size: 20px; font-weight: 400; line-height: 24px; color: #787878; }
.ct-info li a{color: #787878;}
.ct-info li a:hover{color: #E31E24;}

.ct-top{margin: 0 0 115px;}
.contact-form{box-shadow: 0px 0px 20px 0px #00000033; background: #fff; padding: 48px 100px;}
.contact-form h4 { font-size: 36px; font-weight: 700; line-height: 46.87px;  color: #202020; margin: 0 0 70px; }
.form-control { padding: 8px 20px; font-size: 18px; font-weight: 400; line-height: 21.6px; background: #fbfcf4 !important; border: 0; height: 60px; }
textarea.form-control{height: 126px;}
.contact-form .btn{min-width: 248px;}

.map-main{margin-top: -200px; z-index: 1; line-height: 0;}
.map-main iframe{width: 100%; height: 690px;}



html, body{overflow-x: hidden;}

.service_details .hm-service-block{padding: 15px;}
.service_details .hm-service-block .hm-service-img{margin-bottom: 0px;}
.servsec{border-top: 3px solid #00bf58;}
.servsec .inner{padding-top: 60px;}

.post-navigation{float: left; width: 100%; margin-top: 50px;}
.prev-post{ float: left; width: 50%;}
.next-post{float: right; text-align: right; width: 50%;}
.header-nav ul li.current_page_item a{ color: #ff0133 !important;}
.metaslider .slides img{max-height: 390px !important;}


@media only screen and (max-width: 1870.98px) {

.ct-block { padding: 20px 30px; gap: 20px; }
  .ct-img { width: 80px; height: 80px; min-width: 80px; border-radius: 15px; }
  .ct-info h4 { font-size: 24px; font-weight: 500; line-height: 30px; margin: 0 0 10px; }
  .ct-info li {font-size: 17px;} .ct-top { margin: 0 0 100px; gap: 30px; }
  .contact-form{padding: 35px  80px;}

  .contact-form h4 { font-size: 30px; line-height: 40.87px; margin: 0 0 50px; }
  .map-main iframe { height: 570px; }
  
  .post-navigation a span{display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 14px 28px; background: #00bf58; color: #fff; border-radius: 100px; border: 0;  text-transform: capitalize;}

}
@media only screen and (max-width: 1470.98px) {
  .about-img-outer {
    max-width: 410px;
  }
}

@media only screen and (max-width: 1470.98px) {
  .btn.btn-primary {font-size: 15px;}
  .header-bottom ul li a{font-size: 15px;}

  .banner-content h1{font-size: 34px;}
  section h3{font-size: 34px;}
  section h4 { font-size: 16px;}
  .complete-project h6 { font-size: 36px;}
  .hm-service-block h5 { font-size: 16px; padding: 20px 30px; }
  .hm-service-block {padding: 22px;}

}
@media only screen and (max-width: 1270.98px) {
  .ct-img { width: 60px; height: 60px; min-width: 60px; border-radius: 10px; }
  .ct-img img{width: 28px;}
  .ct-info h4{ font-size: 18px; line-height: 20px;}
  .ct-block { padding: 15px 18px; gap: 10px; }

  .map-main { margin-top: -100px;}
  .ct-top { margin: 0 0 50px; gap: 20px; }
}
@media only screen and (max-width: 1170.98px) {
  .header-bottom ul li { margin: 0 12px;} .logo { max-width: 160px; }
  .service-sec .top-text { max-width: 60%; } 
  section h3 { font-size: 30px; line-height: 40px; margin: 0 0 10px; }
  .hm-service-block{margin: 0 10px;}
  .counter-block h3 { font-size: 42px;}
  .testi-slider-block{margin: 0 10px;}

  .testi-slider-block .rating{font-size: 14px;}
  .testi-slider-block { background-size: 110px !important; padding: 20px 15px; margin: 0 10px; }
  .footer-block { max-width: 235px; }

  .footer-block ul li a { font-size: 14px; line-height: 20px; }



}

@media only screen and (max-width: 991.98px) {
	.js #menu { display:none; }
	.js .slicknav_menu { display:block;z-index: 999999;}
	.slicknav_menu{ position:absolute; top:11px; left:0; width:100%; z-index:99999; pointer-events:none; }
	.slicknav_btn {pointer-events: all; top: 7px; background: #ed4a4b !important; margin: 0 10px 0 0 !important; }
	.slicknav_nav{pointer-events: all;background: #2c2e2f;  margin-top: 52px !important;border: 0 !important;}
	.slicknav_nav a:hover{color: #ed4a4b !important;}
  
  .header-main{position: absolute;}
  .header-main.header-scrolled .header-top { display: inherit; }
  .header-top{padding: 8px 0;}
  .header-nav { margin-right: 40px; }

  .btn.btn-primary{padding: 12px 24px;}
  .slicknav_menu{top: 50px;}
  .about-img-block { max-width: 510px; margin: 0 auto 35px; margin-left: 100px; }

  .call-back .inner { flex-direction: column; text-align: center; gap: 30px !important; }

  section{padding: 60px 0;}
  .footer-main{padding: 60px 0;}
  .footer-main .inner { flex-wrap: wrap; }
  .footer-block:nth-child(1){width: 100%;}
  .footer-block:nth-child(1) { width: 100%; max-width: unset; display: flex; align-items: center; justify-content: center; gap: 0; flex-direction: column; text-align: center; }
}


@media only screen and (max-width: 767.98px) { 
  .header-social a { font-size: 13px !important; }
  .header-social { gap: 10px !important; }
  .header-top .ct-header{ gap: 10px !important;}
  .ct-header i{display: none;}
  .container{width: 100%;} .banner-content h4 { font-size: 14px; line-height: 18px; }
  .banner-content h4 img{display: none;}
  .banner-content h1 { font-size: 26px; font-weight: 700; line-height: 36px; }

  body{font-size: 16px; line-height: 26px;}

  .about-img-block { max-width: 78%; margin: 0 auto 35px !important; }
  .about-img-block div{border-radius: 15px;}
  .img3 { max-width: 45%; margin-top: 10px; margin-left: -17px; }
  .img2 { border: 10px solid #fff; }
  .success-rate h6, .complete-project h6{font-size: 30px; line-height: 30px;}
  .success-rate p, .complete-project p{font-size: 13px;}
  .success-rate, .complete-project { padding: 10px 15px; min-width: 110px; }
  .success-rate{top: -9%;}
  .complete-project { bottom: -6%; left: 45%; }
  section h3 { font-size: 24px; line-height: 32px; margin: 0 0 10px; font-weight: 700; }

  .service-sec .inner { flex-direction: column; }
  .service-sec .top-text { max-width: unset; text-align: center; }
  .service-sec .top-text h4{display: flex; align-items: center; justify-content: center;}
  .service-sec .inner { flex-direction: column; align-items: center !important; gap: 15px; }

  .hm-service-img{height: 320px;} .sol-block { margin: 0 0 30px; }
  .solution-sec .row > div:last-child .sol-block{margin: 0;} .counter-sec .inner { flex-wrap: wrap; gap: 30px;}
  .counter-block { width: calc(50% - 15px); border: 0; }
  .footer-main{text-align: center;} .footer-block { max-width: unset; width: 100%; }
  .footer-block.ct-info ul { text-align: left; max-width: 252px; margin: 0 auto; }

	.ct-top { flex-direction: column; }
	.contact-form { padding: 30px 20px; }
	.contact-form h4 { font-size: 24px; line-height: 34px; margin: 0 0 30px; }
	.form-control{font-size: 16px;}
	.contact-form .btn { min-width: unset; }

   .about-sec .hm-service-block{width: 100%; margin-top: 30px;}
   .about-sec .inner h3{ line-height: 40px;}
   .directorsec .inner{margin-top: 30px; margin-bottom: 10px;}
   .directorsec .inner h4{font-size: 28px;}
   .directorsec .inner p{margin-bottom: 10px;}
   .directorsec img{max-height: 75%;}
   .abmv-block{margin-bottom: 20px;}
   .page-title{margin-top: 60px;}
   .hm-service-block{margin: 0px;}
   .single.single-service .about-sec .inner{margin-top: 15px;}
   .form-inner .text-center{text-align: left !important;}
}

@media only screen and (max-width: 640.98px) { 
  .header-top a { font-size: 12px; line-height: 18px; }
  .logo { max-width: 210px; }
  .header-bottom .btn{display: none;}
  .slicknav_menu { top: 40px; } 
  .copyright-text p { font-size: 11px; }
  .page-title{margin-top: 60px;}
  .slicknav_menu .slicknav_nav{margin-top: 23px !important;}



}