:root{
    --sitecolor:#00befa;
    --textcolor:#1d1d1f;
    --bggradient:linear-gradient(to right, rgb(239, 245, 249), rgb(210, 221, 238));
}

@font-face {
    font-family: 'Bold';
    src: url('../fonts/montforanker-bold-webfont.woff2') format('woff2'),
         url('../fonts/montforanker-bold-webfont.woff') format('woff'),
         url('../fonts/montforanker-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Book';
    src: url('../fonts/montforanker-book-webfont.woff2') format('woff2'),
         url('../fonts/montforanker-book-webfont.woff') format('woff'),
         url('../fonts/montforanker-book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Heavy';
    src: url('../fonts/montforanker-heavy-webfont.woff2') format('woff2'),
         url('../fonts/montforanker-heavy-webfont.woff') format('woff'),
         url('../fonts/montforanker-heavy-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Regular';
    src: url('../fonts/montforanker-regular-webfont.woff2') format('woff2'),
         url('../fonts/montforanker-regular-webfont.woff') format('woff'),
         url('../fonts/montforanker-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Semi Bold';
    src: url('../fonts/montforanker-semibold-webfont.woff2') format('woff2'),
         url('../fonts/montforanker-semibold-webfont.woff') format('woff'),
         url('../fonts/montforanker-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{font-family: 'Regular';font-size:16px;line-height:1.75;font-weight:400;overflow:hidden;overflow-y:auto;color: var(--textcolor);}
.container{max-width:1280px;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:600;font-family: 'Bold';}
p+p{margin-top:15px}
a{color:inherit;transition:.4s linear}
a:hover{text-decoration:none}
.pad_60{padding: 70px 0;}
.mt_30{margin-top: 30px;}

.intro_box h1,.menu ul,.neweletter_box p+p,p{margin:0}
.menu ul li a:hover,a:hover{color:var(--sitecolor)}
.footer_menu ul li a,.menu ul li a{font-weight:500;line-height:1.4}

header{font-size:14px;border-bottom:1px solid #ececec}
header .container{max-width:1345px}
.top_bar{padding:10px 0;background:var(--bggradient)}
.logo_bar{padding:15px 0}
.nav_bar{padding:10px 0}
.menu ul{padding:0;list-style:none;display:flex;align-items:center;gap:24px}
.shop_menu ul{justify-content:flex-end}
.icons{display: flex;align-items: center;justify-content: flex-end;gap: 15px;}
.icons img{width: 20px;height: 20px;}
.mob_logo{display: none;}

footer{color:#fff;background:#222}
.newsletter{background:#333}
.newsletter-form{display:flex;flex-wrap:wrap;align-items:center;max-width:500px;margin:30px auto}
.newsletter-form input{font-size:16px;line-height:1.1;padding:14px 20px;background:#fff;border:none;outline:0;box-shadow:none;width:100%;height:auto;border-radius:0;color:#000;flex:0 0 75%}
.newsletter-form button, form button[type="submit"]{background:var(--sitecolor);border:none;color:#fff;font-size:16px;line-height:1.1;font-weight:600;padding:14px 32px;}
.neweletter_box p{font-size:14px;line-height:1.5}

.intro_box h1{font-family: 'Heavy';letter-spacing: 1px;}
.intro_box ul li a,.neweletter_box p a{text-decoration:underline}
.footer_menu{padding:40px 0}
.footer_meu h4{margin-bottom:20px}
.footer_menu ul,.terms_menu ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.footer_menu ul li a{font-size:14px}
.copyright_box{font-size:12px;padding:15px 0;border-top:1px solid #464646}
.terms_menu ul{flex-direction:row;gap:25px}
.intro_box p{margin:30px 0 20px}
ul.fixul{padding:0 0 0 15px;margin:0}
ul.fixul li+li{margin-top: 8px}
.intro_box ul.fixul li+li{margin-top: 15px;}

.banner_img{height: 380px;object-fit: contain;object-position: center center;}
.banner_section_home{height: 380px;object-fit: fill;object-position: center center;}

/* Desktop banner - crop from top and bottom */
@media(min-width: 768px){
    .banner_img{
            height: 380px;
            object-fit: contain;
            object-position: center center;
    }
    .banner_section_home{
            height: 380px;object-fit: fill;object-position: center center;
    }
}
.product_banner h1{font-size:32px;font-family: 'Heavy';margin: 30px 0 20px;}    
.product_banner h3, .innovation_box h3{font-size: 26px;margin-bottom: 20px;}
.product_banner h5{font-size: 18px;margin-bottom: 20px;}
.how_img{display: flex;flex-wrap: wrap;align-items: center;gap: 80px;margin: 20px 0;position: relative;}
.how_img:before{content: '';background: url(../images/right-arrow.png) no-repeat;background-size: contain;position: absolute;top: 50%;left: 290px;width: 40px;height: 40px;transform: translateY(-50%);}
.how_img img{width: 270px;height: auto;object-fit: contain;border: 1px solid #efefef;}
.product_banner p + p, .product_banner p + ul, .product_banner ul + p, .product_banner p + table, .product_banner table + p, .innovation_box p + ul, .innovation_box ul + p, .request_box p + ul, .anker_box h5 + ul{margin-top: 20px;}
.product_banner h3 + h5{margin-top: 20px;}
.product_banner p + h5, .product_banner ul + h5{margin-top: 30px;}
.product_banner a{color: var(--sitecolor);text-decoration: underline;}
.faq_box{margin-top: 60px;}
.faq_box h2{margin-bottom: 30px;}
.card{border: none;background: transparent;padding: 10px 0;}
.card + .card{border-top: 1px solid #ececec;}
.card-header{padding: 0;background: transparent;border: none;}
.card-header button{padding: 10px 0;position: relative;border: none;box-shadow: none !important;outline: none;font-size: 20px;font-family: 'Semi Bold';line-height: 1.1;color: var(--textcolor);text-align: left;}
.card-header button:hover, .card-header button:focus{color: inherit;text-decoration: none;}
.card-body{padding: 15px 0 10px;}
.card-header button:before{content: '';position: absolute;top: 10px;right: 0;background: url(../images/arrow.svg) no-repeat;width: 20px;
    height: 20px;rotate: 180deg;}
.card-header button.collapsed:before{rotate: none;}
.product_banner table th{font-family: 'Bold';}

.innovation{background: #f7f7f7;}
.innovation_box{padding: 40px;background: #fff;border-radius: 10px;}
.innovation_box + .innovation_box{margin-top: 30px;}
.innovation_box h1{font-size: 32px;font-family: 'Heavy';margin-bottom: 30px;}
.innovation_box form{margin: 30px 0;}
.form-group label{font-size: 16px;line-height: 1;font-family: 'Bold';margin-bottom: 10px;}
.form-control{box-shadow: none !important;outline: none !important;border-radius: 6px;font-size: 16px;line-height: 1.2;padding: 12px 15px;height: auto;}
.form-control:focus{border-color: var(--sitecolor);}
form button[type="submit"]:hover{background: var(--sitecolor);}
.img_upload, .show_img{display: flex;align-items: center;gap: 10px;}
.show_img{flex-wrap: wrap;}
.show_img img{width: 100px;height: 100px;object-fit: cover;border-radius: 5px;overflow: hidden;}
.request_box h2{margin-bottom: 20px;}
form p{margin-bottom: 15px;}
.submistion_box .form-check{font-family: 'Semi Bold';}
.submistion_box .form-check + .form-check{margin-top: 10px;}
.submistion_box button[type="submit"]{margin-top: 20px;}
.anker_box{padding: 30px;background: #f3f3f3;border-radius: 10px;margin-top: 15px;}
input[type="radio"]:checked ~ .anker_box{display: block;}
.anker_box form{margin-bottom: 0;}
.option-group + .option-group{margin-top: 30px;}
.option-group label{margin: 0;width: 100%;}
.radio_box{display: flex;align-items: center;gap: 10px;font-size: 18px;line-height: 1.2;font-weight: 600;}

.lang_box{position: fixed;top: 50%;right: 0;display: flex;flex-wrap: wrap;flex-direction: column;gap: 1px;}
.lang_box span{line-height: 1;text-transform: uppercase;padding: 10px 15px;background: #000;color: #fff;transform: translateX(62px);cursor: pointer;transition: all 0.4s linear;}
.lang_box span b{margin-right: 10px;transition: all 0.4s linear;}
.lang_box span:hover{transform: translate(0);}
.lang_box span:hover b{margin-right: 0;}
.upload-section{margin: 20px 0;}
.upload-section .d-flex{align-items: center;gap: 15px;}
.upload-btn-img{flex: 0 0 160px;}
.upload-btn-img img{width: 100%;height: 160px;object-fit: cover;}
.upload-static-img{display: flex;flex-wrap: wrap;align-items: center;gap: 15px;}
.upload-static-img img{width: 160px;height: 160px;object-fit: contain;border: 1px solid #e9e9e9;}

.language-selector{position: relative;float: right;}
.language-btn{display: flex;align-items: center;justify-content: center;padding: 8px 20px;border: none;background: var(--textcolor);border-radius: 5px;color: #fff;cursor: pointer;transition: all 0.3s ease;min-width: 106px;text-align: center;}
/*.language-btn:hover{background-color: #eee;}*/
/*.language-icon{margin-right: 8px;color: #555;}*/
/*.language-current{margin-right: 8px;}*/
.language-dropdown{position: absolute;top: 100%;left: 0;width: 100%;background-color: white;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);display: none;z-index: 1000;}
.language-dropdown.show{display: block;}
.language-option{padding: 8px 12px;cursor: pointer;display: flex;align-items: center;}
.language-option:hover{background-color: #f5f5f5;}
.language-flag{width: 20px;height: 15px;margin-right: 8px;object-fit: cover;display: none;}
.quantity_box{position: relative;overflow: hidden;border-radius: 6px;}
.quantity_ind{position: absolute;top: 0;right: 0;display: flex;flex-direction: column;gap: 1px;z-index: 1;cursor: pointer;}
.quantity_ind span{width: 24px;height: 22px;display: inline-flex;align-items: center;justify-content: center;background: #ddd;}

/*table tr td{position: relative;padding-left: 42px !important;}
table tr td:nth-child(2):before{content: '';background: url(../images/phone.png) no-repeat;background-size: contain;width: 20px;height: 20px;position: absolute;top: 17px;left: 12px;}
table tr td:nth-child(3):before{content: '';background: url(../images/whatsapp.png) no-repeat;background-size: contain;width: 20px;height: 20px;position: absolute;top: 17px;left: 12px;}
table tr td:nth-child(4):before{content: '';background: url(../images/email.png) no-repeat;background-size: contain;width: 20px;height: 20px;position: absolute;top: 17px;left: 12px;}*/
table tr td img{width: 20px;height: 20px;margin-right: 10px;}

/* Fix for mobile number display in RTL - preserve number sequence */
html[dir="rtl"] .table td:nth-child(2),
html[dir="rtl"] .table td:nth-child(3),
html[dir="rtl"] .table_mob_box td:nth-child(2),
html[dir="rtl"] .table_mob_box td:nth-child(3) {
    direction: ltr;
    unicode-bidi: embed;
    text-align: right;
}

/* Ensure phone numbers display correctly in contact tables */
html[dir="rtl"] .table tbody tr td:nth-child(2),
html[dir="rtl"] .table tbody tr td:nth-child(3),
html[dir="rtl"] .table_mob_box tbody tr td:nth-child(2),
html[dir="rtl"] .table_mob_box tbody tr td:nth-child(3) {
    direction: ltr;
    unicode-bidi: embed;
    text-align: right;
}



@media(max-width: 1365px){
    .container, header .container{max-width: 1200px;}
}

@media(max-width: 1200px){
    .desk_logo{display: none;}
    .mob_logo{display: block;}
}

@media(max-width: 1023px){
    .mob_none{display: none;}
    .top_right.text-right{text-align: center !important;}
}

@media(max-width: 767px){
    h1{font-size: 30px;}
    h2, .innovation_box h1{font-size: 30px;line-height: 1.4;}
    .pad_60{padding: 50px 0;}
    .footer_menu{padding: 30px 0;}
    .footer_menu .row{gap: 35px;}
    .footer_meu h4{font-size: 20px;margin-bottom: 15px;}
    .terms_menu ul{gap: 20px;justify-content: center;}
    .copyright_box .row{gap: 12px;}
    .copyright.text-right{text-align: center !important;}
    .newsletter-form{max-width: 100%;gap: 10px;justify-content: center;}
    .newsletter-form input{flex: 100%;}
    .intro_box p{margin: 20px 0 20px;}
    .icons{gap: 10px;}
    .icons img{width: 18px;height: 18px;}
    .product_banner h1{font-size: 26px;line-height: 1.4;}
    .product_banner h3, .innovation_box h3{font-size: 24px;line-height: 1.5;}
    .how_img{gap: 40px;justify-content: space-between;flex-direction: column;}
    .how_img:before{left: 50%;width: 28px;height: 28px;transform: translate(-50%, -50%);}
    .how_img img{width: 260px;}
    .table{overflow: hidden;/*overflow-x: auto;display: block;*/border: none;}
    .card-header button{font-size: 18px;line-height: 1.4;padding-right: 30px;}
    .card-header button:before{top: 15px;width: 16px;height: 16px;}
    .innovation_box, .anker_box{padding: 20px;}
    .img_upload, .show_img{flex-wrap: wrap;}
    .show_img img{width: 70px;height: 70px;}
    .form-group label{font-size: 14px;}
    .banner_img{height: 260px;object-fit: contain;object-position: center center;}
    .banner_section_home{height: 375px;object-fit: fill;object-position: center center;}
    .product_banner h5{line-height: 1.5;}
    .product_banner table td, .product_banner table th{min-width: 200px;}
    .upload-section .d-flex, .upload-static-img{gap: 15px;}
    .upload-btn-img img{height: 145px;}
    .upload-btn-img{flex:0 0 145px;}
    .upload-static-img img{width: 145px;height: 145px;}
    .table_mob_box thead, .table_mob_box tr th:empty{display: none;}
    .table_mob_box thead tr th{width: auto !important;}
    .table_mob_box tr{display: grid;}
    .table_mob_box tr td, .table_mob_box tr th{display: flex;align-items: center;padding: 8px 10px;}
    .table_mob_box tr td + td{margin-top: -1px;}
    .table_mob_box tr + tr{margin-top: 10px;}
    .language-btn{font-size: 12px;line-height: 1;padding: 8px 10px;min-width: 82px;}
    .language-flag{width: 15px;height: 10px;margin-right: 5px;}
    .language-option{padding: 5px 8px;font-size: 12px;}
    /* Mobile RTL fix for phone numbers */
    html[dir="rtl"] .table_mob_box tr td:nth-child(2),
    html[dir="rtl"] .table_mob_box tr td:nth-child(3) {
        direction: ltr;
        unicode-bidi: embed;
        text-align: right;
        justify-content: flex-end;
    }
}