@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;

}


footer {
    margin-bottom: 0 !important;
}




.main-box-services {



    transition: all 0.4s ease;



}


.slicknav_nav a:hover {
    background: #000000;
}




/* 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 {
        line-height: 20px !important;
        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: 20px;
        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: 19px;
    }

    .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: 19px;
    }

    .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;
    }
    
    
  .inner-service-sec  .col-md-4.col-lg-4.col-12 {
    width: 50%;
}
    
    
}



@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: 35px;
        line-height: normal;
    }

    .banner_text p {
        width: 100%;
        font-size: 12px;
         line-height: normal;
             margin-bottom: 20px;
    }

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

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

    .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: 37px;
        margin-bottom: 5px;
    }

    .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;
    }
    
    
.header-logo {
    text-align: center;
}

.carousel-control-prev, .carousel-control-next {
    bottom: -90px;
}
    
    
}



@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: 32px;
        line-height: 35px;
    }

    .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;
    }

    h1 {
        margin: 0 0 10px;
    }

    .banner_text p {
        margin-bottom: 15px;
    }

    .counter {
        font-size: 20px;
    }

    .counter span.count {
        font-size: 30px;
    }

    .about-btn {
        margin-top: 20px;
    }

    .work-sec-main::before {
        height: 100%;
    }

    .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: 550px;
    }

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

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

    p {
        line-height: 20px;
        font-size: 12px;
    }

    .text-aboutus h2 {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .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: 60px;
    }

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

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

    .choose-text {
        margin-top: 20px;
    }

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

    .inner-banner img.banner-img {
        height: 230px;
    }

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

    .text-process ul li {
        font-size: 12px;
        line-height: normal;
    }

    .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: 29px;
        line-height: normal;
        margin-bottom: 20px;
        text-align: center;
    }

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


    h2 {
        font-size: 29px;
        line-height: normal !important;
    }


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

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

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

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

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

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

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

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

    .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: 12px;
    }

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

    .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-contact ul li {
        line-height: 25px;
    }

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

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

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

    .ft-form-main h2 {
        font-size: 29px;
        margin-bottom: 5px;
    }

    .ft-bottom p {
        font-size: 12px;
    }

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

    .ft-form-field input {
        margin-bottom: 10px;
        padding: 10px 15px;
        font-size: 12px;
    }

    .ft-links ul li a {
        font-size: 12px;
    }

    .ft-links ul li {
        margin-bottom: 5px;
    }

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

    .ft-social h2 {
        font-size: 17px;
        margin-bottom: 20px;
    }

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

    .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: 29px;
        line-height: 35px;
    }

    .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;
    }

    section.abt-inner-choos-sec {
        padding-top: 0;
    }

    section.abt-inner-choos-sec .choose-main-sec {
        padding-bottom: 0;
    }

    .theme-btn {
        font-size: 12px;
        padding: 10px 20px;
    }

.header-logo {
    text-align: center;
}

.carousel-control-prev, .carousel-control-next {
    bottom: -90px;
}


}



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