/*---------------------------------------------------------------------------------
 Theme Name:   Skippers mate australia
 Theme URI:
 Description:  Child theme of Skippers Mate Australia
 Author:      Skippers Mate Australia
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
 
 div#page-container {
     overflow: hidden;
 }
 
 body {
     font-family: "Roboto", sans-serif;
     font-display: swap !important;
     line-height: 1.7;
 }
 /*banner*/
 ul.header_top li a {
    color: #fff;
}

 .banner_section .et-pb-controllers {
     position: absolute;
     bottom: 80px;
     right: 0px;
     left: auto !important;
     width: fit-content;
     text-align: center;
     z-index: 10;
     transform: rotate(90deg);
 }
 
 .banner_section .et-pb-controllers a.et-pb-active-control {
     width: 39px;
     background-color: #EE691D !important;
 }
 
 .banner_section .et-pb-controllers a {
     opacity: 1 !important;
     background: #fff !important;
 }
 
 .banner_section .et_pb_slides .et_pb_container {
     display: flex !important;
 }
 
 .banner_section .et_pb_slides .et_pb_slider_container_inner {
     display: block !important;
 }
 
 .banner_section .et-pb-arrow-prev {
     left: 22px;
     opacity: 1;
     bottom: 30px;
     display: flex;
     align-items: center;
     top: auto;
 }
 
 .banner_section .et-pb-arrow-next {
     right: auto;
     opacity: 1;
     display: flex;
     align-items: center;
     bottom: 30px;
     top: auto;
     left: 150px;
 }
 
 .banner_section .et-pb-arrow-next span,
 .banner_section .et-pb-arrow-prev span {
     display: block !important;
     font-size: 16px !important;
     font-weight: 400 !important;
 }
 
 .banner_section .et-pb-arrow-next,
 .banner_section .et-pb-arrow-prev {
     font-size: 32px !important;
     border: 0.6px solid #FFFFFF;
     border-radius: 50px;
     font-weight: 400;
     width: 120px;
     display: flex;
     justify-content: space-around;
     align-items: center;
     padding: 5px;
 }
 
 .banner_section a.et-pb-arrow-next {
     flex-direction: row-reverse;
 }
 
 .row_width {
     padding: 0 !important;
     width: 100% !important;
     max-width: 1400px !important;
 }
 
 .center_title {
     text-align: center;
 }
 
 .mb30 {
     margin-bottom: 30px;
 }
 
 .section_main_title {
     font-size: 30px;
     font-weight: 600;
     color: #000;
     position: relative;
     text-transform: capitalize;
 }
 
 .section_main_title::after {
     position: absolute;
     content: '';
     bottom: -7px;
     width: 46px;
     background: #EE691D;
     height: 4px;
     left: 0;
     right: 0;
     margin: auto;
 }
 /*  */
 
 .new_arrival_row .slick-arrow .fa {
     color: #fff !important;
 }
 
 .yellow_color {
     color: #FFCA08;
 }
 
 .banner_section .et_pb_slide {
     background: url('data:image/svg+xml,<svg width="1920" height="795" viewBox="0 0 1920 795" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1920" height="795" fill="%231366AB"/><mask id="mask0_437_104" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="795"><path d="M0 0H1920V795H0V0Z" fill="%23222222"/></mask><g mask="url(%23mask0_437_104)"><g filter="url(%23filter0_f_437_104)"><ellipse cx="1412.5" cy="472" rx="536.5" ry="302" fill="white" fill-opacity="0.6"/></g><g filter="url(%23filter1_f_437_104)"><ellipse cx="-91.5" cy="742" rx="364.5" ry="205" fill="white" fill-opacity="0.69"/></g></g><defs><filter id="filter0_f_437_104" x="232" y="-474" width="2361" height="1892" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="322" result="effect1_foregroundBlur_437_104"/></filter><filter id="filter1_f_437_104" x="-1100" y="-107" width="2017" height="1698" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="322" result="effect1_foregroundBlur_437_104"/></filter></defs></svg>');
     height: 795px !important;
     position: relative;
 }
 
 .banner_section .et_pb_slide::after {
     background: url(../../../wp-content/uploads/2024/07/Group-1437255020.png);
     width: 532px;
     height: 155px;
     top: 0;
     right: 0;
     position: absolute;
     content: '';
 }
 
 .banner_slider_main_text {
     font-size: 62px;
     color: #fff;
     font-weight: 700;
     line-height: 1.3;
 }
 
 .banner_slider {
     text-align: left;
 }
 
 .banner_section,
 .banner_section_row {
     padding: 0 !important;
 }
 
 .banner_slider_main_text span {
     display: block;
 }
 
 .banner_slider_main_btn {
     margin-top: 20px;
 }
 
 .et_pb_slide_description,
 .et_pb_slider_fullwidth_off .et_pb_slide_description {
     padding: 0 !important;
     height: 100% !important;
 }
 /* brand main */
 
 .logo-poster {
     height: 125px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 10px;
 }
 
 .slick-arrow {
     background: transparent;
     border: none;
     font-size: 30px;
     cursor: pointer;
 }
 
 .pull-left {
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     z-index: 999;
     left: -20px;
 }
 
 .pull-right {
     position: absolute;
     right: -20px;
     top: 0;
     bottom: 0;
     margin: auto;
 }
 
 .same_padding {
     padding: 80px 0px !important;
 }
 
 .brand_section {
     border-top: 1px solid #ddd;
 }
 /* brand main end*/
 /* FAQ section */
 
 .faq_box {
     width: 80% !important;
     margin: auto;
 }
 
 h5.et_pb_toggle_title,
 .et_pb_toggle_content {
     font-size: 16px !important;
     color: #000 !important;
     font-weight: 400 !important;
 }
 
 .faq_box .et_pb_toggle_close {
     background: transparent !important;
 }
 
 .faq_box .et_pb_toggle {
     margin-bottom: 20px !important;
     border-radius: 14px;
 }
 
 .faq_box .et_pb_toggle_open .et_pb_toggle_title {
     background: #1366AB !important;
     color: #fff !important;
     padding: 20px !important;
     border-radius: 10px;
 }
 
 .et_pb_toggle_title:before {
     content: "\4c" !important;
 }
 
 .et_pb_toggle_open .et_pb_toggle_title::after {
     content: "\4b";
     position: absolute;
     right: 8px;
     font-size: 30px;
     color: #fff;
     font-family: ETmodules !important;
     top: 0;
     bottom: 0;
     margin: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 
 .faq_box .et_pb_toggle_title:before {
     color: #000;
     top: 50%;
     margin-top: -.5em;
     font-size: 30px;
 }
 
 .faq_box .et_pb_toggle_open .et_pb_toggle_title {
     padding-right: 30px !important;
 }
 /* FAQ end */
 /* product design */
 
 .childWrapper_inner {
     -webkit-box-shadow: 0px 0px 15px 0px #00000017;
     box-shadow: 0px 0px 15px 0px #00000017;
     height: 380px;
     background: #fff;
     position: relative;
     border-radius: 12px;
     text-align: center;
     margin: 15px;
     padding-top: 50px;
 }
 
 .childWrapper_inner:hover .proimage img {
     transform: scale(0.9);
     transition: 1s !important;
 }
 
 .proimage img {
     margin: auto;
     transform: scale(1);
     transition: 1s !important;
 }
 
 .brand_images {
     height: 55px;
     width: 43px;
     background: #EE691D;
     padding: 6px;
     border-radius: 0px 0px 500px 500px;
     position: absolute;
     top: -7px;
     left: 10px;
 }
 
 .proname {
     font-size: 16px;
     color: #000;
     font-weight: 500;
     line-height: 1.3;
     padding: 15px 10px;
     border-top: 1px solid #DDDDDD;
     width: 80%;
     margin: auto;
     margin-top: 15px;
 }
 
 .proprice::after {
     position: absolute;
     content: '';
     position: absolute;
     content: '';
     background: url('data:image/svg+xml,<svg width="6" height="5" viewBox="0 0 6 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5L6 0V5H0Z" fill="%23FFCA08"/></svg>');
     width: 6px;
     height: 5px;
     background-size: contain;
     top: 1px;
     left: -6px;
     background-repeat: no-repeat;
 }
 
 .childWrapper_inner::after {
     background: #EE691D17;
     right: 0;
     top: -19%;
     bottom: 0;
     margin: auto;
     height: 135px;
     width: 5px;
     position: absolute;
     content: '';
     border-radius: 20px 20px 0px 0px;
 }
 
 .childWrapper_inner::before {
     background: #EE691D17;
     left: 0;
     top: -19%;
     bottom: 0;
     margin: auto;
     height: 135px;
     width: 5px;
     position: absolute;
     content: '';
     border-radius: 20px 20px 0px 0px;
 }
 
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
 }
 
 .progress {
     display: block;
     width: 100%;
     height: 10px;
     border-radius: 10px;
     overflow: hidden;
     background-color: #f5f5f5;
     background-image: -webkit-gradient(linear, left top, right top, from(#1366AB), to(#1366AB));
     background-image: -o-linear-gradient(left, #1366AB, #1366AB);
     background-image: linear-gradient(to right, #1366AB, #1366AB);
     background-repeat: no-repeat;
     background-size: 0 100%;
     -webkit-transition: background-size .4s ease-in-out;
     -o-transition: background-size .4s ease-in-out;
     transition: background-size .4s ease-in-out;
 }
 
 .category_box_main_all {
     padding-left: 20px;
 }
 
 .proprice_main {
     -webkit-box-shadow: 0px 4px 4px 0px #00000026;
     box-shadow: 0px 4px 4px 0px #00000026;
     background: #1366AB;
     position: absolute;
     width: 106%;
     margin: auto;
     left: -20px;
     right: -20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     height: 42px;
     bottom: 0;
     border-radius: 0px 0px 10px 10px;
 }
 
 .proprice_main::after {
     position: absolute;
     content: '';
     background: url('data:image/svg+xml,<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.173986 0.27002L10.7754 6.8959H0.173986V0.27002Z" fill="%2311548B"/></svg>');
     width: 10px;
     height: 7px;
     background-size: contain;
     top: -6px;
     right: 0px;
     background-repeat: no-repeat;
 }
 
 .proprice_main::before {
     position: absolute;
     content: '';
     background: url('data:image/svg+xml,<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6014 0.269287L0 6.89517H10.6014V0.269287Z" fill="%2311548B"/></svg>');
     width: 10px;
     height: 7px;
     background-size: contain;
     top: -6px;
     left: 0px;
     background-repeat: no-repeat;
 }
 
 .proimage img {
     height: 180px !important;
     width: 100% !important;
     -o-object-fit: contain !important;
     object-fit: contain !important;
 }
 
 .brand_images::after {
     position: absolute;
     content: '';
     background: #EE691D;
     width: 53.89px;
     height: 7px;
     top: 0;
     left: 0;
     border-radius: 4px 80px 0px 0px;
 }
 
 .prosaleprice {
     font-size: 22px;
     color: #5994C4;
     font-weight: 500;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
 }
 
 .proprice {
     font-size: 20px;
     color: #000;
     font-weight: 800;
     background: #FFCA08;
     width: 140px;
     height: 115%;
     top: -6px;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
 
 .prosaleprice span {
     color: #fff !important;
 }
 
 .proprice span,
 .prosaleprice span {
     font-size: 16px;
     color: #000;
     padding-right: 0px;
     font-weight: 500;
 }
 
 .brand_images img {
     width: 100% !important;
     height: 100% !important;
     -o-object-fit: contain;
     object-fit: contain;
 }
 
 .cat_title {
     position: absolute;
     right: 0;
     background: #1366AB;
     font-size: 12px;
     color: #fff;
     border-radius: 30px 0px 0px 30px;
     padding: 4px 10px;
     top: 10px;
     width: 50% !important;
     line-height: 1.2 !important;
 }
 
 .brand_title {
     position: absolute;
     top: 5px;
     left: 60px;
 }
 
 .brand_title {
     position: absolute;
     top: 5px;
     left: 60px;
     font-weight: 500;
     font-size: 14px;
     color: #EE691D;
     text-transform: uppercase;
 }
 
 .brand_title span {
     color: #000;
     display: block;
     text-transform: capitalize;
     line-height: 0.9;
 }
 
 .category_box_main {
     background: #35343080;
     border-radius: 20px;
     text-align: center;
     padding: 20px;
     height: 471px;
 }
 
 .category_title {
     font-size: 25px;
     color: #fff;
     font-weight: 900;
 }
 
 .category_title_inner ul {
     padding: 0 !important;
 }
 
 .category_title_inner ul li {
     background: #FFCA08;
     font-size: 12px;
     list-style-type: none;
     display: inline-block;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     padding: 0px 10px;
     color: #000;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 10px;
     border-radius: 5px;
 }
 
 .view_all_btn a {
     font-size: 16px;
     color: #fff;
     text-decoration: underline;
     font-weight: 400;
 }
 
 .cat_all_title {
     font-size: 28px;
     font-weight: 500;
     color: #CDDD01;
 }
 
 .category_box_main_inner {
     border: 1px solid #CEDE01;
     border-radius: 20px;
     padding: 20px 9px;
     position: relative;
     height: 100%;
 }
 
 .cat_img {
     position: absolute;
     left: 0;
     right: 0;
     bottom: -100px;
 }
 
 .same_padding.pd_top_0 {
     padding-top: 0 !important;
 }
 /* product design end */
 /* ============why_skipper_mate_row ================*/
 
 .why_skipper_mate_row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 .why_skipper_mate_col1 {
     width: 25% !important;
     position: relative;
 }
 
 .why_skipper_mate_col1_title {
     font-size: 22px;
     color: #000;
     font-weight: 600;
     line-height: 1.3;
     text-align: center;
 }
 
 .why_skipper_mate_col1_inner {
     background: #fff;
     padding: 20px;
     height: 187px;
     border-radius: 20px;
     margin: 10px;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-top: 65px;
 }
 
 .why_skipper_mate_col1_inner:hover .why_skipper_mate_col1_icon,
 .why_skipper_mate_col1_inner:hover::after {
     background: #EE691D;
 }
 
 .why_skipper_mate_col1_inner:hover .why_skipper_mate_col1_icon::after,
 .why_skipper_mate_col1_inner:hover .why_skipper_mate_col1_icon::before {
     background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, transparent), color-stop(52%, #EE691D));
     background: -o-linear-gradient(bottom left, transparent 50%, #EE691D 52%);
     background: linear-gradient(to top right, transparent 50%, #EE691D 52%);
 }
 
 .why_skipper_mate_col1_inner::after {
     position: absolute;
     content: '';
     border-radius: 30px 30px 0px 0px;
     background: #1366AB;
     width: 74px;
     height: 11px;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
 }
 
 .first_for {
     margin-bottom: 50px;
 }
 
 .why_skipper_mate_col1_icon {
     height: 80px;
     background: #1366AB;
     width: 125px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-radius: 0px 0px 15px 15px;
     position: absolute;
     top: -25px;
     left: 0;
     right: 0;
     margin: auto;
 }
 
 .why_skipper_mate_col1_icon::before {
     content: "";
     background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, transparent), color-stop(52%, #1366AB));
     background: -o-linear-gradient(bottom left, transparent 50%, #1366AB 52%);
     background: linear-gradient(to top right, transparent 50%, #1366AB 52%);
     width: 26px;
     height: 25px;
     position: absolute;
     top: 0px;
     left: -25px;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     z-index: -1;
 }
 
 .why_skipper_mate_col1_icon::after {
     content: "";
     background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, transparent), color-stop(52%, #1366AB));
     background: -o-linear-gradient(bottom left, transparent 50%, #1366AB 52%);
     background: linear-gradient(to top right, transparent 50%, #1366AB 52%);
     width: 26px;
     height: 25px;
     position: absolute;
     top: 0;
     right: -26px;
     z-index: -1;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
 .why_title .section_main_title {
     font-size: 40px;
     color: #fff;
 }
 
 .progress {
     margin-top: 10px;
 }
 /* ============why_skipper_mate_end ================*/
 /* futured product */
 
 .category_box_main_all_left {
     padding-right: 25px;
     margin-bottom: 70px !important;
 }
 /* futured product end*/
 /* product category */
 
 div#tabs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 .alarm_data {
     width: 80% !important;
     padding: 0px 30px;
     position: relative;
 }
 
 .main_cat_all_inner {
     width: 20% !important;
     background: #2370B1;
     border-radius: 20px;
 }
 
 .main_title_all {
     font-size: 30px;
     color: #fff;
     padding: 20px;
     font-weight: 500;
     position: relative;
 }
 
 ul.div_tab_d {
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 ul.div_tab_d li svg {
     display: none;
 }
 
 ul.div_tab_d li.active svg {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-left: 10px;
     width: 30px;
 }
 
 ul.div_tab_d li.active {
     background: #EE691D;
 }
 
 ul.div_tab_d li {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     cursor: pointer;
     font-size: 20px;
     color: #fff;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 5px 10px;
 }
 
 .div_tab_d_akk::-webkit-scrollbar {
     width: 10px;
 }
 /* Track */
 
 .div_tab_d_akk::-webkit-scrollbar-track {
     background: #f1f1f1;
 }
 /* Handle */
 
 .div_tab_d_akk::-webkit-scrollbar-thumb {
     background: #888;
 }
 /* Handle on hover */
 
 .div_tab_d_akk::-webkit-scrollbar-thumb:hover {
     background: #555;
 }
 /* product category end*/
 
 .alarm_data_loader_outer_box {
     position: absolute;
     top: 0;
     width: 80%;
     height: 100%;
     background: #fff;
     left: auto;
     right: 0;
 }
 
 .alarm_data_loader_inner_box {
     background: #2370B1;
     width: 100px;
     height: 100px;
     margin: 50px auto;
     border-radius: 50%;
     position: absolute;
     z-index: 1;
     top: 0;
     bottom: 0;
     left: 0%;
     right: 0;
     margin: auto;
 }
 
 .alarm_data_loader_inner_box:before,
 .alarm_data_loader_inner_box:after {
     content: "";
     background: #2370B1;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     opacity: 0.5;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: -1;
     -webkit-animation: pulse-fade 2s ease-out 3s infinite;
     animation: pulse-fade 2s ease-out 3s infinite;
 }
 
 .alarm_data_loader_inner_box:after {
     background: none;
     width: 65px;
     height: 65px;
     border: 3px dashed whitesmoke;
     opacity: 1;
     z-index: 1;
     -webkit-animation: pre-spin 3s ease-in, spin 1s linear 3s infinite;
     animation: pre-spin 3s ease-in, spin 1s linear 3s infinite;
 }
 
 @-webkit-keyframes pre-spin {
     20% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
         transform: translateX(-50%) translateY(-50%) rotate(45deg);
     }
     35% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(35deg);
         transform: translateX(-50%) translateY(-50%) rotate(35deg);
     }
     50% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(120deg);
         transform: translateX(-50%) translateY(-50%) rotate(120deg);
     }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(500deg);
         transform: translateX(-50%) translateY(-50%) rotate(500deg);
     }
 }
 
 @keyframes pre-spin {
     20% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
         transform: translateX(-50%) translateY(-50%) rotate(45deg);
     }
     35% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(35deg);
         transform: translateX(-50%) translateY(-50%) rotate(35deg);
     }
     50% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(120deg);
         transform: translateX(-50%) translateY(-50%) rotate(120deg);
     }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(500deg);
         transform: translateX(-50%) translateY(-50%) rotate(500deg);
     }
 }
 
 @-webkit-keyframes spin {
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(500deg);
         transform: translateX(-50%) translateY(-50%) rotate(500deg);
     }
 }
 
 @keyframes spin {
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) rotate(500deg);
         transform: translateX(-50%) translateY(-50%) rotate(500deg);
     }
 }
 
 @-webkit-keyframes pulse-fade {
     10% {
         opacity: 0.7;
         width: calc(100% + 25px);
         height: calc(100% + 25px);
     }
     40% {
         opacity: 0.2;
     }
     100% {
         opacity: 0.0;
         width: calc(100% + 50px);
         height: calc(100% + 50px);
     }
 }
 
 @keyframes pulse-fade {
     10% {
         opacity: 0.7;
         width: calc(100% + 25px);
         height: calc(100% + 25px);
     }
     40% {
         opacity: 0.2;
     }
     100% {
         opacity: 0.0;
         width: calc(100% + 50px);
         height: calc(100% + 50px);
     }
 }
 
 .category_box_main_all_left .category_title {
     font-size: 48px;
 }
 
 .category_box_main_all_left .category_title_inner ul li {
     font-size: 28px;
     padding: 10px;
 }
 
 .category_box_main_all_left .cat_all_title {
     color: #fff;
 }
 /* new arrival section */
 
 .new_arrival_section .section_main_title {
     color: #fff !important;
 }
 
 .span_bottom_img {
     position: absolute;
     bottom: 0;
     right: -80px;
     line-height: 0;
 }
 
 .span_bottom_img_product {
     position: absolute;
     right: 70px;
     bottom: 70px;
 }
 
 .banner_arrows {
     position: absolute;
     right: 20px;
     display: none;
     top: 33px;
 }
 
 .main_title_all::after {
     position: absolute;
     width: 50px;
     height: 2px;
     background: #fff;
     left: 22px;
     bottom: 17px;
     content: '';
 }
 
 .banner_slider {
     text-align: left;
     width: 50%;
     top: 130px;
     position: relative;
 }
 
 .span_bottom_img_product img {
     height: 562px;
     width: 962px;
     -o-object-fit: contain;
     object-fit: contain;
 }
 
 .banner_arrows img {
     width: 242px;
     height: 175px;
     -o-object-fit: contain;
     object-fit: contain;
 }
 
 .banner_slider_main_text p {
     padding: 0 !important;
 }
 
 .site_content span {
     display: block;
     color: #000;
     font-size: 16px;
 }
 
 .new_arrival_section .slick-arrow .fa {
     color: #fff;
 }
 
 .custom-checkbox {
     display: flex;
 }
 
 .custom-checkbox,
 .custom-checkbox2 {
     background: #EE691D;
     color: #fff;
     font-size: 14px;
     border-radius: 10px;
     padding: 10px;
     font-weight: 400;
     display: flex;
     align-items: flex-start;
 }
 
 .custom-checkbox2 {
     margin-top: 20px;
 }
 
 .proprice>span,
 .prosaleprice>span {
     padding-left: 5px;
 }
.faqs_section.same_padding {
		padding-top:0px !important;
}
 @media all and (min-width: 320px) and (max-width: 767px) {
	 .product_cat_section.same_padding {
    padding: 30px 0px !important;
}
	 .faqs_section.same_padding{
		 padding-top:0px !important;
	 }
     .main_title_all::after {
         left: 0;
         right: 0;
         margin: auto;
     }
     .alarm_data_loader_outer_box {
         width: 100%;
         height: 80%;
         bottom: 0;
         top: auto;
         z-index: 999;
         background: #fff;
     }
     ul.div_tab_d li svg {
         display: none !important;
     }
     .pull-right {
         width: 30px;
         height: 30px;
         border-radius: 50px;
         border: 1px solid;
         font-size: 23px;
         right: -6px;
     }
     .pull-left {
         width: 30px;
         height: 30px;
         border-radius: 50px;
         border: 1px solid;
         font-size: 23px;
         left: -6px;
     }
     .new_arrival_section .pull-left .fa,
     .new_arrival_section .pull-right .fa {
         color: #000 !important;
     }
     .new_arrival_section .pull-left,
     .new_arrival_section .pull-right {
         background: #fff;
         border-color: #FFCA08;
     }
     /* banner */
     .banner_slider_main_text {
         font-size: 26px;
     }
     .span_bottom_img {
         width: 100%;
         right: 0;
     }
     .banner_slider {
         width: 100%;
         position: relative;
         top: 50px;
     }
     .banner_arrows {
         right: 0;
         display: none;
     }
     .banner_arrows img {
         width: 170px;
         height: 115px;
     }
     .banner_section .et_pb_slide {
         height: 400px !important;
     }
     /* banner end */
     .same_padding {
         padding: 30px 10px !important;
     }
     /* faqs */
     .et_pb_toggle_close,
     .et_pb_toggle_open {
         padding: 10px !important;
     }
     .faq_box .et_pb_toggle_open .et_pb_toggle_title {
         padding: 10px !important;
         padding-right: 20px !important;
     }
     h5.et_pb_toggle_title,
     .et_pb_toggle_content {
         font-size: 14px !important;
     }
     .et_pb_toggle_open .et_pb_toggle_title::after,
     .faq_box .et_pb_toggle_title:before {
         font-size: 20px !important;
     }
     .faq_box {
         width: 100% !important;
     }
     .section_main_title {
         font-size: 22px;
     }
     /* faqs end */
     /* product design */
     .cat_title span {
         display: none;
     }
     .category_title {
         font-size: 20px;
     }
     .cat_all_title {
         font-size: 24px;
     }
     .cat_img {
         bottom: -110px;
     }
     .proname {
         width: 100%;
         font-size: 14px;
     }
     .proprice {
         font-size: 16px;
         width: 120px;
     }
     .prosaleprice {
         font-size: 18px;
     }
     .cat_img img {
         height: 150px;
     }
     .category_box_main {
         padding: 10px;
         height: auto;
     }
     .category_box_main_inner {
         padding-bottom: 60px;
     }
     .category_box_main_all {
         padding: 0;
         padding-bottom: 90px !important;
     }
     .category_vos_row {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
     /* product design end*/
     /* why skipper mate */
     .why_skipper_mate_col1_title {
         font-size: 15px;
     }
     .why_title .section_main_title {
         font-size: 28px;
         margin-bottom: 40px;
     }
     .why_skipper_mate_col1_inner {
         padding-top: 60px;
         margin-bottom: 40px !important;
     }
     .why_skipper_mate_col1_icon {
         height: 70px;
		 width:70px;
     }
     .why_skipper_mate_col1 {
         width: 50% !important;
     }
	 .same_padding.why_mate_section{
		 	        padding: 30px 0px !important;
	 }
	 .why_skipper_mate_col1:last-child .why_skipper_mate_col1_inner{
		 margin-bottom:0px !important;
	 }
     .why_skipper_mate_row {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }
     .why_skipper_mate_col1_inner {
                 height: 140px;
        padding-left: 5px;
        padding-right: 5px;
     }
     /* why skipper mate end*/
     /* category reverse */
     /* .category_vos_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  } */
     .category_box_main_all_left {
         padding: 0 !important;
     }
     .category_box_main_all_left {
         padding-bottom: 100px !important;
         margin-bottom: 0 !important;
     }
     /* category reverse end*/
     /* category  product*/
     ul.div_tab_d li {
         font-size: 16px;
         width: auto;
         text-align: center;
     }
     .category_box_main_all_left .category_title {
         font-size: 30px;
     }
     .category_box_main_all_left .category_title_inner ul li {
         font-size: 18px;
     }
     .div_tab_d_akk {
         white-space: nowrap;
         overflow-x: auto;
         width: 100%;
     }
     .main_title_all {
         font-size: 22px;
         padding: 15px;
         text-align: center;
     }
     .alarm_data {
         padding: 0;
         width: 100% !important;
         margin-top: 20px;
     }
     .main_cat_all_inner {
         width: 100% !important;
         border-radius: 0px !important;
     }
     ul.div_tab_d {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }
     .banner_section .et-pb-arrow-next span,
     .banner_section .et-pb-arrow-prev span {
         font-size: 14px !important;
         display: none !important;
     }
     .banner_section .et-pb-arrow-next,
     .banner_section .et-pb-arrow-prev {
         font-size: 24px !important;
     }
     .banner_section .et-pb-arrow-next,
     .banner_section .et-pb-arrow-prev {
         width: 30px;
         height: 30px;
         bottom: 10px;
     }
     .banner_section .et-pb-arrow-prev,
     .et_pb_slider:hover .et-pb-arrow-prev {
         left: 15px;
     }
     .banner_section a.et-pb-arrow-next {
         left: 54px;
     }
     .banner_section .et-pb-arrow-next,
     .banner_section .et-pb-arrow-prev {
         justify-content: center;
     }
     .banner_section .et-pb-controllers {
         display: none !important;
     }
     /* category  product end*/
 }
 
 @media all and (min-width: 481px) and (max-width: 767px) {
     .childWrapper_inner {
         margin: 10px;
     }
     .prosaleprice,
     .proprice,
     .proprice span,
     .prosaleprice span {
         font-size: 14px;
     }
     .proprice {
         width: 110px;
     }
     .cat_title {
         top: 40px;
     }
     .proimage img {
         height: 150px;
         padding-top: 50px;
     }
     .why_skipper_mate_col1 {
         width: 50% !important;
     }
     .span_bottom_img {
         width: 80%;
         right: -50px;
     }
 }
 
 @media all and (min-width: 768px) and (max-width: 980px) {
     .childWrapper_inner {
         height: 410px !important;
     }
     .cat_title {
         top: 40px !important;
     }
     .proimage {
         padding-top: 40px;
     }
     .cat_title {
         width: 100px !important;
     }
     .main_title_all::after {
         left: 0;
         right: 0;
         margin: auto;
     }
     .alarm_data_loader_outer_box {
         width: 100%;
         height: 80%;
         bottom: 0;
         top: auto;
         z-index: 999;
         background: #fff;
     }
     .same_padding {
         padding: 40px 20px !important;
     }
     .banner_section .et-pb-arrow-next span,
     .banner_section .et-pb-arrow-prev span {
         font-size: 14px !important;
     }
     .banner_section .et-pb-arrow-next,
     .banner_section .et-pb-arrow-prev {
         font-size: 24px !important;
     }
     /* faqs */
     .et_pb_toggle_close,
     .et_pb_toggle_open {
         padding: 15px !important;
     }
     .faq_box .et_pb_toggle_open .et_pb_toggle_title {
         padding: 15px !important;
     }
     h5.et_pb_toggle_title,
     .et_pb_toggle_content {
         font-size: 15px;
     }
     .faq_box {
         width: 90% !important;
     }
     .section_main_title {
         font-size: 26px;
     }
     /* faqs end */
     /* product design */
     .cat_title span {
         display: none;
     }
     .category_title {
         font-size: 20px;
     }
     .cat_all_title {
         font-size: 24px;
     }
     .cat_img {
         bottom: -110px;
     }
     .proname {
         width: 100%;
         font-size: 14px;
     }
     .proprice,
     .prosaleprice {
         font-size: 16px;
         width: 110px;
         z-index: 9;
     }
     .cat_img img {
         height: 240px;
     }
     .category_box_main {
         padding: 10px;
         height: 370px;
     }
     .category_box_main_all {
         padding: 0;
         padding-bottom: 90px !important;
     }
     .category_vos_row {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
     /* product design end*/
     /* why skipper mate */
     .why_skipper_mate_col1_title {
         font-size: 18px;
     }
     .why_title .section_main_title {
         font-size: 32px;
     }
     .why_skipper_mate_col1_inner {
         padding-top: 60px;
         margin-bottom: 40px;
     }
     .why_skipper_mate_col1_icon {
         height: 70px;
     }
     .why_skipper_mate_col1 {
         width: 33.33% !important;
     }
     .why_skipper_mate_row {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }
     /* why skipper mate end*/
     /* category reverse */
     /* .category_vos_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  } */
     .category_box_main_all_left {
         padding: 0 !important;
     }
     .childWrapper_inner {
         margin: 10px;
     }
     .category_box_main_all_left {
         padding-bottom: 100px !important;
         margin-bottom: 0px !important;
     }
     /* category reverse end*/
     /* category  product*/
     ul.div_tab_d li {
         font-size: 16px;
         width: auto;
         text-align: center;
     }
     .div_tab_d_akk {
         white-space: nowrap;
         overflow-x: auto;
         width: 100%;
     }
     .main_title_all {
         font-size: 22px;
         padding: 15px;
         text-align: center;
     }
     .alarm_data {
         padding: 0;
         width: 100% !important;
         margin-top: 20px;
     }
     .main_cat_all_inner {
         width: 100% !important;
         border-radius: 0px !important;
     }
     ul.div_tab_d {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }
     .category_box_main_all_left .category_title {
         font-size: 30px;
     }
     .category_box_main_all_left .category_title_inner ul li {
         font-size: 18px;
     }
     /* category  product end*/
     /* banner */
     .banner_slider_main_text {
         font-size: 40px;
     }
     .span_bottom_img {
         width: 75%;
     }
     .banner_slider {
         width: 100%;
         position: relative;
         top: 50px;
     }
     .banner_arrows {
         right: 0;
         display: none;
     }
     .banner_arrows img {
         width: 170px;
         height: 115px;
     }
     .banner_section .et_pb_slide {
         height: 450px !important;
     }
     /* banner end */
 }
 
 @media only screen and (min-width: 981px) and (max-width: 1024px) {
     .same_padding {
         padding: 50px 30px !important;
     }
     .section_main_title {
         font-size: 26px;
     }
     /* faqs */
     .et_pb_toggle_close,
     .et_pb_toggle_open {
         padding: 15px !important;
     }
     .faq_box .et_pb_toggle_open .et_pb_toggle_title {
         padding: 15px !important;
     }
     /* faqs end */
     /* product design */
     .cat_title span {
         display: none;
     }
     .category_title {
         font-size: 20px;
     }
     .cat_all_title {
         font-size: 24px;
         line-height: 1.3;
     }
     .cat_img {
         bottom: -110px;
     }
     .proname {
         width: 100%;
         font-size: 14px;
     }
     .proprice {
         font-size: 20px;
         width: 130px;
     }
     .cat_img img {
         height: 240px;
     }
     .category_box_main {
         padding: 10px;
     }
     /* product design end*/
     /* why skipper mate */
     .why_skipper_mate_col1_title {
         font-size: 18px;
     }
     .why_title .section_main_title {
         font-size: 32px;
     }
     .why_skipper_mate_col1_inner {
         padding-top: 60px;
     }
     .why_skipper_mate_col1_icon {
         height: 70px;
     }
     /* why skipper mate end*/
     /* category  product*/
     ul.div_tab_d li {
         font-size: 16px;
     }
     .main_title_all {
         font-size: 22px;
         padding: 15px;
     }
     .alarm_data {
         padding: 0px 10px;
     }
     .category_box_main_all_left .category_title {
         font-size: 30px;
     }
     .category_box_main_all_left .category_title_inner ul li {
         font-size: 18px;
     }
     /* category  product end*/
     /* banner */
     .banner_slider_main_text {
         font-size: 40px;
     }
     .span_bottom_img {
         width: 75%;
     }
     .banner_arrows {
         right: 0;
         display: none;
     }
     .banner_arrows img {
         width: 170px;
         height: 115px;
     }
     .banner_section .et_pb_slide {
         height: 500px !important;
     }
     /* banner end */
 }
 
 @media all and (min-width: 1025px) and (max-width: 1140px) {
     .same_padding {
         padding: 50px 30px !important;
     }
     /* faqs */
     .et_pb_toggle_close,
     .et_pb_toggle_open {
         padding: 15px !important;
     }
     .faq_box .et_pb_toggle_open .et_pb_toggle_title {
         padding: 15px !important;
     }
     /* faqs end */
     /* product design */
     .cat_title span {
         display: none;
     }
     .category_title {
         font-size: 20px;
     }
     .cat_all_title {
         font-size: 24px;
     }
     .cat_img {
         bottom: -110px;
     }
     .proname {
         width: 100%;
         font-size: 14px;
     }
     .proprice {
         font-size: 20px;
         width: 130px;
     }
     .cat_img img {
         height: 240px;
     }
     .category_box_main {
         padding: 10px;
     }
     /* product design end*/
     /* why skipper mate */
     .why_skipper_mate_col1_title {
         font-size: 18px;
     }
     .why_title .section_main_title {
         font-size: 32px;
     }
     .why_skipper_mate_col1_inner {
         padding-top: 60px;
     }
     .why_skipper_mate_col1_icon {
         height: 70px;
     }
     /* why skipper mate end*/
     /* category  product*/
     ul.div_tab_d li {
         font-size: 16px;
     }
     .main_title_all {
         font-size: 22px;
         padding: 15px;
     }
     .alarm_data {
         padding: 0px 10px;
     }
     .category_box_main_all_left .category_title {
         font-size: 30px;
     }
     .category_box_main_all_left .category_title_inner ul li {
         font-size: 20px;
     }
     /* category  product end*/
     /* banner */
     .banner_slider_main_text {
         font-size: 40px;
     }
     .span_bottom_img {
         width: 75%;
     }
     .banner_arrows {
         right: 0;
         display: none;
     }
     .banner_arrows img {
         width: 170px;
         height: 115px;
     }
     .banner_section .et_pb_slide {
         height: 500px !important;
     }
     /* banner end */
 }
 
 @media all and (min-width: 1141px) and (max-width: 1280px) {
     .same_padding {
         padding: 50px 30px !important;
     }
     /* faqs */
     .et_pb_toggle_close,
     .et_pb_toggle_open {
         padding: 15px !important;
     }
     .faq_box .et_pb_toggle_open .et_pb_toggle_title {
         padding: 15px !important;
     }
     /* faqs end */
     /* product design */
     .cat_title span {
         display: none;
     }
     .category_title {
         font-size: 20px;
     }
     .cat_all_title {
         font-size: 24px;
     }
     .cat_img {
         bottom: -110px;
     }
     .proname {
         width: 100%;
         font-size: 14px;
     }
     .proprice {
         font-size: 18px;
         width: 130px;
     }
     .cat_img img {
         height: 240px;
     }
     .category_box_main {
         padding: 10px;
     }
     /* product design end*/
     /* why skipper mate */
     .why_skipper_mate_col1_title {
         font-size: 18px;
     }
     .why_title .section_main_title {
         font-size: 32px;
     }
     .why_skipper_mate_col1_inner {
         padding-top: 60px;
     }
     /* why skipper mate end*/
     /* category  product*/
     .prosaleprice {
         font-size: 18px;
     }
     ul.div_tab_d li {
         font-size: 16px;
     }
     .main_title_all {
         font-size: 22px;
         padding: 15px;
     }
     .category_box_main_all_left .category_title {
         font-size: 34px;
     }
     .category_box_main_all_left .category_title_inner ul li {
         font-size: 20px;
     }
     /* category  product end*/
     /* banner */
     .banner_slider_main_text {
         font-size: 45px;
     }
     .span_bottom_img {
         width: 75%;
     }
     .banner_arrows {
         right: 0;
         display: none;
     }
     .banner_arrows img {
         width: 170px;
         height: 115px;
     }
     .banner_section .et_pb_slide {
         height: 600px !important;
     }
     /* banner end */
 }
 
 @media all and (min-width: 1281px) and (max-width: 1440px) {
     .same_padding {
         padding: 50px 30px !important;
     }
     /* faqs */
     .et_pb_toggle_close,
     .et_pb_toggle_open {
         padding: 15px !important;
     }
     .faq_box .et_pb_toggle_open .et_pb_toggle_title {
         padding: 15px !important;
     }
     /* faqs end */
     /* product design */
     .cat_title span {
         display: none;
     }
     .category_title {
         font-size: 20px;
     }
     .cat_all_title {
         font-size: 24px;
     }
     .cat_img {
         bottom: -110px;
     }
     .proname {
         width: 100%;
     }
     .proprice {
         font-size: 20px;
         width: 130px;
     }
     .cat_img img {
         height: 240px;
     }
     /* product design end*/
     /* why skipper mate */
     .why_skipper_mate_col1_title {
         font-size: 18px;
     }
     .why_title .section_main_title {
         font-size: 32px;
     }
     .why_skipper_mate_col1_inner {
         padding-top: 60px;
     }
     /* why skipper mate end*/
     /* category  product*/
     ul.div_tab_d li {
         font-size: 16px;
     }
     .main_title_all {
         font-size: 22px;
         padding: 15px;
     }
     .category_box_main_all_left .category_title {
         font-size: 40px;
     }
     .category_box_main_all_left .category_title_inner ul li {
         font-size: 24px;
     }
     /* category  product end*/
     /* banner */
     .banner_slider_main_text {
         font-size: 50px;
     }
     .span_bottom_img {
         width: 75%;
     }
     .banner_arrows {
         right: 0;
         display: none;
     }
     .banner_arrows img {
         width: 170px;
         height: 115px;
     }
     .banner_section .et_pb_slide {
         height: 600px !important;
     }
     /* banner end */
 }
 
 @media all and (min-width: 1441px) and (max-width: 1680px) {
     .same_padding {
         padding: 60px 30px !important;
     }
     /* banner */
     .span_bottom_img {
         width: 75%;
     }
     .banner_arrows {
         right: 0;
         display: none;
     }
     .banner_arrows img {
         width: 170px;
         height: 115px;
     }
     .banner_section .et_pb_slide {
         height: 700px !important;
     }
     /* banner end */
 }
 
 @media all and (min-width: 1681px) and (max-width: 1880px) {
     /* banner */
     .span_bottom_img {
         width: 75%;
     }
     .banner_arrows {
         right: 0;
     }
     .banner_arrows img {
         width: 170px;
         height: 115px;
     }
     .banner_section .et_pb_slide {
         height: 700px !important;
     }
     /* banner end */
 }
 
 @media all and (min-width: 981px) and (max-width: 3000px) {}
 
 .example {
     display: -ms-grid;
     display: grid;
     -webkit-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
     background: -o-linear-gradient(top, white, black);
     background: linear-gradient(to bottom, white, black);
 }