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

*{box-sizing: border-box;} a{text-decoration:none;} img{max-width:100%; height:auto;} .mrt-0{margin:0px}
body { font-family: 'Roboto', sans-serif; line-height: 1.6;background-color: #f4f4f4; color: #333; margin: 0; padding: 0; }
h1,h2,h3,h4,h5{  font-family: "Lexend", sans-serif;} 
.d-ctr{text-align:center} .dk-wht{color:#fff} .sec-gap{gap:10px;} 
/*header*/
header{background:#8d642b;padding:10px;}
.logo-section small{color:#fff;} .logo-section h2{margin:0px;  font-family: "Pacifico", cursive;color:#fff;font-weight:bold;font-size:30px;}
.mnztttfq1-strp{background-color:#000;}
.bg-1{background-color:#d4efe9} .dk-pad{padding:50px 30px;}
.mn-cat{color:#8d642b;font-family: "Pacifico", cursive;} .bx-d h2{margin:0px; font-size:30px; font-weight:600;   font-family: "Lexend", sans-serif;} 
.mnztttfq1-pera1{font-size:16px;} .mnztttfq1-pera2{font-weight:bold; color:#a00000; margin:0px;	}
.btn-order{background-color:#a00000;color:#fff; padding:10px 35px; border-radius:50px; transition:0.5s} .btn-start{margin-top:20px;}
.btn-order:hover{background-color:transparent;border:2px solid #a00000; color:#a00000;}
.animat img:hover { animation: first 2s ease-in-out infinite;}
.xlf-bx{display:flex; justify-content:space-between;align-items:Center;gap:10px;}
/*footer*/
.footer{background-color:#000;} .foot-srt{padding:20px 10px;} .lnk-strt{text-align:Center} .lnk-strt a{color:#fff}]

/*indivial-product*/

.zz01ttfq1-h1{font-size:50px; color:#8d642b;margin:0px;} .zz01ttfq1-pd{padding:40px 10px;} .zz01ttfq1-p1{font-size:22px;margin:0px;color:#8d642b;font-weight:bold;} .ttfq1-btn{margin-top:30px;}
.ttfq1-order{background-color:#ffb22d;color:#000;padding:15px 100px;font-size:20px;border-radius:40px;} .tt02ttfq1-p2{margin:0px;font-weight:bold}.tt02ttfq1-bx1{background-color:#fff;padding:10px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);border-radius:10px;}
.ttttfq1-h3{font-size:40px; color:#8d642b;margin:0px;line-height:1.2} .ttttfq1-sec p{margin:5px;}
.ttttfq1-sec{position:relative;background-color:#def9dc} .bxd-1{object-position: top right; object-fit: cover;  position: absolute; right: 49%; top: 50px;  min-width: 60vw; height: 500px;  max-height: 100%;}
.tt04ttfq1-sec{background-color:#f5b831;} .bx-foth h3{margin:0px;} .tt04ttfq1-hds h2{text-align:Center;margin:0px;padding-top:40px;}
.zz05ttfq1-bx{box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);background-color:#fff;text-align:center;padding:10px} .zz05ttfq1-bx h3{margin:0px;} .zz01ttfq1-pdd{margin-top:20px;} .tt06ttfq1-sec{background-color:#ddd;padding:40px 10px;}
.tt06ttfq1-bxdpd h4{margin:0px;} .tt06ttfq1-bxdpd{background-color:#fff;margin:10px;padding:20px;border-radius:5px;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);} .ext-mr{margin-top:60px;}
.fth-bxsd { box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); text-align: center; padding: 10px;}
/*money*/
.moncyffttfq1--sec{background:#8d642b;padding:30px 10px} .monc{max-width:950px;margin:auto;}
/*feature-section*/
.tt07ttfq1-sec{margin:30px 10px;padding:30px 10px;} .tt07ttfq1-1s h3{margin:0px;}  .tt07ttfq1-1s p{margin-top:5px;}
/*intg*/
.zz08ttfq1-sec{margin-top:30px;background-color:#ddd;padding:40px 10px;} .zz05ttfq1-bxsd{box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);background-image:url(../images/);text-align:center;padding:10px} .zz05ttfq1-bxsd h3{margin:0px;}
/*tt09ttfq1-section*/
.dectption{margin-left:40px;}
.dectption:before{content: ""; background-image: url(../images/vertical-timeline.webp); background-repeat: no-repeat; position: absolute;left: 5px;height: 100%;width: 20px;} .dectption p{margin:5px 0px;}


/*product-slide*/
.product {text-align: center;}
.thumbnails { margin-top: 20px;}
.thumbnail {margin: 0 5px;cursor: pointer;  border: 2px solid transparent;}
.thumbnails img{width:200px;display:inline-flex;}
.thumbnail:hover { border-color: #333;}
/*radio-button*/
.radio-group { display: flex; flex-direction: column;margin-top:30px;}
.radio-input { display: none;}
.radio-label { display: inline-block; padding: 10px 20px;margin: 5px 0;border: 2px solid #ddd;border-radius: 5px;
    cursor: pointer;transition: background-color 0.3s, border-color 0.3s;}
.radio-input:checked + .radio-label {background-color: #007BFF;color: #fff; border-color: #007BFF;}
.radio-label:hover { background-color: #f0f0f0;}

/*tt1tttfq1-section*/
.tt1tttfq1-sec{background:#8d642b;padding:40px 20px;}
.tt1tttfq1-container {
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Tab styles faq */
.faq-tab {
  
    padding: 10px 0;
}

.faq-tab input {
    display: none;
}

.faq-tab label {
    display: block;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    padding: 10px;
    background: #f8f8f8;
    border-radius: 1px;
    transition: all 0.3s ease-in-out;
}

.faq-tab label:hover {
    background: #e0e0e0;
}

.faq-tab span {
    color: #000;
    margin-right: 5px;
}

.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    padding: 0 10px;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

.faq-tab input:checked + label {
    background:#efefef;
    color: #000;
}

.faq-tab input:checked + label + .faq-content {
    max-height: 500px; /* Adjust as needed */
    padding: 10px;
    background: #fff8f0;
    
}



/* Content styles */
.tt1tttfq1-content { display: none; padding: 15px;  background-color: #fff;}
.tt1tttfq1-tab input[type="radio"]:checked + label + .tt1tttfq1-content { display: block;}
/*prc-sec*/
.prc-sth{padding:40px 10px;background-color:#fff}



/*animation-Section*/
@keyframes first{
	0%{transform:translateY(-10px);}
	50%{transform:translateY(-20px);}
	100%{transform:translateY(-10px);}
}
.mb-nn{display:block;} .dd-nn{display:none;}
/*contact-page*/
input[type=text], select, textarea {
    width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; margin-top: 6px;margin-bottom: 16px; resize: vertical;
  }
  input[type=submit] { background-color: #000; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
  input[type=submit]:hover {background-color: #000;}

@media only screen and (min-width:767px) {
 .cont-wrap{max-width:1150px; margin:auto;} .cont-wrp2{max-width:1000px;margin:auto;}

 .dis-flx{display:flex;} .justi-ctn1{justify-content:center} .justi-ctn2{justify-content:space-between} .aln-ctr{align-items:center;}
 .flx-50{width:50%} .flx-60{width:60%} .flx-40{width:40%} .flx-25{width:25%} .flx-20{width:20%} .flx-30{width:30%} .flx-80{width:80%}  .flx-33{width:33%}
}
@media only screen and (max-width:620px){.thumbnails img{max-width:150px;}}
@media only screen and (max-width:520px){.thumbnails img{max-width:100px;}}
@media only screen and (max-width:767px){
	.flx-dir{flex-direction:column;} .mrt-10{margin-top:20px;} .secd-pdbx p{padding-bottom:20px;} .cate-pdbx{margin-top:20px;}
	.buy-bxtsrt{margin:20px;} .m-ctr{text-align:Center} .dsp-nn{display:none;} .bx-fothsm{margin-top:40px;} .ext-mr{margin:0px;}  .ttttfq1-h3{font-size:32px;} .flx-drc-rev{flex-direction:column-reverse;display:flex;} .mb-nn{display:none;} .dd-nn{display:block;}
	.mm-dt{display:none} 
}