/*Header-Section*/
#header{transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
#header.shrink{background-color: rgba(242, 242, 242, 0.6);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);padding: 12px 25px;}

#header .logo a img{width: 200px;height: auto;object-fit: contain;object-position: center;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
#header.shrink .logo a img{width: 125px;}

.about-section{height: 100vh;}

.popUpFormLogo{width: 100px;height: 100px;}
.popUpFormLogo img{width: 100%;height: 100px;object-fit: contain;object-position: center;position: relative;}

/*Contact-Form-Section*/
.contactSection{width: 100%;padding-top: 175px;padding-bottom: 50px;}
.contactFormContainer{text-align: center;}

.pageHeading{font-size: 55px;font-weight: 600;}

.contactForm{padding-bottom: 50px;}
.enquiryForm{width: 600px;height: auto;margin: 0 auto;position: relative;text-align: center;}
.formField{margin: 25px 0;}
.formField input{width: 100%;padding: 15px 30px;color: #000000;font-size: 24px;font-weight: 400;border-style: none;border-radius: 15px;text-align: center;background-color: rgb(255, 255, 255, 0.5);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.formField input:hover, .formField input:focus-visible{outline-style: none;background-color: rgb(255, 255, 255, 0.5);box-shadow: 0 0 15px rgb(169, 138, 61, 0.9);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.formField input:focus::placeholder{color: transparent;}
.formField input::placeholder{color: #000000;opacity: 1;}
.formField button{width: 100%;padding: 25px;border-style: none;border-radius: 15px;font-size: 28px;font-weight: 400;color: #FFFFFF;background-color: rgb(165, 121, 45, 0.61);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.formField button:hover{background-color: rgb(169, 138, 61, 0.9);box-shadow: 0 0 15px rgb(169, 138, 61, 1);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}

#loading-overlay, #popup-loading-overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 999999;text-align: center;align-items: center;justify-content: center;flex-direction: column;}
#loading-overlay .loader, #popup-loading-overlay .loader{border: 5px solid #f3f3f3;border-top: 5px solid #c7a048;border-radius: 50%;width: 50px;height: 50px;animation: spin 1s linear infinite;margin: 20px auto;}
#loading-overlay p, #popup-loading-overlay p{font-size: 16px;color: #ffffff;font-weight: 500;font-family: 'TwCenMtP';}
@keyframes spin {
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.popup{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);justify-content: center;align-items: center;z-index: 999999;}
.popupContent{background: #fff;padding: 20px 30px;border-radius: 8px;text-align: center;font-size: 18px;max-width: 300px;font-family: 'TwCenMtP';}
.popupContent button{margin-top: 15px;padding: 8px 16px;background: #a98a3d;border: none;color: #fff;border-radius: 5px;cursor: pointer;font-family: 'TwCenMtP';}

/*PopUp-Form-Section*/
.popUpFormSection{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);justify-content: center;align-items: center;z-index: 9999;padding-top: 105px;}
.popupFormContainer{padding-top: 25px;}

#marketing-pop-form{display: none;}
#close-pop-up-form{width: 20px;height: 20px;position: absolute;top: 25px;right: 25px;cursor: pointer;}
#close-pop-up-form img{width: 100%;height: 100%;object-fit: contain;object-position: center;}

.popUpformField{margin: 25px 0;}
.popUpformField input{width: 100%;padding: 15px 30px;color: #FFFFFF;font-size: 24px;font-weight: 400;font-family: 'TwCenMtP';border: 2px solid #ab8d42;border-radius: 15px;text-align: center;background-color: transparent;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.popUpformField input:hover, .popUpformField input:focus-visible{outline-style: none;box-shadow: 0 0 15px rgb(171, 141, 66, 0.9);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.popUpformField input:focus::placeholder{color: transparent;}
.popUpformField input::placeholder{color: #FFFFFF;opacity: 1;}
.popUpformField button{width: 100%;padding: 25px;border: 2px solid #ab8d42;border-radius: 15px;font-size: 24px;font-weight: 400;font-family: 'TwCenMtP';color: #FFFFFF;background-color: #ab8d42;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.popUpformField button:hover{box-shadow: 0 0 15px rgb(171, 141, 66, 1);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}

.middleContainer{padding-top: 25px;border-top: 2px solid #000000;border-bottom: 2px solid #000000;margin-bottom: 50px;}

.socialFeeds{display: flex;justify-content: center;}


/*Responsive-Css*/
@media only screen and (max-width: 1199px)
{
    #header .logo a img{width: 150px;}
}

@media (max-width: 1000px) {
    .wrap{flex-direction: column;width: 400px;}
}

@media only screen and (max-width: 991px)
{
    .pageHeading{font-size: 40px;}
}

@media only screen and (max-width: 767px)
{
    #header .logo a img{width: 125px;}
    #header.shrink .logo a img{width: 100px;}

    .enquiryForm{width: 400px;}
    .formField input{font-size: 20px;}
    .formField button{font-size: 24px;}
}

@media only screen and (max-width: 575px){}

@media only screen and (max-width: 479px)
{
    #header .logo a img{width: 100px;height: 60px;}
    #header.shrink .logo a img{width: 100px;}

    .pageHeading{font-size: 36px;}

    .enquiryForm{width: 320px;}
    .formField input{font-size: 18px;}
    .formField button{font-size: 20px;padding: 18px;}
}

@media only screen and (max-width: 400px)
{
    .pageHeading{font-size: 28px;}

    .enquiryForm{width: 285px;}
}