*, ::after, ::before {
          box-sizing: border-box;
        }




        body {margin: 0px; padding: 0px; overflow-x: hidden;}
        h1, h2, h3, h4, h5, h6 {margin:0px 0px 10px 0px;}

        /* a { position: relative; }
        a::after {
        	width: 0;
        	bottom: 0;
        	content: "";
        	height: 1px;
        	left: 0px;
        	position: absolute;
        	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        	background: #0ABA74;
        }
        header a::after { content: none !important; }
        a:hover::after {
        	width: 100%;
        } */
        a { color: #0ABA74; transition:all 0.3s ease-in-out 0s;}
        a:hover {color: #003b6b;}


        .post .rollover,.post .rollover-video:not(.ts-slide),.post img,.single-postlike img,img[class*=align],img[class*=wp-image-],img[class*=attachment-] {
            max-width: 100%;
            height: auto
        }

        .recent-posts .alignleft img {
            max-width: inherit;
            height: inherit
        }

        blockquote {
            padding: 20px 25px;
            margin: 0 0 10px;
            box-sizing: border-box
        }

        .format-status-content {
            border: none
        }

        .alignleft {
            float: left;
            margin: 0 30px 10px 0
        }

        .alignleft.photoswipe-wrapper {
            clear: both;
            margin: 0
        }

        .alignleft.photoswipe-wrapper .wp-caption-text {
            float: left;
            clear: both
        }

        .alignleft>.dt-pswp-item {
            float: left;
            margin: 0 30px 10px 0
        }

        #footer .alignleft,#sidebar .alignleft {
            margin-right: 20px
        }

        .alignright {
            float: right;
            margin: 0 0 10px 30px
        }

        .alignright.photoswipe-wrapper {
            clear: both;
            margin: 0
        }

        .alignright>.dt-pswp-item {
            float: right;
            margin: 0 0 10px 30px
        }

        .alignright.photoswipe-wrapper .wp-caption-text {
            float: right;
            clear: both
        }

        #footer .alignright,#sidebar .alignright {
            margin-left: 20px
        }

        .aligncenter {
            display: block;
            margin: 0 auto 10px
        }

        .wp-caption.aligncenter {
            text-align: center
        }

        .entry-content .wp-block-image.alignfull img {
            width: 100vw;
            margin-left: auto;
            margin-right: auto
        }

        .alignnone {
            float: none;
            margin: 0 auto 10px
        }

        .shortcode-single-image-wrap.aligncenter,.shortcode-single-image-wrap.alignnone {
            margin-left: auto!important;
            margin-right: auto!important
        }

        .wp-caption {
            max-width: 100%
        }

        .gap,.gap-10,.gap-20,.gap-30,.gap-40,.hr-thick,.hr-thin,.vc_empty_space {
            clear: both
        }

        .hr-thick {
            height: 1px;
            line-height: 1px;
            border-bottom-style: solid;
            border-bottom-width: 5px;
            margin: 0 auto
        }

        .hr-thin {
            height: 9px;
            line-height: 9px;
            margin: 0 auto
        }

        .hr-thin.hr-left {
            margin: 0
        }

        .hr-thin.hr-right {
            margin: 0 0 0 auto
        }

        .divider-heder,.layout-list .divider-heder,.layout-masonry .divider-heder,.page .divider-heder,.single .divider-heder {
            margin: 25px 0 36px
        }

        .divider-comments {
            margin: 0 0 35px
        }

        .divider-post {
            margin: 10px 0 20px
        }

        .text-centered {
            text-align: center
        }

        a.text-secondary {
            text-decoration: none
        }

        a.text-secondary:hover {
            text-decoration: underline
        }

        .blog-detail-post h1,
        .h1-size,
        .entry-title.h1-size,
        .dt-accordion-h1-size .wpb_accordion_header > a {
          color: #252525;
          font-size: 30px;
          letter-spacing: 1.3;
        }
        .blog-detail-post h2,
        .h2-size,
        .entry-title.h2-size,
        h1.entry-title,
        .dt-accordion-h2-size .wpb_accordion_header > a {
          color: #252525;
          font-size: 26px;
          letter-spacing: 1.3;
        }
        .blog-detail-post h3,
        .h3-size,
        .entry-title.h3-size,
        h2.entry-title,
        .dt-accordion-h3-size .wpb_accordion_header > a {
          color: #252525;
          font-size: 24px;
          letter-spacing: 1.3;
        }
        .blog-detail-post h4,
        .h4-size,
        .entry-title.h4-size,
        h3.entry-title,
        .dt-accordion-h4-size .wpb_accordion_header > a,
        .vc_separator h4 {
          color: #252525;
          font-size: 22px;
          letter-spacing: 1.3;
        }
        .blog-detail-post h5,
        .h5-size,
        h4.entry-title,
        .entry-title.h5-size,
        .dt-accordion-h5-size .wpb_accordion_header > a {
          color: #252525;
          font-size: 18px;
          letter-spacing: 1.3;
        }
        .blog-detail-post h6,
        .h6-size,
        .entry-title.h6-size,
        .dt-accordion-h6-size .wpb_accordion_header > a {
          color: #252525;
          font-size: 16px;
          letter-spacing: 1.3;
        }

        .sidebar-content .widget_block {
        	background: #fff;
        	padding: 0 20px;
        	border: 1px solid #003B6B;
        	border-radius: 15px;
        	overflow: hidden;
        }
        .sidebar-content .widget_block:not(:last-child) { margin-bottom: 25px; }
        .sidebar-content .widget_block .wp-block-heading {
        	background: #003B6B;
        	color: #fff;
        	font-family: "Rethink Sans", Sans-serif;
        	font-size: 20px;
        	font-weight: 500;
        	line-height: 1.2;
        	display: block;
        	margin: 0 -20px;
        	padding: 10px 20px 10px 25px;
        }
        .sidebar-content .widget_block .wp-block-latest-posts__list,
        .sidebar-content .widget_block .wp-block-categories-list {
        	padding: 5px 0px 5px 5px;
           list-style: none;
        }
        .sidebar-content .widget_block .wp-block-latest-posts__list a,
        .sidebar-content .widget_block .wp-block-categories-list a {
        	display: block;
        	font-family: "Rethink Sans", Sans-serif;
        	margin-bottom: 10px;
        	font-size: 17px;
        	line-height: 24px;
        	font-weight: 500;
        	color: #003B6B;
        	margin-left: 25px;
        }
        .sidebar-content .widget_block .wp-block-latest-posts__list a:hover,
        .sidebar-content .widget_block .wp-block-categories-list a:hover {
        	color: #0ABA74;
        }
        .sidebar-content .widget_block .wp-block-latest-posts__list a::before,
        .sidebar-content .widget_block .wp-block-categories-list a::before {
        	content: "\279C";
        	font-family: tss-font;
        	font-style: normal;
        	font-weight: 400;
        	display: inline-block;
        	text-decoration: inherit;
        	width: 1em;
        	margin-right: 8px;
        	text-align: center;
        	font-variant: normal;
        	text-transform: none;
        	line-height: 1em;
        	margin-left: -25px;
        	-webkit-font-smoothing: antialiased;
        	-moz-osx-font-smoothing: grayscale;
        }

        footer a {
        	position: relative;
        }
        footer .elementor-nav-menu a { display: inline-block; }
        footer a::after {
        	width: 0;
        	bottom: 0;
        	content: "";
        	height: 1px;
        	left: 0px;
        	position: absolute;
        	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        	background: #0ABA74 !important;
        }
        footer a:hover::after {
        	width: 100%;
        }
        footer a.elementor-icon::after {
        	content: none;
        }

        p {margin: 0px 0px 15px 0px; padding: 0px;}
        p:last-child {margin: 0px;}
        .cls-requirement-box ol {margin: 0px; padding: 0px 0px 0px 16px;}
        .cls-requirement-box h3 {font-size: 22px; font-weight: 600; margin-bottom: 8px;}
        .cls-common-form .cls-upd-form_wrapper {background-color: #fff; padding: 30px 40px 40px 40px; border-radius: 30px; color: #929292; font-family: "Rethink Sans", Sans-serif;}
        .cls-common-form .cls-upd-form_wrapper h1,
        .cls-common-form .cls-upd-form_wrapper h2,
        .cls-common-form .cls-upd-form_wrapper h3,
        .cls-common-form .cls-upd-form_wrapper h4,
        .cls-common-form .cls-upd-form_wrapper h5,
        .cls-common-form .cls-upd-form_wrapper h6 {color: #000; font-family: "Rethink Sans", Sans-serif;}    
        .cls-common-form .cls-upd-form_wrapper input,
        .cls-common-form .cls-upd-form_wrapper textarea,
        .cls-common-form .cls-upd-form_wrapper select {width: 100% !important; font-size: 16px !important; color: #000 !important; border: 1px solid #D1D1D1 !important; padding: 13px 15px !important; border-radius: 12px !important; box-shadow: none !important; line-height: normal !important; height: auto !important; background-color: #fff; font-family: "Rethink Sans", Sans-serif !important; }
        .cls-common-form .cls-upd-form_wrapper input:focus,
        .cls-common-form .cls-upd-form_wrapper textarea:focus,
        .cls-common-form .cls-upd-form_wrapper select:focus {border:1px solid rgba(0, 59, 107, 0.3) !important; outline:3px solid rgba(0, 59, 107, 0.3) !important; outline-offset: 1px solid #fff !important;} 
        .cls-common-form .cls-upd-form_wrapper select {cursor: pointer; background-image: url(assets/images/select-down-arrow.svg) !important; background-color: #fff; background-size: 16px; background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px !important; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
        .cls-common-form .cls-upd-form_wrapper select:hover { background-image: url(assets/images/select-down-arrow.svg) !important;}


        .cls-common-form .gform-theme--foundation .gform_fields {row-gap: 24px;}
        .cls-common-form .cls-upd-form_wrapper input[type="radio"], .cls-common-form .cls-upd-form_wrapper input[type="checkbox"] {width: 19px !important; height: 19px !important; padding: 0px !important;}
        .cls-common-form .cls-upd-form_wrapper input[type="radio"] {border-radius: 100% !important;}
        .cls-common-form .cls-upd-form_wrapper input[type="checkbox"] {border-radius: 6px !important;}
        .cls-common-form .cls-upd-form_wrapper input[type="radio"]:focus, .cls-common-form .cls-upd-form_wrapper input[type="checkbox"]:focus {border:1px solid rgba(0, 59, 107, 0.3) !important; outline:3px solid rgba(0, 59, 107, 0.3) !important; outline-offset: 1px solid #fff !important;}
        .gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {inline-size: 11px !important; block-size: 11px !important; background-color: #003b6b !important;}
        .cls-common-form .gform-theme--foundation .gfield {border-bottom: none !important; padding: 0px !important;}
        .cls-common-form h2.gform_title, .cls-common-form h3.gsection_title {font-size: 30px !important; font-weight: 600 !important; margin-bottom: 0px !important;}
        .cls-common-form .gfield--type-fileupload button.gform_button_select_files {border-radius: 30px !important; font-size: 16px !important; color: #fff !important; background-color: #003b6b !important; font-weight: 500 !important; transition:all 0.3s ease-in-out 0s !important;}
        .cls-common-form .gfield--type-fileupload button.gform_button_select_files:hover {background-color: #252525 !important; color: #fff !important; }
        .cls-common-form .gform-theme--framework .gfield:where(.gfield--type-fileupload, .cls-common-form .gfield--input-type-fileupload) .gform_drop_area::before {color: #003b6b !important; display: none !important;}
        .cls-common-form .gform-theme--framework .gfield:where(.gfield--type-fileupload, .cls-common-form .gfield--input-type-fileupload) .gform_drop_area {background-color: #FAFAFA !important; border: 1px solid #D1D1D1 !important; border-radius: 12px !important; box-shadow: none !important;}
        .cls-common-form input::-webkit-input-placeholder,
        .cls-common-form textarea::-webkit-input-placeholder,
        .cls-common-form select::-webkit-input-placeholder {color: #929292 !important; opacity: 1;}
        .cls-common-form input::-moz-placeholder,
        .cls-common-form textarea::-moz-placeholder,
        .cls-common-form select::-moz-placeholder {color: #929292 !important; opacity: 1;}
        .cls-common-form input:-ms-input-placeholder,
        .cls-common-form textarea:-ms-input-placeholder,
        .cls-common-form select:-ms-input-placeholder {color: #929292 !important; opacity: 1;}
        .cls-common-form input:-moz-placeholder,
        .cls-common-form textarea:-moz-placeholder,
        .cls-common-form select:-moz-placeholder {color: #929292 !important; opacity: 1;}
        .cls-common-form .ginput_container_select select .gf_placeholder {color: #929292 !important; opacity: 1;}
        .cls-common-form .ginput_container_select select:has(option:checked:first-child) {color: #929292 !important;}
        .cls-common-form .ginput_container_select select:has(option:checked:first-child) option {color: #000 !important;}

        .cls-common-form .ginput_address_country select .gf_placeholder {color: #929292 !important; opacity: 1;}
        .cls-common-form .ginput_address_country select:has(option:checked:first-child) {color: #929292 !important;}
        .cls-common-form .ginput_address_country select:has(option:checked:first-child) option {color: #000 !important;}

        .cls-common-form select .gf_placeholder {color: #929292 !important; opacity: 1;}
        .cls-common-form select:has(option:checked:first-child) {color: #929292 !important;}
        .cls-common-form select:has(option:checked:first-child) option {color: #000 !important;}

        .cls-common-form .gfield_description {color: #929292 !important; font-size: 14px !important;}
        .cls-common-form .gform-field-label {font-size: 16px !important;}
        .cls-common-form .gform-field-label--type-sub {display: none !important;}
        .cls-common-form .cls-sub-form-title h3.gsection_title {font-size: 16px !important; font-weight: 500 !important;}
        .cls-common-form .mb-15-min h3.gsection_title{margin-bottom: -15px !important;}
        .cls-common-form .gfield.cls-measure-img-bg {text-align: center !important; padding:30px 20px !important; background-color: #D4E6F4 !important; border-radius: 30px !important;}
        .cls-common-form .gfield.cls-measure-img-bg img {border-radius: 20px !important;}
        .cls-common-form .gform_footer {position: relative;}
        .cls-common-form .gform_footer input.gform_button {position: relative; background-color: #003b6b !important; color: #fff !important; width: auto !important; font-size: 15px; font-weight: 500; font-family: "Rethink Sans", Sans-serif !important; border: none !important; box-shadow: none !important; border-radius: 40px !important; padding: 12px 25px !important; cursor: pointer;}
        .cls-common-form .gform_footer input.gform_button:hover {background-color: #252525 !important; color: #fff !important;}

        .cls-common-form p.gform_required_legend {margin-bottom: 15px !important;}
        .cls-common-form .clssignaturemsg {color: #0ABA74; font-weight: 600;}

        .cls-common-form .cls-form-accordin-bg .gfield_checkbox {padding: 10px; background-color:#003b6b; border-radius: 10px; cursor: pointer;}
        .cls-common-form .cls-form-accordin-bg .gfield_checkbox label.gform-field-label {color: #fff; cursor: pointer; width: 100%;}
        .cls-common-form .cls-form-accordin-bg .gfield_checkbox > * {display: flex; align-items: center;}

        .cls-common-form .gfield--type-radio .ginput_container_radio .gchoice label, .cls-common-form .gfield--type-radio .ginput_container_radio .gchoice input {cursor: pointer;}

        .cls-common-form .gfield--type-checkbox .ginput_container_checkbox .gchoice input[type="checkbox"]:checked + label {font-weight: 600;}
        .cls-common-form .gfield--type-radio .ginput_container_radio .gchoice input[type="radio"]:checked + label {font-weight: 600;}

        .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progressbar_progress {background-color: #003b6b !important;}

        .cls-common-form .gfield--type-fileupload button.gform_button_select_files:focus {--gf-local-bg-color: #fff !important;
          --gf-local-border-color: #6ea6d4 !important;
          --gf-local-color: #6ea6d4 !important;
          --gf-local-outline-color: 0 1px 4px rgba(0, 59, 107, 0.4) !important;
          --gf-local-outline-width:3px !important;}

        .cls-common-form  .gform_wrapper .gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), 
        .cls-common-form  .gform_wrapper .gfield_error textarea {border: 1px solid #d20d0d !important;}

        .cls-common-form .gform_wrapper .validation_message { color: #d20d0d !important; font-weight: 600 !important; letter-spacing: normal !important;}
        .cls-common-form .gform_wrapper .gfield_error .gfield_label {color: #d20d0d !important;}
        .cls-common-form .gform_wrapper .gfield_error div.ginput_complex.ginput_container label, 
        .cls-common-form .gform_wrapper .gfield_error .gfield_checkbox label, 
        .cls-common-form .gform_wrapper .gfield_error .gfield_radio label {color: #d20d0d !important;}

        .cls-requirement-box a:hover {color: #000 !important;}

        .cls-common-form .clsfileupdtitle label.gform-field-label {font-size: 20px !important; font-weight: 700 !important; text-align: center; display: block !important; margin-bottom: 19px;}

        .cls-common-form .clsredcolortxt .gsection_title, .cls-common-form .clsredcolortxt label.gform-field-label {color: #d20d0d !important; font-size: 20px !important;}

        .cls-common-form .cls-pdf-link a {color: #003b6b !important; padding: 10px 15px; border: 1px solid #ccc; border-radius: 10px; background-color: #f1f1f1 !important; transition:all 0.3s ease-in-out 0s; display: inline-flex;}
        .cls-common-form .cls-pdf-link a:hover {color: #003b6b !important; background-color: #d4e6f4 !important; text-decoration: none !important; border-color: #003b6b;}
        .cls-common-form .gform_wrapper .cls-input-label-inline-block label, .cls-common-form .gform_wrapper .cls-input-label-inline-block legend {display: inline-block !important; min-height: 47px;}
        .cls-common-form .gform_wrapper .cls-input-label-inline-block label span.gfield_required, .cls-common-form .gform_wrapper .cls-input-label-inline-block legend span.gfield_required {margin-left: 4px;}

        body .cls-common-form .gform_wrapper .cls_signaturebox {width: 49.5%; font-size: 50px; color: #000; display: flex !important; align-items: center; border: 2px dashed #ddd !important; background-color: #fff; padding: 20px !important; min-height: 300px; margin: 0px;   border-radius: 15px; line-height: 1.3;}
        body .cls-common-form .gform_wrapper .clstypesignature, body .cls-common-form .gform_wrapper .clsfontsignature {grid-column: span 3;}



        body .cls-common-form .gform_wrapper .clsquoteloader{ width: 100px;height: 50px;background: url(assets/images/loader.gif) no-repeat;background-position: center;background-size: contain;margin-top: -203px!important;margin-bottom: 95px;margin-left: 20px; display: none;}

        .cls-common-form .gform_wrapper .cls-center-img-part {text-align: center !important;}
        .cls-common-form .gform_wrapper .cls-center-img-part img {max-width: 375px !important;}

        /* home */

        /* home banner */
        .home-banner-slider { height: 730px; }
        .home-banner-slider .swiper-slide-inner .swiper-slide-image,
        .home-banner-slider .swiper-slide-inner,
        .home-banner-slider .swiper { height: 100%; }
        .home-banner-slider.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 20px; }
        .home-banner-slider .swiper-slide-inner .swiper-slide-image { object-fit: cover; }
        .home-banner-text { transform: translate(-50%, -50%); }
        /* home banner ends */

        /* home testimonial slider */
        .testimonial-slider .single-item-wrapper {
        	flex-direction: column;
        	background: #fff;
        	border-radius: 30px;
        	overflow: hidden;
        	padding: 40px 30px;
        }
        .testimonial-slider .tss-left {
        	display: grid;
        	grid-template-columns: 86px 1fr 80px;
        	gap: 0 20px;
        	align-items: center;
        }
        .testimonial-slider .tss-left::before {
        	content: '';
        	width: 80px;
        	height: 75px;
        	background: url(assets/images/quote.svg) no-repeat;
        	background-position: center;
        	background-size: contain;
        	grid-column: 3/4;
        	grid-row: 1/5;
        }
        .testimonial-slider .profile-img-wrapper {
        	width: 86px;
        	height: 86px;
        	margin: 0;
        	grid-row: 1/5;
        	grid-column: 1/2;
        }
        .testimonial-slider .author-name {
        	grid-row: 2/3;
        	grid-column: 2/3;
        }
        .testimonial-slider .author-bio {
        	grid-row: 3/4;
        	grid-column: 2/3;
        }
        .testimonial-slider .rating-wrapper {
        	grid-row: 5/6;
        	grid-column: 1/4;
        }
        .testimonial-slider .tss-wrapper .tss-layout1 .item-content-wrapper:before,
        .testimonial-slider .tss-wrapper .tss-carousel1 .item-content-wrapper:before,
        .testimonial-slider .tss-wrapper .tss-layout1 .item-content-wrapper:after,
        .testimonial-slider .tss-wrapper .tss-carousel1 .item-content-wrapper:after {
        	content: none;
        }
        .testimonial-slider .tss-wrapper .tss-carousel1 .item-content-wrapper,
        .testimonial-slider .tss-wrapper .tss-layout1 .item-content-wrapper {
        	padding: 0;
        	background: transparent;
        }
        .testimonial-slider .swiper-button-next, 
        .testimonial-slider .swiper-button-prev {
        	top: -150px;
        	margin-top: 0;
        	width: 60px;
        	height: 60px;
        	border-radius: 50%;
        	display: flex;
        }
        .testimonial-slider .rttss-left-open,
        .testimonial-slider .rttss-right-open {
        	font-size: 24px !important;
        }
        .testimonial-slider .rttss-left-open::before {
        	content:  "\279C";
        	transform: rotate(180deg);
        }
        .testimonial-slider .rttss-right-open::before {
        	content:  "\279C";
        }
        .testimonial-slider .swiper-button-prev {
        	left: auto;
        	right: 80px;
        }
        .testimonial-slider .swiper-button-next {
        	left: auto;
        	right: 0;
        }
        .testimonial-slider .tss-wrapper .tss-even .tss-grid-item {
        	margin-bottom: 0;
        }
        /* home testimonial slider ends */

        /* home manufactures grid */
        .cls-manufactures-list-grid {
        	display: flex;
        	flex-wrap: wrap;
        	justify-content: center;
        	/* grid-template-columns: repeat(4, 1fr); */
        	gap: 30px;
        }
        .cls-manufactures-list-grid .cls-manufactures-item {
        	width: calc(25% - 25px);
        	background: #fff;
        	border-radius: 15px;
        	padding: 10px 12px;
        	transition: all 0.3s ease-out;
        }
        .cls-manufactures-list-grid .cls-manufactures-item::after { content: none !important; }
        .cls-manufactures-list-grid .cls-manufactures-item:focus,
        .cls-manufactures-list-grid .cls-manufactures-item:hover {
        	transform: translateY(-10px);
        	box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.05);
        }
        .cls-manufactures-list-grid .cls-manufactures-img {
        	width: 100%;
        	height: 120px;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        }
        .cls-manufactures-list-grid .cls-manufactures-img img { object-fit: contain; max-width: 90%; max-height: 90%;}
        .cls-manufactures-list-grid .cls-manufactures-name {
        	text-align: center;
        	font-family: "Rethink Sans", sans-serif;
        	font-size: 16px;
        	font-weight: 500;
        	margin: 10px auto;
        	color: #000;
        	padding: 0 10px;
        }
        /* home manufactures grid ends */

        /* home ends */

        /* search form */
        .main-newsearch-from .cls-upd-form_wrapper {
        	display: flex;
        	gap: 15px;
        	padding: 15px;
        	border-radius: 15px;
        }
        .main-newsearch-from .cls-upd-form_wrapper select {
        	border-radius: 8px !important;
        	font-family: "Rethink Sans", Sans-serif !important;
        }
        .main-newsearch-from .gform_footer input.gform_button {
        	border-radius: 8px !important;
        	padding: 15px 35px !important;
        	transition:all 0.3s ease-in-out 0s;
        	cursor: pointer;
        }
        /* search form ends */

        .main-search-page-sort { display: flex; margin-bottom: 25px; }
        .main-search-page-sort .search-it-here { width: 100%; }
        .search-it-here .form-control {
        	outline: none;
        	width: 100%;
        	font-size: 16px;
        	line-height: 24px;
        	color: #000;
        	padding: 15px 20px 15px 60px;
        	border-radius: 60px 0 0 60px;
        	box-shadow: none;
        	height: auto;
        	border: none;
        	font-family: "Rethink Sans", Sans-serif;
        	background-image: url(assets/images/tabler-icon-search.svg);
        	background-position: 20px 15px;
        	background-repeat: no-repeat;
        	background-size: 24px;
        }
        .page-sort-box {
        	flex-shrink: 0;
        	display: flex;
        	align-items: center;
        	gap: 20px;
        	background: #fff;
        	padding: 5px 20px;
        	border-radius: 0 30px 30px 0;
        }
        .page-sort-box span {
        	font-family: "Rethink Sans", Sans-serif;
        	font-weight: 400;
        	font-size: 16px;
        	line-height: 24px;
        	color: #9F9F9F;
        	margin-right: 5px;
        }
        .hz-divider {
        	width: 1px;
        	height: 24px;
        	background: #9F9F9F;
        }
        .page-sort-box select {
        	font-family: "Rethink Sans", Sans-serif;
        	font-size: 16px;
        	font-weight: 500;
        	line-height: 24px;
        	padding-right: 5px;
        	border: 0;
        }

        .manufacture-clscategorylist .cls-manufactures-list-grid .cls-manufactures-item {
        	border-radius: 20px;
        	height: 180px;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	padding: 20px;
        	position: relative;
        	overflow: hidden;
        	transform: none;
        	box-shadow: none;
        	text-align: center;
        }
        .manufacture-clscategorylist .cls-manufactures-list-grid .cls-manufactures-img {
        	height: 100%;
        	-webkit-box-sizing: border-box;
           box-sizing: border-box;
           -webkit-transition: all .35s ease;
           transition: all .35s ease;
        	font-family: "Rethink Sans", Sans-serif;
        	font-size: 20px;
           font-weight: 600;
        	color: #003B6BF2;
        }
        .manufacture-clscategorylist .cls-manufactures-list-grid .cls-manufactures-name {
        	font-size: 20px; font-weight: 600; color: #fff;
        	position: absolute;
        	top: 0;
        	left: 0;
        	right: 0;
        	bottom: 0;
        	background: #003B6BF2;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	margin: 0;
        	-webkit-box-sizing: border-box;
           box-sizing: border-box;
           -webkit-transition: all .35s ease;
           transition: all .35s ease;
        	-webkit-transform: translateY(120%);
           transform: translateY(120%);
        }
        .manufacture-clscategorylist .cls-manufactures-item:hover .cls-manufactures-name {
        	-webkit-transform: translate(0, 0);
           transform: translate(0, 0);
        }
        .manufacture-clscategorylist .cls-manufactures-list-grid { margin-bottom: 30px; }

        .manufacture-clscategorylist .clspagination {
        	margin-top: 30px;
        	padding-top: 30px;
        }

        .clspagination {
        	display: flex;
        	justify-content: center;
        	align-items: center;
        	text-align: center;
        	flex-wrap: wrap;
        }
        .clspagination .page-numbers {
        	border-radius: 40px;
        	font-family: "Rethink Sans", Sans-serif;
        	background-color: transparent;
        	width: auto;
        	min-width: 40px;
        	height: 40px;
        	/* padding: 5px 10px; */
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	font-size: 16px;
        	line-height: 21px;
        	font-weight: 700;
        	color: #252525;
        	margin: 0 10px;
        	position: relative;
        	text-decoration: none;
        }

        .clspagination .page-numbers:first-child {margin-left: 0px;}
        .clspagination .page-numbers:last-child {margin-right: 0px;}

        .clspagination .page-numbers.current, .clspagination .page-numbers:hover {
        	background-color: #003B6B;
        	color: #fff;
        }

        .clspagination .page-numbers.current { outline: 5px solid rgba(0, 0, 0, 0.10);}


        /*
        .clspagination .page-numbers.current::after {
        	content: '';
        	position: absolute;
        	top: 50%;
        	left: 50%;
        	transform: translate(-50%,-50%);
        	background: #0000001A;
        	width: calc(100% + 10px);
        	height: calc(100% + 10px);
        	border-radius: 100px;
        }
        	*/
        .clspagination .next.page-numbers, .clspagination .prev.page-numbers {
           font-size: 0;
        }
        .clspagination .next.page-numbers:before, .clspagination .prev.page-numbers:before {
        	position: absolute;
        	left: 0;
        	right: 0;
        	margin: auto;
        	font-family: fontawesome;
        	text-align: center;
        	width: 24px;
        	height: 24px;
        }
        .clspagination .next.page-numbers:before {
        	content: "";
        	background: url(assets/images/tabler-icon-chevron-right.svg) no-repeat;
        	background-position: center;
        	background-size: contain;
        }
        .clspagination .prev.page-numbers:before {
        	content: "";
        	background: url(assets/images/tabler-icon-chevron-right.svg) no-repeat;
        	background-position: center;
        	background-size: contain;
        	transform: rotate(180deg);
        }
        .clspagination .next.page-numbers:hover:before, .clspagination .prev.page-numbers:hover:before {
        	filter: brightness(0) invert(1);
        }

        .product-listing-page-sec .clspagination {margin-top: 30px; padding-top: 30px;}

        .post-cat {
        	display: inline-block;
        	background: #4CAF50;
        	color: #fff;
        	padding: 4px 6px;
        	font-size: 12px;
        	border-radius: 4px;
        	margin-right: 8px;
        }

        /* blog detail page */
        .blog-detail-post .elementor-widget-text-editor {
        	font-size: 18px;
        	line-height: 1.5;
        }
        .blog-detail-post .elementor-widget-text-editor li {
        	margin-bottom: 5px;
        }

        .blog-detail-post  ol {padding-left: 18px;}
        /* blog detail page */



        .loader-here { text-align: center; }
        .loader {
        	/*width: 40px;
        	height: 40px;
        	border: 5px solid #FFF;
        	border-bottom-color: #003B6B;
        	border-radius: 50%;
        	display: inline-block;
        	box-sizing: border-box;
        	animation: rotation 1s linear infinite;*/
        	width: 50px;
        	height: 50px;
        }
        @keyframes rotation {
           0% {
              transform: rotate(0deg);
           }
           100% {
              transform: rotate(360deg);
           }
        }

        .cls-requirement-box a {color: #92400E !important; text-decoration: underline !important;}
        .cls-requirement-box a:hover {color: #92400E !important; text-decoration: none !important;}
        .cls-banner-sub-list ul {margin: 0px; padding: 0px; list-style-type: none;}
        .cls-banner-sub-list li {position: relative; padding-left: 28px; margin-bottom: 15px;}
        .cls-banner-sub-list li:last-child {margin-bottom: 0px;}
        .cls-banner-sub-list li::before {position: absolute; left: 0; top: -2px; width: 24px; height: 24px; background: url(assets/images/white-right-arrow.svg) no-repeat center; background-size: contain; content: "";}
        .cls-box-height {height: 100% !important;}
        .cls-windshield-img a {display: block !important;}

        .cls-listing-part ul {padding-left: 16px;}
        .cls-listing-part li {margin-bottom: 7px;}
        .cls-custom-re-fab-green span {color: #0ABA74 !important;}
        .cls-common-arrow-btn a {padding: 12px 20px 12px 55px !important; display: inline-flex; align-items: center; background-image: url(assets/images/button-arrow.svg); background-repeat: no-repeat; background-position: left 5px center;}

        .cls-banner-sub-list a {color: #0ABA74 !important;}
        .cls-banner-sub-list a:hover {color: #29EC9E !important;}

        .cls-ab-cont-sec h1 span {color: #0ABA74;}
        .cls-ab-year-box h4 span {color: #0ABA74;}


        /* 14-11-25 */
        .terms-condition-sec ul li {
            margin-bottom: 10px;
        }
        .terms-condition-sec ul {padding-left: 16px;}

        .cls-gallery-section .elementor-image-gallery .gallery {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; gap: 30px 0px;}
        .cls-gallery-section .elementor-image-gallery .gallery .gallery-item {padding-left: 10px; padding-right: 10px;}
        .cls-gallery-section .elementor-image-gallery .gallery .gallery-icon {width: 100%; height: 100%;}
        .cls-gallery-section .elementor-image-gallery .gallery .gallery-icon a {display: block; width: 100%; height: 100%; transition:all 0.3s ease-in-out 0s;}
        .cls-gallery-section .elementor-image-gallery .gallery .gallery-icon a img {width: 100%; height: 100%; object-fit: cover; border-radius: 15px; transition:all 0.3s ease-in-out 0s;}
        .cls-gallery-section .elementor-image-gallery .gallery .gallery-icon a:hover img {opacity: 0.7;}


        .cls-ab-sec {display: flex !important; align-items: center !important; gap: 50px !important;}
        .cls-ab-cont-sec {flex: 1 !important; }
        .cls-left-main-img {max-width: 450px !important; width: 100% !important; flex-shrink: 0 !important;}

        .contact-form input, .contact-form textarea{margin-top: 10px;}
        .contact-form textarea{height: 100px !important;}
        body .contact-form .wpcf7-submit{ transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--e-con-transform-transition-duration, .4s);position: relative;background-color: #003b6b!important;color: #fff!important;width: auto!important;font-size: 15px;font-weight: 500;font-family: "Rethink Sans",Sans-serif!important;border: none!important;box-shadow: none!important;border-radius: 40px!important;padding: 12px 25px!important;margin-top: 15px;cursor: pointer;}
        body .contact-form .wpcf7-submit:hover{background-color: var(--e-global-color-text) !important;}
        .e-font-icon-svg.e-eicon-share-arrow{display:none};
        body .here-cls{color: #0ABA74 !important;}
         body .contact-form   .wpcf7-form-control:focus{ border-color: #94a8c7 !important;
            box-shadow: inset 0 0 0 2px #cdd8ea, 0 0 0 3px rgba(147, 169, 198, 0.35);
            width: 100%;
            padding: 14px 18px;
            background: #ffffff;
            font-size: 15px;
            color: #444;
            border: 2px solid #b9c8dd !important;
            border-radius: 16px;
            box-shadow: inset 0 0 0 2px #d9e3f2;}
            /* outline: none !important;*/

        .page-sort-box select {cursor: pointer; background-color: #fff; font-size: 16px; color: #003B6B; font-weight: 500; font-family: "Rethink Sans", Sans-serif;}
        .search-it-here .form-control::-webkit-input-placeholder {color: #9F9F9F; opacity: 1;}
        .search-it-here .form-control::-moz-placeholder {color: #9F9F9F; opacity: 1;}
        .search-it-here .form-control:-ms-input-placeholder {color: #9F9F9F; opacity: 1;}
        .search-it-here .form-control:-moz-placeholder {color: #9F9F9F; opacity: 1;}

        .table-sec .ct-basic-table p,
        .table-sec .ct-basic-table th {color: #fff;}

        .table-sec .ct-basic-table td {background-color: #fff;}

        .table-sec .ct-basic-table th:first-child {border-radius: 30px 0 0 0 !important;}

        .table-sec .ct-basic-table th:last-child {border-radius: 0 30px 0 0 !important;}

        .ct-basic-table-container { width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}


        /* 18-11-25 */
        .measuring-sec strong{ padding-right: 6px;}
        .commen-container .container {max-width: 1470px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; font-family: "Rethink Sans", Sans-serif;}

        .innerpage-title-boxbg {background-image: url(assets/images/inner-page-banner-shape-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #003B6B;}
        .innerpage-title-boxbg {border-radius: 30px; padding: 8px 20px; margin-bottom: 30px; padding: 30px 40px; color: #fff; font-size: 18px; line-height: 30px;}
        .innerpage-title-boxbg h1 {font-size: 50px; color: #fff !important; margin-bottom: 5px; font-weight: 700; line-height: normal;}
        .innerpage-title-boxbg p {line-height: 30px;}
        .innerpage-title-boxbg p:last-child {margin-bottom: 0;} 

        .quote-payment-form-part .cls-quote-payment-form h4 {}
        .clsfrmextradesc {margin-bottom: 10px; padding-top: 4px;}

        .clsquoteformprnt .clsfrmrow {margin-top: 16px;}
        .clsquoteformprnt .cls-col-6 {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
        .clsquoteformprnt .displaynone {color: #e20000; font-size: 14px; line-height: 1.2; font-weight: 600; margin-top: 5px;}
        .displaynone {display: none;}

        .clsquoteformprnt input.clsborderred, .cls-common-form.common-single-page input.clsborderred {border-color: #e20000 !important; outline: 1px solid #e20000;}

        input.clsborderred {border-color: #e20000 !important; outline: 1px solid #e20000;}

        .clsfieldlabel {padding-top: 5px; font-size: 14px !important;}

        .cls-common-form .clsquoteformprnt h3.gsection_title {padding-top: 35px; font-size: 20px !important; line-height: 1.2;}

        body .quote-payment-form-part .cls-quote-sing-box .clsquotedisplaysign {
          
        }

        .quote-payment-form-part .clsfrmchkbox {/* margin-bottom: 20px; */margin-bottom: 5px;}
        .cls-common-form.quote-payment-form-part .clsquoteformprnt .gform_footer {padding-top: 20px;}
        .quote-payment-form-part .cls-quote-sing-box {margin-top: 20px; margin-bottom: 20px; position: relative;

        width: 100%;
          font-size: 50px;
          color: #000;
          display: flex !important;
          align-items: center;
          border: 2px dashed #ddd !important;
          background-color: #fff;
          padding: 20px !important;
          min-height: 300px;
          /* margin: 0px; */
          border-radius: 15px;
          line-height: 1.3;
        }

        .quoteloader {display: none;}
        body .quote-payment-form-part .quoteloader {
          /* width: 100px;
          height: 50px;
         background: url(assets/images/loader.gif) no-repeat;
          background-position: center;
          background-size: contain;
          margin-top: -178px !important;
          margin-bottom: 95px;
          margin-left: 0px;
          position: absolute;*/
        }

        .heateor_sss_sharing_ul{display: flex; justify-content: center; align-items: center;  gap: 9px;}

        .social-icons .heateor_sss_sharing_container .heateor_sss_facebook,
        .social-icons .heateor_sss_sharing_container .heateor_sss_button_x,
        .social-icons .heateor_sss_sharing_container .heateor_sss_button_linkedin,
        .social-icons .heateor_sss_sharing_container .heateor_sss_button_pinterest,
        .social-icons .heateor_sss_sharing_container .heateor_sss_whatsapp
        {
        background-color: #d6e6f5 !important;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        z-index: 999;
        background-repeat: no-repeat !important;
        background-position: 50% !important;
        background-size: 19px !important;
        }

        .social-icons .heateor_sss_sharing_container .heateor_sss_facebook{background-image: url(https://gujjucoders.com/demo/updplastics/wp-content/uploads/2025/11/facebook-app-symbol.png) !important;}
        .social-icons .heateor_sss_sharing_container .heateor_sss_button_x{background-image: url(https://gujjucoders.com/demo/updplastics/wp-content/uploads/2025/11/twitter.png) !important;}
        .social-icons .heateor_sss_sharing_container .heateor_sss_button_linkedin{background-image: url(https://gujjucoders.com/demo/updplastics/wp-content/uploads/2025/11/linkedin-big-logo.png) !important;}
        .social-icons .heateor_sss_sharing_container .heateor_sss_button_pinterest{background-image: url(https://gujjucoders.com/demo/updplastics/wp-content/uploads/2025/11/pintrest.png) !important;}
        .social-icons .heateor_sss_sharing_container .heateor_sss_whatsapp{background-image: url(https://gujjucoders.com/demo/updplastics/wp-content/uploads/2025/11/whatsapp.png) !important;}

        .social-icons .heateor_sss_sharing_container  .heateor_sss_svg {
            background: transparent !important;
        }
        .social-icons .heateor_sss_sharing_container a:hover{background-color: var( --e-global-color-6401e0f ) !important;}


        .social-icons .heateor_sss_sharing_container  .heateor_sss_svg svg {
            opacity: 0;
        }
        .elementor-post-info__terms-list a:hover{color: var( --e-global-color-6401e0f ) !important;}
        .clsbloglisting .elementor-post__read-more:hover{background-color: var(--e-global-color-text) !important;}
        .clsbloglisting .elementor-post__read-more{ position: relative;background-color: #003b6b!important;color: #fff!important;width: auto!important;font-size: 15px;font-weight: 500;font-family: "Rethink Sans",Sans-serif!important;border: none!important;box-shadow: none!important;border-radius: 40px!important;padding: 12px 25px!important;cursor: pointer;display: inline-block;}
        .blog-sec .elementor-post__meta-data{font-weight: bold !important;}
        .blog-sec  .page-numbers:hover{color: #fff !important;}

        .blog-sec .elementor-pagination{display: flex;justify-content: center;align-items: center;}
        .blog-sec .page-numbers.current{color: #fff !important;}

        .swiper-slide-inner {
            position: relative;
            display: block;
        }

        /* overlay */
        .swiper-slide-inner::before {
            content: "";
            position: absolute;
            inset: 0;    border-radius: 30px;
            background: rgb(17 59 109 / 60%); /* change color here */
            z-index: 2;
            pointer-events: none;
        }

        .swiper-slide-inner img {
            display: block;
            width: 100%;
            height: auto;
            position: relative;
            z-index: 1;
        }
        .footer-logo-cls a:hover::after{display: none;}
        .elementor-popup-modal .dialog-widget-content{background-color: transparent !important;border-radius: 30px !important;box-shadow: none !important;    overflow: hidden !important;}
        .elementor-popup-modal .dialog-close-button svg{fill: #fff !important}
        /* Smooth fade + slide animation for Elementor popups */
        .dialog-widget-content {
            transition: all 0.35s ease !important;
        }

        div#eu-cookie-bar {
            font-family: 'Rethink Sans';
            font-size: 14px;
        }


        .cls-common-form .submit {position: relative;}
        .cls-common-form .common-blue-btn a, .cls-common-form  input.common-blue-btn {position: relative; background-color: #003b6b !important; color: #fff !important; width: auto !important; font-size: 15px; font-weight: 500; font-family: "Rethink Sans", Sans-serif !important; border: none !important; box-shadow: none !important; border-radius: 40px !important; padding: 12px 25px !important; cursor: pointer; transition:all 0.1s ease-in-out 0s;} 
        .cls-common-form  .common-blue-btn a:hover, .cls-common-form  input.common-blue-btn:hover {background-color: #252525 !important; color: #fff !important;}
        .cls-common-form  .common-blue-btn a:focus, .cls-common-form  input.common-blue-btn:focus {border: none !important; box-shadow: none !important;}

        /* Overlay background */
        .loader-wrapper {
            position: absolute;
            top: 0; left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.7);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 999;
        }

        /* Modern round loader */
        .loader-gif {
            width: 70px;
            height:70px;
            /*border: 5px solid #ddd;
            border-top: 5px solid #3498db;
            border-radius: 50%;
            animation: spin 0.8s linear infinite;*/
        }

        @keyframes spin {
            100% { transform: rotate(360deg); }
        }

        .home-banner-text {padding-left: 15px !important; padding-right: 15px !important;}

        .pro-logo-pro-coun-flex .pro-logo {max-height: 100px; max-width: 300px; display: flex; align-items: center;}
        .pro-logo-pro-coun-flex .pro-logo img {max-height: 90px; max-width: 95%;}

        .product-listing-wrapper {position: relative; }
        .loader-wrapper {border-radius: 30px;}

        .pagenotfound-sec {text-align: center; padding: 50px 0px 10px 0px;}



        /*------select-2-start------*/
        .select2-container--default .select2-selection--single {border-color: #D1D1D1 !important;  border-radius: 8px !important;}
        .select2-container .select2-selection--single {height: 51px !important;}
        .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 49px !important; font-size: 16px !important; font-family: "Rethink Sans", Sans-serif; color: #444 !important;}
        .select2-container--default .select2-selection--single .select2-selection__arrow {top: 13px !important; right: 9px !important; width: 16px !important; background: url(assets/images/select-down-arrow.svg) no-repeat center !important; background-size: auto;background-size: 16px !important;}
        .select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
        .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #e1e1e1 !important; color: #444 !important;}
        .select2-results__option {padding: 7px 6px !important;}
        .select2-container--default .select2-search--dropdown .select2-search__field {border-color: #d1d1d1 !important; padding: 8px 5px !important; border-radius: 6px !important;}
        .select2-dropdown {border-radius: 10px !important; border-color: #d1d1d1 !important;}
        .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {outline:2px solid #c8c8c8 !important;}
        .select2-container--default .select2-results > .select2-results__options {font-family: "Rethink Sans", Sans-serif;  color: #444 !important;}
        .select2.select2-container {height: 51px !important; width: 100% !important;}




        /* .main-newsearch-from .cls-upd-form_wrapper select.select2 {height: 51px !important; padding: 0px !important;}  */

        /*.select2-container .select2-selection--single {height: 51px; padding: 13px 15px !important; font-size: 16px !important; background-image: url(assets/images/select-down-arrow.svg) !important; background-position: right 10px center; font-family: "Rethink Sans", Sans-serif;}*/

        .page-er-not-foundsec {padding-top: 150px; padding-bottom: 120px; font-family: "Rethink Sans", Sans-serif; font-size: 20px; text-align: center;}
        .page-er-not-foundsec h1 {font-family: "Rethink Sans", Sans-serif; margin-bottom: 10px; font-size: 30px;}
        .page-er-not-foundsec .container {max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
        .nofoundtext {font-size: 80px; font-weight: 700; margin-bottom: 10px; line-height: normal; line-height: 1;}
        .nofoundtext span {color: #0aba74;}
        .page-er-not-foundsec .page-content {color: #828282;}
        .clscoversnotice {color:#E20000;}

        .listing-notebg a.click-cls-here {font-weight: 600; color: #e20000;}
        .listing-notebg a.click-cls-here:hover {color: #e20000; text-decoration: none;}

        .cls-common-form .gform_wrapper .gfield--width-quarter.cls-center-img-part img { max-width: 100% !important;}


        .form-label-none-req label.gfield_label {display: none !important;}
        .cust-form-label-none-req {font-family: "Rethink Sans", sans-serif; font-size: 16px; margin-bottom: 8px; color: #112337; display: block;}



        /*------select-2-end------*/

        .additional-option .row {
        	display: flex;
        	flex-wrap: wrap;
        	gap: 10px 16px;
        	align-items: flex-end;
        }
        .additional-option .col-sm-12 {
           width: calc(100% - 8px);
        }
        .additional-option .col-sm-4 {
        	width: calc(25% - 8px);
        }
        .additional-option .col-sm-8 {
        	width: calc(75% - 8px);
        }
        .additional-option .single-pro-title {
        	padding: 10px 0 0;
        	margin-bottom: 0px;
        	border-bottom: none;
        	height: 100%;
        	border-radius: 20px;
        }
        .additional-option .single-pro-title h2 {
        	margin-bottom: 15px;
        	font-size: 24px;
        	line-height: 1.4;
        }
        .additional-option .orderformsec {
        	padding: 12px 25px;
        	border-radius: 15px;
        	background: #003b6b;
        	display: grid;
        	grid-template-columns: 1fr 1fr;
        	gap: 20px;
        	align-items: center;
        }
        .additional-option .orderformsec .errsmalltext {
        	font-size: 18px;
        	color: #fff;
        	font-weight: 600;
        	margin: 8px 0;
        }
        .additional-option .orderformsec .errbigtext {
        	font-size: 20px;
        	line-height: 30px;
        	font-weight: 600;
        	color: #0ABA74;
        	margin: 5px 0;
        }
        .additional-option .ad-op-img {
        	max-width: 300px;
        	margin: auto;
        }
        .additional-option .ad-op-img img {
        	border-radius: 20px;
        }
        .ms-auto {
        	margin-left: auto;
        }
        .mx-auto {
        	margin-inline: auto;
        }
        .additional-option .procetag-imp h3 span,
        .additional-option .procetag-imp h3 {
        	color: #E20000 !important;
        }
        .additional-option .flex-heading {
        	display: flex;
        	flex-wrap: wrap;
        	justify-content: space-between;
        	width: 100%;
        }
        .additional-option .procetag {
        	padding: 15px;
        	background: #D4E6F4;
        	border-radius: 15px;
        	margin: 15px 0 0;
        }

        .procetag h2, .procetag h3 {
        	display: flex;
        	justify-content: space-between;
        	gap: 10px 15px;
        	font-weight: 500;
        	font-size: 16px;
        	line-height: 21px;
        	color: #252525;
        	margin-bottom: 7px;
        	align-items: center;
        }
        .procetag span {
        	font-weight: 700;
        	font-size: 20px;
        	line-height: 26px;
        	color: #0ABA74;
        }
        .procetag h2 {
        	border-top: 1px solid #B1D4F0;
        	padding-top: 10px;
        	margin-bottom: 5px;
        	font-weight: 700;
        	font-size: 20px;
        	line-height: 26px;
        }
        .procetag .price-info {
        	font-weight: 400;
        	font-size: 16px;
        	line-height: 21px;
        	color: #E20000;
        }

        /* toggle yes-no button */
        .can-toggle {
          	position: relative;
        	margin-bottom: 15px;
        }
        .can-toggle *, .can-toggle *:before, .can-toggle *:after {
          	box-sizing: border-box;
        }
        .cls-common-form .cls-upd-form_wrapper .can-toggle input[type=checkbox] {
        	opacity: 0;
        	position: absolute;
        	top: 0;
        	left: 0;
        }
        .can-toggle input[type=checkbox][disabled] ~ label {
          	pointer-events: none;
        }
        .can-toggle input[type=checkbox][disabled] ~ label .can-toggle__switch {
          	opacity: 0.4;
        }
        .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:before {
        	content: attr(data-unchecked);
        	left: 0;
        }
        .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
          	content: attr(data-checked);
        }
        .can-toggle label {
        	user-select: none;
        	position: relative;
        	display: flex;
        	align-items: center;
        }
        .can-toggle label .can-toggle__label-text {
        	flex: 1;
        	padding-left: 32px;
        }
        .can-toggle label .can-toggle__switch {
          	position: relative;
        }
        .can-toggle label .can-toggle__switch:before {
        	content: attr(data-checked);
        	position: absolute;
        	top: 0;
        	text-transform: uppercase;
        	text-align: center;
        }
        .can-toggle label .can-toggle__switch:after {
        	content: attr(data-unchecked);
        	position: absolute;
        	z-index: 5;
        	text-transform: uppercase;
        	text-align: center;
        	background: white;
        	transform: translate3d(0, 0, 0);
        }
        .can-toggle input[type=checkbox][disabled] ~ label {
          	color: rgba(234, 0, 48, 0.5);
        }
        .can-toggle input[type=checkbox]:checked ~ label:hover {
          	color: #0ABA74;
        }
        .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch {
          	background-color: #0ABA74;
        }
        .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
          	color: #0ABA74;
        }
        .can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch {
          	background-color: #0ABA74;
        }
        .can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after {
          	color: #0ABA74;
        }
        .can-toggle label .can-toggle__label-text {
          	flex: 1;
        }
        .can-toggle label .can-toggle__switch {
        	transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
        	background: #003b6b;
        }
        .can-toggle label .can-toggle__switch:before {
          	color: rgba(255, 255, 255, 0.7);
        }
        .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch::before {
        	color: #fff;
        }
        .can-toggle label .can-toggle__switch:after {
        	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
        	transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
        	color: #000;
        }
        .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
          	transform: translate3d(63px, 0, 0);
        }
        .can-toggle label {
          	font-size: 14px;
        }
        .can-toggle label .can-toggle__switch {
        	height: 36px;
        	flex: 0 0 134px;
        	border-radius: 8px;
        }
        .can-toggle label .can-toggle__switch:before {
        	left: 67px;
        	font-size: 14px;
        	font-weight: 600;
        	letter-spacing: 1px;
        	line-height: 36px;
        	width: 67px;
        	padding: 0 12px;
        	cursor: pointer;
        	transition: color 0.3s cubic-bezier(0, 1, 0.5, 1);
        }
        .can-toggle label .can-toggle__switch:after {
        	top: 3px;
        	left: 3px;
        	border-radius: 5px;
        	width: 65px;
        	line-height: 30px;
        	font-size: 14px;
        	font-weight: 600;
        	letter-spacing: 1px;
        	cursor: pointer;
        }
        .can-toggle.can-toggle--size-small input[type=checkbox]:checked ~ label .can-toggle__switch:after {
          	transform: translate3d(44px, 0, 0);
        }
        .can-toggle.can-toggle--size-small label {	font-size: 13px;}
        .can-toggle.can-toggle--size-small label .can-toggle__switch {height: 28px;flex: 0 0 90px;	border-radius: 2px;}
        .can-toggle.can-toggle--size-small label .can-toggle__switch:before {left: 45px;	font-size: 10px;	line-height: 28px;	width: 45px;	padding: 0 12px;}
        .can-toggle.can-toggle--size-small label .can-toggle__switch:after {top: 1px;left: 1px;	border-radius: 1px;	width: 44px;	line-height: 26px;	font-size: 10px;}
        #section_expedited_service{ display: none;}

        /* toggle yes-no button end */

        .cls-common-form .gform-theme--foundation .gra-windshield-sosts-cls {/*padding-top: 20px !important; border-top: 2px solid #d1d1d1 !important;*/  margin-top: -5px !important;}
        .gra-windshield-sosts-cls .com-tab-pl {margin-left: 0px; margin-bottom: 0px; padding:0px;}
        .gra-windshield-sosts-cls .winsh-row {display: flex; align-items: flex-start; gap: 20px;}
        .gra-windshield-sosts-cls .winsh-col-img {width: 200px; max-height: 200px; overflow: hidden;  border-radius: 12px; }
        .gra-windshield-sosts-cls .winsh-col-img img {max-width: 100%; max-height: 100%; width: 100%; height: 100%;}
        .gra-windshield-sosts-cls .winsh-col-list {flex: 1;}


        .gra-windshield-sosts-cls .measur-input input{ width: 100%!important;font-size: 16px!important;color: #000!important;border: 1px solid #d1d1d1!important;padding: 13px 15px!important;border-radius: 12px!important;box-shadow: none!important;line-height: normal!important;height: auto!important;background-color: #fff;font-family: "Rethink Sans",Sans-serif!important;}

        .gra-windshield-sosts-cls ul {list-style-type: none; display: block; margin: 0px; padding: 0px;}
        .gra-windshield-sosts-cls li {display: block; margin-bottom: 10px; position: relative; padding-left: 16px;}
        .gra-windshield-sosts-cls li::before {position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background-color: #929292; border-radius: 100%; content: "";}
        .gra-windshield-sosts-cls li:last-child {margin-bottom: 0px;}

        .gra-windshield-sosts-cls .measur-sec {padding: 15px 0px 5px 0px;}
        .gra-windshield-sosts-cls .measur-sec .row {gap: 10px 0px; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; display: flex; }
        .gra-windshield-sosts-cls .measur-sec .col-sm-3 {width: 100%; max-width: 25%; padding-left: 8px; padding-right: 8px;}
        .measure-listtitle {display: block; margin-bottom: 10px; position: relative; padding-left: 16px;}
        .measure-listtitle::before {position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background-color: #929292; border-radius: 100%; content: "";}
        .measurements-cont-sec-cls h3 {margin-bottom: 0px; font-size: 16px !important; color: #112337; font-weight: 600;}

        .gra-windshield-sosts-cls h4, .measurements-cont-sec-cls h4 {font-size: 14px !important; font-weight: 500 !important; color: #112337;}

        .winds-check-cls label, .winds-check-cls input[type="checkbox"] {cursor: pointer;}
        .measurements-radio-cls label, .measurements-radio-cls input[type="radio"] {cursor: pointer;}

        .mea-mt {margin-top: -16px !important;}
        .cls-common-form .gform-theme--foundation .measurements-radio-cls {padding-bottom: 25px !important; border-bottom: 5px solid #003b6b !important;}

        @media (min-width: 640px) {
          .gform-theme--foundation .four-column {
            grid-column: span 3 !important;
          }
        }


        .cls-box-num h1{ width: 55px;height: 55px;border-radius: 15px;background: linear-gradient(135deg,#0a4c8b,#00b4d8);color: #fff;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;box-shadow: 0 12px 25px rgba(0,114,255,.2);}
        .cls-terms-sales-box {position: relative;}
        .cls-content-listbox ul{ margin: 0;padding: 0;margin-top: 10px;padding-left: 0;list-style: none;}
        .cls-content-listbox ul li{ position: relative;padding-left: 35px;margin-bottom: 16px; line-height: 1.8;}
        .cls-content-listbox ul li::before{ content: '✓';position: absolute;left: 0;top: 2px;width: 24px;height: 24px;border-radius: 50%;background: #dff7ff;color: #18779C;font-size: 14px;display: flex;align-items: center;justify-content: center;font-weight: 700;}
        .cls-content-listbox h3 {font-size: 32px; margin-bottom: 18px; font-weight: 700;}
        .cls-content-listbox h4 {font-size: 20px;}

        .cls-req-cont-list {position: relative; z-index: 1;}

        .cls-req-cont-list ul{ margin: 0;padding: 0;margin-top: 20px;padding-left: 0;list-style: none; }
        .cls-req-cont-list ul li{ position: relative!important;background: rgba(255,255,255,.08);border: 1px solid rgba(255,255,255,.08);padding: 18px 22px!important;padding-left: 22px;border-radius: 16px;margin-bottom: 18px!important;display: flex!important;gap: 15px;align-items: flex-start!important;backdrop-filter: blur(10px);line-height: 1.8;padding-left: 60px!important;}
        .cls-req-cont-list ul li::before{ content: '✓';position: absolute;left: 20px;top: 20px;width: 24px;height: 24px;border-radius: 50%;background: #dff7ff;color: #18779c;font-size: 14px;display: flex;align-items: center;justify-content: center;font-weight: 700;}

        .cls-req-shapbg {position: relative; overflow: hidden !important;}
        .cls-req-shapbg::after{ content: '';position: absolute;right: -80px;bottom: -80px;width: 280px;height: 280px;border-radius: 50%;background: rgba(255,255,255,.05);}






        /*================== Banner html start ==========================*/

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

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


        :root {
          --blue: #011b3e;
          --red: #c10a12;
          --white: #ffffff;
          --gold: #cf9142;
        }


        .pb30{padding-left: 30px;padding-right: 30px;}
        .bannerone{border-top:20px solid #003d6c;border-bottom:20px solid #003d6c;width:100%; max-width:100%;margin:auto; background-repeat: no-repeat;position:relative; overflow:hidden;padding-top: 5px;background-position: top 0 right -100px;background-size: contain;margin-bottom:20px;}
        .bannerone .overlay { position: absolute;  inset: 0;  background: linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0.8) 58%, transparent 75%); height: 100%; overflow: hidden;  }

        .bannerone .container-fluid, .btmline, .contantblockwrap{position: relative;padding: 0px;}
        .main-title h1{margin-bottom:5px;font-size:43px;color:var(--red) !important;text-transform: uppercase;font-weight: 800;text-align: center;line-height:45px;font-family: "Oswald", sans-serif !important;}
        .banner-content{max-width: 40%;margin-bottom:6px;}
        .btmline img{padding: 0px 10px;background-color: var(--white);z-index: 9;position: relative;height: 19px;}
        .btmline:before{width: 100%;height: 2px;background-color: var(--blue);content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
        .btmline {display: flex; align-items: center;justify-content: center;}
        .freetxt h2{font-family: "Oswald", sans-serif !important; text-transform: uppercase;text-align: center;font-size: 23px;color:var(--blue) !important;margin-bottom: 0;}
        .freetxt p{margin-bottom: 6px;font-family: "Roboto", sans-serif;color: var(--blue);font-size: 16px;line-height:18px;font-weight: 400;text-align: center;}
        a.detailbtn{font-family: "Roboto", sans-serif;text-decoration: none;background-color: var(--blue);border-radius: 12px;color:var(--white);font-size: 16px;text-transform: uppercase;padding: 10px 26px;display: flex;align-items: center;g;gap: 15px;width: fit-content;margin: auto;letter-spacing: 1px;}
        a.detailbtn:hover{background-color: #023170;}
        a.detailbtn img{height: 24px;}
        .sitedtl{display: flex;align-items: center;}
        .tag{padding: 0px 30px;}
        .tag img{height: 280px;object-fit: contain;}
        .boximg{width: 60px;height: 60px;border:3px solid var(--gold);border-radius: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
        .boximg img{width: 35px;height:35px;object-fit: contain;}
        .box{display: flex;align-items: flex-start;gap: 20px;padding: 0 10px 0 20px;position: relative;}
        .contantblockwrap{background-color: var(--blue);padding:10px 0px;}
        .boxcontant{color:var(--white);}
        .bannercontantwrap{padding: 0px 30px;position: relative;padding-right: 0;}
        .boxcontant h4, .daycontant h4{font-family: "Poppins", sans-serif !important;font-size: 15px;text-transform: uppercase;margin-bottom: 2px;line-height: 17px;font-weight: 600;}
        .boxcontant p, .daycontant p{font-family: "Roboto", sans-serif !important;font-size: 14px;font-weight: 400;line-height: 20px;margin-bottom: 0px;}
        .boxcontant h4{color:var(--white) !important;}
        .daycontant h4{color:var(--blue) !important;}
        .daysblockwrap{background-color: var(--white);padding:10px 0px 10px 0;}
        .daysblockwrap .box{border-right: 1px solid #ddd;}
        .dayimg{width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
        .dayimg img{width: 100%;height: 100%;object-fit: contain;display: block;}
        .daycontant h4, .daycontant p{color:var(--blue);}
        .contantblock{  display: grid;  grid-template-columns: repeat(4,1fr);}

        .contantblockwrap .box{display: flex;align-items: flex-start;gap: 20px;position: relative;border-right: 1px solid #fff;}
        .contantblockwrap .box:last-child::after{display: none;}
        .console-shield{background-image: url(assets/images/shapebg.png);width: 38%;height: 90px;background-repeat: no-repeat;position: absolute;bottom: 0;right: 0;text-align: center;color:var(--white);display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 5px;background-size: cover;}
        .console-shield h2{font-size: 20px;margin-bottom: 0px;color: var(--white) !important;font-family: "Roboto", sans-serif !important;}
        .console-shield p{margin-bottom: 0px;font-size: 18px;font-weight: 400;font-family: "Roboto", sans-serif !important;}
        .console-shield {display: none;}
        .mainbanner{position: relative;}
        .boxcontant{flex: 1;}
        .daysblockwrap .box:last-child, .contantblockwrap .box:last-child{border-right: 0;}

        .clsnew-elementrbanner .tag img {height: 280px !important;}
        .clsnew-elementrbanner .freetxt h2{line-height: 37px;margin-bottom:2px;}
        .clsnew-elementrbanner .btmline img{height: 19px !important;}
        .clsnew-elementrbanner .bannerone{margin-bottom: 0px;}
        .clsnew-search .e-con-inner{padding-top: 0px;}
        .cls-returnpolicy{padding-left: 28px;}
        .cls-returnpolicy .clsfreereturnpolicy a{text-decoration: none;}
        .cls-returnpolicy .clsfreereturnpolicy a:hover{text-decoration: underline;}
        .clstxtred {color:#FF0000;font-weight: 600;flex:1;}

        .cls-homebannertitle .elementor-heading-title{font-size: 18px !important;}


        .clshome-newbanner .tag img{height: 200px !important;}
        .clshome-newbanner .btmline img{height: 19px !important;}
        .clshome-newbanner .main-title h1{font-size: 34px;line-height: 33px;}
        .clshome-newbanner .freetxt h2{font-size: 20px;}
        .clshome-newbanner .freetxt p{font-size: 15px;}
        .clshome-newbanner  a.detailbtn{font-size: 14px;padding: 7px 17px;}
        .clshome-newbanner  a.detailbtn img{height: 19px;}
        .clshome-newbanner .console-shield{width: 46%;}
        .clshome-newbanner .console-shield h2 {font-size: 18px;}
        .clshome-newbanner .console-shield p{font-size: 15px;}
        .clshome-newbanner .contantblockwrap .box, .clshome-newbanner .box{gap: 10px;}
        .clshome-newbanner .box{padding: 0 10px 0 10px;}
        .clshome-newbanner .boximg img{width: 27px;}
        .clshome-newbanner .boximg {width: 50px; height: 50px; border: 2px solid var(--gold);}
        .clshome-newbanner .dayimg { width: 29px; height: 29px;}
        .clshome-newbanner .bannerone{margin-bottom: 0px;}
        .home-banner-text .e-con-inner{gap:10px !important;}
        .home-banner-text{padding-top: 20px;}




.searchboatwindshields{ background-color: #0d2b45;  background-image: url("https://www.updplastics.com/wp-content/uploads/2025/11/see-img.png"); background-size: cover;  background-position: right; background-repeat: no-repeat;   border-radius: 30px;padding:20px 30px 35px 30px;color: #fff;  line-height: 30px; }
.new-search .form-control{border: 1px solid #D1D1D1 !important;width: 100%; font-size: 16px;line-height: 24px;position: relative; 
    color: #000; padding: 15px 145px 15px 60px;  border-radius: 10px; box-shadow: none; height: auto;  border: none;  font-family: "Rethink Sans", Sans-serif; background-image: url(assets/images/tabler-icon-search.svg);   background-position: 20px 15px;  background-repeat: no-repeat;   background-size: 24px;}

.search-btn input.button {position: absolute;right: 20px;  top: 0;   bottom: 0; margin: auto; background-color: #003b6b !important;
 color: #fff !important;width: auto !important; font-size: 15px; font-weight: 500;
 font-family: "Rethink Sans", Sans-serif !important;border: none !important;box-shadow: none !important;border-radius: 5px !important;
 padding: 12px 35px !important;height: 50px;z-index: 9;cursor: pointer !important;}
.search-btn input.button:hover{background-color: #252525 !important;}
.searchwrap{max-width: 80%;margin:auto;}
.searchwrap h4{font-family: "Rethink Sans", Sans-serif;text-align: center;font-size: 35px;  font-weight: 700;text-transform: none;  font-style: normal;  text-decoration: none;  line-height: normal;  letter-spacing: 0em;  color: var(--e-global-color-accent);}
.searchform{background-color: #fff;color: #929292;border-radius: 15px; position: relative;padding: 15px;}

.homenew-searchsec{margin-top: -70px !important;}
.clssearchwindshields .main-search-page-sort{margin-bottom: 0px;border: 1px solid #D1D1D1;border-radius: 10px;}
.pro-title-boxbg h1, .pro-title-boxbg p{text-align: center;} 
.pro-title-boxbg p{max-width: 80%;margin: auto;margin-bottom: 15px;}
.clssearchwindshields{margin-bottom: 50px;}
.searchform.clssearchwindshields{margin-bottom: 0px;}


.landing-testimonial-sec .single-item-wrapper {border-radius: 10px; padding: 30px 20px; border: 1px solid #EDEDED; height: 100%;}
.landing-testimonial-sec .single-item-wrapper .rating-wrapper {margin: 0px 0px 20px 0px;}
.landing-testimonial-sec .single-item-wrapper h3.author-name {margin: 0px 0px 10px 0px;}
.landing-testimonial-sec .single-item-wrapper .item-content-wrapper .item-content  {text-align: center !important;}
.landing-testimonial-sec .single-item-wrapper .item-content-wrapper {background-color: transparent; padding: 0px;}
.landing-testimonial-sec .single-item-wrapper .item-content-wrapper::before {display: none !important;}

.landing-testimonial-sec .tss-wrapper .tss-even .tss-grid-item {height: initial; margin-bottom: 0px;} 

.banner-contern-list li span em { display: inline-flex;align-items: center;justify-content: center;padding: 6px 15px;color: #fff;border-radius: 0;background: url(assets/images/highlight-img.svg) repeat center center;background-size: 100%;text-transform: uppercase;font-size: 17px;font-weight: 600; font-style: normal;}

.our-pickupu-sec strong { display: inline-flex;align-items: center;justify-content: center;padding: 4px 15px;color: #fff;border-radius: 0;background: url(assets/images/highlight-img.svg) repeat center center;background-size: 100%;text-transform: uppercase;font-size: 14px;font-weight: 600; font-style: normal;}

.marinas-sec i { display: inline-flex;align-items: center;justify-content: center;padding: 8px 15px;color: #fff;border-radius: 0;background: url(assets/images/highlight-img.svg) repeat center center;background-size: cover; text-transform: uppercase;font-size: 13px;font-weight: 600;font-style: normal;}


.ft-free-shipping-sec h2{ display: inline-flex;align-items: center!important;justify-content: center!important;padding: 9px 22px;border-radius: 0;background: url(assets/images/highlight-img.svg) repeat center center;background-size: cover;font-size: 14px!important;font-style: normal;width: auto; max-width: 305px;}

.cls-cus-slider .tss-carousel.swiper {padding: 1px 0 !important;}

.pro-listing-flex {position: relative; display: flex; gap: 30px;}
.pro-listing-left {flex: 1;}
.pro-accountbox {width: 275px; height: 247px; /*background-image: url(assets/images/marine-trade-boat.png);*/ background-repeat: no-repeat; background-position: center; background-size: cover; flex-shrink: 0; margin-top: -35px;}
.pro-accountbox a {text-decoration: none; padding: 10px 15px 15px 15px; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; position: relative; transition:all 0.3s ease-in-out 0s;}
.pro-right-arrow {max-width: 30px; flex-shrink: 0; display: flex; align-items: center;}
.pro-acc-flex {display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.pro-accountbox a .pro-account-title {text-align: center; font-weight: 800; color: #ee262f; font-size: 23px; padding-bottom: 9px; margin-bottom: 5px; line-height: 1; position: relative; font-family: "Rethink Sans", Sans-serif; letter-spacing: 1px; text-transform: uppercase; transition:all 0.3s ease-in-out 0s;}
.pro-accountbox a:hover .pro-account-title {color: #f3b846;}
.pro-account-title::before {position: absolute; left: 0; right: 0; bottom: 0; max-width: 70%; width: 100%; margin: auto; height: 3px; background-color: #f3b846; border-radius: 6px; content: "";}
.pro-service-cont {flex: 1; font-size: 15px; color: #ceedfa; font-weight: 700; line-height: 1.2;}

.pro-accountbox a .pro-acc-box-border {padding: 5px 9px; background-color: rgba(4,28,61,0.7); border: 2px solid #2b5877; border-radius: 25px; transition:all 0.3s ease-in-out 0s; }
.pro-accountbox a:hover .pro-acc-box-border {background-color: #2b5877; border-color: #f3b846;}
.cls-begin-windshield-btn .elementor-button-icon {font-size: 24px;}




/*--------------responsive-start----------------------*/

        @media (max-width: 1440px) {

        	body .elementor-64218 .elementor-element.elementor-element-a5b1d1d .elementor-nav-menu--main .elementor-item {padding-left: 12px;padding-right: 12px;}
        	.home-banner-text { padding: 0 30px !important; }
        	.home-banner-slider {  height: 500px; }
        	.page-er-not-foundsec {padding-top: 70px; padding-bottom: 50px;}

            .clshome-newbanner {width:95% !important;}
            .home-banner-slider, .elementor-image-carousel-wrapper{height: 600px;}

        }

        @media (max-width: 1299px) {
          .cls-common-form .gform_wrapper .cls-center-img-part img {max-width: 100% !important;}
          .home-banner-slider .swiper-slide-inner .swiper-slide-image {object-position: right;}
          .daycontant br{display: none;}
          .boxcontant h4, .daycontant h4{line-height: 19px;font-size: 15px;}
          .boxcontant p, .daycontant p{font-size: 16px;line-height: 20px;}
          .console-shield h2{margin-bottom: 0px;font-size: 20px;}
          .console-shield p{font-size: 15px;}
          .console-shield {height: 90px;}

        }

        @media (max-width: 1199px) {

            .cls-inner-banner-section h1 br {display: none;}
            .cls-inner-banner-section .clsnew-elementrbanner h1 br{display: block !important;}
            body .cls-common-form .gform_wrapper .clstypesignature, body .cls-common-form .gform_wrapper .clsfontsignature {grid-column: span 4;}
            body .cls-common-form .gform_wrapper .cls_signaturebox {width: 66%;}
        	.cls-quote-form-sec .e-con-inner .e-con-full {margin-bottom: 30px !important;}
        	.cls-quote-form-sec .e-con-inner .e-con-full.cls-box-height {margin-bottom: 0px !important;}

        	/*.home-banner-slider {  height: 450px; }*/
        	.home-banner-slider .swiper-slide-inner .swiper-slide-image {object-position: right;}
        	/*.home-banner-text .elementor-heading-title {font-size: 45px !important;}*/

        	.additional-option .row { align-items: center; }
        	.additional-option .col-sm-4 { width: calc(30% - 8px); }
        	.additional-option .col-sm-8 { width: calc(70% - 8px); }
        	.additional-option .orderformsec { grid-template-columns: 1fr; gap: 0; }

            .boxcontant br{display: none;}
            .tag img {height: 228px;}
            .clsnew-elementrbanner .tag img {height: 228px !important;}
            .console-shield{width: 45%;padding-left: 40px;height: 100px;}
            .bannercontantwrap{padding: 0px 20px;}
            .dayimg, .boximg{margin-bottom: 15px;}
            .sitedtl{align-items: flex-start;}
            .dayimg {width: 37px; height: 37px;}
            .boxcontant h4, .daycontant h4{line-height: 16px;font-size: 15px;}
            .box{gap: 13px;}

            .boxcontant p, .daycontant p{font-size: 14px;line-height: 17px;}
            .console-shield h2{margin-bottom: 0px;}
            .boximg img {width: 32px; height: 32px;}
            .boximg {width: 50px; height: 50px;margin-bottom: 0;border: 2px solid var(--gold);}
            .contantblockwrap .box{align-items: center; gap: 10px;}


           .clshome-newbanner {width:100% !important;}
            .home-banner-slider, .elementor-image-carousel-wrapper{height: 600px;}



        }

        @media only screen and (min-width:992px) and (max-width:1199px)
        {	
        	.cls-quote-form-sec .e-con-inner {flex-wrap: wrap !important; gap: 20px 0px !important; margin-left: -10px; margin-right: -10px;}
        	.cls-quote-form-sec .e-con-inner .e-con-full {width: 33.3333% !important; padding-left: 10px; padding-right: 10px; margin-bottom: 30px !important;}
        	.cls-quote-form-sec .e-con-inner .e-con-full.cls-box-height {width: 100% !important; padding-left: 0px; padding-right: 0px; margin-bottom: 0px !important;}
        	/*.home-banner-slider {height: 450px !important; }*/
            .console-shield { width: 42%;  height: 80px;}
            .console-shield h2 {font-size: 18px;}
            a.detailbtn{padding: 8px 21px;font-size: 14px;}
        	
        }


         @media only screen and (min-width:1025px) and (max-width:1439px) {

            .cls-banner-title-sec h1, .cls-banner-title-sec h2 {font-size: 44px !important;}
            .cls-banner-sm-cont .elementor-heading-title {font-size: 20px !important; line-height: 1.3 !important;}
            .banner-contern-list li .elementor-icon-list-text {font-size: 18px !important; font-size: 18px !important;}
            .cls-banner-cont-sec {gap: 10px !important; padding-top: 0 !important; padding-bottom: 0 !important;}
            .cls-new-shild-btn {padding: 12px 15px 12px 15px !important; text-align: center !important;}
            .cls-new-shild-btn .elementor-heading-title, .cls-new-shild-btn .elementor-widget-text-editor, .cls-built-sec .elementor-widget-text-editor {font-size: 16px !important;}
            .cls-land-mainbanner-sec {min-height: inherit !important;}
            .cls-banner-main-cont-sec {padding-top: 0px !important;}
            .cls-header-logo-sec img {max-width: 200px  !important;}
            .cls-ourfit-guarantee-sec h4 {font-size: 23px !important;}

            .cls-title-big .cla-title-left-border {width: 10%;}
            .cls-title-big .cls-mid-title {width: 80%;}
            /* .cls-title-big .cla-title-right-border {width: 10%;} */

            .cls-title-small .cla-title-left-border {width: 27%;}
            .cls-title-small .cls-mid-title {width: 46%;}
            /* .cls-title-small .cla-title-right-border {width: 27%;} */



         }


        @media only screen and (min-width:1025px) and (max-width:1180px) {

        	.top-navbarmenu nav ul li a {padding-left: 6px !important; padding-right: 6px !important; font-size: 14px !important; padding-top: 5px !important; padding-bottom: 5px !important;  margin-left: 3px !important;
            margin-right: 3px !important;} 

        }

        @media (max-width: 1024px) {
        	.elementor-nav-menu--dropdown.elementor-nav-menu__container {margin: 0 0px !important;	width: 100% !important;left: 0px !important;}
        	body .elementor-menu-toggle { position: absolute; bottom: 20px; right: 0; padding: 10px; }

        	.elementor-nav-menu--dropdown.elementor-nav-menu__container { top: 0 !important; }
        	/* .cls-manufactures-list-grid { grid-template-columns: repeat(3, 1fr); } */
        	.cls-manufactures-list-grid .cls-manufactures-item { width: calc(33.33% - 20px); }

        	.testimonial-slider .swiper-button-next, .testimonial-slider .swiper-button-prev { top: -100px; width: 50px; height: 50px; }
        	.testimonial-slider .swiper-button-next { right: 15px; }
        	.clsquoteformprnt .cls-col-6.form-list-fullwidth {grid-template-columns: 1fr;}
        	.manufacture-clscategorylist .cls-manufactures-list-grid .cls-manufactures-name {display: none !important;}
        	.manufacture-clscategorylist .cls-manufactures-item:hover .cls-manufactures-name {display: none !important;}


          .console-shield{width: 50%;}
          .console-shield h2 {font-size: 20px;}
          .boxcontant h4 br{display: none;}
          .tag img { height: 225px; }
          .clsnew-elementrbanner .tag img {height: 225px !important;}
          .box{gap: 13px;}
          .banner-content{margin-bottom: 8px;}
          a.detailbtn{font-size: 16px;}

          .new-searchsec{margin-top: -50px;}
          .searchwrap{max-width: 100%;}


          .pro-accountbox {width: 230px; height: 207px; margin-top: 0px;}
          .pro-accountbox a .pro-account-title {font-size: 18px;}
          .pro-service-cont {font-size: 14px;}
          .pro-accountbox a .pro-acc-box-border {border-radius: 20px;}

          

          

        }

        @media (max-width: 991px) {
        	body .cls-common-form .gform_wrapper .clstypesignature, body .cls-common-form .gform_wrapper .clsfontsignature {grid-column: span 6;}
        	body .cls-common-form .gform_wrapper .cls_signaturebox {width: 100%;}
        	.cls-ab-sec {flex-direction: column !important; gap: 30px !important;}
        	.innerpage-title-boxbg h1 {font-size: 35px;}
        	.testimonial-slider .rt-col-md-12 {padding-left: 5px !important; padding-right: 5px !important;}
        	.gform-theme--foundation .gfield--width-quarter.clsimgcenter { grid-column: span 6 !important; }
        	.additional-option { margin-top: 15px; }
        	.additional-option .col-sm-4,	.additional-option .col-sm-8 { width: 100%; }

        	.gra-windshield-sosts-cls .measur-sec .col-sm-3 {max-width: 50%;}
            .banner-content{max-width: 100%;  }
            .sitedtl{  align-items: flex-start;}

            .main-title h1 { font-size: 38px; line-height: 40px;margin-bottom: 5px; }
            .btmline img{height: 20px;}
            .freetxt h2 {font-size: 23px;line-height: 38px;}
            .freetxt p{font-size: 18px;line-height: 20px;margin-bottom: 10px;}
            .console-shield h2 { font-size: 20px;margin-bottom: 0;}
            .console-shield p{font-size: 16px;}
            .console-shield{height: 80px;margin-bottom: 0px;}
            .tag img {height: 174px;}
            .clsnew-elementrbanner .tag img {height: 174px !important;}
            a.detailbtn{ padding: 8px 15px;font-size: 15px;}
         
           .boxcontant h4, .daycontant h4{font-size: 16px;}
           .boxcontant p, .daycontant p{font-size: 14px;line-height: 18px;}
           .contantblockwrap .box{gap: 10px;}
           .boximg img {width: 32px; height: 32px;}
           .boximg {width: 55px; height: 55px;}
           .bannercontantwrap {padding: 0px 10px;}

          .searchwrap h4{font-size: 28px;}


        }

        @media only screen and (min-width: 768px) and (max-width: 991px) { 

                .home-banner-text{padding-left: 15px !important;padding-right: 15px !important;}
                     .home-banner-slider, .elementor-image-carousel-wrapper{height:660px;}
        }

         @media only screen and (min-width:768px) and (max-width:1024px) {

            .cls-built-sec {position: absolute !important; right: 0 !important; bottom: 0 !important;}
            .cls-land-mainbanner-sec {background-position: right -177px center !important;}

         }

        @media (max-width: 767px) {
        	.windshield-sec .elementor-widget-image{width: 300px;margin-left: auto !important;margin-right: auto !important;}
        	body .elementor-menu-toggle { bottom: -1px; padding: 8px;}

        	.cls-common-form .cls-upd-form_wrapper {padding: 30px 20px 30px 20px;}
        	.cls-common-form h2.gform_title, .cls-common-form h3.gsection_title {font-size: 22px !important;}
        	body .cls-common-form .gform_wrapper .clstypesignature, body .cls-common-form .gform_wrapper .clsfontsignature {grid-column: span 12;}
        	.cls-banner-sub-list li::before {top: 1px; width: 20px; height: 20px;}
        	.cls-banner-sub-list li {padding-left: 23px;}
        	.cls-windshield-img a {display: inline-block !important;}
        	.cls-wind-btn {position: absolute !important; left: 15px !important; bottom: 15px !important; width: calc(100% - 30px) !important;}


        	/* .cls-manufactures-list-grid { grid-template-columns: repeat(2, 1fr); } */
        	.cls-manufactures-list-grid .cls-manufactures-item { width: calc(40% - 15px); }

        	.home-banner-slider { /* height: 80vh;*/ height: 520px; }
        	.main-newsearch-from .cls-upd-form_wrapper {padding: 15px; }

        	.main-search-page-sort { flex-wrap: wrap; justify-content: center; gap: 15px; }
        	/* .search-it-here .form-control { padding: 12px 15px 12px 45px; border-radius: 60px; background-position: 14px 14px; background-size: 20px; } */
        	.page-sort-box { border-radius: 30px; padding: 8px 20px; gap: 15px; }
        	.search-it-here .form-control { padding: 15px 15px 15px 45px; border-radius: 60px;background-position: 15px 17px; background-size: 20px;}
        	.page-sort-box {width: 100%; justify-content: space-between; padding: 15px 20px;}
        	.page-sort-box .hz-divider {display: none;}

        	.clspagination .page-numbers {min-width: 34px; height: 34px; margin: 0 8px;}
        	.cls-quote-form-sec .e-con-inner {flex-wrap: wrap !important; gap: 20px 0px !important; margin-left: -10px; margin-right: -10px;}
        	.cls-quote-form-sec .e-con-inner .e-con-full {/*width: 50% !important;*/ width: 100% !important; max-width: 350px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;}
        	.cls-quote-form-sec .e-con-inner .e-con-full.cls-box-height {width: 100% !important; padding: 0 0px 75px 0px !important;}
          
        	.cls-box-height .cls-windshield-img {display: flex !important;}
        	.cls-box-height {display: block !important;}
        	.cls-box-height .cls-windshield-img {margin-bottom: 15px !important;}
        	.cls-box-height .cls-windshield-img a {display: block; width: 100%;}

        	.innerpage-title-boxbg {padding: 15px 20px; font-size: 16px;}
        	.innerpage-title-boxbg h1 {font-size: 30px;}
        	.cls-common-form h2.gform_title, .cls-common-form h3.gsection_title {font-size: 22px !important;}
        	.clsquoteformprnt .cls-col-6 {grid-template-columns: 1fr;}
        	/*.home-banner-text .elementor-heading-title { font-size: 35px !important; }*/

        	
        	.filter-box.open {height: auto !important;}
        	.page-er-not-foundsec h1 { font-size: 22px; }
        	.nofoundtext {font-size: 65px;}
        	.page-er-not-foundsec .page-content {font-size: 18px;} 
        	.page-er-not-foundsec {padding-top: 70px; padding-bottom: 50px;}

        	.additional-option .single-pro-title h2 { font-size: 20px; margin-bottom: 10px; }
        	.additional-option .orderformsec .errsmalltext { margin: 6px 0; }

        	.gra-windshield-sosts-cls .winsh-row {flex-wrap: wrap; flex-direction: column; gap: 20px 0px;}
        	.gra-windshield-sosts-cls .winsh-col-img {width: 200px; max-height: 200px; overflow: hidden;  border-radius: 12px; margin-left: auto; margin-right: auto;}
        	.gra-windshield-sosts-cls .winsh-col-list {flex: inherit;}
        	.gra-windshield-sosts-cls .measur-sec .col-sm-3 {max-width: inherit; width: 100%;}
        	.gra-windshield-sosts-cls .com-tab-pl {padding: 0px;}

        	.cls-content-listbox h3 {font-size: 23px; line-height: 1.2; margin-bottom: 10px;}
        	.cls-content-listbox h4 { font-size: 16px; line-height: 1.3; font-weight: 600;}
        	.cls-box-num h1 {margin-bottom: 0px !important;}
         

          .freetxt p {font-size: 16px;line-height: 18px;}
          a.detailbtn img {height: 20px;} 
          .boximg{border: 2px solid var(--gold);width: 40px; height: 40px;}
          .boximg img {width: 27px; height: 27px;}
          .boxcontant h4, .daycontant h4 {line-height: 18px; font-size: 14px;}
          .dayimg {width: 36px; height: 36px;}
          .daysblockwrap .box{display: block;}
          .dayimg, .boximg{margin-bottom: 6px;}
          .checkbox-read-agreement{align-items: flex-start;}
          .cls-returnpolicy{padding-left: 30px; padding-top: 10px;}
          .console-shield h2{font-size: 16px;}
          .console-shield p { font-size: 14px;}
          .box{padding: 0 10px 0 12px;}

          .home-banner-slider, .elementor-image-carousel-wrapper{height:680px;}
          .clshome-newbanner .tag img {height: 165px !important;}
          .home-banner-text{padding-left: 15px !important;padding-right: 15px !important;}
          .clshome-newbanner .console-shield h2 {font-size: 16px;}
          .clshome-newbanner .contantblockwrap .box, .clshome-newbanner .box{display: block;}

          .pro-title-boxbg p{max-width: 100%;line-height: 21px;}
          .pro-listing-search-part .search-it-here .form-control{border-bottom: 1px solid #ddd; border-radius: 0;}
          .clssearchwindshields .page-sort-box, .pro-listing-search-part .page-sort-box{justify-content: flex-start;}
          .clssearchwindshields .main-search-page-sort{overflow: hidden;gap: 0;}
          .clssearchwindshields .search-it-here .form-control{border-radius: 0px;border-bottom: 1px solid #ddd; }

          /* .ft-free-shipping-sec h2 {font-size: 15px !important; padding: 23px 22px;} */
          .cls-land-mainbanner-sec {background-position: right -300px center !important;}
          .banner-contern-list li span em {padding: 3px 15px !important; font-size: 14px !important;}

            .pro-listing-flex {flex-direction: column;}

            .pro-accountbox {margin-left: auto; margin-right: auto;}


        }

        @media (max-width: 672px) {
            .contantblockwrap .box, .daysblockwrap .box{display: block;}
            .dayimg, .boximg {margin-bottom: 10px;}
            .boxcontant h4, .daycontant h4 {line-height: 14px; font-size: 14px;}
            .dayimg {width: 30px; height: 30px;}
            .tag img { height: 160px;}
            .clsnew-elementrbanner .tag img {height: 160px !important;}
            .clshome-newbanner .tag img {height: 150px !important;}
            .clshome-newbanner .console-shield {width: 52%;}
            .clshome-newbanner .console-shield h2 {font-size: 15px;}
            .clshome-newbanner .console-shield p { font-size: 13px;}
            .tag{ padding: 0px 10px;}
            .cls-homebannertitle .elementor-heading-title {font-size: 14px !important;}
            .home-banner-slider, .elementor-image-carousel-wrapper{height:750px;}

            .new-search .form-control{font-size: 14px;}
            
        }

        @media (max-width: 640px) {
        	.gform-theme--foundation .gfield--width-quarter.clsimgcenter { grid-column: span 12 !important; }
            a.detailbtn{font-size: 14px;}
            .clshome-newbanner .main-title h1 {font-size: 29px; line-height: 27px;}
            .clshome-newbanner .freetxt h2{line-height: 30px;}
            .clshome-newbanner .tag img { height: 125px !important; }
            .bannerone{background-position: center;background-size: cover;}

            .search-btn input.button{position: relative;right: 0;display: flex;        margin: 0 0 0 auto;}
            .search-btn.boatsearchbtn{ margin-top: 10px; margin-right: 10px;}
            .new-search .form-control{margin-bottom: 10px;padding: 15px 25px 15px 60px;}
            .searchwrap h4{font-size: 22px;}
            .bannerone{background-position: 70% -100px;}
            .clshome-newbanner .bannerone{background-position: 70% -122px;}


        }

        @media (max-width: 575px) {
        	header .header-topbar .elementor-icon-list-text { display: none !important; }
        	header .header-topbar .elementor-icon-list-icon { padding: 8px 0; }
        	header .header-topbar .elementor-icon-list-icon svg { width: 25px; height: 25px; }

        	/* body .elementor-menu-toggle svg { width: 20px; height: 20px; } */

        	/* .cls-manufactures-list-grid { grid-template-columns: repeat(1, 1fr); padding: 0 15%; min-width: 300px; } */
        	.cls-manufactures-list-grid .cls-manufactures-item { width: calc(50% - 15px); }
        	/*.home-banner-text .elementor-heading-title { font-size: 30px !important; }*/

        	.main-newsearch-from .cls-upd-form_wrapper select { padding: 10px !important; }
            .main-newsearch-from .cls-upd-form_wrapper{flex-direction: column;}
        	.main-newsearch-from .gform_footer { text-align: right; }
        	.main-newsearch-from .gform_footer input.gform_button { padding: 12px 30px !important; }


        	.testimonial-slider .tss-left { grid-template-columns: 70px 1fr 50px; }
        	.testimonial-slider .profile-img-wrapper { width: 70px; height: 70px; }
        	.testimonial-slider .tss-left::before { width: 60px; height: 65px; }
        	.testimonial-slider .single-item-wrapper { padding: 20px 20px; }
        	.testimonial-slider .single-item-wrapper .author-name { font-size: 18px !important; }
        	.testimonial-slider .rating-wrapper { margin: 15px 0px 20px 0px !important; }
        	.tss-wrapper .item-content-wrapper { margin: 0; }

        	.testimonial-slider .swiper-button-next, .testimonial-slider .swiper-button-prev {top: -60px; width: 40px; height: 40px;}
        	.testimonial-slider .swiper-button-prev { right: 70px; }
        	.testimonial-slider .rttss-left-open, .testimonial-slider .rttss-right-open { font-size: 20px !important; }

        	.sidebar-content .widget_block { padding: 0 15px; }
        	.sidebar-content .widget_block .wp-block-heading { margin: 0 -15px; padding: 10px 10px 10px 15px; font-size: 18px; }
        	.sidebar-content .widget_block .wp-block-latest-posts__list, .sidebar-content .widget_block .wp-block-categories-list { padding: 5px 0px 5px 0px; }
        	.sidebar-content .widget_block .wp-block-latest-posts__list a, .sidebar-content .widget_block .wp-block-categories-list a { font-size: 16px; }

        	.alignright, .aligncenter, .alignleft { float: none; }
        	.additional-option .ad-op-img { max-width: 250px; }

            .boxcontant h4, .daycontant h4 {font-size: 14px;}
            .boxcontant p, .daycontant p {font-size: 13px;line-height: 16px; }
            .dayimg { width: 40px;height: 37px; }
            .freetxt h2 {font-size: 24px;}
            .freetxt p {font-size: 16px;}
            .tag {padding: 0px 10px;}
            .sitedtl{justify-content: space-between;}
            .console-shield{height: 76px;width: 57%;}
            .console-shield h2 { font-size: 14px;}
            .clshome-newbanner .console-shield h2 {font-size: 13px;}

            .searchwrap h4{font-size: 20px;}


          
        }


        @media (max-width:496px) {



           .tag{flex: 1;}
           .tag img {height: 100%;object-fit: contain;}
           .clsnew-elementrbanner .tag img {height: 100% !important;}
           .freetxt p{margin-bottom: 7px;}
           .console-shield{height: 70px;position: relative;width: 100%;}
           .contantblockwrap .box, .daysblockwrap .box{padding: 0 10px 0 10px;}
           a.detailbtn {font-size: 14px;padding: 9px 16px;}
           .bannerone{background-size: cover;background-position: bottom;}

          .clshome-newbanner .console-shield { width: 100%;}
          .home-banner-slider, .elementor-image-carousel-wrapper{height:800px;}
          .daysblockwrap .contantblock{grid-template-columns: repeat(2, 1fr);}
          .dayimg {width: 30px;height: 30px;}
          .daysblockwrap .box{margin-bottom:20px; }

          .bannerone {background-position: 70% -120px;}
          .clshome-newbanner .bannerone{background-position: 70% -172px;}
          .banner-content{max-width: 60%;}
          .tag{text-align: center;}


         

        }


        @media (max-width: 450px) {
        	.additional-option .ad-op-img { max-width: 200px; }
            .main-title h1 {font-size: 30px;line-height: 30px;}
            .freetxt h2 { font-size: 19px;}
            .bannercontantwrap {padding: 0px 15px;}
            .boxcontant p, .daycontant p{word-break: break-word;}
            .home-banner-slider, .elementor-image-carousel-wrapper{height:800px;}

            .bannerone {background-position: 70% -163px; }
            .tag{padding-right: 0px;}
            .clshome-newbanner .freetxt h2{ font-size: 18px;}
            .clshome-newbanner .freetxt p {font-size: 12px;line-height: 14px;}
            .clshome-newbanner a.detailbtn {font-size: 10px; }
            .freetxt p {font-size: 12px; }
            a.detailbtn {font-size: 12px;padding: 7px 15px; }

            .clssearchwindshields .page-sort-box{padding: 15px 12px;}
            
        }

        @media (max-width: 400px) {
        	.cls-manufactures-list-grid { gap: 20px; }
        	.cls-manufactures-list-grid .cls-manufactures-item { width: 100%; }
        	.page-sort-box { align-items: center; gap: 5px; }
        	.page-sort-box .hz-divider { display: none; }
        	.cls-quote-form-sec .e-con-inner .e-con-full {width: 100% !important;}

             .home-banner-slider, .elementor-image-carousel-wrapper{height:1000px;}
             .clshome-newbanner .contantblock{ grid-template-columns: repeat(2, 1fr);}
             .clshome-newbanner .contantblockwrap .box, .clshome-newbanner .box{margin-bottom: 20px;}
             .searchboatwindshields{padding: 20px;}
             .clshome-newbanner .freetxt p {font-size: 12px;}
             .clshome-newbanner .freetxt h2 {font-size: 16px;}
             .clshome-newbanner a.detailbtn {font-size: 12px; padding: 7px 12px;gap:8px;}
             .clshome-newbanner .bannerone {background-position: 70% -263px; }
        }



        @media (max-width:390px) {
            .contantblock{grid-template-columns:repeat(2,1fr)}
            .contantblockwrap .box, .daysblockwrap .box{margin-bottom: 20px;display: flex;}
            .boximg{width: 42px;height: 42px;}
            .dayimg {  width: 30px;   height: 30px; }
            .console-shield { height: 60px;    }
            .contantblockwrap .box:nth-child(2), .daysblockwrap .box:nth-child(2){border-right: none;}
            .clshome-newbanner .daysblockwrap .box{display: block;}

            .clshome-newbanner .main-title h1 { font-size: 23px; line-height: 23px; }
            .clshome-newbanner .freetxt p {font-size: 12px;line-height: 17px;}
            .clshome-newbanner a.detailbtn,  a.detailbtn {font-size: 10px;}
            .bannercontantwrap {padding: 0px 5px;}




        } 

        @media (max-width:351px) {

         
         .home-banner-slider, .elementor-image-carousel-wrapper{height:999px;}
         .tag {padding: 0px 5px;}
         .clshome-newbanner a.detailbtn { font-size: 10px; }
         .bannerone { background-position: 72% -235px; }

        }

        img {max-width: 100%; height: auto;}

        /*--------------responsive-end----------------------*/

        /* 04-06-26 */
        .search-it-here{position: relative;}
        .boatsearchbtn  input.button{right: 0;}
        .submit-cls{margin-top: 20px;}
	.boatsearchbtn{display:none;}
    .clsspan{color: #FFF; font-size: 18px; display: block;}