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

body { font-family: "Poppins", sans-serif;color: #444444;}
a {color: #000; text-decoration:none; font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif;}
p{ font-family: "Poppins", sans-serif;}
section.bnr{padding:0;}
img{max-width:100%;}

#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
  /* background-color */
 .bg-1{background-color:#ff695f;}
 .bg-2{background-color :#03a4ed;}
  /* Text-color */
 .cl-1{color:#ff695f;}
 .cl-2{color :#03a4ed;}
  /* Font-Size */
 .fs-15{font-size: 15px;}
 .fs-18{font-size: 18px;}
 .fs-22{font-size: 22px;}
 /* Scroll */
 ::-webkit-scrollbar{   width: 10px;height: 10px;border-radius: 0px}
 ::-webkit-scrollbar-thumb{ background-color:#ff695f;border-radius: 0px}
 ::-webkit-scrollbar-track{ background: #fff; box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 0px}
 

 
 /* read-more btn */
 .rd-mr .btnn{display: inline-block;background-color: #03a4ed;font-size: 15px;font-weight: 400;color: #fff;text-transform: capitalize;padding: 12px 25px;border-radius: 23px;letter-spacing: 0.25px;transition:0.3s;}
 .rd-mr .btnn:hover{ background-color: #ff695f;}
/*  */
.hm-heading{font-size: 30px;text-transform: capitalize;color: #2a2a2a;font-weight: 700;letter-spacing: 0.25px;position: relative;z-index: 2;line-height: 44px; margin-bottom: 0;}
.heading-title p {font-size: 30px;text-transform: uppercase;font-weight: 700;color: #ff695f;opacity: 0.15;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{width:100%; }
#header .fa-mobile{font-size: 50px !important;}
#header .head-img{position:relative; padding:15px 0;}
#MenuControl{padding: 12px 0;}

/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{  color: #ff695f;}
.nav-link{font-weight:400; color:#555;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
.navbar-nav .nav-item:first-child a{color: #ff695f !important;}
.navbar-nav .nav-item:last-child{border-radius: 20px; background-color: #ff695f;}
.navbar-nav .nav-item:last-child a{color: #fff !important; }

@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}
@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}


/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
.bnr-sec {position: relative;overflow: hidden;}
.bnr-sec:after {content: '';background-image: url(../Image/banner-lft-Img.png);background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.bnr-sec .bnr_rht_img {filter: drop-shadow(-2px 15px 0px #ffcdbc);}
.bnr-sec .bnr_cont h1 {font-size: 24px;}
.bnr-sec .bnr_cont h2{font-size: 50px;font-weight: 700;color: #2a2a2a;line-height: 72px;}
.bnr-sec .bnr_cont .call-button{    margin-right: 5px;width: 46px;height: 46px;display: inline-block;text-align: center;line-height: 46px;border-radius: 50%;background: rgb(255,104,95);background: linear-gradient(105deg, rgba(255,104,95,1) 0%, rgba(255,144,104,1) 100%);color: #fff;font-size: 20px;}
.bnr-sec .carousel-dark .carousel-indicators [data-bs-target] { background-color: #fff;}
.bnr-sec .carousel-caption{text-align:left;}
.bnr-sec .carousel-indicators {bottom: -60px;}
.bnr-sec .carousel-indicators [data-bs-target] {background-color: #ff695f;width: 30px;
  height: 3px;}

/*bnr-sec*/

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .abt_img{filter: drop-shadow(13px -2px 0px #ffcdbc);}
.about::after{    
  content: '';
  background-image: url(../Image/banner-lft-Img.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services{position: relative;}
.services::before {content: '';background-image: url(../Image/ser-bg.png);background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.services .ser-bx{background-color: #ffffff8e;}
.services .ser-bx,.services .ser-bx .service-icon,.services .ser-bx a {transition: .5s}
.services .ser-bx{position: relative;}
.services .ser-bx::before {width: 100%;height: 8px;position: absolute;content: "";bottom: 0;left: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: #03a4ed;transition: .5s cubic-bezier(0.5, 1.6, 0.4, 0.7);z-index: -5;}
.services .ser-bx:hover::before {background: #03a4ed;height: 100%;z-index: -5;border-radius: 10px;}
.ser-cont h4{font-size: 24px; color: #000;}

/*--------------------------------------------------------------
# getintouch
--------------------------------------------------------------*/
.hm-contact{position: relative;}
.hm-contact::before {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background:url(../Image/contact-bg.png) no-repeat; z-index: -1;}
.enquiry {    position: relative;z-index: 2;background-image: url(../Image/contact-form-bg.png);background-repeat: no-repeat;background-position: center center;background-size: cover;box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);padding: 48px 68px;border-radius: 20px;}
.form-control {border: none;border-bottom: 1px solid #000;border-radius: 0;background-color: transparent;}
.hm-contact .sbmt{display: inline-block;background-color: #03a4ed;font-size: 15px;font-weight: 400;color: #fff;text-transform: capitalize;padding: 12px 25px;border-radius: 23px;letter-spacing: 0.25px;transition:0.3s; border: none;}
.hm-contact .sbmt:hover{ background-color: #ff695f;}
.hm-contact .info {margin-top: 10px;position: relative;z-index: 5;display: inline-flex;}
.hm-contact .info span {display: inline-flex;align-items: center;}
.hm-contact .info span i {width: 46px;height: 46px;display: inline-block;text-align: center;line-height: 46px;background: rgb(255,104,95);background: linear-gradient(105deg, rgba(255,104,95,1) 0%, rgba(255,144,104,1) 100%);border-radius: 50%;color: #fff;font-size: 22px;margin-right: 15px;}
.hm-contact .info span a {color: #ff685f;font-size: 16px;font-weight: 400;line-height: 25px;text-transform: none;}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {color: #fff;font-size: 15px;position: relative;background: #ffd2cf29;}
#footer::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background:url(../Image/ft_bk_bg.png) no-repeat; z-index: -1; background-size: 100% 100%;}
#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: #03a4ed;color: #ffffff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
#footer .footer-top .social-links a:hover{background-color: #ff685f; color: #fff;}
#footer .footer-top h4 {font-size: 20px;font-weight: 500;color: #6a6969;position: relative;}
#footer .map_text{display: flex;margin-bottom: 6px;color: #6a6969;}

#footer .map_text:hover .fa{color: #ff685f;}
#footer .map_text .fa{font-size: 20px;line-height: 40px;color: #6a6969;text-align: center;margin-right: 10px;}
#footer .useful a{color: #6a6969; transition: 0.2s linear;}
#footer .useful a:hover {color: #ff685f; letter-spacing: 0.3px;}
#footer .useful a:hover .fa{color: #ff685f; }
#footer .useful .fa{color: #6a6969;}

.top {  position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border-radius: 50%;background-color: #03a4ed;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}

@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
  .bnr-sec .bnr_cont h2 {font-size: 40px;}
  .bnr-sec .bnr_cont h1 {font-size: 18px;}
}
@media (max-width: 992px) {
  .bnr-sec {padding: 30px 0;}
  .bnr-sec .carousel-indicators [data-bs-target]{display: none;}
  .bnr-sec .flex-dir{flex-direction: column-reverse;}
  .bnr-sec .bnr_cont{margin-top: 20px;}
  .bnr-sec .bnr_cont h2 {font-size: 38px;}
  .bnr_cont {width: 80%; text-align: center; margin: 0 auto; }
  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .bnr-sec .bnr_cont h2 {font-size: 36px;}
  .bnr-sec {background-color: #ffd2cf29;}
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .abt_img{border-radius: 0; width: 100%;}
  

#header img{margin:inherit;}
  /* .navbar-toggler{position: absolute; top: -60px; right: 0;} */
.caption{width: 100%;}
.wback .caption{    top: 30%;}

}
@media (max-width: 575px) {
  .about .content > h2 {
    font-size: 26px;
    color: #2d2926;
    font-weight: 800;}
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
}
@media (max-width: 414px) {
}