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 select, .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 a::before {color: transparent;content: "";left: 50%;pointer-events: none;position: absolute;bottom:10px;transform: translateX(-50%);width: 0; height: 2px;background: #efc955; transition: all 0.5s;}
.head_nav ul li a:hover{color:#efc955;}
.head_nav ul li a:hover::before{width:50px;}
.head_nav ul li a.active{color:#000;}

.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;}
.estimate_area{margin-left: 30px;}
.estimate_area a{height: 55px;background: #efc955;color: #000 !important;font-weight: 600 !important;text-transform: uppercase !important;text-align: center;line-height: 55px !important;padding: 0 20px !important;position: relative;}
.estimate_area a::before{display: none;}
.estimate_area a span{display: inline-block;padding: 0 15px; position: relative;transition: all 0.5s;}
.estimate_area a span:after{content: "\f061"; font-family: "Font Awesome 6 Free"; display: inline-block; font-weight: bold;opacity: 0;position: absolute; right: 0;transition: all 0.5s;}
.estimate_area a:after{content: ""; background: rgba(239, 201, 85, 0.5); position: absolute; left:-10px; top: -10px;width: 100%;height: 100%;z-index: -1;transition: all 0.5s;}
.estimate_area a:hover:after{left: 10px; top:10px;}
.hamburger{display: none;}

.slide {position: relative; padding:250px 0 300px;height: 800px !important;}
.slide .slide_img {width: 100%;height: 100%;overflow: hidden; position: absolute;top: 0;left: 0;}
.slide:after{content: "";background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.slide p{font-size: 18px;margin-top:20px;line-height: 28px;}
.cont_center{position: relative;z-index: 1;}
.slide .slide_img img {max-width: 100%;height: 100%;opacity: 1 !important;-webkit-animation-duration: 3s;animation-duration: 3s;transition: all 1s ease; width:100%;object-fit:cover;}
.slide .slide_content--headings {text-align: left;}
.slide .slide_content--headings h2 {font-size: 20px; margin:0; font-weight: 500;color: #fff; text-transform: uppercase;}
.slide .slide_content--headings h3 {font-size: 65px; margin:0; font-weight: 900;color: #fff;text-transform: uppercase;}
.slide .slide_content--headings h3 span{display: block; font-size: 48px;}
.slide .slide_content--headings .animated {transition: all 0.5s ease;}
.slider_area [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;}
.slider_area .slick-arrow{border: none;background: transparent;color: #fff;position: absolute;top: 50%;left: 0;width:45px; z-index:1;}
.slider_area .slick-arrow.slick-next{right: 0;left: auto;transition:ease-in-out 0.3s;z-index: 0;}
.slider_area .slick-arrow i{font-size:35px; transition:all 0.3s; background: #efc955; padding: 5px 10px;color: #000 !important;}
.slider_area .slick-arrow i:hover{background:#c49b22;}
.slider_area .slick-arrow:before{display: none;}
@-webkit-keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.zoomInImage {-webkit-animation-name: zoomInImage;animation-name: zoomInImage;}
@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {-webkit-animation-name: zoomOutImage;animation-name: zoomOutImage;}
.slider_area .btn_area{margin-top: 30px;}

.btn_area a{height: 55px;background: #efc955;color: #000;font-weight: 600;text-transform: uppercase;text-align: center;line-height: 55px;padding: 0 20px;position: relative; display: inline-block; margin-right: 20px;}
.btn_area a::before{display: none;}
.btn_area a span{display: inline-block;padding: 0 15px; position: relative;transition: all 0.5s;}
.btn_area a span:after{content: "\f061"; font-family: "Font Awesome 6 Free"; display: inline-block; font-weight: bold;opacity: 0;position: absolute; right: 0;transition: all 0.5s;}
.btn_area a:after{content: ""; background: rgba(239, 201, 85, 0.5); position: absolute; left:-10px; top: -10px;width: 100%;height: 100%;z-index: -1;transition: all 0.5s;}
.btn_area a:hover:after{left: 10px; top:10px;}

.bnr_form_wrap{background: #000;}
.bnr_form_area{margin-top: -170px; background: #fff; border-radius: 8px; padding: 50px; box-shadow: 0 10px 15px rgba(0,0,0,0.1);position: relative;z-index: 1;}
.bnr_form_area h3{font-weight: bold; font-size: 36px; color: #000; margin: 0;}
.bnr_form_area p{color: #5a5a68; margin: 5px 0 0;}
.bnr_form_area p span{color: #ff1616;}
.bnr_form_area a{color: #efc955; display: block; text-align: right;font-size: 18px; font-weight: 600;margin-top: 20px;}
.bnr_form_area form{margin-top: 5px;}
.bnr_form_area form input, .bnr_form_area form select{border: 1px solid #b7b7b7; color: #5a5a68;height: 62px; margin: 15px 0; border-radius: 8px;appearance: auto;}
.bnr_form_area form input::placeholder, .bnr_form_area form select::placeholder{color: #5a5a68;}
.bnr_form_area form input:focus, .bnr_form_area form select:focus{box-shadow:0 0 5px rgba(232,168,19,0.5);border: 1px solid #efc955;}
.form_btn{position: relative;overflow: hidden;transition: all 0.3s linear;z-index: 2;display: inline-block;font-size: 16px;font-weight: bold;color: #000;border-radius: 8px;border: none; margin-top: 15px;background: transparent; height: 62px; width: 100%;background: #efc955;}

.head{font-size: 36px; font-weight: 300; color: #fff; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 10px;}
.head span{position: relative;}
.head span:after{content: "";width: 100%; height: 1px; background: #efc955;position: absolute; left: 0; bottom: 0;}
.head span:before{content: "";width: 0;height: 0px;border-top: 0 solid transparent;border-bottom: 30px solid transparent;border-left: 30px solid #efc955;position: absolute;left: 0;top: -30px;}

.abt_wrap{background: #000;padding: 100px 0;}
.abt_area{position: relative;z-index: 1;}
.abt_area:before{content: "";background: url(../images/abt_img.webp) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;width: 30%;height: 100%;z-index: 1;}
.abt_area:after {width: 30%;content: "";height: 0px;border-top: 250px solid transparent;border-bottom: 0 solid transparent;border-right: 250px solid #efc955;margin: auto 60px 0 auto;left: 15px;bottom: -15px;position: absolute;z-index: -1;}
.abt_left{height: 600px; width: 30%;position: absolute;left: 0;}
.abt_left img{width: 100%; height: 100%; object-fit: cover;}
.abt_right{width: 100%;padding: 70px 0;}
.abt_right p{color: #fff; font-size: 16px; font-weight: 300; line-height: 28px; text-align: justify;margin: 10px 0;}
.abt_right .btn_area{margin-top: 30px;}

.what_area{padding: 70px 0; background: url(../images/What_back.webp) no-repeat 0 0; background-size: cover;background-attachment: fixed; position: relative;z-index: 1;}
.what_area:after{content: "";background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: -1;}
.what_box{border: 1px solid #efc955; border-radius: 10px; margin: 15px 0; padding: 15px;}
.what_img{border-radius: 10px;height: 240px;position: relative;overflow: hidden; }
.what_img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;}
.what_icon{width: 124px;height: 124px;border-radius: 100%;position: absolute;top: -60px;left: 50%;transform: translateX(-50%);background: #efc955;box-shadow: 0 0 0 1px #efc955;border: 10px solid #efc955;z-index: 2;}
.what_icon img{width: auto;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 65px;}
.what_cont{padding: 80px 0 0;position: relative;}
.what_cont h3{color: #fff; text-transform: uppercase; font-size: 18px; font-weight: bold; text-align: center; margin: 0 0 20px;}
.what_cont a{color: #000; text-align: center; display: block;background: #efc955; border-radius: 10px; padding: 10px;}
.what_img:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";background: rgba(0,0,0,0.5);opacity: 1;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;-webkit-transform: perspective(400px) rotateY(-90deg) scale(0.2);-ms-transform: perspective(400px) rotateY(-90deg) cale(0.2);transform: perspective(400px) rotateY(-90deg) scale(0.2);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;z-index: 1;}
.what_box:hover .what_img:before {opacity: 1;-webkit-transform: perspective(400px) rotateY(0deg) scale(1.0);-ms-transform: perspective(400px) rotateY(0deg) scale(1.0);transform: perspective(400px) rotateY(0deg) scale(1.0);}
.what_box:hover .what_img img{transform: scale(1.1) rotate(2deg);}

.gallery_area{padding: 110px 0 70px; background: #000;}
.gallery_area .head{color: #efc955;}
/* General Reset */
.gal_box{margin: 10px 0;}
.gal_box .image-slider {position: relative;height: 400px;overflow: hidden;border: 2px solid #ccc;border-radius: 8px;}
.gal_box .img-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.gal_box .img-wrapper img {width: 100%;height: 100%;object-fit: cover;}
.gal_box .slider-line {position: absolute;top: 0;bottom: 0;width: 2px;background-color: #efc955;z-index: 2;pointer-events: none;left: 50%;transform: translateX(-50%);}
.gal_box .slider {-webkit-appearance: none;background-color: transparent;position: absolute;width: calc(100% + 2.25rem);height: 100%;left: -1.125rem;}
.gal_box .slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;height: 2.25rem;width: 2.25rem;border: .25rem solid #fff;border-radius: 50%;box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);background-color: #fff;background-image: url(../images/slider_icon1.svg);background-size: cover;cursor: grab;}
.gal_box .slider::-moz-range-thumb {height: 2.25rem;width: 2.25rem;border: .25rem solid #fff;border-radius: 50%;box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);background-color: #fff;background-image: url(../images/slider_icon1.svg);background-size: cover;cursor: grab;}
.gal_box .slider::-webkit-slider-thumb {width: 20px;height: 20px;background: #efc955;border-radius: 50%;cursor: pointer;border: 2px solid #fff;}
.gal_box .slider::-moz-range-thumb {width: 20px;height: 20px;background: #efc955;border-radius: 50%;cursor: pointer;border: 2px solid #fff;}
.gal_box .slider::-ms-thumb {width: 20px;height: 20px;background: #efc955;border-radius: 50%;cursor: pointer;border: 2px solid #fff;}
.gal_box .after {clip-path: inset(0 0 0 50%);}


.get_area{padding: 100px 0 70px;background: url(../images/What_back.webp) no-repeat center; background-size: cover; background-attachment: fixed; position: relative; z-index: 1;}
.get_area:after{content: ""; background: rgba(0,0,0,0.8);position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.get_form form input, .get_form form select{border: 1px solid #989898; border-radius: 0; background: rgba(0,0,0,0.5); height: 52px; color: #fff;appearance: auto; margin: 10px 0;}
.get_form form input::placeholder, .get_form form select::placeholder, .get_form form textarea::placeholder{color: #fff;}
.get_form form input:focus, .get_form form input:focus, .get_form form input:focus{background: rgba(0,0,0,0.5);color: #fff;}
.get_form form textarea{border: 1px solid #989898; border-radius: 0; background: rgba(0,0,0,0.5); height: 150px; color: #fff;appearance: auto; margin: 10px 0;}
.submit_btn{text-align: center; margin-top: 30px;}
.submit_btn button{width:185px;height: 55px;background: #efc955;color: #000;font-weight: 600;text-transform: uppercase;text-align: center;line-height: 55px;padding: 0 10px;position: relative; display: inline-block; margin-right: 20px;border: none;}
.submit_btn button::before{display: none;}
.submit_btn button:after{content: ""; background: rgba(6, 113, 189, 0.5); position: absolute; left:-10px; top: -10px;width: 100%;height: 100%;z-index: -1;transition: all 0.5s;}
.submit_btn button:hover:after{left: 10px; top:10px;}

.get_cont_area{padding-left: 100px;}
.get_cont_box{display: flex;margin: 30px 0;}
.get_cont_icon{width: 100%; max-width: 60px; height: 60px; border-radius: 100%;background: #efc955; text-align: center; line-height: 60px; color: #000; font-size: 22px;}
.get_cont{padding-left: 20px;}
.get_cont h3{font-weight: bold; text-transform: uppercase;color: #fff; font-size: 18px;}
.get_cont p, .get_cont p a{font-size: 16px; margin: 0; color: #fff;}

.map_area{height: 500px;overflow: hidden;}
.map_area iframe{width: 100%; height: 100%;object-fit: cover;}

.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;}
    .bnr_form_area{margin-top: -70px;}
    .btn_area a{width: 205px;height: 45px;line-height: 45px;padding: 0 2px;margin: 15px 0;font-size: 14px;display: block;}

    .what_img{height: 200px;}
    .lightimg_box a{height: 200px;}
    .get_cont_area{padding: 0;}
    .gal_box .image-slider{height: 200px;}
}

@media (max-width:767px){
    .cont_area p {margin: 0;word-break: break-all;}
    .cont_area{text-align: center;}
    .social_top{text-align: center;}
    .social_top a{margin: 10px 0 0;}
    .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 16px;}
    .btn_area a{width: 205px;height: 45px;line-height: 45px;padding: 0 2px;margin: 15px 0;font-size: 14px;display: block;}

    .bnr_form_area{padding: 15px;margin-top: -70px;}
    .bnr_form_area h3{font-size: 20px;}
    .bnr_form_area p{font-size: 14px; line-height: 22px;}
    .bnr_form_area a {text-align: left;font-size: 16px;margin-top: 10px;}
    .bnr_form_area form input, .bnr_form_area form select{height: 48px;margin: 10px 0;}
    .form_btn{height: 48px;margin-top: 10px;}

    .head{font-size: 24px;}
    .head span:before{border-bottom: 20px solid transparent;border-left: 20px solid #efc955;top: -20px;}

    .abt_right{padding: 40px 0 0;}
    .abt_wrap, .what_area, .gallery_area, .choose_right, .get_area{padding: 40px 0;}
    .abt_area:after{display: none;}
    .abt_area:before{width: 100%;position: relative; display: block; height: 300px;}
    .abt_right .btn_area{text-align: center;}

    .what_img{height: 280px;}

    .lightimg_box a{height: 200px;}

    .get_cont_area{padding: 0;margin-top: 50px;}
    .get_cont p, .get_cont p a{word-break: break-all;}
    .get_cont_icon{max-width: 45px; height: 45px;font-size: 16px; line-height: 45px;}

    .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===============*/