@font-face { font-family: 'roboto'; src: url('../fonts/roboto-regular.ttf'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'roboto-bold'; src: url('../fonts/roboto-bold.ttf'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'kage'; src: url('../fonts/kage.otf'); font-weight: 400; font-style: normal; font-display: swap; }
:root{
    --roboto:'roboto';
    --roboto-bold:'roboto-bold';
    --kage:'kage';
    --sitecol:rgb(248, 238, 218);
    --headingcol: rgb(1, 57, 39);
    --formcol:rgb(113 137 129);
}
html{box-sizing: border-box;margin: 0;padding: 0;font-family: var(--roboto);}
a{text-decoration: none;}
.heading {font-size: 50px;color: var(--headingcol);font-family: var(--roboto-bold);}
.body-container{background-color: var(--sitecol);}
::placeholder{color: var(--sitecol);font-size: 20px;}
.carousel-content img,.partner-logo img,.partner-img img,.prd-image img{width: 100%;height: auto;}
.width-49{width: 49%;}
#g-recaptcha-response { display: block !important; position: absolute; margin: -78px 0 0 0 !important; width: 302px !important; height: 76px !important; z-index: -999999; opacity: 0; }

/*Carousel part*/
.carousel-content{position: relative;}
.banner-txt-container{position: absolute;top: 7%;left: 60px;color: var(--sitecol);width: 60%;}
.comname{font-family: var(--kage);font-size: 110px;margin-bottom: 18%;}
/* .comname img{width: 500px !important;height: 500px;} */
.logo-delightful{width: 350px !important;}
.ban-head{font-family: var(--roboto-bold);font-size: 100px;line-height: 105px;}
.ban-head span{display: block;}
.ban-sub-head{font-family: var(--roboto);font-size: 23px; width: 80%; margin-top: 15px;}
.carousel-container .owl-dots{position: absolute;right: 10%; bottom: 10%;}
.carousel-container .owl-dots button span{width: 30px !important;height: 30px !important;}
.carousel-container .owl-dots span{background-color: #EEECDE !important;}
.carousel-container .owl-dots .active span{background-color: #e6d1a9 !important;}

/*Partner part*/
.partner-blocks{flex-wrap: wrap;width: 60%;margin: 0 auto;}
.partner-img{padding: 8px;width: 33.33%;cursor: pointer;}
.partner-img img{border-radius: 20px;}
.partner{position: relative;}
.partner1-img{height: 100% !important;}
/* .partner-hover{position: absolute;top: 0;left: 0;bottom:0;background: rgb(1, 57, 39,0.25);  margin: 10px;     padding-top: 70px;  border-radius: 20px;   text-align: center;display: none;width: 94%;} */
.partner-hover{    position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; background: rgb(1, 57, 39,0.5); margin: 10px; /*padding-top: 43%;*/ border-radius: 20px; text-align: center; display: none; }
.partner-text-center{    position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.partner:hover .partner-hover{display: block;}    
.partner-logo{   /* width: 50%; margin: 0 auto 10px; */color: var(--sitecol);}
.partner-text{color: var(--sitecol);text-align: center;font-size: 13px;}   


/*Product part*/
.prd-images{cursor: pointer;margin-right: 15px;}
.prd-images img{border-radius: 20px;}
.product-wrapper{margin-left: 20px;position: relative;}
.product-cat{font-size: 28px; margin-bottom: 15px;color: var(--headingcol);}
.product-container{width: 95%;margin: 0 auto;}
.product-container .disabled{ display: none; }
.product-container .owl-next,.product-container .owl-prev{position: absolute;top: 32%;}
.product-container .owl-next{right: -40px;}
.product-container .owl-prev{left: -40px;}
.product-container .owl-nav i { font-size: 50px; }
/* .products-hover-conatiner{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;} */
.products-hover-conatiner{position: absolute;z-index: 10;    width: 600px; height: 600px;display: none;}
.product-hover{background-color: rgb(1, 57, 39,0.90);padding: 20px;border-radius: 20px;text-align: center;position: relative;display: none;}
.close{color: var(--sitecol);font-size: 40px;cursor: pointer;position: absolute;top:-10px;right: 33px;}
.prd-image{margin: 0 auto;width: 70%;}
.prd-image img{border-radius: 20px;}
.prd-des{color: var(--sitecol);text-align: left;}
.prd-title{    font-size: 28px; padding: 10px 0;}
.prd-txt{font-size: 21px;}


/*Contact Part*/
.form-div {width: 50%;}
.contact-body {padding-left: 20px;}
.contact-body span{font-size: 20px;display: block;}
.form-group input[type="text"],.form-group input[type="email"],.form-group textarea,.form-group input[type="submit"]{padding: 5px 15px;background: var(--formcol);color: var(--sitecol);border: none;outline: none;width: 100%;}
.form-group input[type="text"],.form-group input[type="email"],.form-group input[type="submit"]{border-radius: 50px;}
.form-group textarea{border-radius: 20px;resize: none;} 
.g-recaptcha{    display: flex; align-items: center; justify-content: center;}
.submit-btn{width: 20%;    margin: 35px auto 0;}
.error,.captcha-alert{color: red;}
.captcha-alert{text-align: center; font-size:15px;display: none;}
.form-submitted{    text-align: center; padding: 20px; background: #E9E7E2; color: var(--headingcol); margin-top: 20px;display: none; }
.form-submitted div i{margin-right: 10px;}

/*footer*/
.footer-container{border-top: 3px solid var(--headingcol);    padding-top: 20px;}
.social-media{display: flex; align-items: center;}
.instagram{color: var(--sitecol) !important;background-color: var(--headingcol);border-radius: 50%;padding: 7px;font-size: 30px !important;margin-right: 5px;}
.social-media a i{font-size: 40px;color: var(--headingcol);}
.policy{display: flex; flex-direction: column; text-align: right;}
.policy a{color: var(--headingcol);}

/*Terms Container*/
.terms-container{background-color: var(--sitecol);color: var(--headingcol);}
.logo{font-family: var(--kage);font-size: 45px;position: fixed;top: 0; left: 0; padding-left: 3rem;color: var(--sitecol);background-color: var(--headingcol);width: 100%;}
.writeup{margin-top: 40px;font-family: var(--roboto);}
.writeup-section{margin-top:20px;}
.writeup-section p{margin-bottom: 0;}
.txt-bold{/*font-weight: 700;*/font-family: var(--roboto-bold);}
.txt-inside{margin: 20px 0;font-weight: 700;}
.disclaimer-head{       margin: 20px 0; font-weight: 700;}
.marg-top-bot{margin: 20px 0 !important;}
.marg-top-bot span{display: block;}

/*Media Queries*/
@media only screen and (max-width:1360px){
    .comname{font-size: 100px;margin-bottom: 14%;}
    .logo-delightful { width: 300px !important; }
    .ban-head{font-size: 90px;}
    .ban-sub-head{font-size: 20px;}
}
@media only screen and (max-width:1300px){
    .banner-txt-container{width: 80%;top: 5%;}
    .comname{font-size: 90px;margin-bottom: 10%;}
    .logo-delightful { width: 280px !important; }
    .ban-head { font-size: 80px; }
    .partner-blocks{width: 80%;}
    .form-div {width: 100%;}

}
@media only screen and (max-width:1024px){
    .comname { font-size: 70px; margin-bottom: 8%; }
    .logo-delightful { width: 250px !important; }
    .ban-head{font-size: 65px;line-height: 70px;}
    .body-container{padding: 2rem !important;}
    .carousel-container .owl-dots button span { width: 20px !important; height: 20px !important; }
}
@media only screen and (max-width:900px){
    .comname { font-size: 60px; margin-bottom: 5%; }
    .logo-delightful { width: 170px !important; }
    .ban-head { font-size: 50px; line-height: 60px; }
    .ban-sub-head { font-size: 18px; }
    .heading{font-size: 40px;}
    .product-cat{font-size: 25px;}
    .partner-img{width: 49.33%;}
    .product-container .owl-nav i { font-size: 40px; }
}
@media only screen and (max-width:695px){
    .comname { font-size: 40px;  }
    .ban-head { font-size: 30px; line-height: 40px; }
    .ban-sub-head { font-size: 14px; }
    .partner-blocks { width: 100%; }
    /* .partner-hover{padding-top: 45px;} */
    /* .product-hover{width: 370px;} */
}
@media only screen and (max-width:550px){
    .banner-txt-container{left: 30px;}
    .comname { font-size: 30px; margin-bottom: 2%; }
    .logo-delightful { width: 80px !important; }
    .ban-head { font-size: 20px; line-height: 25px; }
    .ban-sub-head{font-size: 12px;}
    .carousel-container .owl-dots button span { width: 10px !important; height: 10px !important; }
    .body-container{padding: 1rem !important;}
    .product-wrapper{margin-left: 9px;}
    /* .partner-logo{width: 40%;} */
    .partner-text{font-size: 10px;}
    .product-container .owl-next,.product-container .owl-prev{top: 40%;}
    .product-container .owl-nav i { font-size: 30px; }
    .product-container .owl-next { right: -20px; }
    .product-container .owl-prev { left: -28px; }
    .contact-body {padding-left: 15px;}
    .contact-body span { font-size: 16px; display: unset; }
    .heading { font-size: 30px; }
    /* .partner-hover { padding-top: 15px; } */
    .prd-title{font-size: 25px;}
    .prd-txt { font-size: 15px; }
    .products-hover-conatiner{width: 350px;height: 350px;}
    .submit-btn{width: 40%;}
    .close{top: -13px; right: 11px;}
   
}
@media only screen and (max-width:424px){
    .banner-txt-container{top: 2%;}
    .ban-sub-head{    width: 85%; margin-top: 8px;}
    .product-container .owl-nav i { font-size: 25px; }
}
@media only screen and (max-width:375px){
    .banner-txt-container{left: 15px;top: 0;}
    .comname{margin-bottom: 1%;font-size: 28px;}
    .ban-sub-head{    font-size: 10px; }
}
