body{font-family:"Poppins";overflow-X: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
html{overflow-X: hidden;}

.menu_fixed{position: relative; top: 0;left: 0; width: 100%;z-index: 10;}

.quote_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.quote_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.quote_modal form label{color:#000; display: block;}
.quote_modal form input, .quote_modal form textarea{border-radius: 0;margin-bottom:10px;}
.form_btn2{height: 45px !important;}

.whatsapp_area{position: fixed; right: 30px; bottom: 10px;z-index: 100;}
.whatsapp_area a{text-align:center;}
.foot_wp {width: 50px;height: 50px;display: block;text-align: center;background: #128C7E ;border-radius: 100%;}
.foot_wp i{font-size:28px;line-height:50px; color:#fff;}

.phone_area{position: fixed; left: 30px; bottom: 10px;z-index: 100;}
.phone_area a{text-align:center;}
.foot_phone {width: 50px;height: 50px;display: block;text-align: center;background: #efc955 ;border-radius: 100%;}
.foot_phone i{font-size:28px;line-height:50px; color:#000;}

.head_nav .navbar-brand img{width: 110px;}
.head_nav{padding:0;position: relative; left: 0; width: 100%;transition:ease-in-out 0.3s;z-index: 10;padding: 10px 0;background: #000;}
.head_nav nav{padding:0;}
.head_nav .navbar-brand{padding:0;}
.head_nav ul{margin:0 0 0 auto;}
.head_nav ul li a{color:#000; font-size:16px; line-height:50px; position:relative;font-weight: 600; text-transform: uppercase;}
.head_nav .navbar-nav .nav-link{padding:0 20px;}
.head_nav ul li{margin: 0 0 0 15px;}


.sticky_menu{position:fixed; top:0; left:0; width:100%;z-index:12;}
.sticky_menu.head_nav ul li a{line-height:50px;}
.sticky_menu.head_nav .dropdown-menu li a{color:#000;}
.head_nav .dropdown-menu li a{line-height: 40px;}
.head_nav .dropdown-menu li a:hover{background: #f2f2f2;}
.head_nav .dropdown-menu li a::before{display: none;}
.head_nav .dropdown-menu{width:270px; border-radius: 0;}
.sticky_menu.head_nav .navbar-brand img{width: 100px;transition: all 0.5s;}
.etimate_btn {background-color: #dbac1b; border-radius: 8px; position: relative;z-index: 1;padding: 0 26px !important;color: #000 !important;text-align: center;}
.etimate_btn:before {position: absolute;left: 0;top: -5px;height: 66px;width: 0;content: "";background-color: #000;transition: .5s;opacity: .1;border-top-right-radius: 33px;border-bottom-right-radius: 33px;z-index: -1;}
.etimate_btn:hover:before {width: 100%;border-radius: 0;}
.etimate_btn:hover{color: #000 !important;}
.hamburger{display: none;}

.slider_area{background: #fff7f1; padding: 50px 0; position: relative; z-index: 1;}
.slider_area:after{content: "";background: url(../images/slider_img.png) no-repeat center right;background-size: 45% auto; position: absolute; right: 0; z-index: -1;width: 100%;height: 100%; top: 0;}
.slider_area:before{content: "";background: url(../images/slider_img2.png) no-repeat top left;background-size: contain; position: absolute; left: 0; z-index: -1;width: 100%;height: 100%; top: 0; opacity: 0.15;}
.slider_left{margin: auto 0;}
.slider_left h1{color: #000; font-size: 48px; font-weight: 500; margin: 0 0 10px;}
.slider_left h1 span{color: #997300;font-weight: bold;}
.slider_left p{color: #000; margin: 0 0 10px; font-size: 32px; font-weight: 600;}
.slider_left ul li{color: #000; font-size: 18px; padding: 0 0 0 20px; position: relative; list-style: none; margin: 5px 0;}
.slider_left ul li:after{content: "\f061"; font-family: "Font Awesome 6 Free"; position: absolute; left: 0; font-weight: bold; color: #997300;}
.slide_box .item{height: 450px;}
.slide_box .item img{width: 100%; height: 100%; object-fit: cover;}
.slide_box .slick-arrow{border: none;background: transparent;color: #fff;position: absolute;top: 50%;left: 0;width:45px; z-index:1;}
.slide_box .slick-arrow.slick-next{right: 0;left: auto;transition:ease-in-out 0.3s;z-index: 0;}
.slide_box .slick-arrow i{font-size:35px; transition:all 0.3s; background: #000; padding: 5px 10px;color: #fff !important;}
.slide_box .slick-arrow i:hover{background:#c49b22;}
.slide_box .slick-arrow:before{display: none;}
.slider_left .btn_area{margin-top: 10px;}
.btn_area a {background-color: #dbac1b; border-radius: 8px; position: relative;z-index: 1;padding: 0 26px;color: #000 !important;position: relative; display: inline-block; overflow: hidden; line-height: 50px; font-weight: 600; text-transform: uppercase; text-align: center;}
.btn_area a:before {position: absolute;left: 0;top: -5px;height: 66px;width: 0;content: "";background-color: #000;transition: .5s;opacity: .1;border-top-right-radius: 33px;border-bottom-right-radius: 33px;z-index: -1;}
.btn_area a:hover:before {width: 100%;border-radius: 0;}
.btn_area a:hover{color: #000;}

.head{text-align: center; font-size: 24px; text-transform: uppercase; color: #000; position: relative; font-weight: 600; margin: 0 0 20px; padding: 0 0 5px;}
.head::after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 100px; height: 5px; background: #997300; border-radius: 100px; bottom: 0;}

.form_area{padding: 70px 0;}
.form_area input{border: none; border-radius: 0; border-bottom: 1px solid #000; padding: 15px 0;}
.form_area input:focus{box-shadow: none; border-bottom: 1px solid #dbac1b;}
.form_btn {background-color: #dbac1b; border-radius: 8px; position: relative;z-index: 1;padding: 0 26px;color: #000;position: relative; display: block; overflow: hidden; line-height: 50px; font-weight: 600; text-transform: uppercase; border: none; margin: 20px auto 0;}
.form_btn:before {position: absolute;left: 0;top: -5px;height: 66px;width: 0;content: "";background-color: #000;transition: .5s;opacity: .1;border-top-right-radius: 33px;border-bottom-right-radius: 33px;z-index: -1;}
.form_btn:hover:before {width: 100%;border-radius: 0;}
.form_btn:hover{color: #000;}

.service_area{padding: 70px 0;background: #f5efee;}
.serv_box{border: 1px solid #000;padding: 20px;position: relative;z-index: 1;width: 100%;margin: 10px 0;}
.serv_box:before {position: absolute;content: '';background: rgba(0,0,0,0.2);width: 100%;height: 0%;left: 0px;right: 0px;bottom: 0px;transition: all 500ms ease;z-index: -1;}
.serv_box:hover:before {height: 100%;top: 0px;}
.serv_img{height: 190px;overflow: hidden;}
.serv_img img{width: 100%; height: 100%; object-fit: cover;transition: all 500ms ease;}
.serv_box h3{font-size: 18px; font-weight: 600; text-transform: uppercase;margin: 20px 0 5px;color: #000;}
.serv_box p{color: #505050; line-height: 28px;margin: 0 0 10px;}

.treatment_area{padding: 70px 0;}
.treat_box img{width:100%;}
.tabs-area .tab-btns{text-align: center;}
.tabs-area .tab-btns li{display: inline-block;list-style: none;padding: 0 35px;position: relative;}
.tabs-area .tab-btns li:before{content: "\f058";font-family: "Font Awesome 6 Free";color: #767676;font-weight: 900;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);transition: all 0.3s;}
.tabs-area .tab-btns li a{font-size: 16px; font-weight: 500; color: #767676;margin: 0; cursor: pointer;transition: all 0.3s;}
.tabs-area .tab-btns li:hover a{color: #000;}
.tabs-area .tab-btns li:hover:before{color: #000;}
.tabs-area .tab-btns li.active-btn:before{color: #997404;}
.tabs-area .tab-btns li.active-btn a{color: #997404;}
.tab_sell{margin-top: 20px;}
.sellinput_box{position: relative;margin: 20px 0;}
.sellinput_box label{color: #000;position: absolute;pointer-events: none;top: 0;left: 0;transition: all 0.1s ease;font-size: 14px;}
.sellinput_box input, .sellinput_box select{border-radius: 0;border:none; border-bottom: 1px solid #000;padding: 5px 0;background: transparent;appearance: auto;}
.sellinput_box input:focus, .sellinput_box select:focus{box-shadow: none;border:none;border-bottom: 1px solid #997404;background: transparent;}
.sellinput_box input:focus ~ label,	.sellinput_box input:not(:focus):valid ~ label {top: -15px;bottom: 0px;left: 0px;font-size: 11px;opacity: 1;color: #404040;width: 100%;}
.reg_page_btn {text-align: center;}
.reg_page_btn a{display: inline-block; cursor: pointer;}
.tab_box{text-align: center; display: flex;justify-content: center;margin-top: 20px;border: none;}
.tab_box li{width: 33.3333%; text-align: center;}
.tab_box li a{background: #000 !important;border-radius: 100% !important;width: 40px;height: 40px;padding: 0;border: none !important;text-align: center; color: #fff;margin: 0 auto;font-weight: bold; line-height: 40px;}
.tab_box li a.active{background: #c49b22 !important;color: #fff !important;}

.result_area{padding: 70px 0; position: relative; z-index: 1;}
.result_area:after{content: "";background: url(../images/choose_back.png) no-repeat center #f5efee;background-size: cover; position: absolute; right: 0; z-index: -1;width: 100%;height: 100%; top: 0;}
.result_area .item{padding: 0 10px;}
.result_area .slick-list{margin: 0 -10px;}
.result_area .item img{width: 100%;}
.result_area .slick-arrow{border: none;background: transparent;color: #fff;position: absolute;top: 50%;left: 0; z-index:1;transform: translateY(-50%);}
.result_area .slick-arrow.next-arrow{right: 0;left: auto;transition:ease-in-out 0.3s;z-index: 0;}
.result_area .slick-arrow i{font-size:20px; transition:all 0.3s; background: #997404; padding:10px;color: #fff !important;}
.result_area .slick-arrow i:hover{background:#000;}
.result_area .slick-arrow:before{display: none;}
.result_area .btn_area{text-align: center; margin-top: 15px;}

.result_right{background: #fff; border-radius: 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.2);padding: 20px 15px;}
.result_right h3{color: #000; font-size: 22px; font-weight: 600;text-align: center;}
.result_right form label{color:#000; display: block;}
.result_right form input, .result_right form textarea{border-radius: 0;margin-bottom:10px;}

.count_area{position: relative;z-index: 2;padding: 70px 0;}
.counter_section{background: #c49b22; padding: 40px 5px; text-align: center;}
.counter2{background: #000;}
.counter_section span{font-weight: bold; font-size: 42px; color: #fff;position: relative;}
.counter_section span:after{content: "+";}
.counter_section h4{font-size: 20px; color: #fff; margin: -8px 0 0 0; font-weight: 500;}
.counter_section i{color: #fff; font-size: 40px; text-align: center;margin-bottom: 20px;}
.pad_right_0{padding-right: 0;}
.pad_left_0{padding-left: 0;}

.choose_area{padding: 70px 0; position: relative; z-index: 1;}
.choose_area:before{content: "";background: url(../images/choose_back2.webp) no-repeat center left;background-size: 50% 100%; position: absolute; left: 0;width: 100%;height: 100%; top: 0; opacity: 0.5;}
.choose_area:after{content: "";background: url(../images/choose_back.png) no-repeat center right #8d6d12;background-size: 50% auto; position: absolute; right: 0; z-index: -1;width: 100%;height: 100%; top: 0;}
.choose_area .container{position: relative;}
.choose_left{margin: auto 0; width: 100%;}
.choose_left a {display: flex;line-height: 60px;justify-content: center;}
.choose_left a i{width: 60px;height: 60px;border-radius: 50%;background-color: #fff;margin-bottom: 0; display: inline-block; text-align: center;font-size: 34px;color: #e7360c;line-height: 60px;margin-right: 10px;}
.choose_left a span{color: #fff; font-size: 18px; font-weight:bold;}
.choose_right{padding-left: 50px;}
.choose_right .head{text-align: left; color: #fff;}
.choose_right .head:after{left: 0; transform: inherit; background: #fff;}
.choose_right ul li{color: #fff; font-size: 18px; padding: 0 0 0 20px; position: relative; list-style: none; margin: 5px 0;}
.choose_right ul li:after{content: "\f061"; font-family: "Font Awesome 6 Free"; position: absolute; left: 0; font-weight: bold; color: #fff;}

.req_area{background: #000;padding: 40px 0;}
.req_area{color: #fff; text-align: center;}
.req_area form input, .req_area form select{border: 1px solid #b7b7b7; color: #5a5a68;height: 62px; margin: 15px 0; border-radius: 8px;appearance: auto;}
.req_area form input::placeholder, .req_area form select::placeholder{color: #5a5a68;}
.req_area form input:focus, .req_area form select:focus{box-shadow:0 0 5px rgba(232,168,19,0.5);border: 1px solid #efc955;}

.testimonial_area{padding: 70px 0;}
.testimonial_area .slick-dots{text-align: center;margin-top: 20px;}
.testimonial_area .slick-dots li button{color: transparent; border: none; background: #5a5a68;padding: 0;width: 15px; height: 15px; border-radius: 100%;}
.testimonial_area .slick-dots li{display: inline-block; list-style: none; margin: 10px 5px;}
.testimonial_area .slick-dots li.slick-active button{background: #dbac1b;}
.testimonial_area .slick-dots li button:before{display: none;}
.testimonial_area p{color: #000;text-align: justify;}

.copy_area{background: #111111;padding: 17px 0; border-top: 2px solid #efc955;}
.copy_area p{margin: 0; color: #fff; text-align: center;}
.copy_right{text-align: right;}

.thank_you{border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,0.1);background:#fff;padding:20px 30px;width: 500px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align: center;}
.thank_you h2{font-size:20px; font-weight:bold; margin:0 0 20px;color:#000;}

/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1399px){
    .head_nav .navbar-nav .nav-link{padding: 0 10px; font-size: 14px;}
    .head_nav .navbar-brand img{width: 130px;}
}

@media (min-width:768px) and (max-width:980px){
    .head_nav .navbar-brand img{width: 100px;}
    .hamburger{background: #efc955;padding: 10px;border: none; display: block;}
    .hamburger .line {width: 30px;height: 3px;background-color: #000;display: block;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    #hamburger-1.is-active .line:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
    #hamburger-1.is-active .line:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
    #hamburger-1.is-active .line:nth-child(2) {opacity: 0;}
    .head_nav .navbar-nav .nav-link{padding: 0;line-height: 38px;}
    .estimate_area{margin: 0;}
    .estimate_area a{width: 280px; margin: 10px auto;}

    .slide{padding: 100px 0; height:450px !important}
    .slide .slide_content--headings h3, .slide .slide_content--headings h3 span{font-size: 18px;}
    .slide .slide_content--headings h2{font-size: 20px;}
    .slide .slide_content--headings{padding: 0 40px;}

    .slider_left h1{font-size: 32px;}
    .slider_left p{font-size: 24px;}
    .counter_section span{font-size: 32px;}
    .counter_section h4{font-size: 13px;}
    .btn_area a{padding: 0 10px; font-size: 14px;}
    .serv_box h3{font-size: 16px;}
    .serv_box{padding: 10px;}
}

@media (max-width:767px){
    .head_nav .navbar-brand img{width: 100px;}
    .hamburger{background: #efc955;padding: 10px;border: none; display: block;}
    .hamburger .line {width: 30px;height: 3px;background-color: #000;display: block;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    #hamburger-1.is-active .line:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
    #hamburger-1.is-active .line:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
    #hamburger-1.is-active .line:nth-child(2) {opacity: 0;}
    .head_nav .navbar-nav .nav-link{padding: 0;line-height: 38px;}
    .head_nav ul li{margin: 5px 0;}

    .slider_left h1{font-size: 28px;}
    .slider_left p{font-size: 22px;}
    .slider_left ul li{font-size: 16px;}
    .slide_box {margin-top: 50px;}
    .slide_box .item{height: 300px;}

    .form_area, .service_area, .testimonial_area, .result_area{padding: 40px 0;}
    .head{font-size: 18px;}
    .head::after{width: 60px; height: 3px;}
    .serv_box p{font-size: 14px; line-height: 24px;}
    .pad_right_0, .pad_left_0{padding: inherit;}
    .count_area{padding: 0;}
    .result_right{margin-top: 20px;}
    .result_right h3{font-size: 18px;}

    .choose_area:before{background-size: cover;}
    .choose_right{padding:50px 0 0;}

    .req_area form input, .req_area form select{height: 48px;margin: 8px 0;}

    .footer_area{padding: 0 0 40px;}
    .foot_logo img{width: 80px;}
    .foot_menu ul li{padding: 0 15px;}
    .copy_area, .copy_right{text-align: center;}
}
/*===============Responsive Ends===============*/




































