.header{
    height: 8vh;
    width: 100%;
    /* background: #9d7f4ae1; */
    display: flex;
    justify-content: space-between;
    background: url(../image/bg-section-home.jpg);
    
}
.headerPart1{
    height: 9vh;
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    color: white;
}
.headerPart1 p{
 color: #ffffff;
}
.linleft{
    border-left: 1px solid rgba(255, 255, 255, 0.455); height: 18px;
    display: block;
}
.headerPart2{
    height: 9vh;
    width: 19%;
    display: flex;
    justify-content: center;
    align-items: center
}
.headerPart2A{
    height: 9vh;
    width: 50%;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}
@media only screen and (max-width: 767px){
    .header{
        height: 5vh;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
    }
    .linleft{
        display: none;
    }
  .headerPart1{
    width: 66%;
    height: 4vh;
    display: flex;flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }
  .headerPart1 p{
    font-size: 10px;
    margin-bottom: 0%;
  }
  .headerPart2{
    width: 34%;
    height: 4vh;
  }
  .headerPart2A{
    width: 93%;
   height: 6vh;
   font-size: 10px;
  }
}
/* //navbar */
.navbarMain{
    height: 12vh;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.navbarLogo{
    height: 10vh;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center
}
.navbarLogo img{
    height: auto;
    width: 20%;
}
.navbarContent{
    height: 10vh;
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}
.navbarMain2{
    display: none;
}

@media only screen and (max-width: 767px){
.navbarMain{
    display: none;
}
.navbarMain2{
    height: 8vh;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
}


/* sidenav */
     /* The Sidebar menu */
     .sidenav {
        height: 100%; /* Full height */
        width: 0; /* Initial width is 0 */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0;
        right: 0; /* Position it off-screen to the right */
        background-color: #111; /* Black background color */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* Smooth sliding effect */
        padding-top: 60px; /* Padding top */
    }

    /* Menu Items */
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 18px;
        color: #ffffff;
        display: block;
        transition: 0.3s;
    }

    /* Change color on hover */
    .sidenav a:hover {
        color: #f1f1f1;
    }

    /* Button to close the menu */
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    /* Style for the open button */
    .openbtn {
        font-size: 30px;
        cursor: pointer;
        background :none;
        color: #BA9A63;
        padding: 10px 15px;
        border: none;
    }

    .openbtn:hover {
        background-color: #444;
    }
    .dropdown-item{
        color: #111;
    }
    .dropdown-item:hover{
        background: #ba9a63e1;
    }

    /* //footer */
    .footerCont{
        background: #d9d5ce;
        height: 50vh;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    .footerContTxt{
        width: 28%;height: 50vh;
    }
    .footerContp{
        color: #BA9A63;font-size: 25px
    }
    .footerContTxt2{
        height: 55vh;
        width: 90%;
        display: flex;
        flex-direction: row;
        justify-content: space-around
    }
    .footerContHead2{
        height: 50vh;width: 15%;
    }
    .footerConttitle{
        color: #BA9A63;
        font-size: 22px;
        height: 10vh;
        display: flex;
        align-items: center;
        font-weight: bold;
    }
    .footerContitem{
        height: 30vh;
        width: 100%;
        line-height: 10px
    }
    .footerContitem1{
        height: 29vh;
        width: 100%;
        line-height: 5px
    }
    .ContactContfooter{
        color: #BA9A63;font-size: 22px;height: 6vh;display: flex;align-items: center
    }
    .ContactContfooter2{
        height: 20vh;
        width: 100%;
        line-height: 14px;
    }
    .footerContactus{
       display: none;
    }
    .footerConttxtNew{
        font-size: 15px;
        line-height: 20px
    }
    .footerContHead2get{
        height: 50vh;
        width: 26%;
    }
    .footerContHead2contact{
        height: 50vh;
        width: 18%
    }
    .footergetContent{
        height: 40vh;
        width: 100%
    }
    .iconFooterCont{
        height: 3vh;
        width: 100%;
        color: rgb(7, 7, 7);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
    .footerContitem1New{
        display: none;
    }
    @media only screen and (max-width: 767px){
        .footerCont{
            flex-direction: column;
            height: 82vh;
        }
        .footerContp{
            font-size: 20px;
        }
        .footerContp2{
            font-size: 13px;
        }
        .footerContTxt{
            height: 24vh;
            width: 95%;
        }
        .footerConttitle{
            font-size: 17px;
            height: 4vh;
            justify-content: center;
            margin-bottom: 0%;
        }
        .footerContitem{
            font-size: 14px;
            height: 19vh;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
        }
        .footerContitem1{
           display: none;
        }
        .footerContitem1New{
            font-size: 14px;
            height: 4vh;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            align-items: center;
        }
        .footerContitem1New p{
            margin-bottom: 0%;
        }
        .ContactContfooter{
            display: none;
        }
        .ContactContfooter2{
            display: none;
        }
        .footerContactus{
            height: 10vh;
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            align-items: center;

        }
        .ContactContfooterA{
            color: #BA9A63;font-size: 12px;height: 6vh;display: flex;align-items: center
        }
        .ContactContfooter2A{
            font-size: 9px;
            width: 100%;
        }
        .footerContHead2{
            width: 95%;
            height: 13vh;
        }
        .footerContHead2get{
            width: 95%;
            height: 44vh;
        }
        .footergetContent{
            height: 29vh;
        }
        .footerContHead2contact{
            width: 95%;
            height: 16vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .contatctAvailable{
           font-size: 13px;
        }
        .iconFooterCont{
            width: 37%;
        }
    }
      /* <!-- //Complimentary --> */
  .compCont{
    /* background: #0b0b50; */
     background-image: url(../image/bg-section-home.jpg);
     background-repeat: no-repeat;
     background-size: cover;
    height: 135vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .compHead{
    height: 10vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center
  }
  .compHead p{
    color: #BA9A63;
    font-size: 35px;
  }
  .compContent{
    height: 60vh;
    width: 100%;
    display: block;
  }
 .compContentNew{
    display: none;
 }
 .compCont2{
    height: 132vh;
    width: 94%;
 }

  @media only screen and (max-width: 767px){
    .compCont{
        height: 150vh;
        
    }
     .compHead p{
        font-size: 20px;
     }
     .compHead{
        height: 8vh;
     }
     .compContent{
        display: none;
     }
     .compContentNew{
        display: block;
        height: 132vh;
        width: 100%;
     }
     .compCont2{
        height: 140vh;
     }
  }


  /* //conttactbtn */
  .whatsappbtncont{
    height: 20vh;
    width: 100%;
    position: fixed;
    bottom: 0%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .whatsappContainer{
    height: 10vh;
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .gifItems{
    width: 22%;
    height: auto;
  }
  @media only screen and (max-width: 767px){
    .whatsappContainer{
        width: 40%;
        height: 17vh;
    }
    .gifItems{
        width: 36%;
    }
  }

  .image-circle {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    border-top: 3px dashed #BA9A63;
    border-right: 3px dashed #BA9A63;
    border-left: 3px dashed #000000;
    border-bottom: 3px dashed #000000;
    padding: 10px;
    animation: spin 10s infinite linear;
  }
  .image-circle img {
    animation: spin 10s infinite reverse linear;
    width: 100%;
    border-radius: 50%;
  }
  @keyframes spin {
    100% {
        transform: rotate(1turn);
    }
  }