@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');







/***** General CSS *****/







body {



  word-break: break-word;



  font: 15px/25px 'Poppins', sans-serif;



  color: #393939;



  /*overflow-x: hidden;*/



}







a {



  text-decoration: none;



  color: #28b16d;



  white-space: initial;



}







a:hover,



a:focus {



  text-decoration: none;



  color: #393939;



}







a:hover {



  transition: all 0.5s ease-in-out;



  -webkit-transition: all 0.5s ease-in-out;



  -moz-transition: all 0.5s ease-in-out;



}







img {



  max-width: 100%;



}







input[type="text"]:focus,



textarea:focus,



input[type="password"]:focus,



select:focus,



input[type="email"]:focus,



input[type="url"]:focus,



input[type="tel"]:focus,



input[type="number"]:focus {



  transition: all 0.5s ease;



  -webkit-transition: all 0.5s ease;



  -moz-transition: all 0.5s ease;



  outline: none;



}







select,



input[type="text"],



input[type="password"],



input[type="email"],



input[type="url"],



input[type="number"],



textarea,



input[type="tel"] {



  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



}







ul {



  margin: 0 0 20px;



  padding: 0;



  list-style-type: none;



}







p {



  font-weight: 400;



  font-size: 14px;



  font-family: 'Poppins';



}











/***** Font Files *****/







@font-face {



  font-family: 'Fonts Awesome';



  src: url(../fonts/fontawesome-webfont.eot);



  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");



  font-weight: 400;



  font-style: normal



}











/***** Custom Classes *****/







.noPadding {



  padding: 0;



}







.noLeft {



  padding-left: 0;



}







.noRight {



  padding-right: 0;



}







.centerCol {



  float: none;



  margin: 0 auto;



}







.theme-btn {



  font-size: 16px;



  line-height: 20px;



  font-weight: 500;



  padding: 18px 40px;



  color: #fff;



  margin: 20px 20px 20px 0;



  border-radius: 50px;



  -webkit-border-radius: 0px;



  -moz-border-radius: 50px;



  text-transform: capitalize;



  text-transform: uppercase;



  font-family: 'Poppins';



  font-weight: 500;



  text-transform: uppercase;



  color: #fff;



  background-image: -webkit-linear-gradient(90deg, rgb(94, 94, 94) 0%, rgb(209, 209, 209) 100%);



}







.theme-btn:hover {



  background-image: -webkit-linear-gradient(90deg, rgb(94 94 94 / 56%) 0%, rgb(0 0 0) 100%);



  color: #fff;



  border-color: #28b16d;



}







.flexRow {



  display: -webkit-box;



  display: -moz-box;



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex;



  align-items: center;



}







.flexCol {



  -webkit-box-flex: 1;



  -moz-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  align-items: center;



}







h1 {



  font-family: "Anton", sans-serif;



  font-size: 55px;



  line-height: 60px;



  color: #fff;



  font-weight: 500;



  margin: 0 0 17px;



}







h2 {



  font-family: "Anton", sans-serif;



  font-size: 55px;



  line-height: 60px;



  color: #393939;



  font-weight: 500;



  margin: 0 0 30px;



}







h3 {



  font-family: "Anton", sans-serif;



  font-size: 30px;



  line-height: 34px;



  color: #000000;



  font-weight: 600;



  margin: 0 0 28px;



}







h4 {



  font-family: "Anton", sans-serif;



  font-size: 24px;



  line-height: 29px;



  color: #393939;



  font-weight: 500;



  margin: 0 0 13px;



}







h5 {



  font-family: "Anton", sans-serif;



  font-size: 20px;



  line-height: 25px;



  color: #393939;



  font-weight: 500;



  margin: 0 0 20px;



}







h6 {



  font-family: "Anton", sans-serif;



  font-size: 18px;



  line-height: 23px;



  color: #393939;



  font-weight: 500;



  margin: 0 0 22px;



}







select {



  background: #fff url('../images/arrow.png') no-repeat right;



  padding: 0 40px 0 30px;



  



}







::-webkit-input-placeholder {



  color: #575757;



}







::-moz-placeholder {



  color: #575757;



  opacity: 1;



}







:-ms-input-placeholder {



  color: #575757;



}







:-moz-placeholder {



  color: #575757;



  opacity: 1;



}











/*header css start */







.menuSec {



  padding: 0px 0;



}







.menuSec img {



  margin: 0;



}







.menuSec ul {



  position: relative;



  list-style: none;



  padding: 0;



  margin: 0;



  text-align: center;



  text-transform: capitalize;



}







.menuSec ul li {



position: relative;



display: inline-block;



margin: 0;



padding: 0;



width: 175px;



text-align: center;



justify-content: center;



border-left: 1px solid #7a7d7f;



padding: 48px 31px;

}







.menuSec li ul {



  display: none;



}







.menuSec ul li a {



    position: relative;



    display: inline-block;



    text-decoration: none;



    color: #fff;



    /* padding: 33px 44px; */



    font-size: 14px;



    font-family: 'Poppins';



    /* border-left: 1px solid #ffffff4f; */



}







/*.menuSec ul li a:after {



  content: '';



  position: absolute;



  top: 35%;



  right: 0;



  width: 1px;



  height: 13px;



  background-color: #393939;



}*/







.menuSec ul li:last-child a {



  /* padding-right: 44px; */



}







.menuSec ul li:last-child a:after {



  display: none;



}







.menuSec ul li a:hover,



.menuSec ul li a.active {



  transition: all 0.5s ease;



  -webkit-transition: all 0.5s ease;



  -moz-transition: all 0.5s ease;



  color: #fff;



}







.menuSec li:hover>ul {



  display: block;



  position: absolute;



  z-index: 1000;



  background-color: #000000;



  left: 0px;



  width: 230px;



  text-align: left;



  top: 38px;



}







.menuSec li>ul>li>a {



  border: none;



  padding: 13px 20px !important;



  color: #fff !important;



  overflow: hidden;



  font-size: 13px;



  line-height: 20px;



}







.menuSec li>ul>li,



.menuSec li>ul>li>a {



  display: block;



  margin: 0;



}







.menuSec li>ul>li>a:before,



.menuSec li>ul>li>a:after {



  display: none;



}







.menuSec li:hover li {



  float: none;



}







.menuSec li:hover a {}







.menuSec li ul li a:hover {



  background-color: #ffffff;



  color: #000000 !important;



}







.menuSec ul ul ul {



  left: 100%;



  top: 0;



}







.menuSec ul:before,



.menuSec ul:after {



  content: " ";



  display: table;



}







.menuSec ul:after {



  clear: both;



}







.menuSec li>ul>li:hover>ul {



  left: 230px;



  top: 0px;



  width: 270px;



}



.droopdwon li:hover>ul {



    display: block;



    position: absolute;



    z-index: 1000;



    background-color: #000000;



    left: 0px;



    width: 230px;



    text-align: left;



    top: 40px;



}



.droopdwon {



    float: left;



}



.droopdwon li:hover li a:hover {



    background-color: #ffffff;



    color: #000 !important;



}



/*header css start */







.dropdown-menu {



    position: absolute !important;



    z-index: 1000;



    display: block;



    min-width: 10rem;



    padding: 0.5rem 0;



    margin: 0;



    font-size: 1rem;



    color: #212529;



    text-align: left !important;



    background-color: #fff;



    background-clip: padding-box;



    border: 1px solid rgba(0, 0, 0, 0.15);



    border-radius: 0.25rem;



}



/*banner css start */



















.carousel-inner>.item>a>img,



.carousel-inner>.item>img {



  width: 100%;



}



.carousel-control.right,



.carousel-control.left {



  background: none;



  opacity: 1;



  width: 50px;



  height: 50px;



  top: initial;



  top: 40%;



  background: rgba(255, 255, 255, 0.1);



  text-shadow: none;



}



.carousel-control.right:hover,



.carousel-control.left:hover {



  background: rgba(255, 27, 27, 0.6);



  color: #fff;



}



.carousel-control.right .fa,



.carousel-control.left .fa {



  position: relative;



  top: 12px;



  font-size: 20px;



  color: #fff;



  opacity: 0.5;



}



.carousel-control.right {



  right: 0px;



}



.carousel-control.left {



  left: 0px;



}



.carousel-indicators {}



.carousel-indicators [data-bs-target] {



    box-sizing: content-box;



    flex: 0 1 auto;



    width: 10px;



    height: 12px;



    padding: 0;



    margin: 3px!important;



    text-indent: -999px;



    cursor: pointer;



    background-color: #fff;



    background-clip: padding-box;



    border: 0;



    border-top: 10px solid transparent;



    border-bottom: 10px solid transparent;



    opacity: 1;



    /* transition: opacity 0.6s ease; */



    border-radius: 20px;



}



.carousel-caption {



position: absolute;



top: 0;



width: 100%;



height: 100%;



left: 0;



right: 0;



margin: 0;



padding: 0;



color: #fff;



text-align: left;



display: -webkit-box;



display: -moz-box;



display: -ms-flexbox;



display: -webkit-flex;



display: flex;



align-items: end;



background: rgb(0 0 0 / 40%);

}



.carousel-indicators li {



  border: none;



  border-radius: 100%;



  -webkit-border-radius: 100%;



  -moz-border-radius: 100%;



  background: #fff;



  width: 12px;



  height: 12px;



  margin: 0;



}



.carousel-indicators .active {



  margin: 0;



  background-color: #28b16d;



  width: 10px;



  height: 12px;



}



/*banner css end*/







.blog_sec {



  padding: 5% 0;



}



/*slick slider in tabs css start*/











/* Style the tab */



















.tab_sec .tab {



  overflow: hidden;



  border: 0;



  background-color: #ffffff;



}



/* Style the buttons that are used to open the tab content */



.tab_sec .tab button {



  background-color: inherit;



  float: left;



  border: none;



  outline: none;



  cursor: pointer;



  padding: 14px 16px;



  transition: 0.3s;



}



/* Change background color of buttons on hover */



.tab_sec .tab button:hover {



  background-color: #ddd;



}



/* Create an active/current tablink class */



.tab_sec .tab button.active {



  background-color: #ccc;



}



/* Style the tab content */







.tab_sec .tabcontent {



  display: none;



  padding: 6px 12px;



  border: 0;



}



.tabcontent.active {



  display: block;



}



/*slick slider in tabs css start*/







.nav-item {padding: 10px;}



















li.active:before {



    position: absolute;



    content: '';



    width: 102%;



    height: 100%;



    left: 0;



    top: 0;



    background-image: -webkit-linear-gradient(90deg, rgb(94 94 94 / 76%) 0%, rgb(29, 29, 29) 100%);



}







img.banner-img {



width: 100%;



height: 100vh;



object-fit: cover;

}



.menuSec {



    position: absolute;



    width: 100%;



    z-index: 2;



    z-index: 2;



    border-bottom: 1px solid #ffffff4f;



}



.header-logo {



    text-align: start;



}







.menuSec .row {



    align-items: center;



}







.menuSec ul li:last-child {



    border-right: 1px solid #ffffff4f;



    background-image: -webkit-linear-gradient(90deg, rgb(94, 94, 94) 0%, rgb(209, 209, 209) 100%);



}











/*banner Start*/



.banner_text h1 {



    font-size: 80px;



    text-transform: uppercase;



    line-height: 86px;



}







.banner_text p {


font-family: 'Poppins';


font-size: 14px;


color: #ffffffbd;


font-weight: 400;


width: 49%;


margin-bottom: 28px;


text-transform: capitalize;
}







.counter-box h4 {font-family: 'Poppins';font-size: 14px;color: #ffffffbd;font-weight: 400;width: 270px;}







.counter {



/* font-family: 'Anton'; */



font-size: 43px;



/* line-height: 60px; */



/* width: fit-content; */

}







.banner-reviews-img p {



    font-family: 'Poppins';



    font-size: 14px;



    color: #ffffffbd;



    font-weight: 400;



    width: 100%;



}







.banner-counter ul {



display: flex;



width: 100%;



align-items: start;

}







.counter-box {



width: 62%;

}







.banner-counter ul li {



    width: 22%;



    position: relative;



}







.banner-counter {



    display: flex;



    justify-content: space-between;



    margin-top: 109px;



    margin-bottom: 108px;



}



.banner-counter ul li::before {



    position: absolute;



    content: '';



    background: #ffffff40;



    width: 1px;



    height: 70px;



    right: 50px;



    top: 10px;



}







.banner-counter ul li:last-child:before {



    display: none;



}











/*Banner End*/











/*Section About Us Start*/











.text-aboutus h2 {



    text-transform: uppercase;



    color: #000;



    font-size: 60px;



    margin-bottom: 13px;



}







.text-aboutus p {



margin-bottom: 9px;



width: 90%;

}







.mission-img {



    background-image: -webkit-linear-gradient(90deg, rgb(94, 94, 94) 0%, rgb(209, 209, 209) 100%);



    width: 60px;



    height: 60px;



    display: flex;



    align-items: center;



    justify-content: center;



    border-radius: 60px;



    margin-bottom: 18px;



}











.mission-text h5 {



    font-size: 30px;



    text-transform: uppercase;



    color: #000;



    margin-bottom: 13px;



}







.mission-text {



    padding-top: 30px;



}







.text-aboutus .row {



    margin-top: 55px;



    border-top: 1px solid #00000082;



    position: relative;



}







.about-main-sec .row {



    align-items: center;



    justify-content: center;



    margin-left: 0px;



}







.about-img img {



    width: 100%;



}







.about-main-sec {



    padding: 90px 0px;



}







.text-aboutus {



    margin-left: 20px;



}



.text-aboutus .row::before {



    position: absolute;



    content: '';



    background: #00000069;



    width: 1px;



    height: 75%;



    left: 0;



    right: 40px;



    margin: 0 auto;



    bottom: 29px;



}







/*Section About Us End*/











/*Section Services Start*/



.heading-txt h2 {



    font-family: 'Anton';



    font-size: 60px;



    color: #000;



    text-transform: uppercase;



    margin-bottom: 10px;



}







.service-top-btn {



    text-align: end;



}







.service-text h2 {



font-size: 25px;



color: #000;



margin-bottom: 0;



text-transform: uppercase;



height: 90px;



line-height: 40px;



display: flex;



justify-content: center;



align-items: center;

}







.service-text {

text-align: center;

border: 1px solid #0000004f;

border-top: unset;

padding: 10px 0 10px;

transition: all 0.4s ease;

height: 410px;
}







.service-text p {



    width: 86%;



    margin: 0 auto 20px;



}







.img-services img {



width: 100%;



height: 290px;



object-fit: cover;

}







.main-box-services {



    transition: all 0.4s ease;



}







/* hidden content */



.service-hover-txt-btn {



    opacity: 0;



    max-height: 0;



    overflow: visible;



    transform: translateY(15px);



    transition: all 0.4s ease;



}







.service-hover-txt-btn p {



    margin-bottom: 25px;



}







/* hover effects */



.main-box-services:hover {



    box-shadow: 0px 8px 40px rgba(0,0,0,0.11);



    background: #fff;



}







.main-box-services:hover .service-hover-txt-btn {



    opacity: 1;



    max-height: 500px; /* zyada rakha taake button cut na ho */



    transform: translateY(0);



}







.main-box-services:hover .service-text {



    border: unset;



    padding: 10px 0 30px;



}



.services-main-sec .row {



    width: 94%;



    margin: 0 auto;



}



.services-main-sec {



    padding: 60px 0px 100px;



}







/*Section Services End*/











/*Section Work Start*/











.work-sec-main .heading-txt {



    text-align: center;



    margin-bottom: 35px;



}







.work-main-box h2 {



    font-size: 25px;



    color: #000;



    line-height: 30px;



    margin-bottom: 10px;



}







.work-main-box {



    text-align: center;



    border: 1px solid #0000004d;



    padding: 30px 0px;



}







.work-img {



    margin-bottom: 13px;



}







.text-work p {



    margin-bottom: 0px;



}



.main-work-for-colour {



    background: #fff;



    padding: 50px 40px;



}







.work-sec-main {



    position: relative;



    padding: 100px 0px;



}







.work-sec-main::before {



    position: absolute;



    content: '';



    width: 100%;



    height: 380px;



    z-index: -1;



    top: 0;



    background-image: -webkit-linear-gradient(90deg, rgb(94, 94, 94) 0%, rgb(209, 209, 209) 100%);



}







.work-main-box:hover {



    border: unset;



    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.11);



    transition: 0.9s;



}



/*Section Work End*/











/*Section Work Start*/







.choose-text h2 {



    text-transform: uppercase;



    color: #000;



    font-size: 60px;



    margin-bottom: 13px;



}







.choose-text p {



    margin-bottom: 30px;



    width: 90%;



}



.choose-text ul li span {



    font-size: 25px;



    font-family: 'Anton';



    color: #7c7c7c;



    text-transform: uppercase;



}







.choose-text ul li p {



    margin-bottom: 16px;



    color: #7c7c7c;



}







.choose-text ul {



    border-left: 1px solid #0000005c;



    padding-left: 21px;



}







.choose-text ul li:hover span {



    color: #000;



    transition: 0.9s;



}







.choose-text ul li:hover  p {



    color: #000;



    transition: 0.9s;



}







.choose-main-sec {



    padding-bottom: 100px;



}







.choose-text ul li {



    position: relative;



}







.choose-text ul li::before {



    position: absolute;



    content: '';



    background: #000;



    width: 8px;



    height: 8px;



    left: -25px;



    top: 0px;



    border-radius: 30px;



}



/*Section Work End*/











/*Section testimonials Start*/











.testimonial-sec {



    margin-bottom: 10px;



}







.testimonial-sec .slick-arrow:before {



    background: #aca6a3;



    color: #7d746f;



}







.slick-arrow:hover:before {



    color: #251914;



    background: #fff;



}







/* .slick-center .testi-main *, .testi-main:hover * {



    color: #fff;



}



 */



.slick-center .testi-main, .testi-main:hover {



    /* background: #fbcd0e; */



}







.slick-center .testi-main img.quote-tsti, .testi-main:hover img.quote-tsti {



    filter: brightness(0) saturate(100%) invert(96%) sepia(100%) saturate(0%) hue-rotate(174deg) brightness(106%) contrast(108%);



}







.slick-center .testi-main p, .testi-main:hover p {



    /* opacity: 1; */



}







.testimonial-sec .slick-arrow:hover:before {



    background: #000000;



    color: #fff;



    background-image: -webkit-linear-gradient(90deg, rgb(94, 94, 94) 0%, rgb(209, 209, 209) 100%);



}







.testi-head {



    text-align: center;



    margin-bottom: 40px;



}







.testi-head span {



    font-family: 'AmericanCaptain';



    font-size: 20px;



    color: #30211a;



    letter-spacing: 3px;



}







.testi-head p {



    width: 60%;



    margin: 3px auto;



}







.testi-user {



    display: flex;



    align-items: center;



    gap: 20px;



    margin-bottom: 20px;



}







.testi-main {



    border: 1px solid #0000002b;



    border-radius: 0px;



    padding: 30px 20px 28px;



    transition: 0.5s all;



    position: relative;



}







.testi-img img {



    width: 60px;



    height: 60px;



    object-fit: cover;



    border-radius: 50%;



}







img.quote-tsti {



    width: 40px;



    margin-left: 100px;



}







.testi-usr-txt span {



    font-size: 12px;



}



.testi-slider .slick-prev:before {



    content: '\f060' !important;



}



.testi-slider .slick-arrow:before {



    content: '\f061';



    position: absolute;



    font-family: 'FontAwesome';



    font-weight: 500;



    top: 0;



    color: #00000029;



    left: 0;



    background: transparent;



    width: 40px;



    height: 40px;



    display: flex;



    align-items: center;



    justify-content: center;



    opacity: 1 !important;



    border-radius: 50%;



    transition: 0.5s all;



    border: 1px solid #00000029;



}



.testi-slider .slick-active {



    opacity: 1;



}







.testi-slider .slick-prev {



    left: -45px;



}



.testi-head .about-heading-icon {



    justify-content: center;



}



span.quotes i {



    font-size: 40px;



    position: absolute;



    right: 30px;



    top: 33px;



    color: #0000003d;



}







.testi-usr-txt h6 {



    color: #000;



    text-transform: uppercase;



    margin-bottom: unset;



}







.testi-slider .slick-slide.slick-current.slick-active.slick-center {



    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.11);



}







.testi-slider .slick-slide.slick-current.slick-active.slick-center .testi-main.wow.fadeInUp {



    border: unset;



}







.testi-slider .slick-slide {



    margin: 16px 20px;



}







/*Section testimonials End*/











/*Footer Start*/







.heading-ft-contact h2 {



    font-size: 50px;



    text-transform: uppercase;



    margin-bottom: 10px;



    color: #000;



}







.ft-contact ul li img {width: 55px;height: 55px;object-fit: contain;padding: 16px 5px;border-radius: 50%;background-image: -webkit-linear-gradient(90deg, rgb(94, 94, 94) 0%, rgb(209, 209, 209) 100%);transition: 0.8s;}







.ft-contact ul li p {



    font-family: 'Montserrat';



    font-size: 14px;



    font-weight: 500;



    color: #000;



    margin-bottom: 0px;



}







.ft-contact ul li  a {



font-size: 27px;



font-weight: 500;



color: #000;



font-family: 'Poppins';

}







.ft-contact ul {



    display: flex;



    align-items: center;



    gap: 10px;



}







.ft-contact ul li span {



display: block;



color: #0000004a;



font-size: 23px;



font-weight: 500;



font-family: 'Poppins';

}



















.ft-contact {



display: flex;



align-items: center;



justify-content: start;



gap: 22px;

}







.heading-ft-contact {



    margin-bottom: 30px;



}







.ft-contacts-main-sec {padding: 100px 0px 0px;}







footer {



width: 100%;



height: auto;



background-repeat: no-repeat;



background-size: cover;



margin-top: 14px;



background: #282424;



margin-bottom: -30px;

}



.ft-logo-main p {



    /* font-family: 'Montserrat'; */



    font-size: 14px;



    color: #ffffffa3;



    font-weight: 300;



    margin-top: 22px;



    margin-bottom: 7px;



    font-family: 'Poppins';



}







.ft-links h3 {



    color: #ffffff;



    font-size: 30px;



    margin-bottom: 20px;



    font-weight: unset;



    text-transform: uppercase;



}







.ft-links ul li a {



    font-size: 14px;



    font-weight: 300;



    color: #ffffffa3;



    text-transform: capitalize;



    font-family: 'Poppins';



}







.ft-links ul {



    column-count: 1;



}







.ft-links ul li {



    margin-bottom: 14px;



}







.ft-links {



    margin: 0px 0px 20px 50px;



    border-left: 1px solid #ffffff57;



    padding: 0px 0px 0px 50px;



}







.ft-social ul li {



    border: 1px solid #ffffff7d;



    display: flex;



    align-items: center;



    justify-content: center;



    width: 40px;



    height: 40px;



    border-radius: 50%;



}







.ft-social ul {



    display: flex;



    align-items: center;



    gap: 10px;



}







.ft-social ul li a {



    color: #ffffff94;



}







.ft-social ul li:hover {



    transition: 0.9s;



    border: unset;



    /* background: #fbcd0e; */



    background-image: -webkit-linear-gradient(90deg, rgb(94, 94, 94) 0%, rgb(209, 209, 209) 100%);



}







.ft-social ul li:hover a {



    color: #fff;



}







.ft-form-main h2 {



    font-size: 47px;



    margin-bottom: 23px;



    line-height: 31px;



    text-transform: uppercase;



    color: #000;



}







.ft-form-main p {



    font-size: 14px;



    font-weight: 400;



    color: #000000a6;



    margin-bottom: 22px;



}







.ft-form-field input {



    border: 1px solid #00000040;



    width: 100%;



    margin-bottom: 15px;



    padding: 12px 24px;



    border-radius: 0px;



    /* font-family: 'Montserrat'; */



    font-size: 14px;



    color: #000;



    font-weight: 500;



}







.ft-form-field  textarea {



    border: 1px solid #00000040;



    width: 100%;



    margin-bottom: 10px;



    padding: 12px 14px;



    border-radius: 0px;



    font-size: 14px;



    color: #000;



    height: 150px;



    font-weight: 500;



}







.ft-form-main {



    background: #fff;



    padding: 30px 30px;



    margin-top: -200px;



    margin-left: 62px;



    box-shadow: 0px 0px 111px 0px rgba(0, 0, 0, 0.06);



}







.ft-bottom p {



    text-align: start;



    font-size: 14px;



    font-weight: 400;



    color: #000;



    background: #fff;



    margin-bottom: unset;



    padding: 30px 0px;



    width: 94.4%;



    opacity: 1;



    padding-left: 178px;



}



.ft-logo-main {



    margin-top: 60px;



}



footer .row {



    align-items: center;



}



.ft-social h2 {



    color: #fff;



    font-family: 'Anton';



    text-transform: uppercase;



    font-size: 30px;



    margin-bottom: 2px;



    margin-top: 9px;



}



.ft-form-field  button.theme_btn {



    width: 100%;



    display: flex;



    align-items: center;



    justify-content: center;



    padding: 12px;



    background-image: -webkit-linear-gradient(90deg, rgb(94, 94, 94) 0%, rgb(209, 209, 209) 100%);



    border: unset;



    color: #fff;



    text-transform: uppercase;



}











.ft-form-field  button.theme_btn .side-btn-img {position: absolute;right: 5px;}











.testimonial-sec .heading-txt {



    text-align: center;



}







.testi-slider .slick-slide.slick-current.slick-active.slick-center span.quotes i {



    background: -webkit-linear-gradient(90deg, rgb(94, 94, 94) 0%, rgb(209, 209, 209) 100%);



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



}



.ft-links ul li a:hover {



    color: #fff;



}



.ft-logo-main.wow.fadeInDown a img {



    width: 180px;



}



input::-webkit-outer-spin-button,



input::-webkit-inner-spin-button {



  -webkit-appearance: none;



  margin: 0;



}



/*Footer End*/







section.gallery-sec {

    padding: 90px 0px 50px;

}



.gallery-1 img {

    width: 100%;

    height: 520px;

    object-fit: cover;

    border-radius: 20px;

}



section.gallery-sec.iner .row.r {

    margin-bottom: 30px;

}



.gallery-2 img {

    width: 100%;

    height: 300px;

    object-fit: cover;

    border-radius: 20px;

}





.gallery-col-2 img {

    width: 100%;

    height: 500px;

    object-fit: cover;

    border-radius: 20px;

    object-position: center;

}



.gallery-col-3 img {

width: 100%;

height: 303px;

object-fit: cover;

border-radius: 20px;

object-position: top;
}

.gallery-col-3.st img {
    height: 203px;
    object-position: 0px -110px;
}


.gallery-col-2 {

margin-bottom: 20px;

margin-top: 17px;
}



.gallery-1.e {

    margin-bottom: 20px;

}



.gallery-2.e {

margin-top: 20px;

margin-bottom: 10px;
}

section.gallery-sec .heading-txt.wow.fadeInDown {

    text-align: center;

}





/*inner banner Start*/



.inner-banner .carousel-caption {

    align-items: center;

}



.inner-banner img.banner-img {

    height: 660px;

    object-fit: cover;

    object-position: top;

}

section.abt-inner-choos-sec {

    padding-top: 50px;

}



section.abt-inner-choos-sec .choose-main-sec {

    padding-bottom: 40px;

}

.services-main-sec .main-box-services {

    margin-bottom: 30px;

}

/*inner Banner End*/





/*Service Detail Page Start*/

.service-detail-img img {

    width: 100%;

    height: 530px;

    object-fit: cover;

}



.service-detail-main-sec {

    padding: 90px 0px;

}



.service-detail-text h2 {

    color: #000;

    margin-bottom: 10px;

    text-transform: uppercase;

    font-size: 40px;

}



.service-detail-text {

    padding: 17px 0px;

}

.service-detail-text h3 {

    text-transform: uppercase;

    font-weight: unset;

    margin-bottom: 10px;

}



.service-detail-text h3 span {

    display: block;

    font-size: 22px;

    font-family: 'Poppins';

    text-transform: capitalize;

    font-weight: 600;

    line-height: 29px;

}



.service-detail-text ul li p {

    margin-bottom: 7px;

    font-size: 15px;

    font-family: 'Poppins';

}



.service-detail-text ul li {

    list-style: disc;

    margin-left: 20px;

}

/*Service Detail Page End*/





/*Contact me Page Start*/

.contact_detail_box figure img {

    margin: auto;

    height: 65px;

    width: 65px;

    object-fit: contain;

    filter: brightness(0) saturate(100%) invert(8%) sepia(6%) saturate(1144%) hue-rotate(328deg) brightness(86%) contrast(81%);

}



.contact_detail_box h2 {

    font-size: 20px;

    line-height: 24px;

    color: #000;

    font-weight: 700;

    margin: 30px 0 10px 0;

}



.contact_detail_box p {

    font-size: 14px;

    line-height: 25px;

    color: #636363;

    font-weight: 600;

    display: block;

    width: 80%;

    margin: 0 auto;

}



.contact_detail_box {

    padding: 40px 40px;

    transition: 0.5s;

    border: 2px solid #282424;

    border-radius: 0px;

}



.contact_form {

    padding-bottom: 40px;

    position: relative;

    /* background: #f0efeb; */

}



.contact_form label {

    font-size: 16px;

    color: #5d5d5d;

    margin-bottom: 7px;

    font-weight: 600;

    font-family: 'Poppins';

}



.btn_wrap button {

    border: none;

    /* background: #2492eb; */

    color: #fff;

    font-weight: 500;

}



.contact_page {

    padding: 100px 0;

    position: relative;

    /* background: #f0efeb; */

}





.contact_form input {

    height: 55px;

    width: 100%;

    margin-bottom: 25px;

    border-radius: 0px;

    padding: 0 25px;

    border: 1px solid #cccccc;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* Firefox */

input[type="number"] {

    -moz-appearance: textfield;

}



.contact_form textarea {

    height: 200px;

    margin-bottom: 30px;

    width: 100%;

    border: 1px solid #d1d1d1;

    padding: 25px 25px;

    resize: none;

}



.section_head {

    margin-bottom: 40px;

}



.section_head p {

    width: 70%;

    margin: 0 auto;

    font-size: 15px;

    font-weight: 500;

    color: #636363;

}



.section_head h3 {

    color: #000;

    margin-bottom: 5px;

    line-height: 75px;

    font-weight: 500;

    font-size: 53px;

    text-transform: uppercase;

}



.br_gradient {

    padding: 2px;

    border-radius: 12px;

}



.contact_detail_box p span {

    display: block;

}



section.contact_page.chg2 {

    padding-bottom: 50px;

}



.contact_page h4 {

    font-size: 28px;

    font-weight: 500;

    letter-spacing: 0;

    margin: 20px 0 5px;

    color: #000;

    font-weight: unset;

    text-transform: uppercase;

}



.section_head.chg h3 {

    color: #0883ec;

}



.btn_wrap {

    text-align: center;

}



.contact_detail_box a {

    display: block;

    font-size: 16px !important;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}





/*Contact Me Page End*/





/*Get A Service Page Start*/



  .request-ser-form {

max-width: 600px;

margin: 0 auto;

background: #fff;

padding: 0px;

border-radius: 10px;

/* box-shadow: 0 4px 10px rgba(0,0,0,0.1); */

}

    .request-ser-form h2 {

        text-align: center;

        margin-bottom: 20px;

    }

    .request-ser-form label {

        display: block;

        margin-bottom: 5px;

        font-weight: 500;

    }

    .request-ser-form input, .request-ser-form textarea {

width: 100%;

padding: 9px 12px;

margin-bottom: 12px;

border: 1px solid #ccc;

border-radius: 6px;

font-family: 'Poppins', sans-serif;

font-size: 14px;

}

    .request-ser-form textarea {

        resize: vertical;

        min-height: 100px;

    }

    section.book-appointment {

    padding: 90px 0px;

}

    .book-appointment-heading h2 {

    font-size: 60px;

    line-height: 1;

    margin: 12px 0;

    text-transform: capitalize;

    color: #000;

    text-transform: uppercase;

}

.book-appointment-heading p {

    font-size: 16px;

    line-height: 29px;

    width: 55%;

    margin: 0 auto;

}

.book-appointment-heading {

    text-align: center;

    margin: 0 0 20px 0;

}

.request-ser-form select {

    width: 100%;

    padding: 10px 12px;

    margin-bottom: 15px;

    border: 1px solid #ccc;

    border-radius: 6px;

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    appearance: auto;

}

.req-ser-btn {

    text-align: center;

}



.req-ser-btn .theme-btn {

    border: unset;

}

/*Get a Service Page End*/





/*industries Page STart*/



section.industries-pg-sec .work-sec-main::before {

    display: none;

}



section.industries-pg-sec .work-sec-main {

    padding: 60px 0px 20px;

}



.service-text h2 a {

    color: #000;

}

/*Industries Page End*/



.text-process h2 {

    text-transform: uppercase;

    color: #000;

}



.text-process ul li {

    /* display: flex; */

    align-items: center;

    gap: 10px;

    font-family: 'Poppins';

    font-size: 14px;

    margin-bottom: 10px;

}



.processs-main-sec .row {

    align-items: center;

}



.processs-main-sec {

    padding-bottom: 80px;

}

.counter span.count {

    font-family: 'Anton';

    font-size: 43px;

    line-height: 60px;

    width: fit-content;

    /* display: block; */

}

span.thousand-upto {

    font-size: 28px;

    display: block;

    font-family: 'Anton';

}

.ft-contact ul li {

    line-height: 33px;

}

.contact_detail_box a {

    font-size: 25px !important;

    line-height: 25px;

    color: #636363;

    font-weight: 600;

    display: block;

    width: 96%;

    margin: 0 auto;

}

.about-btn {

    margin-top: 33px;

}



.text-process ul li b {

    margin-right: 4px;

}

html {
    overflow-x: hidden;
}
.gallery-col-3.lst-img {
    margin-top: 23px;
}

.book-appointment-heading h2 {
    font-size: 43px;
}

.modal-header {
    border-bottom: unset;
    padding: 10px 0px;
}

.modal-dialog {
    max-width: 670px;
}

.modal-header .btn-close {border: 1px solid #000;position: absolute;right: 10px;top: 10px;background-color: #fff;z-index: 99999;}

.modal-body {
    padding: top;
}
/*Responsive Start*/



@media only screen and (min-width: 1366px) and (max-width: 1600px) {

  .menuSec ul li {

    width: 150px;

}



.menuSec ul li a {

    font-size: 13px;

}



.banner-counter {

    margin-bottom: 5px;

}



.counter {

    font-size: 48px;

}

}



@media only screen and (min-width: 1200px) and (max-width: 1365px) {

.menuSec ul li {

    width: 150px;

}



.menuSec ul li a {

    font-size: 13px;

}



.banner-counter {

    margin-bottom: 5px;

}



.counter {

    font-size: 48px;

}
.carousel-control-prev, .carousel-control-next {
    width: 3%;
}

.service-text p {
    width: 94%;
}

.service-text {
    height: 470px;
}

.choose-main-sec {
    padding-bottom: 10px;
}

.ft-contact ul li a {
    font-size: 21px;
}

.ft-contact ul li span {
    font-size: 18px;
}

.ft-form-main {
    margin-left: 39px;
}
.inner-banner img.banner-img {
    height: 600px;
}
.contact_detail_box a {
    font-size: 19px !important;
}

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
.menuSec ul li {
    width: 116px;
    padding: 32px 9px;
}

.menuSec ul li a {
    font-size: 13px;
}

.banner_text h1 {
    font-size: 73px;
    line-height: 79px;
}

.banner_text h1 br {
    display: none;
}

.banner_text p {
    width: 74%;
}

img.banner-img {
    height: 90vh;
}
.choose-main-sec .row {
    align-items: center;
}

.carousel-caption {
    align-items: center;
}

.banner-counter {
    margin-top: 76px;
    margin-bottom: 0px;
}

.carousel-control-prev, .carousel-control-next {
    width: 4%;
}

.banner_text.wow.fadeInLeft {
    margin-top: 60px;
}

.text-aboutus p {
    width: 100%;
    margin-bottom: 7px;
}

p {
    font-size: 13px;
}

.text-aboutus h2 {
    font-size: 43px;
    margin-bottom: 4px;
}

.text-aboutus {
    margin-left: 0px;
}

.about-main-sec {
    padding: 60px 0px;
}

.about-main-sec .col-md-5.col-lg-5.col-12 {
    width: 50%;
}

.heading-txt h2 {
    font-size: 47px;
}

.services-main-sec .row {
    width: 100%;
}

.theme-btn {
    font-size: 14px;
    margin: 16px 0px 3px 0;
    padding: 16px 21px;
}

.main-work-for-colour {
    padding: 27px 16px;
}

.work-main-box h2 {
    font-size: 19px;
}

.service-text h2 {
    font-size: 19px;
    line-height: 25px;
    height: 70px;
}

.service-text p {
    width: 100%;
    height: 140px;
    overflow-x: scroll;
    font-size: 12px;
    line-height: 24px;
    padding: 0px 6px;
}

.service-text {height: 100%;}

.img-services img {
    height: 230px;
}

.services-main-sec {
    padding: 60px 0px 40px;
}

.choose-text h2 {
    font-size: 37px;
}

.choose-text p {
    width: 100%;
}

section.gallery-sec.iner .col-lg-6 {
    width: 50%;
}

.gallery-col-2 img {
    height: 290px;
}

.gallery-1 img {
    height: 316px;
}

.choose-main-sec .col-md-6.col-lg-6.col-12 {
    /* width: 100%; */
}

.choose-im img {
    width: 100%;
}

.choose-img.wow.fadeInLeft img {
    width: 100%;
}

.choose-main-sec {
    padding-bottom: 0px;
}

.ft-contact ul li a {
    font-size: 17px;
}

.ft-contact ul li span {
    font-size: 13px;
}

.ft-contact ul li img {
    width: 37px;
    height: 40px;
    padding: 12px 5px;
}

.heading-ft-contact h2 {
    font-size: 43px;
}

.ft-links {
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 20px 12px;
}

.ft-links h3 {
    font-size: 24px;
}

.ft-logo-main p {
    font-size: 12px;
    margin-top: 12px;
}

.ft-form-main {
    padding: 30px 13px;
    margin-left: 29px;
}

.ft-contact {
    gap: 24px;
}

.ft-contact ul li {
    line-height: 20px;
}

.ft-contact ul {
    gap: 9px;
}

.ft-form-main p {
    font-size: 12px;
    line-height: 25px;
}

.ft-form-main h2 {
    font-size: 33px;
    margin-bottom: 13px;
}

.ft-form-field input {
    padding: 10px 14px;
}

.ft-form-field textarea {
    height: 120px;
}

.ft-social h2 {
    font-size: 27px;
}

.ft-bottom p {
    padding-left: 78px !important;
    padding: 16px 0px;
}
.inner-banner img.banner-img {
    height: 370px;
}
.text-process ul li {
    font-size: 13px;
    margin-bottom: 7px;
}

.text-process h2 {
    font-size: 37px;
    margin: 0 0 6px;
}

.processs-main-sec {
    padding-bottom: 10px;
}
.service-detail-img img {
    height: 430px;
}
.contact_detail_box figure img {
    height: 44px;
    width: 41px;
}

.contact_detail_box {
    padding: 23px 14px;
}

.contact_page h4 {
    font-size: 21px;
}

.contact_detail_box a {
    font-size: 15px !important;
}

.section_head h3 {
    font-size: 42px;
}

.contact_form .section_head {
    margin-bottom: 16px;
}

.contact_form input {
    height: 44px;
}

.contact_form textarea {
    height: 159px;
    margin-bottom: 10px;
}

.contact_page {
    padding: 50px 0 50px;
}
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
.menuSec ul li {
    width: 91px;
    padding: 26px 0px;
}

.menuSec ul li a {
    font-size: 13px;
}

.banner_text h1 {
    font-size: 53px;
    line-height: 69px;
}

.banner_text h1 br {
    display: none;
}

.banner_text p {
    width: 76%;
}

img.banner-img {
    height: 90vh;
}

.carousel-caption {
    align-items: center;
}

.banner-counter {
    margin-top: 76px;
    margin-bottom: 0px;
}

.carousel-control-prev, .carousel-control-next {
    width: 4%;
}

.banner_text.wow.fadeInLeft {
    margin-top: 60px;
}

.text-aboutus p {
    width: 100%;
    margin-bottom: 7px;
}

p {
    font-size: 13px;
}

.text-aboutus h2 {
    font-size: 43px;
    margin-bottom: 4px;
}

.text-aboutus {
    margin-left: 0px;
}

.about-main-sec {
    padding: 60px 0px;
}

.about-main-sec .col-md-5.col-lg-5.col-12 {
    width: 50%;
}

.heading-txt h2 {
    font-size: 47px;
}

.services-main-sec .row {
    width: 100%;
}

.theme-btn {
    font-size: 14px;
    margin: 16px 0px 3px 0;
    padding: 16px 21px;
}

.main-work-for-colour {
    padding: 27px 16px;
}

.work-main-box h2 {
    font-size: 19px;
}

.service-text h2 {
    font-size: 16px;
    line-height: 25px;
    height: 70px;
}

.service-text p {
    width: 100%;
    height: 140px;
    overflow-x: scroll;
    font-size: 12px;
    line-height: 24px;
    padding: 0px 6px;
}

.service-text {height: 100%;}

.img-services img {
    height: 230px;
}

.services-main-sec {
    padding: 60px 0px 40px;
}

.choose-text h2 {
    font-size: 37px;
}

.choose-text p {
    width: 100%;
}

section.gallery-sec.iner .col-lg-6 {
    width: 50%;
}

.gallery-col-2 img {
    height: 290px;
}

.gallery-1 img {
    height: 316px;
}

.choose-main-sec .col-md-6.col-lg-6.col-12 {
    width: 100%;
}

.choose-im img {
    width: 100%;
}

.choose-img.wow.fadeInLeft img {
    width: 100%;
}

.choose-main-sec {
    padding-bottom: 0px;
}

.ft-contact ul li a {
    font-size: 14px;
}

.ft-contact ul li span {
    font-size: 13px;
}

.ft-contact ul li img {
    width: 37px;
    height: 40px;
    padding: 12px 5px;
}

.heading-ft-contact h2 {
    font-size: 43px;
}

.ft-links {
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 20px 12px;
}

.ft-links h3 {
    font-size: 24px;
}

.ft-logo-main p {
    font-size: 13px;
}

.ft-form-main {
    padding: 23px 13px;
    margin-left: 17px;
}

.ft-contact {
    gap: 12px;
}

.ft-contact ul li {
    line-height: 20px;
}

.ft-contact ul {
    gap: 9px;
}

.ft-form-main p {
    font-size: 12px;
    line-height: 25px;
}

.ft-form-main h2 {
    font-size: 33px;
    margin-bottom: 13px;
}

.ft-form-field input {
    padding: 10px 14px;
}

.ft-form-field textarea {
    height: 120px;
}

.ft-social h2 {
    font-size: 27px;
}

.ft-bottom p {
    padding-left: 78px !important;
    padding: 16px 0px;
}
.inner-banner img.banner-img {
    height: 370px;
}
.text-process ul li {
    font-size: 13px;
    margin-bottom: 7px;
}

.text-process h2 {
    font-size: 37px;
    margin: 0 0 6px;
}

.processs-main-sec {
    padding-bottom: 10px;
}
.service-detail-img img {
    height: 430px;
}
.contact_detail_box figure img {
    height: 44px;
    width: 41px;
}

.contact_detail_box {
    padding: 23px 14px;
}

.contact_page h4 {
    font-size: 21px;
}

.contact_detail_box a {
    font-size: 15px !important;
}

.section_head h3 {
    font-size: 42px;
}

.contact_form .section_head {
    margin-bottom: 16px;
}

.contact_form input {
    height: 44px;
}

.contact_form textarea {
    height: 159px;
    margin-bottom: 10px;
}

.contact_page {
    padding: 50px 0 50px;
}
}



@media only screen and (min-width: 520px) and (max-width: 767px) {
li.active:before {
    display: none;
}

.menuSec {
    position: unset;
    margin-bottom: -1px;
}
.header-logo a img {
    width: 320px;
    height: 100px;
    object-fit: contain;
}
.banner_text h1 {
    font-size: 46px;
    line-height: 54px;
}

.banner_text p {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
}

.carousel-caption {
    align-items: center;
}

.banner-counter ul li {
    width: 47%;
}

.counter-box h4 {
    width: 150px;
    font-size: 12px;
}

.banner-counter ul li::before {
    right: 16px;
}

.banner_text h1 br {
    display: none;
}

.banner-counter {
    margin-top: 49px;
    margin-bottom: 0px;
}

a.theme-btn {
    font-size: 13px;
    padding: 13px 28px;
}

.carousel-control-prev, .carousel-control-next {
    width: 3%;
}
.carousel-control-prev-icon {
    width: 17px;
    height: 16px;
}
  .header-logo {
    text-align: center;
}
img.banner-img {
    height: 74vh;
}

.text-aboutus {
    margin-left: 0px;
    margin-top: 11px;
}

.text-aboutus p {
    width: 100%;
}

p {
    font-size: 13px;
}

.text-aboutus h2 {
    font-size: 44px;
    margin-bottom: 7px;
}

.services-main-sec .row {
    width: 100%;
}

.heading-txt h2 {
    font-size: 37px;
}

.service-top-btn {
    text-align: center;
    margin-bottom: 30px;
}

.service-text h2 {
    font-size: 19px;
    line-height: 24px;
    height: 66px;
}

.service-text p {
    width: 95%;
}

.services-main-sec {
    padding: 60px 0px 40px;
}

.about-main-sec {
    padding: 50px 0px 20px;
}
.inner-banner img.banner-img {
    height: 230px;
}

.text-process h2 {
    font-size: 33px;
    margin-bottom: 10px;
}

.text-process ul li {
    font-size: 13px;
}

.about-main-sec .container {
    padding: unset;
    padding-right: 10px;
}

.processs-main-sec {
    padding-bottom: 20px;
}

.processs-main-sec .row {
    flex-direction: column-reverse;
}
.main-work-for-colour {
    padding: 30px 15px;
}

.heading-txt h2 {
    font-size: 37px;
    text-align: center;
}

.work-main-box h2 {
    font-size: 22px;
}

.work-main-box {
    margin-bottom: 20px;
}

.work-sec-main {
    padding: 60px 0px;
}

.choose-text h2 {
    font-size: 29px;
}

.choose-text ul li span {
    font-size: 20px;
}

.choose-text ul {
    padding-left: 21px;
}

.choose-text p {
    width: 100%;
}

section.gallery-sec {
    padding: 41px 0px 41px;
}

.choose-main-sec {
    padding-bottom: 0px;
}

.gallery-1 img {
    height: 380px;
}

.gallery-2 img {
    height: 300px;
}

.gallery-2 {
    margin-bottom: 20px;
}

.gallery-1 {
    margin-bottom: 20px;
}


.gallery-col-2 .col-lg-6 {
    margin-bottom: 20px;
}

.ft-contact {
    display: block;
}

.ft-contact ul li a {
    font-size: 18px;
}

.ft-contact ul li span {
    font-size: 18px;
}

.ft-form-main {
    margin-top: unset;
    margin-left: unset;
    padding: 30px 12px;
}

.ft-links {
    margin: 0px 0px 20px 0px;
    border-left: unset;
    padding: 0px 0px 0px 0px;
}


.ft-bottom p {
    width: 100%;
    padding-left: unset;
    text-align: center;
    padding: 11px 0px;
}

.ft-form-main p {
    font-size: 13px;
    line-height: 25px;
}

.ft-form-main h2 {
    font-size: 38px;
    margin-bottom: 15px;
}

.heading-ft-contact h2 {
    font-size: 39px;
    margin-bottom: 0px;
}

.heading-ft-contact {
    margin-bottom: 10px;
}

.ft-social h2 {
    font-size: 22px;
}

.ft-links h3 {
    font-size: 22px;
}

.ft-contacts-main-sec {
    padding: 29px 0px 0px;
}
.work-sec-main .heading-txt h2 {
    line-height: 41px;
}
.service-detail-img img {
    height: 230px;
}

.service-detail-text h2 {
    font-size: 23px;
    line-height: 40px;
}

.service-detail-text h3 {
    font-size: 23px;
}

.service-detail-text h3 span {
    font-size: 16px;
}

.service-detail-main-sec {
    padding: 70px 0px 30px;
}
.contact_page {
    padding: 60px 0;
}

.contact_page .section_head h3 {
    font-size: 37px;
    line-height: 36px;
}

.contact_detail_box a {
    font-size: 18px !important;
    width: 100%;
}

.contact_page h4 {
    font-size: 22px;
}

.contact_detail_box {
    margin-bottom: 20px;
    padding: 29px 40px;
}

.contact_detail_box figure img {
    height: 43px;
    width: 54px;
}

.section_head h3 {
    font-size: 31px;
    line-height: 32px;
}

.contact_form input {
    height: 40px;
    margin-bottom: 12px;
}

.contact_form label {
    font-size: 13px;
}

.contact_form textarea {
    height: 140px;
    margin-bottom: unset;
}
.service-text {
    height: 100%;
}

.book-appointment-heading h2 {
    font-size: 36px;
}

.request-ser-form label {
    font-family: 'Poppins';
    font-size: 13px;
}

    .request-ser-form input {
        padding: 2px 10px;
        border-radius: 4px;
        margin-bottom: 4px;
    }

.book-appointment-heading {
    margin: 0 0 10px 0;
}
.services-main-sec .container {
    padding: unset;
}

.service-top-btn a.theme-btn {
    margin: unset;
}
.request-ser-form select {
    padding: 6px 12px;
    font-size: 12px;
    margin-bottom: 9px;
}

.request-ser-form textarea {
    padding: 4px 12px;
    height: 90px;
}

.req-ser-btn .theme-btn {
    margin-top: unset;
}

.modal-header {
    padding: 5px 0px;
}
}



@media only screen and (min-width: 300px) and (max-width: 519px) {
li.active:before {
    display: none;
}

.menuSec {
    position: unset;
    margin-bottom: -1px;
}
.header-logo a img {
    width: 320px;
    height: 100px;
    object-fit: contain;
}
.banner_text h1 {
    font-size: 38px;
    line-height: 48px;
}

.banner_text p {
    width: 100%;
    font-size: 12px;
    line-height: 21px;
}

.carousel-caption {
    align-items: center;
}

.banner-counter ul li {
    width: 47%;
}

.counter-box h4 {
    width: 150px;
    font-size: 12px;
}

.banner-counter ul li::before {
    right: 16px;
}

.banner_text h1 br {
    display: none;
}

.banner-counter {
    margin-top: 49px;
    margin-bottom: 0px;
}

a.theme-btn {
    font-size: 13px;
    padding: 13px 28px;
}

.carousel-control-prev, .carousel-control-next {
    width: 6%;
}

img.banner-img {
    height: 74vh;
}

.text-aboutus {
    margin-left: 0px;
    margin-top: 11px;
}

.text-aboutus p {
    width: 100%;
}

p {
    font-size: 13px;
}

.text-aboutus h2 {
    font-size: 44px;
    margin-bottom: 7px;
}

.services-main-sec .row {
    width: 100%;
}

.heading-txt h2 {
    font-size: 37px;
}

.service-top-btn {
    text-align: center;
    margin-bottom: 30px;
}

.service-text h2 {
    font-size: 19px;
    line-height: 24px;
    height: 66px;
}

.service-text p {
    width: 95%;
}

.services-main-sec {
    padding: 60px 0px 40px;
}

.about-main-sec {
    padding: 50px 0px 20px;
}
.inner-banner img.banner-img {
    height: 230px;
}

.text-process h2 {
    font-size: 33px;
    margin-bottom: 10px;
}

.text-process ul li {
    font-size: 13px;
}

.about-main-sec .container {
    padding: unset;
    padding-right: 10px;
}

.processs-main-sec {
    padding-bottom: 20px;
}

.processs-main-sec .row {
    flex-direction: column-reverse;
}
.main-work-for-colour {
    padding: 30px 15px;
}

.heading-txt h2 {
    font-size: 37px;
    text-align: center;
}

.work-main-box h2 {
    font-size: 22px;
}

.work-main-box {
    margin-bottom: 20px;
}

.work-sec-main {
    padding: 60px 0px;
}

.choose-text h2 {
    font-size: 29px;
}

.choose-text ul li span {
    font-size: 20px;
}

.choose-text ul {
    padding-left: 21px;
}

.choose-text p {
    width: 100%;
}

section.gallery-sec {
    padding: 41px 0px 41px;
}

.choose-main-sec {
    padding-bottom: 0px;
}

.gallery-1 img {
    height: 380px;
}

.gallery-2 img {
    height: 300px;
}

.gallery-2 {
    margin-bottom: 20px;
}

.gallery-1 {
    margin-bottom: 20px;
}


.gallery-col-2 .col-lg-6 {
    margin-bottom: 20px;
}

.ft-contact {
    display: block;
}

.ft-contact ul li a {
    font-size: 18px;
}

.ft-contact ul li span {
    font-size: 18px;
}

.ft-form-main {
    margin-top: unset;
    margin-left: unset;
    padding: 30px 12px;
}

.ft-links {
    margin: 0px 0px 20px 0px;
    border-left: unset;
    padding: 0px 0px 0px 0px;
}


.ft-bottom p {
    width: 100%;
    padding-left: unset;
    text-align: center;
    padding: 11px 0px;
}

.ft-form-main p {
    font-size: 13px;
    line-height: 25px;
}

.ft-form-main h2 {
    font-size: 38px;
    margin-bottom: 15px;
}

.heading-ft-contact h2 {
    font-size: 39px;
    margin-bottom: 0px;
}

.heading-ft-contact {
    margin-bottom: 10px;
}

.ft-social h2 {
    font-size: 22px;
}

.ft-links h3 {
    font-size: 22px;
}

.ft-contacts-main-sec {
    padding: 29px 0px 0px;
}
.work-sec-main .heading-txt h2 {
    line-height: 41px;
}
.service-detail-img img {
    height: 230px;
}

.service-detail-text h2 {
    font-size: 23px;
    line-height: 40px;
}

.service-detail-text h3 {
    font-size: 23px;
}

.service-detail-text h3 span {
    font-size: 16px;
}

.service-detail-main-sec {
    padding: 70px 0px 30px;
}
.contact_page {
    padding: 60px 0;
}

.contact_page .section_head h3 {
    font-size: 37px;
    line-height: 36px;
}

.contact_detail_box a {
    font-size: 18px !important;
    width: 100%;
}

.contact_page h4 {
    font-size: 22px;
}

.contact_detail_box {
    margin-bottom: 20px;
    padding: 29px 40px;
}

.contact_detail_box figure img {
    height: 43px;
    width: 54px;
}

.section_head h3 {
    font-size: 31px;
    line-height: 32px;
}

.contact_form input {
    height: 40px;
    margin-bottom: 12px;
}

.contact_form label {
    font-size: 13px;
}

.contact_form textarea {
    height: 140px;
    margin-bottom: unset;
}
.service-text {
    height: 100%;
}

.book-appointment-heading h2 {
    font-size: 36px;
}

.request-ser-form label {
    font-family: 'Poppins';
    font-size: 13px;
}

    .request-ser-form input {
        padding: 2px 10px;
        border-radius: 4px;
        margin-bottom: 4px;
    }

.book-appointment-heading {
    margin: 0 0 10px 0;
}
.services-main-sec .container {
    padding: unset;
}

.service-top-btn a.theme-btn {
    margin: unset;
}
.request-ser-form select {
    padding: 6px 12px;
    font-size: 12px;
    margin-bottom: 9px;
}

.request-ser-form textarea {
    padding: 4px 12px;
    height: 90px;
}

.req-ser-btn .theme-btn {
    margin-top: unset;
}

.modal-header {
    padding: 5px 0px;
}
}



@media only screen and (min-width: 0px) and (max-width: 299px) {}