body{margin: 0px; padding: 0px;   font-family: "Jost", sans-serif; overflow-x: hidden;}

h1{  font-family: "DM Serif Display", serif; margin: 0px; padding: 0px; font-size: 60px; color: #292F36}

h2{  font-family: "DM Serif Display", serif; margin: 0px; padding: 0px; font-size: 46px; color: #292F36;
font-weight: 400;}

h3{  font-family: "DM Serif Display", serif; margin: 0px; padding: 0px; font-size: 36px;font-family: "DM Serif Display", serif;}

h4{  font-family: "DM Serif Display", serif; margin: 0px; padding: 0px; font-size: 30px;font-family: "DM Serif Display", serif;}

h5{  font-family: "DM Serif Display", serif; margin: 0px; padding: 0px; font-size: 24px; font-family: "DM Serif Display", serif;}

h6{  font-family: "DM Serif Display", serif; margin: 0px; padding: 0px;}

p{font-size: 16px; margin: 0px; padding: 0px; color: #4D5053}

a{text-decoration: none;margin: 0px;}

.wrapper{
    background-image: url(../images/goodwoodbg.jpg); background-position: top center;
    background-repeat: no-repeat;   height: 100vh;  background-size: cover;
    overflow-x: hidden; display: flex;  align-items: center;
}

.btob-dv {margin-top: 30px;}

.logodvs{padding: 50px 0px; text-align: center;}

.logobx img{max-width: 100%; width:380px}

.businesssect{background: radial-gradient(72.89% 62.47% at 69.73% 35.52%, #E6552C 0%, #BD302E 100%);
    padding: 60px 20px; border-radius:60px 0px 60px 0px; transition: all linear 0.5s;
}

.businesssect:hover{background: radial-gradient(72.89% 62.47% at 69.73% 35.52%, #BD302E 0%, #E6552C 100%);}

.businesssect h3{color: #fff; font-weight: 400}

.businesssect p{color: #fff; font-size: 20px;}

.businsicns{width:80px; margin-bottom: 10px}

.businesssect span{color: #fff; font-size: 40px; line-height: inherit; transition: all linear 0.5s;}

 .businesssect:hover span{transform: translate(10px, 0px);}

.businessdvs .col-md-6:nth-child(2) .businesssect{border-radius:0px 60px 0px 60px;}

.businessdvs .col-md-6{padding: 0px 20px;}

header{padding:10px 0px; background: #fff;transition: padding 0.3s ease, background 0.3s ease; z-index: 11; }

header.sticky {
    position: fixed;
    top: 0;
    left: 0;  background: #fff;
    width: 100%; 
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.logonew img{width: 100%;}

.navbar{display: flex; align-items: center; height: 100%; justify-content: flex-end;margin-top: 3px;}

.bannerimage{border-radius: 0px 0px 0px 180px; overflow: hidden;}

.bannerimage img{width: 100%;}

.bannertext{width: 100%; height: 100%; position: absolute; left: 0; top: 0; 
display: flex; align-items: center;}

.bannertext p{margin: 15px 0px;}

.bannertext a{background: linear-gradient(90deg, #E6552C 0%, #BD302E 100%); border-radius: 13px; padding:16px 40px;
    color: #fff; font-size: 14px; margin-top: 10px; float: left; font-weight: 600; display: flex ; align-items: center;
    transform: all linear 0.5s; 
}

.bannertext a span{margin-left:5px; transition: all linear 0.5s;}

.bannertext a:hover span{transform: translate(10px, 0px);  }

.bannertext a:hover{background: linear-gradient(90deg, #BD302E 0%, #E6552C 100%);}

.btobaboutus{padding: 70px 0px;}

.about-heading h2{margin-bottom: 0px;}

.aboutleft h3{background: linear-gradient(90deg, #E6552C 0%, #BD302E 100%); 
    -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  font-weight: 500;}

.aboutleft p strong{font-size:19px; font-weight: 600;}

.aboutleft  p{margin-top: 30px;}

.aboutleft{background-image: url("../images/aboutvectr.png"); background-repeat: no-repeat;
background-position: left 0px top 0px; background-size: 300px; padding-top:50px;}

.historyimg{border-radius: 0px 120px 0px 120px; padding-left:30px; overflow: hidden; margin-top: 30px}

.historyimg img{width: 100%;border-radius: 0px 120px 0px 120px}

.aboutdata:last-child .historyimg{padding: 0px 50px 0px 0px;}

.offersection .about-heading p{font-size: 19px; margin-top: 10px;}

.offeringimg{margin-top: 50px; padding: 0px 40px;}

.offeringimg img{width: 100%;}

.clientssect{padding: 70px 0px;}

.offersection{padding: 20px 0px;}

.clients-dv{margin-top: 70px;}

.logosclient{display: flex; align-items: center; height: 100%; justify-content: center;}

.logosclient img{
    max-width: 100%;
    height: 75px !important;
}

#owl-carousel1 .owl-item{display: flex; align-items: center; justify-content:center; }

.countdownsect{padding: 100px 0px; background: #F4F0EC}

.countdownsect h2{font-size: 75px;background: linear-gradient(90deg, #E6552C 0%, #BD302E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500; margin-bottom: 10px}

.countdownsect ul{margin: 0px; padding: 0px; list-style: none; text-align: center;}

.countdownsect ul li{display: inline-block; text-align: center; padding: 0px 70px;}

.countdownsect ul li p{color: #4D5053; font-size: 17px; margin: 0px;}

.countdownsect ul li:nth-child(2){border-left: 1px solid #CDA274; border-right: 1px solid #CDA274;}

.gallerydata{margin-top: 20px;}

footer{padding: 40px 0px 70px;}

.footerlogo img{max-width: 100%; width: 210px;}

.footerinfo a.webinfo{background: linear-gradient(90deg, #E6552C 0%, #BD302E 100%);
    -webkit-background-clip: text; margin: 25px 0px; display: flex; align-items: center;
    -webkit-text-fill-color: transparent; font-size: 18px;}

.footerinfo a.webinfo span{margin-right: 5px;}

.footerinfo ul {margin: 0px; padding: 0px; list-style: none;}

.footerinfo ul li{display: inline-block; margin-right: 30px;}

.footerinfo ul li a{background: linear-gradient(90deg, #E6552C 0%, #BD302E 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.footerdata h5{margin:0px 0px 10px;}

.footerdata ul{margin: 0px; padding: 0px; list-style: none;}

.footerdata ul li{display: block; margin-bottom: 10px;}

.footerdata ul li a{color: #4D5053; font-size: 19px;}

.footerdata ul li a:hover{background: linear-gradient(90deg, #E6552C 0%, #BD302E 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.footerdata p{color: #4D5053; font-size: 19px;}

.enquirydv{padding-bottom: 40px;}

.enquiry-inner{background: #292F36; padding: 90px 50px; border-radius: 50px;}

.enquiry-inner h2{color: #fff;}

.enquiry-inner a {
    background: linear-gradient(90deg, #E6552C 0%, #BD302E 100%); border-radius: 13px;
    padding: 16px 40px;  color: #fff;  font-size: 14px;  margin-top: 30px;
    
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    transform: all linear 0.5s;
}

.enquiry-inner a:hover {
    background: linear-gradient(90deg, #BD302E 0%, #E6552C 100%);
}

.enquiry-inner a span {
    margin-left: 5px;
    transition: all linear 0.5s;
}

.enquiry-inner a:hover span {
    transform: translate(10px, 0px);
}

 .white-panel img {
  width: 100%;
  max-width: 100%;
  height: auto;
  }
  .white-panel {
  position: absolute;
  background: white;
  padding: 0px;
  }
 
  .white-panel:hover {
  margin-top: -5px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.gallerydata{margin-top:60px;}

.btocbanner h1, .btocbanner p, .btocbanner h3{color: #fff}

.btocbanner h3{margin: 15px 0px;}

.productmn{margin-top:50px}

.produtmn-bx{border: 1px solid #CDCDCD; padding: 18px; border-radius: 40px;}

.prodctmnimg img{width: 100%;}

.prodctmnimg{border-radius: 40px 40px 0px 0px; overflow: hidden;}

.producttext p{margin-bottom: 0px; font-size: 13px; margin-top: 5px; height: 25px;}

.producttext{margin:20px 0px 10px;}

.produtmn-bx:hover{background: #F4F0EC;}

.gallerysct{padding-top: 30px;}

.healtheridata h2{font-size: 100px;}

.healtheridata h5{ font-family: "Jost", sans-serif; font-weight: 400}

.healtheridata .aboutleft{background-image: none;padding-top: 0px;}

.healtheridata .aboutleft p{line-height: 35px;}

.woodimgone {padding-left: 40px; }

.woodimgone img{width: 100%;}

.woodimgone img.scrolldown{width: 140px; position: absolute; right: 0; bottom: 0;}

.contact-foot a.webinfo{margin:14px 0px 0px;}

.footnewaddress p{width: 50%; float: left; padding-left:30px;}

.footnewaddress p:first-child{border-right: 1px solid #4D5053; padding-left: 0px; padding-right: 10px;}

.contactsect{background-image: url("../images/contactimg.jpg"); background-repeat: no-repeat; height: 100%;
background-size: cover;border-radius: 0px 0px 0px 180px; overflow: hidden; padding: 0px 0px; margin-bottom: 40px;
position: relative;}

.btoccontact{background-image: url("../images/contactbtoc.jpg");}

.contactsect:before{width: 50%; height: 100%; position: absolute; content: ""; right: 0; top: 0;
background: #FFFFFFEB;}

.contact-right{padding:120px 0px; z-index: 9; position: relative; padding-left: 30px}

.contact-data{margin-top: 30px;}

.contact-frms{margin-top: 30px; margin-bottom: 25px}

.contact-frms label{font-family: "DM Serif Display", serif; color: #292F36; font-size: 21px}

.contact-frms  input{font-size: 17px; margin: 0px; padding:20px 0px; width: 100%; color: #817373;
border: none; border-bottom: 1px solid #000000; outline: none; background: transparent;}

.cntctus-btn button{
    background: linear-gradient(90deg, #E6552C 0%, #BD302E 100%);
    border-radius: 13px;
    padding: 16px 40px;
    color: #fff; margin-top: 30px;
    font-size: 14px;
    float: left;
    font-weight: 600;
    display: flex;
    align-items: center;
    transform: all linear 0.5s; border: none;
}

.cntctus-btn button span {
    margin-left: 5px;
    transition: all linear 0.5s;
}

.cntctus-btn button:hover {
    background: linear-gradient(90deg, #BD302E 0%, #E6552C 100%);
}

.cntctus-btn button:hover span {
    transform: translate(10px, 0px);
}

.aboutdata {margin-bottom:60px}

.aboutdata:last-child{margin-bottom: 0px;}

.mobilelogo{margin-top: 20px;}

.mobilelogo h2{margin: 0px; color: #292F36;}

.toggleimg{width:40px}

.btocgallery{padding-top: 0px;}

.bannermain, .btobaboutus, .offersection, .clientssect, .countdownsect, .clientssect, .enquirydv, footer,
html
{overflow-x: hidden;}

.thnku-header{display: flex; height: 100%; align-items: center; justify-content: center}

.thankusection{background-image: url("../images/thankubg.jpg"); background-position: left center; background-size: cover;
background-repeat: no-repeat; padding: 50px 0px; }

.thankutext h1{font-size: 50px;}

.thankutext p{font-size: 28px; margin: 20px 0px 0px}

.thankutext{border-bottom: 2px dashed #9A9A9A; padding-bottom: 30px;}

.exploreheading{margin-top: 30px}

.explorebsness{margin-top: 30px; padding: 0px 35px;}

/**menu-css-start**/

.menu-div{
    padding:0px;  height:auto;  float:left;  display: flex; justify-content: flex-end;
}

#menu ul li a img{
    width: 100px;
    max-width:100%;
}

div#overlay {
    display: none;
}
a#toggle {
    position: relative;
    color: #665148;
    display: none;
    text-align: center;
    float: right; 
    outline: none;
    margin-right: 10px;
    z-index: 99;
    transition: all ease-out .3s
}
a#toggle i {
    font-size: 30px
}
#menu .fa-plus {
    display: none;
}
a#toggle i {
    position: relative;
}
.open-menu a#toggle i {
    color: #fff;
}
main#content {
    padding: 10px;
}
#menu {
    transition: all ease-out .3s;
}
#menu a {
    color: #000;
    text-decoration: none;
}
#menu ul {
   
    padding: 0;
    margin: 0px 0px 0px 40px;
}
#menu ul li {
    display: inline-block;
    position: relative;
}
#menu ul li>a {
    display: inline-block;
    padding: 13px 15px;
    font-size: 17px;
    margin: 0px;
    color: #06163A;
   
    font-weight: 400;
    transition: all linear 0.5s;
    letter-spacing: 1px;  transition: all 0.35s ease;
}

#menu ul li>a.active:before{
    content: "";
    width: 80%;
    height: 1px;
    background: #000;
    display: inline-block;
    bottom: 6px;
    position: absolute;
    left: 10%;
}


/*#menu ul li>a:hover{color:rgb(6, 22, 58);}*/

#menu ul li>a>i {
    margin-left: 15px;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .1s
}
#menu ul li ul {
    display: none;
    position: absolute;
    top: auto;
    width: 300px;
    background: rgba(255, 255, 255, 1);
    z-index: 3;
    border-radius: 10px;
    padding: 10% 20px;
    text-align: left;
}
#menu ul li ul li a {
  border-bottom: 1px solid #06163A;
}
#menu ul li ul li:last-child a{
  border-bottom: none;
}
#menu ul li ul li:last-child a:hover{
  border-bottom: none;
}
#menu ul li ul li:hover>a {
    color: #fff;
}
#menu ul li ul li a:hover {
    border-bottom:1px solid #06163A;
    color: #06163A !important; 
}
#menu ul li ul li a:after{display: none;}

#menu ul li ul li {
    display: block;
}
#menu ul li ul li a {
    display: block;
    text-transform: capitalize;
    color: #06163A;
    font-size: 16px;
    padding: 7px 0px;
    font-weight: 600;
    margin: 0px;
}
#menu ul li ul li a:hover {
    color: #000 !important;
}
#menu ul li ul li:before {
    border-left: none;
}
#menu ul li:hover>a>i {
    transform: rotateZ(90deg);
}
#menu ul li:hover ul {
    display: block;
}
/**menu-media**/

@media screen and (max-width:961px) {

#menu ul li.open > ul {
    display: block;
    background: #a0f2be;
    padding: 5px 15px;
}
a#toggle {
    display: block;
}
.open-menu a#toggle {
    display: block;
} 
a#toggle:hover {
    text-decoration: none;
}
#menu .fa-plus {
    display: block;
}
main#content {
    margin-top: 65px;
    transition: all ease-out .3s;
}
#menu {
    position: fixed;
    width: 320px;
    height: 100%;
    top: 0;
    right: 0;
    overflow: hidden;
    overflow-y: hidden;
    z-index: 9;
    overflow-y: auto;
    background: linear-gradient(90deg, #E6552C 0%, #BD302E 100%);
    transform: translateX(750px)
}
#menu ul {
    text-align: left;
    background-color: transparent;
    padding-top:80px;
    padding-left: 20px;
    padding-bottom: 0px;
    padding-right: 20px; margin-left: 0;
    }
    #menu ul li ul {
        padding-top: 0;
    }
    #menu ul li {
        display: block;
    }
    #menu ul li a {
        display: block; 
        outline: none;
        color: #fff;
        padding: 16px 0!important;
        margin: 0;
    }
    #menu ul li a>i {
        float: right;
    }
    #menu ul li ul {
        display: none;
        position: static;
        padding: 0;
        width: 100%;
    }
    #menu ul li:hover>ul {
        display: none;
    }
    #menu ul li:hover>a>i {
        transform: rotateZ(0);
    }
    .open a i::before {
        content: "\f068";
    }
    #menu ul li.open>ul {
        display: block;
    }
    div#overlay {
        display: block;
        visibility: hidden;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        z-index: 1;
        opacity: 0;
    }
    html.open-menu {
        overflow: hidden;
    }
    html.open-menu div#overlay {
        visibility: visible;
        opacity: 1;
        width: calc(-150%);
        left: 250px;
    }
    html.open-menu nav#menu {
        z-index: 22;
        transform: translateX(0);
    }
    #menu ul li>a {
        border-right: none;
    }
    #menu ul li ul a {
        font-weight: 400;
        padding: 8px 0!important;
    }
    #menu ul li ul li {
        border-bottom: none;
    }
    #menu ul li ul {
        background: 0 0;
    }
    .open-menu .fa-bars:before {
        content: "\f00d";
    }
    #menu li:last-child {
        border-bottom: none;
    }
    #menu ul li::before {
        display: none;
    }
    #menu ul li a.active {
        border-bottom: none;
    }
    #menu ul li > a{border: none;}

    #menu .active{color: #fff;}

    #menu a.active::after{content: none !important; border: none;}
    #menu a:hover{border: none;}

    #menu ul li a:hover{border-bottom: none;}

    #menu ul li > a:hover{background: none;}

    #menu ul li > a:hover {
        color: #a0f2be;
    }

    #menu ul li > a.active::before{left: 0px;}


    header.sticky{position: relative;}
}

/**menu-css-end**/