/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/hello-elementor-child
Description: A child theme for the Hello Elementor theme.
Author: Your Name
Author URI: https://example.com
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
*/

/* Import parent theme styles */
@import url("../hello-elementor/style.css");

/* Add your custom styles below this line */
body{
    font-family: "Montserrat", Sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
}
 body[data-aos-duration="400"] [data-aos]{
    transition: 1.5s !important;
 }
 body.page-id-261{
     background-color: #000;
 }
b, strong {
    font-weight: bold;
}
.personal-info-phone {
    display: flex;
    gap: 15px;
}

/* header-style */
.cstm-header  .sub-menu .current_page_item a{
    background-color: transparent !important;
}


.cstm-header .current-menu-item .elementor-sub-item {
    background: transparent;
}

.cstm-header  .sub-menu .current_page_item a::after{
    width: 100% !important;
}

.elementor-location-header{
    position: -webkit-sticky;
    position: sticky;
    z-index: 9;
    top: 0px;
}


.drawing-section .product-img-box{
    height: 350px;
}
.drawing-section .product-img-box .elementor-widget-container{
    height: 100%;
    display: flex;
    cursor: pointer;
}
.drawing-section  .product-img-box > .elementor-widget-container:hover img{
    transform: scale(1.2);
}

.drawing-section .product-img-box .elementor-image-box-wrapper{
width: 100%;
}

.drawing-section .product-img-box  .elementor-image-box-img{
text-align: center;
}

.drawing-section .product-img-box .elementor-image-box-img img{
    height: 250px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    transition-duration: 3s !important;
}
.drawing-section .product-img-box .elementor-image-box-img {
     max-width: 50%;
}

.footer-details .input-group .wpcf7-email , .footer-details .input-group .form-control {
    border: 1px solid rgb(227, 227, 227);
    border-radius: 44px;
    background: transparent;
    width: 100%;
    padding: 12px 20px;
    color: rgb(255, 255, 255)
}
.footer-details span.wpcf7-form-control-wrap {
    max-width: 320px
}

.footer-details label {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}

.personal-info {
    display: flex;
}

.footer-details .personal-info {
    gap: 15px;
}

.footer-details .input-group .wpcf7-submit {
    height: 50px;
    width: 100%;
    margin-left: 15px;
    transition: 800ms;
    background: #fff;
    color: #242832;
    font-weight: bold;
	  border-radius:100px;
	  border:0;
}
.footer-details .input-group .wpcf7-submit {
    margin-left: 0;
    margin-top: 28px;
}
.personal-info-phone {
    display: flex;
    gap: 15px;
}

.footer-details .wpcf7-form   .personal-info{
    margin-bottom: 15px;
}

.footer-details a{
	margin-bottom:15px;
}

button.btn.btn-secondary:hover, .footer-details .input-group .wpcf7-submit:hover {
    background: rgb(0, 6, 15);
    border-color: rgb(0, 6, 15);
    color: rgb(255, 255, 255);
}

.contact-filed label
span {
    margin: 10px
0px 0px 5px;
    line-height: 0px;
    color: #f99999;
}
/* .wpcf7 form.invalid .wpcf7-response-output {
    display: none;
} */
.contact-filed.email-field, .contact-filed.phone-field{
    width: 100%;
}

.offer-content .elementor-widget-wrap {
    width: 70% !important;
    margin: 0 auto;
}

.cstm-list-item ul{
    padding-left: 15px;
    list-style: none;
}

.cstm-list-item ul li{
    position: relative;
}

.cstm-list-item ul li::before{
    content: '';
    width: 9px;
    height: 9px;
    background: #fdf200;
    position: absolute;
    left: -20px;
    top: 15px;
    border-radius: 50px;
    display: inline-block;
}

.product-section .big-img img{
    height: 400px !important;
    -o-object-fit: contain;
       object-fit: contain;
}

.product-section  .product-img-box img{
    height: 160px;
    -o-object-fit: contain;
       object-fit: contain;
}


.no-gap > .elementor-widget-wrap {
    padding: 0 !important;
}


.product-section .product-img-box img{
    transition: all 0.5s;
}

.product-section .product-img-box{
    transition: filter .4s ease, opacity .4s ease, -webkit-filter .4s ease !important;
}

.product-section  .product-img-wrap  > .elementor-widget-wrap:hover img{
    transform: scale(1.1);
}

.product-section .product-img-wrap > .elementor-widget-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.product-section .product-img-wrap > .elementor-widget-wrap .hover-content{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s !important;
    bottom: -55%;
}

.product-section  .product-img-wrap  > .elementor-widget-wrap:hover  .hover-content{
bottom: 0%;
}

.product-section  .product-img-wrap:has(.big-img)  > .elementor-widget-wrap:hover  .hover-content{
bottom: 10%;
}


.product-section   .product-img-box   .elementor-widget-container , .product-section .product-img-box {
    height: 100% ;
}

.client-section  img {
    height: 98px;
    -o-object-fit: contain;
       object-fit: contain;
}

.client-img img{
padding: 10px 4px 0px;
}

.cstm-devider .elementor-divider-separator{ 
    border-radius: 44px;
    position: absolute;
    left: -51px;
    top: 55px;
}

.contact-form-wrap .wpcf7-form-control:focus {
    border: 0px
solid rgb(94, 93, 93) !important;
    border-bottom: 1px solid rgb(94 93 93) !important;
    outline: none !important;
    box-shadow: none !important;
}

.contact-form-wrap  .send-btn{
width: 136px;
}

/* Product-tab */

.product-tab-wraper .elementor-tabs-wrapper{
    border: 1px solid #6D6F70;
    border-left: 0;
    border-right: 0;
    padding: 0 10px;
}

.product-tab-wraper .elementor-tab-title {
text-align: center;
padding: 20px  !important;
}

.product-tab-wraper .elementor-tab-title.elementor-tab-title.elementor-active {
    background-color: #FFC24A;
}

/* Specification-table */

.specification-table table.rounded-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background-color: #1e1e1e; /* Adjust to your dark theme */
  color: #fff;
  border-spacing: 15px 0;
  border-collapse: separate;
  padding:  0;
  background: transparent;
}

/* Optional: Add rounded corners to specific cells */

.specification-table table.rounded-table  tr:first-child td {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

/* .specification-tabletable.rounded-table  tr:last-child td:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
} */

.specification-table table.rounded-table  tr:last-child td{
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* Optional: Add padding and border */
.specification-table table.rounded-table td,
.specification-table table.rounded-table th {
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1); /* subtle border */
}

.product-link-wrap .elementor-icon-list-item{
    border: 1px solid transparent;
    padding: 5px 40px 5px 10px !important;
    border-radius: 10px;
    width: 100%;
    display: block;

}

.product-link-wrap .elementor-icon-list-item:hover{
    border: 1px solid #FFC24A;
}


.document-list  .elementor-icon-list-item:hover::after{
    /* content: '\f019'; */
    content: '';
    background-image: url('http://dev.liquidlevelsensor.com/wp-content/uploads/2025/06/download-1.png');
    background-color: #FFC24A;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 100%;
    border-radius: 0 10px 10px 0;
    font-family: "FontAwesome";
    /* font-weight: 700; */
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    right: 0 !important;
    left: unset !important;
    text-align: center;
    line-height: 40px;
    color: #003B79;
}

.installation-info-wrap .elementor-column {
    height: unset !important;
}

.installation-info-wrap .product-img-wrap img, .product-section .product-img-wrap img{
border-radius: 10px 10px 0 0 ;
width: 100%;
}

.installation-info-wrap  .elementor-heading-title {
    height: 60px !important;
}

.installation-info-wrap .elipsis-text .elementor-widget-container {
min-height: 60px;
}

.cstm-blog-post  .elementor-post__read-more{
    border: 2px solid #FFC24A ;
    background-color: #FFC24A;
    padding: 10px 20px 10px 20px;
    border-radius: 100px;
    width: 160px;
    display: block !important;
    margin-left: auto;
    text-align: center;
}

.cstm-blog-post  .elementor-post__read-more:hover{
    background-color: transparent;
    color: #FFC24A !important;
}


.cstm-blog-post .elementor-post__thumbnail img{
    -o-object-fit: cover;
       object-fit: cover;
    height: 100% !important;
}

.cstm-blog-post .slick-dots{
    display: flex;
    justify-content: center;
    list-style: none;
    margin-top: 20px;
}

/* .cstm-blog-post .elementor-post__thumbnail {
    padding-bottom: 0 !important;
} */

.cstm-blog-post .slick-dots button {
    width: 15px;
    height: 15px;
    padding: 0;
    font-size: 0;
    border-radius: 100%;
    margin: 0 4px;
    border-color: #ffc24a;
}

.cstm-blog-post .slick-dots  .slick-active button, .cstm-blog-post .slick-dots button:hover, .cstm-blog-post .slick-dots button:focus {
background-color: #FFC24A !important;
}

.cstm-post-navigation .elementor-post-navigation__link {
    background: #FFC24A;
    width: 100px !important;
    height: 40px;
    justify-content: center;
    display: flex;
    border-radius: 100px;
    display: none;
    position: fixed;
    top: 50%;
}

.cstm-post-navigation .elementor-post-navigation__link a{
    width: 100%;
    height: 100%;
    justify-content: center !important;
    padding-top: 3px;
}


.cstm-post-navigation .elementor-post-navigation__link:has(span){
    display: flex;
}

.cstm-post-navigation .elementor-post-navigation{
    justify-content: space-between;
}
    
.cstm-post-navigation .elementor-post-navigation__prev {
    border-radius: 0 100px 100px 0;
    left: 0;
}

.cstm-post-navigation .elementor-post-navigation__next{
    border-radius: 100px 0 0 100px !important;
    right: 0;
}


.cstm-blog-post .elementor-post {
padding: 0 10px !important;
}



.elementor-column.cstm-section-devider {
    position: relative !important;
}
.cstm-section-devider::after {
    content: '';
    background: #505356;
    height: 90%;
    position: absolute;
    width: 2px;
    top: 50%;
    right: 0;
    transform: translateY(-50%) !important;
}

.page-section-container{
    margin: 0 auto !important;
}

.single-blog-content h1, .single-blog-content h2, .single-blog-content h3, .single-blog-content h4, .single-blog-content h5, .single-blog-content h6{
    color:#fff;
}



  .blog-inner-banner .featured-img img{
    height: 550px !important;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top;
       object-position: top;
}

.single-blog-content p:nth-child(1), .single-blog-content p:nth-child(2){
    width: 63%;
}

.related-product-title{
    min-width: 170px !important;
}

.related-products .selected-products{
    padding: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    gap:30px;
}

.related-products .selected-products li {
    background-color: #FFC24A;
    color: #000;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 500;
    border:1px solid #FFC24A;
}

.related-products .selected-products li a{
     color: #000;
}

.related-products .selected-products li:hover{
     background-color: transparent;
     transition:all 0.5s;
}

.related-products .selected-products li:hover a{
    transition:all 0.5s;
     color: #FFC24A
}

.related-products p{
    margin-bottom: 0;
}

.blog-bottom-content .site-link-img img{
    width: 225px;
}

/* .featured-img{
    position: absolute;
    top:0;
} */

/* Footer */

.custom-link  .elementor-heading-title,  .custom-link .elementor-icon-list-text{
     display: inline;
     position: relative;
}

.footer-link-item .menu-item {
    margin-bottom: 15px !important;
}

.custom-link  .elementor-heading-title::after,  .footer-link-item .elementor-item:after, .custom-link .elementor-icon-list-text::after{
    position: absolute;
    left: 0px;
    width: 0%;
    height: 1px;
    background: #fff;
    bottom: -3px;
    right: 0px;
    transition: all 500ms ease;
    content:'';
}
 .footer-link-item .elementor-item:after, .custom-link .elementor-icon-list-text::after{
    width: 0% !important;
    bottom: -3px !important;
    height: 1px !important;
 }

 .custom-link .elementor-icon-list-text::after{
    left:5px;
 }

 .footer-link-item .elementor-item:hover:after,  .custom-link .elementor-icon-list-text:hover:after{
 width:100% !important;
 }
.footer-link-item .elementor-item{
    display:inline;
}
     
.custom-link   .elementor-heading-title:hover:after   {
 width:100%;
}

.custom-link  a{
    position: relative;
}

.custom-link::after:hover{
    width:100%;
}

.icon-title .elementor-heading-title i , .quick-view-wrap .elementor-heading-title i {
margin-right: 10px;
}

 .quick-view-wrap  .cstm-devider .elementor-divider-separator{
    top: 20px;
    left: -12px;
}


 .breadcrumb-wrap ul{
    display: flex;
    list-style: none;
    color: #fff;
    gap: 10px;
    padding: 0;
 }

 
 .breadcrumb-wrap ul a{
     color: #fff;
     font-weight: 600;
 }


 .view-all .elementor-heading-title::before {
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 24px;
    height: 40px;
    border: 2px
solid white;
    border-radius: 12px;
    content: "";
}

 .view-all .elementor-heading-title{
    position: relative;
    display: block;
    padding: 10px 10px 10px 40px;
}

 .view-all .elementor-heading-title::after {
    display: block;
    position: absolute;
    top: 9px;
    left: 11px;
    width: 2px;
    height: 8px;
    background: white;
    border-radius: 1px;
    content: "";
    -webkit-animation-name: scroll;
    animation-name: scroll;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}


/* Banner-section */
.page-banner-section{
    position: relative;
}



.page-banner-section .banner-content .elementor-container{
width: 90%;
}

/*  */

.product-info-wrap .elementor-container{
    gap:24px;
}

.product-info-wrap .elementor-heading-title{
    height: 115px;
}

.elipsis-text  .elementor-widget-container{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.product-info-section .elementor-heading-title{
    -webkit-line-clamp: 3 !important;
    height: 80px;
}



.product-info-wrap .elementor-column  {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.product-info-wrap   .elementor-widget-container p{
    margin-bottom: 0;
}

.product-info-wrap  .card-description  .elementor-widget-container{
    transition: max-height 0.3s ease;
}
.section-devider {
    height: 0;
}
.section-devider .elementor-divider-separator {
    width: 65% !important;
    margin: 0 !important;
    position: absolute;
    top: -18px;
    left: 36%;
}

/* New Homepage Style */
.company-stats-numbers .elementor-divider{
    position: relative;
}
.company-stats-numbers .elementor-divider::before {
    content: '';
    position: absolute;
    background: #bcbec0;
    height: 5px;
    width: 30%;
    top: -5px;
    left: 0;
}

.product-slider span.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) , .client-slider  span.swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
    background: transparent !important;
}

.product-slider span.swiper-pagination-bullet{
    border: 1px solid #ffc24a;
    opacity: 100%;
}

 .client-slider span.swiper-pagination-bullet{
        border: 1px solid #003c7a;
        opacity: 100%;

 }
 .client-slider span.swiper-pagination-bullet:hover{
     background: #003c7a !important;
        transition: all 0.5s;
 }

.product-slider span.swiper-pagination-bullet:hover{
        background: #ffc24a !important;
        transition: all 0.5s;
}

.elipsis-text  .elementor-widget-container , .elipsis-text .elementor-heading-title{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.product-slider .elementor-heading-title {
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 48px;
}

.form-title-wrapper .e-con-inner {
margin-left: 0 !important;
}

.get-in-touch-form label{
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.3;
}

.get-in-touch-form  .uacf7-row:not(:last-child){
    margin-bottom: 20px;
}
.get-in-touch-form  .uacf7-row .wpcf7-form-control{
    background-color: transparent;
    border: 1px solid #c7c7c74d;
    border-radius: 10px;
    color:#c7c7c7;
}

.get-in-touch-form  .uacf7-row .wpcf7-form-control:focus{
    border: 1px solid #c7c7c7 !important;
}

.get-in-touch-form .recaptcha .wpcf7-form-control {
    border: 0 !important;
}
.get-in-touch-form .wpcf7-submit{
    color: #003c7a !important;
    background-color: #FFC24A !important;
}


.get-in-touch-form .wpcf7-submit {
    color: #003c7a !important;
    background-color: #FFC24A !important;
    height: 50px;
    font-weight: 600;
    max-width: 160px;
    border-color: #ffc24a !important;
    border-radius: 100px !important;
}

.get-in-touch-form .wpcf7-submit:hover{
    background-color: transparent !important;
    color:#ffc24a !important;
}

.contact-form-wrap   .uacf7-row:last-child .uacf7-col-6:last-child{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

 .wpcf7-response-output{
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.get-in-touch-form  .wpcf7-select  option{
color: #000;
}
.get-in-touch-form .wpcf7-select{
    color: #595959 !important;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-repeat: no-repeat;
    background-image: url("http://dev.liquidlevelsensor.com/wp-content/uploads/2025/06/down-arrow-1.png");
    background-position: 98%;
    background-size: 25px;
}


.get-in-touch-form  .wpcf7-spinner {
    position: absolute;
    right: -12px;
}

.get-in-touch-form  .wpcf7-form-control-wrap:has(.form-control-icon)::before{
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    background-repeat: no-repeat ;
    background-position: center ;
    background-size: 20px;
}

.get-in-touch-form  .wpcf7-form-control-wrap:has(.form-control-icon) input{
    padding-left: 40px;
}

.get-in-touch-form  .wpcf7-form-control-wrap:has(.name)::before{
    background-image: url("http://dev.liquidlevelsensor.com/wp-content/uploads/2025/06/user.png");
}

.get-in-touch-form  .wpcf7-form-control-wrap:has(.comapny-name)::before{
    background-image: url("http://dev.liquidlevelsensor.com/wp-content/uploads/2025/06/home-1.png");
}

.get-in-touch-form  .wpcf7-form-control-wrap:has(.email)::before{
    background-image: url("http://dev.liquidlevelsensor.com/wp-content/uploads/2025/06/email-icon.png");
}

.get-in-touch-form  .wpcf7-form-control-wrap:has(.phone)::before{
    background-image: url("http://dev.liquidlevelsensor.com/wp-content/uploads/2025/06/telephone.png");
}

/* Contact-us-form */

.contact-us-form .get-in-touch-form .uacf7-row .wpcf7-form-control{
    background-color: #000;
}

.contact-us-form .get-in-touch-form .wpcf7-select option{
    /* color: #fff; */
    color: #c7c7c7;
}

.contact-us-form .get-in-touch-form .wpcf7-form-control:has(.wpcf7-list-item) {
    background-color: transparent !important;
    border: 0 !important;
    padding: 0;
    border-radius: 0;
}

.contact-us-form .get-in-touch-form .wpcf7-list-item.first{
    margin-left: 0;
}

.contact-us-form .get-in-touch-form .recaptcha .wpcf7-form-control{
    background-color: transparent;
}

.contact-us-form .get-in-touch-form .wpcf7-list-item label {
    margin-bottom: 0;
}

.contact-us-form .get-quote-wrap > .elementor-widget-wrap {
    height: 750px;
    align-self: center;
}
.questionnaire-form-wrap .inche-check-box input{
    width: 24px;
    height: 24px;
}   

.questionnaire-form-wrap .inche-check-box .wpcf7-list-item label, .questionnaire-form-wrap .question-wrap span.wpcf7-list-item label{
    display: flex;
    align-items: center;
    gap:10px;
    margin-bottom: 0;
}

.questionnaire-form-wrap .question-answer-wrap .wpcf7-checkbox {
    display: flex;
    justify-content: center;
    gap:60px;
}
.questionnaire-form-wrap .question-answer-wrap .wpcf7-checkbox  .wpcf7-list-item {
    margin-left: 0;
} 
.questionnaire-form-wrap .question-wrap  span.wpcf7-list-item.first{
    margin-left: 0;
}

.questionnaire-form-wrap .question-wrap span.wpcf7-list-item input {
    width: 24px;
    height: 24px;
    accent-color: #BE1E2D;
}

 .questionnaire-form-wrap .question-wrap .wpcf7-form-control {
    display: flex;
    gap: 60px;
}

.questionnaire-form-wrap .question-answer-wrap .inche-check-box {
    margin-top: 30px;
}

.questionnaire-form-wrap  .application-wrap h2{
    line-height: 1.2;
}

.questionnaire-form-wrap   .application-wrap label {
    color: #B7B7B7;
    font-size: 18px;
}

/* blog */
.blog-page-slider .slick-slide > div{
    margin-bottom: 30px;
}

.blog-page-slider .elementor-post__meta-data{
    border-top: 0 !important    ;
}

.blog-page-slider .elementor-post__meta-data .elementor-post-date{
    color: #93A0A9 !important;
    font-size: 14px;
}

.blog-page-slider .elementor-post__card .elementor-post__thumbnail__link{
    order: 1;
}

.blog-page-slider .elementor-post__card  .elementor-post__meta-data{
    order: 2;
    padding: 15px 0 30px 20px !important;
}

.blog-page-slider .elementor-post__card   .elementor-post__title{
margin-bottom: 50px !important;
}

.blog-page-slider .elementor-post__card  .elementor-post__text{
    order: 3;
    padding: 0 0px 30px 20px !important;
    width: 70%;
}

.blog-page-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 0;
}

.blog-page-slider button.slick-prev.slick-arrow {
    left: -70px;
}
.blog-page-slider button.slick-prev.slick-arrow::before {
    content: '\f0d9';
    font-family: 'Font Awesome 5 Free';
    color: #e8b043;
    display: block;
    font-size: 45px;
}

.blog-page-slider button.slick-next.slick-arrow::before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    color: #e8b043;
    display: block;
    font-size: 45px;
}


.blog-page-slider button.slick-next.slick-arrow {
    right: -70px;
}


.blog-page-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-75%);
    z-index: 1;
    font-size: 0;
    border: 0;
}
.blog-page-slider .slick-arrow:hover, .blog-page-slider .slick-arrow:focus , .blog-page-slider .custom-pagination-wrapper button:hover , .blog-page-slider  .custom-pagination-wrapper button:focus{
    background-color: transparent;
}

.blog-page-slider .custom-pagination-wrapper button{
    border: 0;
    color: #e8b043;
}

.blog-page-slider .slick-dots li a{
     color: #e8b043;
     font-size: 16px;
}

.blog-page-slider .slick-dots li:not(.slick-active) a:hover{
    color: #fff;
}

.blog-page-slider  .slick-dots:first-child:has(.slick-active) ~ .custom-dot-prev {
    display: none;
}


.blog-page-slider .slick-dots{
    gap:15px;
    margin-top: 0;
}

.blog-page-slider .slick-dots .slick-active{
    background-color: #FFC24A;
}

.blog-page-slider .slick-dots li{
    text-align: center;
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    cursor: pointer;

}

.blog-page-slider .slick-dots .slick-active a{
    color: #000 ;
}

.blog-page-slider .slick-dots{
    padding-left: 0;
}

.blog-page-slider .custom-pagination-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-page-slider.cstm-blog-post .elementor-post__read-more{
    margin-left: 0  ;
    border-radius: 10px;
}

.blog-page-slider .elementor-post__excerpt{
    display: none;
}   

.blog-section {
margin: 0 auto 50px auto !important ;
}

.blog-page-slider .elementor-post__title, .video-tab-content .post-title .elementor-widget-container, .product-card-wraper .drawing-button-wrap .elementor-image-box-title{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px;
}

 .blog-inner-banner .featured-img{
        top:0;
}
.video-tab-content .post-title  .elementor-widget-container{
        -webkit-line-clamp: 3;
        height: 76px !important;
}
.product-card-wraper .drawing-button-wrap .elementor-image-box-title{
    height: unset;
}

/**/
.drawing-tab-list .elementor-tabs .elementor-tab-desktop-title:before,
.video-tab-list .elementor-tabs .elementor-tab-desktop-title:before{
    content: "";
    background: #FFC24A;
    position: absolute;
    right: 0;
    top: 10%;
    bottom: 10%;
    width: 1px;
}

.drawing-tab-list .elementor-tabs .elementor-tab-desktop-title.elementor-active:before,
.drawing-tab-list .elementor-tabs .elementor-tab-desktop-title:last-child:before,
.video-tab-list .elementor-tabs .elementor-tab-desktop-title.elementor-active:before,
.video-tab-list .elementor-tabs .elementor-tab-desktop-title:last-child:before{
     content: none;
}
.drawing-tab-list .elementor-tabs .elementor-tab-desktop-title,
.video-tab-list .elementor-tabs .elementor-tab-desktop-title{
    border: unset;
    padding: 15px;
    text-align: center;
}
.drawing-tab-list .elementor-tab-title.elementor-active,
.video-tab-list .elementor-tab-title.elementor-active{
    background-color: #FFC24A;
    margin-left: -1px;
}
.drawing-tab-list .elementor-tab-desktop-title.elementor-active,
.video-tab-list .elementor-tab-desktop-title.elementor-active{
    border-color: transparent;
    border: unset;
}
.drawing-tab-list .elementor-tab-title.elementor-active:first-child,
.video-tab-list .elementor-tab-title.elementor-active:first-child{
    border-radius: 7px 0px 0px 7px;
}
.drawing-tab-list .elementor-tab-title.elementor-active:last-child,
.video-tab-list .elementor-tab-title.elementor-active:last-child{
    border-radius: 0px 7px 7px 0px;
}
/**/
.drawing-tab-content-wrap .elementor-image-box-title{
    margin: 0;
}
/* 24-06-25 */

.drawing-title .elementor-icon-list-text{
    margin-bottom: 10px;
}

.product-card-wraper.active{
    position: unset !important ;
    height: 350px !important;
}
.product-card-wraper{
    cursor: pointer;
}

.drawing-slider-wrapper {
    position: absolute !important;
    left: 0;
    right: 0;
    transform: translateY(80px);
}

.product-btn .elementor-button{
    width: 216px !important;
}

.cstm-banner-overlay::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgb(0 0 0 / 90%), rgba(0, 0, 0, 0));
    z-index: 1;
    pointer-events: none;
}

.cstm-banner-overlay .banner-content{
    z-index: 5;
}

.product-table .elementor-shortcode{
    overflow-x: auto;
}

.product-table th, .product-table td{
    min-width: 166px;
}

.application-wrap .wpcf7-form-control option {
    color: #c7c7c7 ;
}
.home .cstm-header{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
}
.home .elementor-location-header {
    position: unset;
    z-index: 9;
    top: 0px;
}

.home .cstm-header .elementor-background-overlay{
    background-color: transparent !important; 
}


/* Responsive */

@media (max-width:1399px){
    .related-products .selected-products {
        gap: 10px 30px;
    }

    .blog-inner-banner .featured-img {
    top: 100px;
    }

}

@media (min-width:768px){
    .page-banner-section .banner-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
}


@media (max-width:1199px){
    .contact-form-wrap .uacf7-row:last-child {
    justify-content: center;
    gap: 10px;
    }
     .contact-form-wrap .uacf7-row:last-child .uacf7-col-6:last-child{
        justify-content: center;
    }

   .blog-inner-banner .elementor-heading-title{
    font-size: 32px;
    }
    .blog-inner-banner .featured-img {
    top: 150px;
}

    .blog-bottom-content .elementor-element{
        width:100% !important;
    }
    
    .blog-bottom-content .social-wraper {
    max-width: 205px !important;
    }

    .questionnaire-form-wrap .question-answer-wrap  .label-question-wrap{
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    }
   .questionnaire-form-wrap .label-question-wrap .flex-7, .questionnaire-form-wrap .label-question-wrap .flex-5{
    width: 100%;
    }
   .questionnaire-form-wrap .question-wrap .flex-9{
        width: 70%;
    }

   .questionnaire-form-wrap  .question-wrap .flex-3{
        width: 30%;
    }
   
}

@media (min-width:1025px) and (max-width:1199px){
    .custom-product-banner  .elementor-heading-title{
    font-size: 28px;
  }

  .product-info-section .elementor-heading-title{
    font-size: 22px !important;
    height: 80px;
  }
.custom-product-banner  .card-column{
    max-width: 60%;
    width: 60% !important;
  }
    .page-banner-section .card-column {
        width: 100% !important;
    }
}


@media (max-width:1024px){
        .blog-inner-banner .featured-img  {
            position: unset !important;
        }

        .blog-inner-banner .featured-img img {
        height: unset  !important;
        }

    .single-blog-content p:nth-child(1), .single-blog-content p:nth-child(2) {
        width: 100%;
    }
   .blog-inner-banner  .elementor-heading-title{
    font-size: 24px;
    }

    .product-info-section .elementor-heading-title {
    height: 50px;
    }
}

@media (max-width:991px){
    .questionnaire-form-wrap .question-wrap .flex-9 {
    width: 60%;
    }
    .questionnaire-form-wrap  .question-wrap .flex-3 {
    width: 40%;
}
}

@media (max-width:767px){
   .get-in-touch-form  .uacf7-col-6{
    margin-bottom: 20px;
    }
    .get-in-touch-form .uacf7-row:has(.uacf7-col-6) {
        margin-bottom: 0;
    }

    .contact-us-form  span.wpcf7-list-item {
        display: block;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .contact-us-form  span.wpcf7-list-item:not(:last-child) {
        display: block;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .blog-page-slider button.slick-prev.slick-arrow {
    left: -40px;
    }
    .blog-page-slider button.slick-next.slick-arrow {
    right: -40px;
    }

    .blog-page-slider  ul.slick-dots li:nth-child(n+4) {
    display: none;
    }

    .drawing-tab-list, .video-tab-list  {
    overflow: scroll;
    padding-bottom: 10px;
}
  .drawing-tab-list  .elementor-widget-container , .video-tab-list .elementor-widget-container {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin:0 auto;
    }

    .drawing-tab-list .elementor-tabs-wrapper, .video-tab-list .elementor-tabs-wrapper{
            display: block !important;
    }

    .questionnaire-form-wrap .application-wrap h2{
            font-size: 20px;
            margin-bottom: 0;
    }

   .questionnaire-form-wrap  .application-wrap{
        padding: 20px;
    }
    .questionnaire-form-wrap .application-wrap label{
        font-size: 16px;
    }
   /* .questionnaire-form-wrap .inch-field{
    flex-wrap: wrap;
    position: relative;
    } */

   .application-questionnaire-section > .elementor-container {
    width: 100% !important;
}

.questionnaire-form-wrap .application-wrap span#basic-addon1{
padding: 8px 10px;
}
  .questionnaire-form-wrap .question-answer-wrap .wpcf7-checkbox, .questionnaire-form-wrap .question-wrap .wpcf7-form-control{
    gap:20px;
  }

    .questionnaire-form-wrap .wpcf7-form-control-wrap .inch-field .wpcf7-form-control-wrap, .questionnaire-form-wrap .wpcf7-form-control-wrap {
        width: 100%;
    }

    .questionnaire-form-wrap .question-answer-wrap .label-question-wrap{
        gap: 10px;
    }
     .questionnaire-form-wrap .question-wrap{
        flex-wrap: wrap;
     }

    .questionnaire-form-wrap .question-wrap .flex-9 , .questionnaire-form-wrap .question-wrap .flex-3{
    width: 100%;
    }
    
    .questionnaire-form-wrap .question-wrap span.wpcf7-list-item input, .questionnaire-form-wrap .inche-check-box input {
    width: 18px;
    height: 18px;
    }

   .questionnaire-form-wrap .application-wrap .form-image-wrap  small.para-text{
        margin-top: 15px;
        display: block;
    }
}

@media (max-width:575px){
    .get-in-touch-content  br{
        display: none;
    }   
    .blog-page-slider .elementor-post__card .elementor-post__text {
    width: 90%;
}
}

@media (max-width:375px){
    .get-in-touch-form{
        overflow: auto;
    }
}



/* Scroll */
@-webkit-keyframes scroll{
0% {
    opacity: 1;
    height: 8px;
}

20% {
    opacity: 1;
    height: 8px;
}

30% {
    transform: translateY(0);
    opacity: 1;
    height: 19px;
}

40% {
    opacity: 1;
}

80% {
    transform: translateY(19px);
    opacity: 0;
    height: 0;
}
81% {
    transform: translateY(0);
    opacity: 0;
    height: 8px;
}
100% {
    opacity: 1;
    height: 8px;
}
}
@keyframes scroll{
0% {
    opacity: 1;
    height: 8px;
}

20% {
    opacity: 1;
    height: 8px;
}

30% {
    transform: translateY(0);
    opacity: 1;
    height: 19px;
}

40% {
    opacity: 1;
}

80% {
    transform: translateY(19px);
    opacity: 0;
    height: 0;
}
81% {
    transform: translateY(0);
    opacity: 0;
    height: 8px;
}
100% {
    opacity: 1;
    height: 8px;
}
}