/*
Theme Name:   YogiChemical Child
Theme URL:    https://mohitranpura.com/
Description: Child theme - A custom wordpress theme designed for Yogi Chemicals. 
Author:       Mohit Ranpura
Author URL:   https://mohitranpura.com/
Template:     yogi
Version:      1.0.3
License:      GNU General Public License v2 or later
License URL:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  yogichild
*/
 
/*
    Please Add your custom styles here
*/

/* Common css */
.bg-cover .breadcrumb-content.text-center.page-heading{padding: 220px 0 140px;}
.wpcf7 form .wpcf7-response-output{margin: 20px 0px 0px;}
.single-circle-bar .circle-progress{display: none;}
.blog-pagination {display: flex; max-width: 100%; justify-content: center; align-items: center;}
.container{width: 1320px; max-width: 100% !important;}
.service-box-items-style-2{margin-top: 0px;}
.comments-area{margin-top: 0;}

/* header css and footer css */
.Header-logo a.header-logo img, .header-inner a.header-logo img{width: 150px;}
.footer-icon-list .elementor-icon-list-icon svg{width: 16px; height: 16px;}
.sidebar-style .off-contact-info a:hover{text-decoration: underline;}
.sidebar-style .social-icon-list .social-icon a {border: 1px solid #fff;}
.sidebar-style .social-icon-list .social-icon a:hover{border-color: #67bac5; color: #fff !important;}
.single-products .banner-style {display: none;}
.footer-box p.elementor-icon-box-description a {color: #ffffffcc;}
.footer-box p.elementor-icon-box-description a:hover{color: #67bac5;}


/* Home page  */
.Blog-style .news-box-items-style-2 .content ul{gap: 14px;}
.panel-style .service-box-items .content .title{max-width: 320px;}
.phone-area a{color: #fff;}
.phone-area a:hover{color: #fff; text-decoration: underline;}
.enquiry-box p.elementor-icon-box-description a{color: #fff;}
.enquiry-box h3.elementor-icon-box-title a:hover, .enquiry-box p.elementor-icon-box-description a:hover{color: #fff; text-decoration: underline;}
.circle-box .about-right-thumb-style-2 .circle-box .text-image img{animation: cir36 20s linear infinite;}
.marquee-style .marquee{--duration: 45s;}
.hero-section-style .hero-1 .hero-height{padding: 150px 290px;}
.hero-section-style .hero-1 .hero-bg{transition: transform 15000ms ease, opacity 15000ms ease;}
/* product listing categories page */
.categories-img .service-box-items-style-2 .service-thumb .hover-img{aspect-ratio: 16 / 12;}

/* Category detail page css */
/* ---------- Section 1 ---------- */
.cd-section {background: #ECF0F0; padding: 60px 0; font-family: "Mona Sans", sans-serif; overflow: hidden;}
.sub-title {font-size: 16px; font-weight: 600; margin-bottom: 15px; letter-spacing: 1px; color: #67bac5;} 
.cd-heading {font-size: 50px; line-height: 60px; color: #000;}
.cd-description p{font-family: "DM Sans", sans-serif; color: #577D7D; font-size: 18px; line-height: 28px; font-weight: normal;}
.cd-checklist-item::before {
	content: "";
	display: inline-block;
    width: 18px;
    height: 18px;	
	font-weight: 600;
	margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.80997 15.0135C7.80786 15.0135 7.8054 15.0135 7.80329 15.0135C7.7161 15.0117 7.63383 14.9744 7.57477 14.9105L1.54688 8.35592C1.44352 8.24342 1.43403 8.07397 1.52438 7.95057C1.61473 7.82753 1.77926 7.78534 1.91778 7.85003L7.43485 10.4333C7.48126 10.4551 7.5361 10.4446 7.57161 10.4076L15.9873 1.6119C16.1012 1.49272 16.2875 1.47971 16.4169 1.58237C16.5463 1.68503 16.5762 1.86925 16.4858 2.00741L8.11442 14.8317C8.10247 14.8503 8.0884 14.8672 8.07294 14.883L8.03602 14.9199C7.9759 14.9797 7.89434 15.0135 7.80997 15.0135Z' fill='%231D8B8A'/%3E%3C/svg%3E");}
.cd-checklist-item {font-family: "DM Sans", Sans-serif; font-size: 16px; line-height: 26px; font-weight: 600; color: #577D7D;}
.cd-image-wrap img {object-fit: cover;}

/* ---------- Section 2 ---------- */
.svc-section{background: #D8E5E5; padding: 60px 0; text-align: center; font-family: "Mona Sans", sans-serif;}
.svc-heading {font-size: 50px; line-height: 60px; color: #000;}
#cd-products-grid {padding: 50px 0px 0px;}
.svc-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	height: 100%;
	box-shadow: 0 4px 16px rgba(0,0,0,0.04);
	text-align: left;
    display: flex;
    flex-direction: column;
}
.svc-card-media img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	display: block;
	padding: 10px;
    border-radius: 18px;
}
.svc-card-body {padding: 25px 20px; display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.svc-card-title {font-size: 24px; line-height: 34px; font-weight: 600; color: #000; margin-bottom: 10px;}
.svc-card-title:hover{color: #67bac5;}
.svc-card-desc {font-family: "DM Sans", sans-serif; color: #6b7a79;	font-size: 16px; font-weight: normal; line-height: 26px; margin-bottom: 20px;}
.cd-load-more-wrap {margin-top: 40px; text-align: center;}
.cd-load-more-wrap.hidden {display: none;}
.cd-load-more-wrap .theme-btn[disabled] {opacity: 0.6; pointer-events: none;}

/* Product detail css */
/* .pdt-section .container, .pd-section .container, .pdt-related .container, .cd-section .container, .svc-section .container, .blog .container, .category .container, .tag .container{max-width: 1320px;} */
.bg-cover {background: radial-gradient(circle at 12% 18%, rgba(27, 154, 160, .28), transparent 42%), linear-gradient(160deg, #123A35 0%, #08160F 78%);}
.pd-section {position: relative; overflow: hidden; font-family: "Mona Sans", sans-serif;}
.pd-overlay{background: #032828b3; padding: 150px 0px 60px;}
.pd-section .pd-heading {font-size: 35px; line-height: 45px; font-weight: 700; letter-spacing: 1px; color: white;}
.pd-section .pd-description {font-family: "DM Sans", sans-serif; color: #577D7D; font-size: 18px; line-height: 28px; font-weight: normal; color: #ffffffcc;}
.pd-gallery-card {background: #ffffff1a; border-radius: 28px; padding: 20px; display: grid; grid-template-columns: 1fr 80px; gap: 16px;}
.pd-gallery-card__main {border-radius: 18px; overflow: hidden;}
.pd-gallery-card__main img {width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 1/1; }
.pd-gallery-card__main{height: 350px; overflow: hidden;}
.pd-gallery-card__thumbs{
	height: 350px;
	max-height: 500px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: none;
	scrollbar-color: #fff transparent;
}
.pd-gallery-thumb{height: 78px;	flex-shrink: 0;}
.pd-gallery-card__thumbs::-webkit-scrollbar{width: 5px;}
.pd-gallery-card__thumbs::-webkit-scrollbar-track{background: transparent;}
.pd-gallery-card__thumbs::-webkit-scrollbar-thumb{background-color: #fff; border-radius: 10px;}
.pd-gallery-card__thumbs {display: flex; flex-direction: column; gap: 12px;}
.pd-gallery-thumb {padding: 0; border: 2px solid transparent; border-radius: 12px; overflow: hidden; background: none; aspect-ratio: 1 / 1;	transition: border-color 0.15s ease;}
.pd-gallery-thumb img {width: 100%;	height: 100%; object-fit: cover; display: block;}
.pd-gallery-thumb.is-active, .pd-gallery-thumb:hover {border-color: #67bac5;}
.pdt-section {padding: 60px 0 0; background: #ECF0F0; overflow: hidden;}
.pdt-sidenav { position: sticky; top: 30px; }
.pdt-sidenav .pdt-sidenav-title {font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: #000; margin-bottom: 14px;}
.pdt-snav-btn {display: block; width: 100%; text-align: left; padding: 15px; border-radius: 100px; font-weight: 700; font-size: 16px; line-height: 26px; color: #000; background: transparent; border: 2px solid #67bac5; cursor: pointer; margin-bottom: 8px;}
.pdt-snav-btn:hover,.pdt-snav-btn.active { background: #67bac5; color: #fff; }
.pdt-quickfacts {margin-top: 28px; background: #fff; border: 1px solid #dfe7e2; border-radius: 18px; padding: 20px; }
.pdt-quickfacts .qf-label {font-size: 13px; line-height: 23px; text-transform: uppercase; color: #000; letter-spacing: .06em; margin-bottom: 14px; font-weight: 700;}
.pdt-quickfacts .qf-row { display: flex; justify-content: space-between; font-size: 13px; line-height: 23px; border-bottom: 1px dashed #67bac5; padding-bottom: 9px;   margin-bottom: 10px;}
.pdt-quickfacts .qf-row b {font-weight: 700;}
.pdt-tab-panel { display: none; }
.pdt-tab-panel.active { display: block; }
.pdt-panel-head { margin-bottom: 30px; }
.pdt-panel-head h2 { font-size: 30px; line-height: 40px;}
.pdt-panel-head p{color: #000; font-size: 14px; line-height: 24px; margin: 6px 0px; max-width: 800px;}
.pdt-description-content ul li {list-style-type: disc; margin-left: 25px;}
.pdt-spec-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px;}
.pdt-spec-card {background: #fff; border: 1px solid #dfe7e2; border-radius: 16px; padding: 20px;}
.pdt-spec-card .sk{font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #000; margin-bottom: 6px;}
.pdt-spec-card .sv{font-weight: 700; font-size: 16px; line-height: 26px;}
.pdt-table {width: 100%; border-collapse: collapse; font-size: 14px; line-height: 24px; border-radius: 16px; overflow: hidden; border: 1px solid #dfe7e2;}
.pdt-table th {background: #000; color: white; text-align: left; padding: 13px 16px; font-weight: 600; font-size: 16px; line-height: 26px;}
.pdt-table td {padding: 12px 16px; border-bottom: 1px solid #dfe7e2; vertical-align: top; background: #fff;}
.pdt-table td:first-child { color: #000; font-weight: 700; }
.pdt-table tr:last-child td {border-bottom: none;}
.pdt-info-cards {display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 30px; }
.pdt-info-card { background: #fff; border: 1px solid #dfe7e2; border-radius: 16px; padding: 24px; }
.pdt-info-card h4 {font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.pdt-info-card p {font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 24px; color: #000;}
.pdt-faq-item, .faq-items-style-1 .accordion-box .block{background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(15,51,47,.05); margin-bottom: 14px;}
.faq-items-style-1 .accordion-box .block .acc-btn {line-height: 25px;}
.pdt-faq-q {display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 26px; cursor: pointer; font-weight: 700; font-size: 16px;
line-height: 26px;}
.pdt-faq-item.open .pdt-faq-q {background: #67bac5; color: #fff;}
.pdt-faq-icon { width: 34px; height: 34px; border-radius: 50%; background: #eef1f2; color: #67bac5; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 18px; line-height: 28px; font-weight: 700;}
.pdt-faq-item.open .pdt-faq-icon {background: rgba(255,255,255,.22); color: #fff;}
.pdt-faq-a {max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.pdt-faq-a p {font-family: "DM Sans", sans-serif; padding: 15px 25px; color: #000; font-size: 14px; line-height: 24px; max-width: 800px;}
.pdt-faq-item.open .pdt-faq-a { max-height: 400px;}
.pdt-enquiry {background: linear-gradient(135deg,#0f332f,#0a2622); padding: 60px; color: #fff; margin-top: 20px; border-radius: 28px; }
.pdt-enquiry-eyebrow {color: #67bac5; font-weight: 600; font-size: 12px; line-height: 22px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px;}
.pdt-enquiry h2 {color: #fff; font-size: 25px; line-height: 35px; margin-bottom: 12px;}
.pdt-enquiry p {color: #ffffffcc; font-size: 14px; line-height: 24px; max-width: 420px;}	
.pdt-related {padding: 60px 0; background: #ECF0F0;}
.pdt-related h2 {font-size: 30px; line-height: 40px;}	
.pdt-related-card {background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid #dfe7e2; box-shadow: 0 4px 18px rgba(15,51,47,.05); height: 100%;}
.product-card{display: flex; flex-direction: column;}
.pdt-related-card .rp-img { margin: 20px; border-radius: 16px; overflow: hidden; aspect-ratio: 1/0.82; }
.pdt-related-card .rp-img img { width: 100%; height: 100%; object-fit: cover; }
.pdt-related-card .rp-body {padding: 20px; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.pdt-related-card h4 { font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.pdt-related-card h4:hover{color: #67bac5;}
p.rp-desc {margin-bottom: 20px;}
.pdt-related-card .rp-button .button-style a, .contact-button .theme-btn, .btn-qf-row .theme-btn{display: flex; padding: 13px 20px; width: 100%;}
.pdt-related-card .rp-button .button-style a span.btn-title, .contact-button .theme-btn span.btn-title, .btn-qf-row .theme-btn span.btn-title{margin-left: 20px;}
.contact-right-content-style .Product-title input{background: #fff !important; color: #000 !important;}
.contact-form-box-3{background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); border-radius: 18px; padding: 26px;}
.pdt-enquiry .wpcf7-response-output{font-size: 12px; text-align: center;}
.pdt-enquiry .wpcf7-not-valid-tip, .footer-2-subscribe .wpcf7-not-valid-tip{font-size: 12px; background: #ffff; padding: 4px 5px; line-height: 15px;}
.contact-right-content-style .form-clt input, .contact-right-content-style .form-clt textarea{font-size: 16px; line-height: 26px; padding: 13px 20px; color: #fff;
background: #ffffff14; border: 1px solid #ffffff2e; font-weight: 700;}
.contact-right-content-style .form-clt input::placeholder, .contact-right-content-style .form-clt textarea::placeholder{color: #ffffffcc;}
.contact-right-content-style .form-clt input:focus, .contact-right-content-style .form-clt textarea:focus{border-color: #fff;}
.pdt-table-wrap{overflow-y: scroll;}

/* Career page */
.career-form{background: linear-gradient(135deg,#0f332f,#0a2622); border: 1px solid rgba(255, 255, 255, .14); border-radius: 18px; padding: 26px; width: 45%; margin: 30px 0px;}
.career-form h3{color: #fff; font-size: 25px; line-height: 35px; margin-bottom: 12px;}
.single-career p {margin: 10px 0px 10px; display: flex; flex-wrap: wrap; gap: 10px;}
.career-meta {display: flex; flex-wrap: balance; gap: 5px; margin-top: 10px;}
.career-card {display: flex;}

/* footer form */
.footer-form-items { position: relative; width: 100%;}
.footer-form-items .wpcf7-form-control-wrap { display: block; width: 100%;}
.footer-form-items .wpcf7-email {
    width: 100%;
    height: 57px;
    padding: 0 65px 0 20px;
    border: 0;
    border-radius: 50px;
    outline: none;
    box-sizing: border-box;
    background: rgba(255,255,255,0.10);
    color: #fff;
    font-size: 16px;
}

.footer-form-items .wpcf7-email::placeholder { color: #fff; opacity: 1;}
.footer-form-items .icon-btn {
   position: absolute;
    top: 11px;
    right: calc(0% + 12px);
    left: auto;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #67bac5;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.footer-form-items .icon-btn i { font-size: 16px; color: #fff;}
.footer-form-items input[type=email]:focus{border: none !important;}
.footer-2-subscribe .wpcf7 form.invalid .wpcf7-response-output, .footer-2-subscribe .wpcf7 form.unaccepted .wpcf7-response-output, .footer-2-subscribe .wpcf7 form.payment-required .wpcf7-response-output, .footer-2-subscribe .wpcf7 form.failed .wpcf7-response-output, .footer-2-subscribe .wpcf7 form.aborted .wpcf7-response-output { color: #fff !important; font-size: 12px; text-align: center;}

/* Certifications css */
.certificate-style .gallery-item .gallery-caption {opacity: 1;}
.certificate-style .gallery{display: flex; flex-wrap: wrap; gap: 20px; margin: 0px !important; justify-content: center;}
.certificate-style .gallery-item{background-color: #fff; border: 1px solid #000; border-radius: 5px; padding: 15px !important; max-width: 31% !important;}
.certificate-style .gallery-item img{max-width: 175px;}

/* Blog and blog detail page */
.blog #primary .row .col-lg-12, .category #primary .row .col-lg-12, .tag #primary .row .col-lg-12, .search #primary .row .col-lg-12{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.blog .blog-single-card .content .title, .category .blog-single-card .content .title, .tag .blog-single-card .content .title, .search .blog-single-card .content .title{font-size: 25px; line-height: 35px; margin-bottom: 10px;}
.blog .blog-single-card,  .category .blog-single-card, .tag .blog-single-card, .tag .blog-single-card, .search .blog-single-card{background: #ffffff; padding: 20px; border-radius: 12px; margin: 0px !important;}
.single-post .blog-single-content-wrap .thumbnail img{width: 100%;}
.search .blog-main-item-01 .thumbnail img{height: 250px;}

/* Search page */
/* .search a.tag-cloud-link {background: #000; color: #fff;} */

/* contact us page */
.icon-box-style p.elementor-icon-box-description{word-break: break-all;}

/* PRODUCT LISTING PAGE CATEGORY PILL */
.cd-category-pills { margin-bottom: 30px; }
.cd-pill { padding: 8px 20px; border: 1px solid #e0e0e0; border-radius: 30px; background: #fff; color: #333; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.25s ease; white-space: nowrap; }
.cd-pill:hover { border-color: #67bac5; color: #67bac5; }
.cd-pill.active { background: #67bac5; border-color: #67bac5; color: #fff; }

/* Responsive css */
@media screen and (max-width: 1200px) {
	.testimonial-section {padding: 0px 0;}
	.work-process-section-4 {padding-bottom: 0px !important;}
	.hero-section-style .hero-1 .hero-height{padding: 170px 50px;}
    .btn-qf-row .theme-btn span.btn-title {margin-left: 10px;}

}

@media screen and (max-width: 1024px) {
 .blog .blog-page-content-area, .category .archive-page-content-area, .tag .archive-page-content-area, .single-post .content-area, .search .content-area, .single-career .content-area, .archive .content-area{padding-top: 70px !important;  padding-bottom: 70px !important;}
 .blog #primary .row .col-lg-12, .category #primary .row .col-lg-12, .tag #primary .row .col-lg-12, .search #primary .row .col-lg-12{grid-template-columns: 1fr 1fr;}
 .breadcrumb-wrap .page-title{font-size: 45px; line-height: 55px;}
 .bg-cover .breadcrumb-content.text-center.page-heading {padding: 150px 0 100px;}
 .single-post-navigation{padding: 10px;}
 .img-style{display: block !important;}
 .svc-heading, .cd-heading{font-size: 40px; line-height: 50px;}
 .news-box-items-style-2 ul li{display: flex; justify-content: center; align-items: center;}
 .news-box-items-style-2 ul li a{font-size: 13px;}
 .career-form{width: 100%;}
 .pdt-spec-cards{grid-template-columns: repeat(2, 1fr);}
 .pdt-enquiry{padding: 20px;}
 .product-form {margin: 10px 0px;}
 .contact-form-box-3{padding: 15px; margin-top: 45px;}
 .pdt-quickfacts{padding: 10px;} 
}

@media screen and (max-width: 767px) {
 .blog .blog-page-content-area, .category .archive-page-content-area, .tag .archive-page-content-area, .single-post .content-area, .search .content-area, .single-career .content-area, .archive .content-area{padding-top: 50px !important;  padding-bottom: 50px !important;}
 .blog #primary .row .col-lg-12, .category #primary .row .col-lg-12, .tag #primary .row .col-lg-12, .search #primary .row .col-lg-12{grid-template-columns: 1fr;}
 .breadcrumb-wrap .page-title{font-size: 30px; line-height: 40px;}
 .work-process-content-style-4 {padding: 0px !important;}
 .about-section-4{padding-bottom: 50px !important;}
 .gallery .gallery-item{padding-right: 0px !important;}
 .svc-heading, .cd-heading, .pdt-related h2, .pd-section .pd-heading, .pdt-panel-head h2{font-size: 28px; line-height: 35px;}
 .certificate-style .gallery-item {max-width: 100% !important;}
 .gallery {margin: 0px !important;}
 .pdt-related {padding: 50px 0;}
 .pd-overlay {padding: 120px 0px 60px;}
 .hero-section-style .hero-1 .hero-height{padding: 150px 5px;}
 .pdt-spec-cards{grid-template-columns: 1fr;}
 .button-style .theme-btn span.btn-title:hover, .btn-qf-row .theme-btn span.btn-title:hover{margin-left: 20px !important;}
}