:root {
    --super: 56px;
    --h1: 36px;
    --h2: 32px;
    --h3: 30px;
    --h4: 28px;
    --h5: 24px;
    --h6: 20px;
    --body: 18px;
    --body2: 14px;
    --container-padding: 130px;
    --blue: #0A3255;
    --steel: #7695CD;
    --pale: #7695CD;
    --red: #9C1B30;
    --font-24: 24px;
    --font-18: 18px;
    --btn: 16px;
    --small: 12px;
    --caption: 12px;
	--header-height: 186px;
	--header-compact: 106px;
}

@media (min-width: 1700px) {
    :root {
            --container-padding: calc((100% - 1440px) / 2);
    }
}

@media (max-width: 1400px) {
    :root {
            --container-padding: 30px;
    }
}


@media (max-width: 1280px) {
    :root {
    --super: 40px;
    --h1: 32px;
    --h2: 29px;
    --h3: 24px;
    --h4: 18px;
    --h5: 16px;
    --h6: 20px;
    --body: 16px;
    --body2: 12px;
    --container-padding: 30px;
    --blue: #0A3255;
    --steel: #7695CD;
    --pale: #7695CD;
    --red: #9C1B30;
    --font-24: 16px;
    --font-18: 16px;
    --btn: 14px;
    --small: 12px;
    --caption: 12px;
	x--header-height: 59px;
	x--header-compact: 59px;
    }
}

@media (max-width: 991.98px) {
    :root {
    --super: 40px;
    --h1: 32px;
    --h2: 29px;
    --h3: 24px;
    --h4: 18px;
    --h5: 16px;
    --h6: 20px;
    --body: 16px;
    --body2: 12px;
    --container-padding: 20px;
    --blue: #0A3255;
    --steel: #7695CD;
    --pale: #7695CD;
    --red: #9C1B30;
    --font-24: 16px;
    --font-18: 16px;
    --btn: 14px;
    --small: 12px;
    --caption: 12px;
	--header-height: 59px;
	--header-compact: 59px;
    }
}

body > div.elementor > .e-con {
   --container-max-width: calc(100% - var(--container-padding) - var(--container-padding));
}

.container-padding {
    padding-left: var(--container-padding);    padding-right: var(--container-padding);

}
.container-padding-left {
    padding-left: var(--container-padding);
}
.container-padding-right {
    padding-right: var(--container-padding);
}

.kanit, body, html {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.ivy, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .super, .btn, .elementor-button { font-family: "ivyepic-variable",sans-serif;
  font-variation-settings: 'wdth' 70, 'wght' 800, 'slnt' 0;
}
.light {
    font-weight: 300;
}
.semi-bold {
    font-weight: 600;
}
.white {
    color: #fff;
}
.steel {
    color: var(--steel);
}


/* TYPOGRAPHY */
body, html {
    font-size: var(--body);
    color: var(--blue);
    line-height: 1.555555555555556em;
    background: #FAFBFE;
    font-weight: 300;
    letter-spacing: -0.01em;    
}
a {
    color: inherit;
}
a:hover {
    text-decoration: none;
}
h1, .h1 {
    font-size: var(--h1);
    line-height: 1.166666666666667em;
    letter-spacing: -0.01em;
}
h2, .h2 {
    font-size: var(--h2);
    line-height: 1.375em;
    letter-spacing: -0.01em;
}
h3, .h3 {
    font-size: var(--h3);
    line-height: 1.2em;
    letter-spacing: -0.01em;
}
h4, .h4 {
    font-size: var(--h4);
    line-height: 1.142857142857143em;
    letter-spacing: -0.01em;
}
h5, .h5 {
    font-size: var(--h5);
    line-height: 1.142857142857143em;
    letter-spacing: -0.01em;
}
h6, .h6 {
    font-size: var(--h6);
    line-height: 1.7em;
    letter-spacing: -0.01em;
}
.font-24 {
    font-size: var(--font-24);
    line-height: 1.333333333333333em;
}
.font-18 {
    font-size: var(--font-18);
    line-height: 1.333333333333333em;
}
.font-14 {
    font-size: 14px;
    xline-height: 1.333333333333333em;
}
.super {
    font-size: var(--super);
    line-height: 1.071428571428571em;
    font-weight: 800;
    letter-spacing: -0.01em;
}
small, .small, .caption {
    font-size: 12px;
    line-height: 1.5em;
}
.btn.btn-default {
    font-size: ;
    line-height: ;
    border: none;
    border-radius: 0;
    font-style: normal;
    font-weight: 800;
    font-size: var(--btn) !important;
    line-height: 20px;
    /* identical to box height, or 125% */
    letter-spacing: 0.01em;
    text-transform: uppercase;
    /* Toyo Blue/500 */
    color: #fff;
    background: #7695CD;
    position: relative;
        padding: 7px .75rem;
    padding-right: 65px;
    text-align: left;
}
.btn.btn-banner {
    color: #0A3255;
    background: #CFDAF0;
}

.btn-pale .elementor-button, .btn.btn-pale {
    color: #0A3255;
    background: #CFDAF0;
}

.btn.btn-default.btn-banner:hover, .btn.btn-default.btn-pale:hover, .btn-pale .elementor-button:hover {
    background: #496396;
    color: #fff;
}

.btn.btn-default::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url('data:image/svg+xml,<svg width="49" height="35" viewBox="0 0 49 35" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_485_3144)"><path d="M0 34.3478L18.8976 0.347778H49V34.3478H0Z" fill="%230A3255"/><path d="M37.6259 16.9229H17.4081V17.7729H37.6259V16.9229Z" fill="white"/><path d="M33.4283 10.6753V11.7208L41.1211 17.3478L33.4283 23.5358V24.6153L41.8319 17.8663L42.5174 17.3138L33.4283 10.6753Z" fill="white"/></g><defs><clipPath id="clip0_485_3144"><rect width="49" height="34" fill="white" transform="translate(0 0.347778)"/></clipPath></defs></svg>') no-repeat center center;
    background-size: cover;
    width: 50px;
    height: 100%;
}
.btn.btn-default:hover::after, .elementor-button:hover::after, .product-item:hover .elementor-button::after, .product-item:hover .btn.btn-default::after {
    background: url('data:image/svg+xml,<svg width="49" height="35" viewBox="0 0 49 35" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_575_7719)"><path d="M0 34.8186L18.8976 0.818604H49V34.8186H0Z" fill="%230A3255"/><path d="M41.3752 17.3936H23.6963V18.2436H41.3752V17.3936Z" fill="white" stroke="white" stroke-width="0.5"/><path d="M33.4287 11.1461V12.1916L41.1215 17.8186L33.4287 24.0066V25.0861L41.8323 18.3371L42.5178 17.7846L33.4287 11.1461Z" fill="white" stroke="white" stroke-width="0.5"/></g><defs><clipPath id="clip0_575_7719"><rect width="49" height="34" fill="white" transform="translate(0 0.818604)"/></clipPath></defs></svg>') no-repeat center center;
    height: 100%;
    background-size: cover;
    width: 50px;
    right: 0;
}
.btn.btn-default.btn-download::after {
	background: url('data:image/svg+xml,<svg width="51" height="37" viewBox="0 0 51 37" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_621_7763)"><path d="M0 36.5684L19.6689 0.568359H51V36.5684H0Z" fill="%230A3255"/><path d="M39.6079 18.5348L33 25.1426L26.3921 18.5348L27.6069 17.3201L32.1404 21.8536V6.56836H33.8596V21.8536L38.3931 17.3201L39.6079 18.5348ZM44 26.8492H22V28.5684H44V26.8492Z" fill="%23E9E8E9"/></g><defs><clipPath id="clip0_621_7763"><rect width="51" height="36" fill="white" transform="translate(0 0.568359)"/></clipPath></defs></svg>') no-repeat center center;
	transition: all .3s ease;
	
}
.btn.btn-default.btn-download:hover::after {
	background: url('data:image/svg+xml,<svg width="51" height="37" viewBox="0 0 51 37" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_621_7769)"><path d="M0 36.5684L19.6689 0.568359H51V36.5684H0Z" fill="%230A3255"/><path d="M40.3339 19.6569L33.2091 26.7816L26.0843 19.6569L27.3941 18.3471L32.2823 23.2353V8.12646H34.1359V23.2353L39.0241 18.3471L40.3339 19.6569ZM45.0696 26.4356H21.3486V28.2893H45.0696V26.4356Z" fill="%23E9E8E9"/></g><defs><clipPath id="clip0_621_7769"><rect width="51" height="36" fill="white" transform="translate(0 0.568359)"/></clipPath></defs></svg>') no-repeat center center;
	transition: all .3s ease;
}
.btn.btn-default.btn-enquiry::after {
	background: url('data:image/svg+xml,<svg width="52" height="37" viewBox="0 0 52 37" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_621_7784)"><path d="M0 36.5684L20.0546 0.568359H52V36.5684H0Z" fill="%230A3255"/><path d="M40.7786 10.7898C38.7011 8.71236 35.9386 7.56836 33 7.56836C30.0614 7.56836 27.2989 8.71236 25.2214 10.7898C23.144 12.8672 22 15.6298 22 18.5684C22 20.5059 22.5091 22.4026 23.474 24.0699L22 29.5684L27.4984 28.0944C29.1657 29.0592 31.0624 29.5684 33 29.5684C35.9386 29.5684 38.7011 28.4244 40.7786 26.3469C42.856 24.2695 44 21.5069 44 18.5684C44 15.6298 42.856 12.8672 40.7786 10.7898ZM33 28.2798C31.2054 28.2798 29.4533 27.7864 27.9306 26.8529L27.6949 26.7084L23.8229 27.7455L24.86 23.8735L24.7154 23.6378C23.782 22.1166 23.2886 20.3629 23.2886 18.5684C23.2886 13.2145 27.6446 8.85693 33 8.85693C38.3554 8.85693 42.7114 13.2129 42.7114 18.5684C42.7114 23.9238 38.3554 28.2798 33 28.2798Z" fill="%23E9E8E9"/><path d="M33.645 22.7578H32.3564V24.0464H33.645V22.7578Z" fill="%23E9E8E9"/><path d="M33.0003 13.0903C31.2231 13.0903 29.7773 14.536 29.7773 16.3133H31.0659C31.0659 15.2479 31.9333 14.3805 32.9988 14.3805C34.0642 14.3805 34.9316 15.2479 34.9316 16.3133C34.9316 16.7895 34.7572 17.2468 34.4382 17.6019L32.3529 19.9339V21.4692H33.6415V20.4258L35.3983 18.4615C35.9279 17.8706 36.2186 17.1069 36.2186 16.3133C36.2186 14.536 34.7729 13.0903 32.9956 13.0903H33.0003Z" fill="%23E9E8E9"/></g><defs><clipPath id="clip0_621_7784"><rect width="52" height="36" fill="white" transform="translate(0 0.568359)"/></clipPath></defs></svg>') no-repeat center center;
	transition: all .3s ease;
}
.btn.btn-default.btn-enquiry:hover::after {
	background: url('data:image/svg+xml,<svg width="52" height="37" viewBox="0 0 52 37" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_621_7793)"><path d="M0 36.5684L20.0546 0.568359H52V36.5684H0Z" fill="%230A3255"/><path d="M41.7786 10.7898C39.7011 8.71236 36.9386 7.56836 34 7.56836C31.0614 7.56836 28.2989 8.71236 26.2214 10.7898C24.144 12.8672 23 15.6298 23 18.5684C23 20.5059 23.5091 22.4026 24.474 24.0699L23 29.5684L28.4984 28.0944C30.1657 29.0592 32.0624 29.5684 34 29.5684C36.9386 29.5684 39.7011 28.4244 41.7786 26.3469C43.856 24.2695 45 21.5069 45 18.5684C45 15.6298 43.856 12.8672 41.7786 10.7898ZM34 28.2798C32.2054 28.2798 30.4533 27.7864 28.9306 26.8529L28.6949 26.7084L24.8229 27.7455L25.86 23.8735L25.7154 23.6378C24.782 22.1166 24.2886 20.3629 24.2886 18.5684C24.2886 13.2145 28.6446 8.85693 34 8.85693C39.3554 8.85693 43.7114 13.2129 43.7114 18.5684C43.7114 23.9238 39.3554 28.2798 34 28.2798Z" fill="%23E9E8E9"/><path d="M35.0464 24.1812H33.3652V25.8623H35.0464V24.1812Z" fill="%23E9E8E9"/><path d="M34.205 11.5684C31.8862 11.5684 30 13.4546 30 15.7734H31.6812C31.6812 14.3833 32.8129 13.2516 34.2029 13.2516C35.593 13.2516 36.7247 14.3833 36.7247 15.7734C36.7247 16.3946 36.4971 16.9912 36.0809 17.4545L33.3603 20.4971V22.5001H35.0415V21.1388L37.3336 18.576C38.0246 17.8051 38.4038 16.8087 38.4038 15.7734C38.4038 13.4546 36.5176 11.5684 34.1988 11.5684H34.205Z" fill="%23E9E8E9"/></g><defs><clipPath id="clip0_621_7793"><rect width="52" height="36" fill="white" transform="translate(0 0.568359)"/></clipPath></defs></svg>') no-repeat center center;
	transition: all .3s ease;
}
.elementor-button {
    font-size: ;
    line-height: ;
    border: none;
    border-radius: 0;
    font-style: normal;
    font-weight: 800;
    font-size: var(--btn) !important;
    line-height: 20px;
    /* identical to box height, or 125% */
    letter-spacing: 0.01em;
    text-transform: uppercase;
    /* Toyo Blue/500 */
    color: #fff;
    background: #7695CD;
    position: relative;
        padding: 7px .75rem;
    padding-right: 65px;
    text-align: left;
}
.elementor-button::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url('data:image/svg+xml,<svg width="49" height="35" viewBox="0 0 49 35" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_485_3144)"><path d="M0 34.3478L18.8976 0.347778H49V34.3478H0Z" fill="%230A3255"/><path d="M37.6259 16.9229H17.4081V17.7729H37.6259V16.9229Z" fill="white"/><path d="M33.4283 10.6753V11.7208L41.1211 17.3478L33.4283 23.5358V24.6153L41.8319 17.8663L42.5174 17.3138L33.4283 10.6753Z" fill="white"/></g><defs><clipPath id="clip0_485_3144"><rect width="49" height="34" fill="white" transform="translate(0 0.347778)"/></clipPath></defs></svg>') no-repeat center center;
    background-size: cover;
    width: 50px;
    height: 100%;
}
.btn.btn-default:hover, .elementor-button:hover, .product-item:hover .elementor-button, .product-item:hover .btn.btn-default {
    background: #ADBFE1;
    color: var(--blue);
}
p:last-child {
    margin-bottom: 0;
}
.body2 {
    font-size: var(--body2);
    line-height: 18px;
}

.elementor-widget-text-editor p {
    xmargin-bottom: 2rem;
}


/* END TYPOGRAPHY */

/* HEADER */

header {
	position: fixed;
    top: 0;
	width: 100%;
    z-index: 999;
    background: #FAFBFE;	transition: all .5s ease;

}

.home #banners, body:not(.home) > div.elementor[data-elementor-type="wp-page"], body:not(.home) > div.elementor[data-elementor-type="single-post"] {
	margin-top: var(--header-height);
}

.navbar-brand {
    padding: 0;
}
.navbar {
    padding: 50px var(--container-padding);
    font-size: var(--btn);
	transition: all .5s ease;
}
.nav-up .navbar {
    padding: 30px var(--container-padding);
	transition: all .5s ease;
}
.nav-up header {
	margin-top: -40px;	transition: all .5s ease;

}

.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 12.5px;
        padding-left: 12.5px;
    font-size: var(--btn);
    font-weight: 400;
    }
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: 0;
    content: "";
    border: none !important;
    background: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.40174 11.7447L2.00624 5H0.993744L7.28849 12.8682L7.40174 11.7447Z" fill="%230A3255"/><path d="M13.0118 5L7.77076 12.206L7.28851 12.8683L7.80076 13.5087L13.989 5H13.0118Z" fill="%230A3255"/></svg>');
    background-size: contain;
    width: 15px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.dropdown-toggle.nav-link {
    padding-right: 27.5px !important;
}

#toolbar {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    height: 40px;
    background-color: #CFDAF0;
    display: flex
;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

a.nav-link:hover {
    color: var(--steel);
}

.dropdown-menu {
    /* Dropdown/About */
border-radius: 0;
border: none;
box-sizing: border-box;
min-width: 300px;
/* Auto layout */
padding: 30px;
gap: 20px;

/* Pale Blue/100 */
background: #F5F8FC;
/* Toyo Red/500 */
border-top: 4px solid #9C1B30;
/* Blue SD */
box-shadow: 5px 20px 20px rgba(10, 50, 85, 0.4);

}
.dropdown-item {
    padding: 0px;
    margin-bottom: 20px;
        font-size: 16px;
    color: var(--blue);
}
li:last-child .dropdown-item {
    margin-bottom: 0;
}

.current_page_item > a, .current-menu-ancestor > a {
    color: var(--red);
}
.current_page_item > a.nav-link.dropdown-toggle::after, .current-menu-ancestor > a.nav-link.dropdown-toggle::after {
    background: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.40174 11.7447L2.00624 5H0.993744L7.28849 12.8682L7.40174 11.7447Z" fill="%239C1B30"/><path d="M13.0118 5L7.77076 12.206L7.28851 12.8683L7.80076 13.5087L13.989 5H13.0118Z" fill="%239C1B30"/></svg>');
}
a.nav-link.dropdown-toggle:hover::after {
    background: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.40174 11.7447L2.00624 5H0.993744L7.28849 12.8682L7.40174 11.7447Z" fill="%237695CD"/><path d="M13.0118 5L7.77076 12.206L7.28851 12.8683L7.80076 13.5087L13.989 5H13.0118Z" fill="%237695CD"/></svg>');
}
.dropdown-menu > li > a {
    display: inline-block;
    width: auto;
}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    background: transparent;
    color: var(--blue);
}
.dropdown-item:hover {
    font-weight: 600;
}
.dropdown-item {
    position: relative;
}
.dropdown-item:hover::after, .dropdown-menu li.active .dropdown-item::after {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--red);
    position: absolute;
    bottom: -2px;
    left: 0;
}

#ashdbsudy {
    width: 75px;
    border: none;
    padding: 0;
    position: relative;
    font-size: var(--body2);
    outline: none;
    padding-right: 30px;
    border-bottom: 1px solid transparent;
    transition: all .3s ease;
    font-weight: 300;
    line-height: 30px;
}
#ashdbsudy {
    background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.89895 15.598C12.5987 15.598 15.598 12.5987 15.598 8.89895C15.598 5.1992 12.5987 2.19995 8.89895 2.19995C5.1992 2.19995 2.19995 5.1992 2.19995 8.89895C2.19995 12.5987 5.1992 15.598 8.89895 15.598Z" stroke="%230A3255" stroke-width="1.5" stroke-miterlimit="10"/><path d="M13.6356 13.6355L19.8 19.7185" stroke="%230A3255" stroke-width="1.5" stroke-miterlimit="10"/></svg>') no-repeat center right;
    color: #7695CD;
}
#ashdbsudy:hover {
    border-bottom: 1px solid var(--blue);
    transition: all .3s ease;
    font-weight: 300;

}
#ashdbsudy:focus {
    width: 100px;
    border-bottom: 1px solid var(--blue);
    transition: all .3s ease;
    font-weight: 300;
}

#ashdbsudy::placeholder {
  color: var(--blue);
  opacity: 1; /* Firefox */
    font-weight: 300;
    text-shadow: none;
}


#ashdbsudy::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--blue);
    font-weight: 300;
}

.toolbar-divider {
    height: calc(100% - 12px);
    margin: 6px 24px;
    width: 1px;
    background: var(--blue);
}

.language-icon {
    padding-left: 10px;
}

#select-language {
    position: relative;
    padding-right: 23px;
}
#select-language::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.88211 13.4937L2.4075 5.39999H1.1925L8.74621 14.8419L8.88211 13.4937Z" fill="%230A3255"/><path d="M15.6141 5.39999L9.3249 14.0472L8.7462 14.8419L9.3609 15.6105L16.7868 5.39999H15.6141Z" fill="%230A3255"/></svg>') no-repeat center center;
    background-size: contain;
    width: 18px;
    
}

/* END HEADER */

/* CONTENT */

.mb-30 {
    margin-bottom: 30px;
}

.p-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.pt-50 {
    padding-top: 50px;
}
.pb-50 {
    padding-bottom: 50px;
}
.p-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}
.pt-75 {
    padding-top: 75px;
}
.pb-75 {
    padding-bottom: 75px;
}
.p-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-150 {
    padding-bottom: 150px;
}
.pt-150 {
    padding-top: 150px;
}
.space-30 {
    padding-bottom: 30px;
}
#banners, .banner {
    height: 100%;
    aspect-ratio: 1440 / 600;
    object-fit: cover;
    position: relative;
}
#banners {
    margin-bottom: 0;
}
.banner-info {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 56.25%;
}
.banner-info svg {
    max-width: 811px;
    width: 100%;
    height: auto;
}
.banner-info::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #7695CD;
    z-index: 0;
}
.banner-pagination {
    left: 0;
    width: 43.75%;
    text-align: right;
    position: relative;
}
.banner-pagination svg {
    max-width: 630px;
    width: 100%;
    height: auto;
}
.banner-pagination::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #E9E8E9;
    z-index: 0;
}
.banner-content {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    padding-top: 35px;
    padding-left: 180px;
}
.slick-dots {
        position: absolute;
    bottom: -45px;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    left: var(--container-padding);
    z-index: 9;
    height: auto;
    line-height: 0;
}
.slick-dots li button:before {
    display: none;
}
.slick-dots li button {
    width: 25px;
    height: 8px;
    background: #CFDAF0;
    padding: 0;
    transition: all .3s ease;
}
.slick-dots li {
    height: 8px;
    width: auto;
    transition: all .3s ease;
    margin: 0 2.5px;
}
.slick-dots li.slick-active button {
    height: 8px;
    width: 75px;
    background: #496396;
    transition: all .3s ease;
}

/* .ribbon-small svg {
    max-width: 309px;
    width: 100%;
    height: auto;
}
.ribbon-big svg {
    max-width: 1131px;
    width: 100%;
    height: auto;
} */
.ribbon-small {
    background: url('data:image/svg+xml,<svg width="309" height="42" viewBox="0 0 309 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M287.303 4.94694C285.509 1.88287 282.224 0 278.674 0L0 0V42H309L287.303 4.94694Z" fill="%23CFDAF0"/></svg>') no-repeat right top;
    height: 42px;

    background-size: auto 42px;
}
.ribbon-small-silver {
    background: url('data:image/svg+xml,<svg width="309" height="42" viewBox="0 0 309 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M287.303 4.94694C285.509 1.88287 282.224 0 278.674 0L0 0V42H309L287.303 4.94694Z" fill="%23E9E8E9"/></svg>') no-repeat right top;
}
.ribbon-small-blue {
    background: url('data:image/svg+xml,<svg width="309" height="42" viewBox="0 0 309 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M287.303 4.94694C285.509 1.88287 282.224 0 278.674 0L0 0V42H309L287.303 4.94694Z" fill="%230A3255"/></svg>') no-repeat right top;
}
.ribbon-small-steel {
    background: url('data:image/svg+xml,<svg width="309" height="42" viewBox="0 0 309 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M287.303 4.94694C285.509 1.88287 282.224 0 278.674 0L0 0V42H309L287.303 4.94694Z" fill="%23E4EAF5"/></svg>') no-repeat right top;
}
.ribbon-small-steelblue {
    background: url('data:image/svg+xml,<svg width="309" height="42" viewBox="0 0 309 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M287.303 4.94694C285.509 1.88287 282.224 0 278.674 0L0 0V42H309L287.303 4.94694Z" fill="%237695CD"/></svg>') no-repeat right top;
}
.ribbon-small::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0px;
    height: 100%;
    width: calc(100% - 50px);
    background: #CFDAF0;
    z-index: 0;
}
.ribbon-small-silver::before {
    background: #E9E8E9;
}
.ribbon-small-blue::before {
    background: #0A3255;
}
.ribbon-small-steel::before {
    background: #E4EAF5;
}
.ribbon-small-steelblue::before {
    background: #7695CD;
}

.ribbon-small-maroon {
    background: url('data:image/svg+xml,<svg width="309" height="42" viewBox="0 0 309 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M287.303 4.94694C285.509 1.88287 282.224 0 278.674 0L0 0V42H309L287.303 4.94694Z" fill="%239C1B30"/></svg>') no-repeat right top;
    background-size: auto 42px;
}
.ribbon-small-maroon::before {

    background: #9C1B30;
}
.ribbon-big-right {
    background: url('data:image/svg+xml,<svg width="1131" height="74" viewBox="0 0 1131 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.791 63.7218C40.3638 69.9094 46.9662 73.7212 54.1112 73.7212L1131 73.7212V0.387856L0.222168 0.387833L36.791 63.7218Z" fill="%237695CD"/></svg>') no-repeat left center;
    height: 74px;
    object-fit: contain;
    transition: none;
}
.ribbon-big-right-steel {
    background: url('data:image/svg+xml,<svg width="1131" height="74" viewBox="0 0 1131 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.791 63.7218C40.3638 69.9094 46.9662 73.7212 54.1112 73.7212L1131 73.7212V0.387856L0.222168 0.387833L36.791 63.7218Z" fill="%23C8D5EB"/></svg>') no-repeat left center;
}
.ribbon-big-right-steel100 {
    background: url('data:image/svg+xml,<svg width="1131" height="74" viewBox="0 0 1131 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.791 63.7218C40.3638 69.9094 46.9662 73.7212 54.1112 73.7212L1131 73.7212V0.387856L0.222168 0.387833L36.791 63.7218Z" fill="%23E4EAF5"/></svg>') no-repeat left center;
}
.ribbon-big-right-steel200 {
    background: url('data:image/svg+xml,<svg width="1131" height="74" viewBox="0 0 1131 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.791 63.7218C40.3638 69.9094 46.9662 73.7212 54.1112 73.7212L1131 73.7212V0.387856L0.222168 0.387833L36.791 63.7218Z" fill="%23C8D5EB"/></svg>') no-repeat left center;
}
.ribbon-big-right-gray {
    background: url('data:image/svg+xml,<svg width="1131" height="74" viewBox="0 0 1131 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.791 63.7218C40.3638 69.9094 46.9662 73.7212 54.1112 73.7212L1131 73.7212V0.387856L0.222168 0.387833L36.791 63.7218Z" fill="%23CDCCCD"/></svg>') no-repeat left center;
}
.ribbon-big-right::before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #7695CD;
    z-index: 0;
}
.ribbon-big-right-steel::before {
    background: #C8D5EB;
}
.ribbon-big-right-steel100::before {
    background: #E4EAF5;
}
.ribbon-big-right-steel200::before {
    background: #C8D5EB;
}
.ribbon-big-right-gray::before {
    background: #CDCCCD;
}
.ribbon-big-toyoblue {
    background: url('data:image/svg+xml,<svg width="1131" height="74" viewBox="0 0 1131 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.791 63.7218C40.3638 69.9094 46.9662 73.7212 54.1112 73.7212L1131 73.7212V0.387856L0.222168 0.387833L36.791 63.7218Z" fill="%230A3255"/></svg>') no-repeat left center;
}
.ribbon-big-toyoblue::before {
    background: #0A3255;
}

.h6-ribbon {
    padding: 10px 40px 6px 20px;
    background: url('data:image/svg+xml,<svg width="232" height="33" viewBox="0 0 232 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M209.73 2.6032C208.789 1.3077 207.285 0.541016 205.684 0.541016L0 0.541016V33L231.802 33L209.73 2.6032Z" fill="%23CFDAF0"/></svg>') no-repeat top right;
    background-size: cover;
    height: 33px;
    width: 230px
}

.more-info-ribbon {
    position: absolute;
    top: 0;
    right: 0;
    height: 29px;
    width: calc(100% - 230px);
    z-index: 9;
}
.more-info-ribbon::before {
    content: '';
    background: #0A3255;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    transition: all .3s ease;
}
.elementor-element-f9b6901 .more-info-ribbon:hover::before {
    background: #91AAD7;
    transition: all .3s ease;
}
.more-info-ribbon .elementor-heading-title {
position: relative;
z-index: 10;
}
.more-info-ribbon a {
    color: white !important;
    font-weight: 600 !important;
    font-size: var(--caption) !important;
    width: 100%;

    height: 29px;    background: url('data:image/svg+xml,<svg width="149" height="29" viewBox="0 0 149 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7529 26.4323C16.6547 27.9456 18.2863 28.8726 20.0479 28.8726H149V1.14441e-05L0 7.62939e-06L15.7529 26.4323Z" fill="%230A3255"/></svg>') no-repeat center left;
        display: flex;
    align-items: center;
    padding-left: 30px;
    z-index: 9;

    transition: all .3s ease;
}
.more-info-ribbon:hover a {
    color: white !important;
    font-weight: 600 !important;
    font-size: var(--caption) !important;
    width: 100%;

    height: 29px;    background: url('data:image/svg+xml,<svg width="149" height="29" viewBox="0 0 149 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7529 26.4323C16.6547 27.9456 18.2863 28.8726 20.0479 28.8726H149V1.14441e-05L0 7.62939e-06L15.7529 26.4323Z" fill="%2391AAD7"/></svg>') no-repeat center left;
        display: flex;
    align-items: center;
    padding-left: 30px;
    z-index: 9;
    transition: all .3s ease;
}
.more-info-ribbon a::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="23" height="12" viewBox="0 0 23 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4408 5.37793H0.960266V6.10964H18.4408V5.37793Z" fill="white"/><path d="M14.8115 0V0.9L21.4627 5.7439L14.8115 11.0707V12L22.0773 6.19024L22.67 5.71463L14.8115 0Z" fill="white"/></svg>') no-repeat center center;
    width: 23px;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
}
.more-info-ribbon:hover a::before {
    background: url('data:image/svg+xml,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.4805 5.37793H0V6.10964H14.4805V5.37793Z" fill="white"/><path d="M7.81146 0V0.9L14.4627 5.7439L7.81146 11.0707V12L15.0773 6.19024L15.67 5.71463L7.81146 0Z" fill="white"/></svg>') no-repeat center right;
    transition: all .3s ease;
}

.ribbon-header {
    background: url('data:image/svg+xml,<svg width="1102" height="151" viewBox="0 0 1102 151" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1019.86 9.9262C1016.27 3.7798 1009.69 0 1002.58 0L0.111328 0V150.383H1101.75L1019.86 9.9262Z" fill="%23CFDAF0"/></svg>') no-repeat top right;
    background-size: auto 150px;
    height: 150px;
    display: flex;justify-content: center;
}
.ribbon-header::before {
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    height: 100%;
    width: 50%;
    background: #CFDAF0;
    z-index: 0;
}
.ribbon-toyoblue {
    background: url('data:image/svg+xml,<svg width="1102" height="151" viewBox="0 0 1102 151" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1019.75 9.9262C1016.16 3.7798 1009.58 0 1002.47 0L0 0V150.383H1101.64L1019.75 9.9262Z" fill="%230A3255"/></svg>') no-repeat top right;
}
.ribbon-toyoblue::before {
    background: #0A3255;
}
.ribbon-header-bottom {
    background: url('data:image/svg+xml,<svg width="338" height="74" viewBox="0 0 338 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.5689 63.7794C40.1416 69.9671 46.744 73.7788 53.889 73.7788L337.778 73.7788V0.445473H0L36.5689 63.7794Z" fill="%237695CD"/></svg>') no-repeat left top;
    background-size: cover;
    height: 74px;
}

.footer-left-ribbon {
    background: url('data:image/svg+xml,<svg width="545" height="95" viewBox="0 0 545 95" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M494.806 85.1558C491.21 91.2559 484.657 95 477.576 95H0V-7.62939e-06H545L494.806 85.1558Z" fill="%23CFDAF0"/></svg>') no-repeat top right;
    background-size: auto 95px;
    height: 95px;
}
.footer-left-ribbon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #CFDAF0;
    z-index: 0;
}
.footer-right-ribbon {
    background: url('data:image/svg+xml,<svg width="895" height="49" viewBox="0 0 895 49" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.8698 9.90196C26.457 3.76924 33.0285 0 40.1333 0L895 0V49L0 49L22.8698 9.90196Z" fill="%237695CD"/></svg>') no-repeat top left;
    background-size: auto 49px;
    height: 49px;
}
.footer-right-ribbon::before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #7695CD;
    z-index: 0;
}

.header-page-ribbon {
    background: url('data:image/svg+xml,<svg width="877" height="416" viewBox="0 0 877 416" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M641.53 9.97437C637.953 3.80295 631.36 0.00381683 624.227 0.00377371L-8.77936e-06 0V415.715L876.707 415.72L641.53 9.97437Z" fill="%230A3255"/></svg>') no-repeat top right;
    background-size: auto 100%;
    height: 416px;
}
.header-page-ribbon-steel {
    background: url('data:image/svg+xml,<svg width="877" height="416" viewBox="0 0 877 416" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M641.53 9.97437C637.953 3.80295 631.36 0.00381683 624.227 0.00377371L-8.77936e-06 0V415.715L876.707 415.72L641.53 9.97437Z" fill="%237695CD"/></svg>') no-repeat top right;
    background-size: auto 100%;
    height: 416px;
}
.header-page-toyoblue-steel {
    background: url('data:image/svg+xml,<svg width="877" height="416" viewBox="0 0 877 416" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M641.53 9.97437C637.953 3.80295 631.36 0.00381683 624.227 0.00377371L-8.77936e-06 0V415.715L876.707 415.72L641.53 9.97437Z" fill="%230A3255"/></svg>') no-repeat top right;
    background-size: auto 100%;
    height: 416px;
}
.ribbon-before-toyoblue::before {
    content: '';
    position: absolute;
    left: auto;
    right: 300px;
    top: 0;
    height: 100%;
    width: 100%;
    background: #0A3255;
    z-index: 0;
    
}
.ribbon-before-steel::before {
    content: '';
    position: absolute;
    left: auto;
    right: 300px;
    top: 0;
    height: 100%;
    width: 100%;
    background: #7695CD;
    z-index: 0;
}
.header-page-ribbon-bottom {
    background: url('data:image/svg+xml,<svg width="563" height="77" viewBox="0 0 563 77" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.3498 66.8911C42.9332 73.0382 49.5128 76.8186 56.6282 76.8186L563 76.8186V-1.52588e-05H0.355469L39.3498 66.8911Z" fill="%23E9E8E9"/></svg>') no-repeat bottom left;
    background-size: auto 77px;
    height: 77px;
}
.header-page-ribbon-bottom-blue {
    background: url('data:image/svg+xml,<svg width="563" height="77" viewBox="0 0 563 77" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.3498 66.8911C42.9332 73.0382 49.5128 76.8186 56.6282 76.8186L563 76.8186V-1.52588e-05H0.355469L39.3498 66.8911Z" fill="%230A3255"/></svg>') no-repeat bottom left;
    background-size: auto 77px;
    height: 77px;
}
.header-page-ribbon-bottom-red {
    background: url('data:image/svg+xml,<svg width="563" height="77" viewBox="0 0 563 77" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.3498 66.8911C42.9332 73.0382 49.5128 76.8186 56.6282 76.8186L563 76.8186V-1.52588e-05H0.355469L39.3498 66.8911Z" fill="%239C1B30"/></svg>') no-repeat bottom left;
    background-size: auto 77px;
    height: 77px;
}
.header-page-ribbon-bottom-steelblue {
    background: url('data:image/svg+xml,<svg width="563" height="77" viewBox="0 0 563 77" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.3498 66.8911C42.9332 73.0382 49.5128 76.8186 56.6282 76.8186L563 76.8186V-1.52588e-05H0.355469L39.3498 66.8911Z" fill="%237695CD"/></svg>') no-repeat bottom left;
    background-size: auto 77px;
    height: 77px;
}
.ribbon-after-lightgrey::before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #E9E8E9;
    z-index: 0;
}
.ribbon-after-blue::before {
    background: #0A3255;
}

.header-page-ribbon-bottom-steelblue {
    background: url('data:image/svg+xml,<svg width="563" height="77" viewBox="0 0 563 77" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.3498 66.8911C42.9332 73.0382 49.5128 76.8186 56.6282 76.8186L563 76.8186V-1.52588e-05H0.355469L39.3498 66.8911Z" fill="%237695CD"/></svg>') no-repeat bottom left;
    background-size: auto 53px;
    height: 53px;
}
.ribbon-after-steelblue::before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #7695CD;
    z-index: 0;
}

.header-page-ribbon-bottom-paleblue {
    background: url('data:image/svg+xml,<svg width="563" height="77" viewBox="0 0 563 77" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.3498 66.8911C42.9332 73.0382 49.5128 76.8186 56.6282 76.8186L563 76.8186V-1.52588e-05H0.355469L39.3498 66.8911Z" fill="%23CFDAF0"/></svg>') no-repeat bottom left;
    background-size: auto 53px;
    height: 53px;
}
.ribbon-after-paleblue::before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #CFDAF0;
    z-index: 0;
}
.ribbon-after-red::before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    z-index: 0;
    background: var(--red);
}

.svg-fluid svg {
    width: 100%;
  height: auto; /* Maintains aspect ratio */
}

/* page footer bg */
.elementor-element-8510cee::before, .elementor-element-b54b3cf::before, .elementor-element-29c625e::before {
    content: '';
    background: #ECF0F9;
    width: 100%;
    position: absolute;
    bottom: -150px;
    height: 200px;
    left: 0;
    top: auto;
    z-index: 0;
}
.elementor-element-a5b19d6::before {
    content: '';
    background: #F5F8FC;
    width: 100%;
    position: absolute;
    bottom: -150px;
    height: 200px;
    left: 0;
    top: auto;
    z-index: 0;
}
.elementor-element-c5af461::before {
    content: '';
    background: #F1F4FA;
    width: 100%;
    position: absolute;
    bottom: -150px;
    height: 200px;
    left: 0;
    top: auto;
    z-index: 0;
}
.elementor-element-75bb0e1::before, .elementor-element-d510553::before {
    content: '';
    background: #E9E8E9;
    width: 100%;
    position: absolute;
    bottom: -150px;
    height: 200px;
    left: 0;
    top: auto;
    z-index: 0;
}
/* end page footer bg */

.logos-carousel figure.swiper-slide-inner {
background: linear-gradient(180deg, #FFFFFF 0%, #F2F1F2 100%);
height: 200px;
display: flex;
justify-content: center;
    align-items: center;
}
.logos-carousel figure.swiper-slide-inner img {
    mix-blend-mode: multiply;
    max-height: 130px;
}

.elementor-element .swiper .elementor-swiper-button-next, .elementor-element .swiper~.elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next, .elementor-lightbox .swiper~.elementor-swiper-button-next {
    right: -75px;
    width: 40px;
    height: 40px;
    background: #7695CD;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper~.elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper~.elementor-swiper-button-prev {
        left: -75px;
    width: 40px;
    height: 40px;
    background: #7695CD;
    display: flex
;
    align-items: center;
    justify-content: center;

}

.slick-prev:before, .slick-next:before {
    opacity: 1;
}

#home-products-carousel {
    xoverflow: clip;
}
#home-products-carousel .slick-list {
    xmargin-right: -36px;
}
.product-slide {
    xmargin-right: 36px;
}
/* the slides */
#home-products-carousel .slick-slide {
    margin: 0 18px;
}
/* the parent */
#home-products-carousel .slick-list {
    margin: 0 -18px;
}

.slidecontainer {
  width: 100%;
  margin-top: 35px;
  height: 12px;
    line-height: 0;
}

#slick-range {
  -webkit-appearance: none;
  width: 100%;
  height: 12px;
  background: #D9D9D9;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

#slick-range:hover {
  opacity: 1;
}

#slick-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 150px;
  height: 12px;
  background: #9C1B30;
  cursor: pointer;
}

#slick-range::-moz-range-thumb {
  width: 150px;
  height: 12px;
  background: #9C1B30;
  cursor: pointer;
}

.history-slide {
    position: relative;
}
.history-slide::before {
    content: '';
    width: 5px;
    height: 100%;
    background: #7695CD;
    position: absolute;
    left: 0;
    top: 01px;
}
.history-title {
    background: url('data:image/svg+xml,<svg width="241" height="53" viewBox="0 0 241 53" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M216.044 42.8763C212.471 49.064 205.869 52.8757 198.724 52.8757L0.55011 52.8757V0.818718H240.328L216.044 42.8763Z" fill="%237695CD"/></svg>') no-repeat bottom right;
    background-size: auto 53px;
    height: 53px;
    width: 241px;
    padding-left: 30px;
    display: flex;    align-items: center;
    color: white;
}
.history-content {
    max-width: 300px;
    padding-left: 30px;
}

.slick-prev::before {
    content: '';
    background: #7695CD url('data:image/svg+xml,<svg width="31" height="18" viewBox="0 0 31 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.44008 8.3186H30.3301V9.3186H6.44008V8.3186Z" fill="white"/><path d="M11.4 0.968506V2.19851L2.31002 8.81851L11.4 16.0985V17.3685L1.47002 9.42851L0.660025 8.77851L11.4 0.968506Z" fill="white"/></svg>') no-repeat center center;

    background-size: 31px 18px;
        width: 40px !important;
    height: 40px !important;
    display: block;
    transition: background .15s ease;
}
.slick-prev:hover::before {
    background: var(--blue) url('data:image/svg+xml,<svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.89012 8.50012H22.8899V9.50012H1.89012V8.50012Z" fill="white" stroke="white" stroke-width="0.5"/><path d="M11.7399 1.15002V2.38002L2.64987 9.00002L11.7399 16.28V17.55L1.80987 9.61003L0.999868 8.96002L11.7399 1.15002Z" fill="white" stroke="white" stroke-width="0.5"/></svg>') no-repeat center left 5px;
    
    background-size: auto 18px;
    transition: background .15s ease;
}
.slick-prev {
    background: #7695CD;
    width: 40px;
    height: 40px;
    display: flex;justify-content: center;
    align-items: center;
    z-index: 99;
    
    transition: background .3s ease;
    left: -75px;
}
.slick-next::before {
    content: '';
    background: #7695CD url('data:image/svg+xml,<svg width="31" height="18" viewBox="0 0 31 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.5602 8.3186H0.670166V9.3186H24.5602V8.3186Z" fill="white"/><path d="M19.6001 0.968506V2.19851L28.6901 8.81851L19.6001 16.0985V17.3685L29.5301 9.42851L30.3401 8.77851L19.6001 0.968506Z" fill="white"/></svg>') no-repeat center center;
    background-size: 31px 18px;
    width: 40px !important;
    height: 40px !important;
    display: block;
    transition: all .15s ease;
}
.slick-next:hover::before {
    background: var(--blue) url('data:image/svg+xml,<svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.9998 8.50012H1V9.50012H21.9998V8.50012Z" fill="white" stroke="white" stroke-width="0.5"/><path d="M12.15 1.15002V2.38002L21.24 9.00002L12.15 16.28V17.55L22.08 9.61003L22.89 8.96002L12.15 1.15002Z" fill="white" stroke="white" stroke-width="0.5"/></svg>') no-repeat center right 5px;
    background-size: auto 18px;
    width: 40px !important;
    height: 40px !important;
    transition: all .15s ease;
}
.slick-next {
    background: #7695CD;
    width: 40px;
    height: 40px;
    display: flex;justify-content: center;
    align-items: center;
    z-index: 99;
    
    transition: background .3s ease;
    right: -75px;
}
.slick-next:hover, .slick-prev:hover {
    background: var(--blue);
    transition: background .3s ease;
}
 .slick-prev:focus, .slick-next:focus {
    background: #7695CD;
    transition: background .3s ease;
    background: inherit;
    transition: background .3s ease;
}

#certifications-slider .slick-slide {
      margin: 0 40px;
  }

  /* the parent */
 #certifications-slider .slick-list {
      margin: 0 -40px;
  }

  #certifications-slider .slick-prev {
    left: -100px;
  }
  #certifications-slider .slick-next {
    right: -100px;
  }

  .elementor-element-b153a1c {
    overflow: hidden;
  }

.elementor-element-e945269::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="231" height="205" viewBox="0 0 231 205" fill="none" xmlns="http://www.w3.org/2000/svg"><g style="mix-blend-mode:multiply" opacity="0.25"><path d="M109.2 30.8735C101.6 43.2229 95.8 57.4247 91.8 73.4789C88.2 89.5331 86.4 105.793 86.4 122.259C86.4 132.55 87.4 143.253 89.4 154.367C91.4 165.07 94.2 174.744 97.8 183.389L15.6 205C5.2 181.125 0 156.22 0 130.286C0 104.352 6.2 79.8595 18.6 56.8072C31.4 33.755 48.6 14.8193 70.2 0L109.2 30.8735ZM231 30.8735C223.4 43.2229 217.6 57.4247 213.6 73.4789C210 89.5331 208.2 105.793 208.2 122.259C208.2 132.55 209.2 143.253 211.2 154.367C213.2 165.07 216 174.744 219.6 183.389L137.4 205C127 181.125 121.8 156.22 121.8 130.286C121.8 104.352 128 79.8595 140.4 56.8072C153.2 33.755 170.4 14.8193 192 0L231 30.8735Z" fill="%23CFDAF0"/></g></svg>') no-repeat center center;
    width: 231px;
    height: 205px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: translate(-70px, -70px);
}

.subtitle-ribbon-left {
    background: url('data:image/svg+xml,<svg width="432" height="78" viewBox="0 0 432 78" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M392.564 67.9489C388.972 74.0634 382.411 77.8186 375.32 77.8186L0 77.8186V0.818626L432 0.818604L392.564 67.9489Z" fill="%23CFDAF0"/></svg>') no-repeat center right;
    background-size: contain;
    height: 78px;
    max-width: 432px !important;
    display: flex
;
    align-items: center;
    padding-left: 25px;
}

.tier-ribbon {
    background: url('data:image/svg+xml,<svg width="166" height="52" viewBox="0 0 166 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M138.216 3.26402C137.323 1.7171 135.673 0.764178 133.886 0.764178L0.000213623 0.76416V51.212L165.901 51.212L138.216 3.26402Z" fill="%23D9E1F3"/></svg>') no-repeat top right;
    background-size: contain;
    width: 166px;
    height: 52px;
    padding-left: 25px;
    display: flex
;
    align-items: center;
}
.tier-ribbon-bottom {
    width: 100%;
    background: url('data:image/svg+xml,<svg width="822" height="30" viewBox="0 0 822 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9014 27.2314C16.7985 28.7634 18.4407 29.7048 20.2161 29.7048H822V0.812008H0.431152L15.9014 27.2314Z" fill="%237695CD"/></svg>') no-repeat left 166px bottom;
    background-size: auto 30px;
    height: 30px;
}

.contact-tab .e-n-tabs-heading {
    border-bottom: 4px solid var(--pale);
}
.contact-tab .e-n-tab-title {
    padding-right: 60px;
}
.contact-tab .e-n-tab-title::before {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.4004 0.448608L15.1704 0.448608L8.55039 9.53861L1.27039 0.448608L0.000391006 0.448608L7.94039 10.3786L8.59039 11.1886L16.4004 0.448608Z" fill="%230A3255"/></svg>') no-repeat center right;
    width: 17px;
    height: 12px;
    transition: all .1s ease;
}
.contact-tab .e-n-tab-title[aria-selected="true"]::before {
    background: url('data:image/svg+xml,<svg width="23" height="16" viewBox="0 0 23 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 1.92468L19.65 1.92468L12.3841 11.9015L4.3939 1.92468L3 1.92468L11.7146 12.8235L12.428 13.7125L21 1.92468Z" fill="white" stroke="white" stroke-width="2"/></svg>');
    width: 23px;
    height: 16px;
    transition: all .1s ease;
}
.contact-tab .e-n-tab-title[aria-selected="true"] {
    font-weight: 600;
}

.page-banner {
    background-size: 60% auto !important;
}

.news-ribbon-top {
	background: url('data:image/svg+xml,<svg width="174" height="25" viewBox="0 0 174 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M157.807 2.85175C156.864 1.57326 155.37 0.818604 153.782 0.818604L0 0.818604V24.8186L174 24.8186L157.807 2.85175Z" fill="%23CFDAF0"/></svg>') no-repeat top right;
	background-size: auto 25px;
	height: 25px;
	width: calc(100% - 207px);
}
.news-ribbon-top::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #CFDAF0;
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
}
.news-ribbon-bottom {
    	width: 207px;
	height: 41px;
    margin-left: auto;

}
.news-ribbon-bottom a {
	background: url('data:image/svg+xml,<svg width="207" height="41" viewBox="0 0 207 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.3844 38.3783C23.2863 39.8916 24.9179 40.8186 26.6795 40.8186H206.424V0.818684L0 0.81868L22.3844 38.3783Z" fill="%237695CD"/></svg>') no-repeat left bottom;
	background-size: auto 41px;
	width: 207px;
	height: 41px;
    margin-left: auto;
    display: flex;align-items: center;
    
    transition: all .3s ease;
}
.news-ribbon-bottom:hover a {
	background: url('data:image/svg+xml,<svg width="207" height="41" viewBox="0 0 207 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.3844 38.3783C23.2863 39.8916 24.9179 40.8186 26.6795 40.8186H206.424V0.818684L0 0.81868L22.3844 38.3783Z" fill="%23CFDAF0"/></svg>') no-repeat left bottom;
	background-size: auto 41px;
	width: 207px;
	height: 41px;
    margin-left: auto;
    display: flex;align-items: center;
    color: #5E77A4 !important;
    transition: all .3s ease;
}
.post-read-more::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="29" height="17" viewBox="0 0 29 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.3601 7.98938H0.0527344V8.96499H23.3601V7.98938Z" fill="white"/><path d="M18.5215 0.818604V2.0186L27.3898 8.47714L18.5215 15.5796V16.8186L28.2093 9.07226L28.9995 8.43812L18.5215 0.818604Z" fill="white"/></svg>') no-repeat center center;
    background-size: contain;
    width: 29px;
    height: 17px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    
    transition: all .3s ease;
}
.post-read-more a {
	padding-left: 40px;
}
.post-read-more:hover::before {
    background: url('data:image/svg+xml,<svg width="25" height="18" viewBox="0 0 25 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.3073 8.17072H1V9.14633H22.3073V8.17072Z" fill="%235E77A4" stroke="%235E77A4" stroke-width="0.5"/><path d="M13.522 1V2.2L22.3903 8.65854L13.522 15.761V17L23.2098 9.25366L24 8.61951L13.522 1Z" fill="%235E77A4" stroke="%235E77A4" stroke-width="0.5"/></svg>') no-repeat center right;
    background-size: contain;
    
    transition: all .3s ease;
}

.elementor-pagination {
    opacity: 0;
}
#custom-pagination > span {
    padding: 0 2.5px;
}
.prev-page, .next-page {
    padding: 0 10px !important;
    cursor: pointer;
}
.next-page {
    margin-right: -10px !important;
}

.product-thumb img, .product-thumb-hover img {
    aspect-ratio: 26 / 19;
    object-fit: cover;
}

/* Position the last two items in the center columns */
.elementor-element-9d7f606 .e-loop-item:nth-last-child(2) {
  grid-column: 2;
}

.elementor-element-9d7f606 .e-loop-item:last-child {
  grid-column: 3;
}
.elementor-element-9d7f606 .e-loop-item .elementor-button {
    width: 100%;
}
.elementor-element-9d7f606 .e-loop-item  .elementor-button-content-wrapper {
    justify-content: flex-start;
}

.product-thumb-hover {
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.product-thumb img {
    z-index: 2;
    position: relative;
    transition: all .3s ease;
}

.product-item:hover .product-thumb-hover {
    opacity: 1;
    visibility: visible;
}
.product-item:hover .product-thumb img {
    opacity: 1;
    position: relative;
    transition: all .3s ease;
    transform: scale(1.1);
}
.product-item {
    position: relative;
    transition: all .3s ease;
}
.product-item:hover {
    transition: all .3s ease;
    filter: drop-shadow(0px 4px 20px rgba(10, 50, 85, 0.15)); 
}

.product-thumb {
    overflow: hidden;
}

.all-products-c {
    display: flex;
flex-direction: row;
    flex-wrap: wrap;
    gap: 100px 50px;
    justify-content: center;
}
.product-item {
    width: calc(25% - 37.5px);
}

.select-product {
    display: flex;
    align-items: center;
    padding-right: 50px;
}
.elementor-element-cab6204 {
    overflow: hidden;
}
#myTab.nav.nav-tabs {
    justify-content: center;
    background: #CFDAF0;
    width: 100%;
xmargin-left: calc(var(--container-padding) * -1);
margin-bottom: 60px;
}

.nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    background-color: #CFDAF0;
    color: var(--blue);
    text-transform: uppercase;
    color: #496396;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    background: #FAFBFE;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: var(--blue);
    color: #fff;
}

.product-details .nav-link {
    border: none;
    background: transparent;
    text-align: left;
    font-size: var(--font-18);
    border-bottom: 1px solid transparent;
    border-radius: 0 !important;
    padding-left: 0;
    padding-right: 0;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    position: relative;
    color: var(--blue);
}
.product-details .nav-link:hover {
    color: #7695CD;
    border-bottom: 1px solid #7695CD;
}
.product-details  .nav-pills .nav-link.active, .product-details  .nav-pills .show>.nav-link {
    color: var(--red);
    border-bottom: 1px solid var(--red);
    background: transparent;
    font-weight: 600;
}

.product-details .nav-link::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="31" height="18" viewBox="0 0 31 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.4701 8.31836H0.580078V9.31836H24.4701V8.31836Z" fill="%230A3255"/><path d="M20.2598 0.618164V1.84816L29.3498 8.46816L20.2598 15.7482V17.0182L30.1898 9.07817L30.9998 8.42816L20.2598 0.618164Z" fill="%230A3255"/></svg>') no-repeat center center;
    background-size: contain;
    width: 31px;
    height:18px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.product-details .nav-link:hover::before {
    background: url('data:image/svg+xml,<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.89 8.31836H0V9.31836H20.89V8.31836Z" fill="%237695CD"/><path d="M11.2598 0.618164V1.84816L20.3498 8.46816L11.2598 15.7482V17.0182L21.1898 9.07817L21.9998 8.42816L11.2598 0.618164Z" fill="%237695CD"/></svg>') no-repeat center center;
    background-size: contain;
    width: 22px;
    height: 18px;
}
.product-details .nav-link.active::before {
    background: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_573_1453)"><path d="M0 13.814L6.31068 8.52496L0 3.72105L0 0.818359L10 8.4389L0 16.8184L0 13.814Z" fill="%239C1B30"/></g><defs><clipPath id="clip0_573_1453"><rect width="10" height="16" fill="white" transform="translate(0 0.818359)"/></clipPath></defs></svg>') no-repeat center center;
    background-size: contain;
    width: 10px;
    height: 18px;
}

.map-tabs .e-n-tab-icon {
    position: absolute;
    left: 0;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    width: 42px;
    height: 40px;
    background: #CDCCCD;
    display: flex
;
    justify-content: center;
}
.map-tabs .e-n-tab-title {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 50px;
    padding-right: 10px;
}
.map-tabs #distribution-network::before {
    content: '';
    background: #CDCCCD url('https://toyo.sg25.sst189.xyz/wp-content/uploads/2025/08/Rectangle-161.png') no-repeat center center;
    background-size: auto 20px;
    width: 42px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.map-tabs #distribution-network:hover::before, .map-tabs #distribution-network[aria-selected="true"]::before {
    background: var(--blue) url('https://toyo.sg25.sst189.xyz/wp-content/uploads/2025/08/Rectangle-16.png') no-repeat center center;
    background-size: auto 20px;
}
.map-tabs #corporate-office::before {
    content: '';
    background: #CDCCCD url('https://toyo.sg25.sst189.xyz/wp-content/uploads/2025/08/Rectangle-164.png') no-repeat center center;
    background-size: auto 20px;
    width: 42px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.map-tabs #corporate-office:hover::before, .map-tabs #corporate-office[aria-selected="true"]::before {
    background: var(--blue) url('https://toyo.sg25.sst189.xyz/wp-content/uploads/2025/08/Rectangle-16-1.png') no-repeat center center;
    background-size: auto 20px;
}
.map-tabs #sales-office::before {
    content: '';
    background: #CDCCCD url('https://toyo.sg25.sst189.xyz/wp-content/uploads/2025/08/Rectangle-162.png') no-repeat center center;
    background-size: auto 20px;
    width: 42px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.map-tabs #sales-office:hover::before, .map-tabs #sales-office[aria-selected="true"]::before {
    background: var(--blue) url('https://toyo.sg25.sst189.xyz/wp-content/uploads/2025/08/Rectangle-16-2.png') no-repeat center center;
    background-size: auto 20px;
}
.map-tabs #manufacturing-facilities::before {
    content: '';
    background: #CDCCCD url('https://toyo.sg25.sst189.xyz/wp-content/uploads/2025/08/Rectangle-163.png') no-repeat center center;
    background-size: auto 20px;
    width: 42px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.map-tabs #manufacturing-facilities:hover::before, .map-tabs #manufacturing-facilities[aria-selected="true"]::before {
    background: var(--blue) url('https://toyo.sg25.sst189.xyz/wp-content/uploads/2025/08/Rectangle-16-3.png') no-repeat center center;
    background-size: auto 20px;
}

.map-info-c .map-left {
    max-width: 125px;
}
.map-info-c .map-right {
    width: calc(100% - 125px);
}

.specs-content {
    border-left: 1px solid #7695CD;
    padding-left: 24px;
    margin-bottom: 40px;
}

.product-links {
    gap: 36px;
}

.product-tab-content {
    padding-bottom: 100px;
}

.product-submenu .nav {
    position: sticky;
    top: var(--header-compact);
}

.single-featured-img img {
	aspect-ratio: 21 / 9;
	object-fit: cover;
	
}

.post-back-btn, .career-back-btn {
	padding-left: 20px;
	cursor: pointer;
}
.post-back-btn::before, .career-back-btn::before {
	content: '';
	background: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75525 8.22001L10.5 2.82451L10.5 1.81201L2.63175 8.10676L3.75525 8.22001Z" fill="%230A3255"/><path d="M10.5 13.8302L3.294 8.58918L2.63175 8.10693L1.99125 8.61918L10.5 14.8074L10.5 13.8302Z" fill="%230A3255"/></svg>') no-repeat center center;
	background-size: contain;
	width: 15px; height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.single-career h6 {
	margin-top: 40px;
	text-transform: uppercase;
}

.footer-c a:hover {
    color: #CFDAF0;
}

.popup-bg {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.75);
    z-index: 9998;
    display: none;
}
.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: #E2E9F6;
    padding: 20px 30px 30px;
    display: none;

/* Blue SD */
box-shadow: 5px 20px 20px rgba(10, 50, 85, 0.4);

}

.popup-close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-100%);
}

.popup-pdt-enquiry {
width: 659px;
    height: auto;
}

.popup-close-hover {
    display: none;
}
.popup-close-default {
    display: block;
}
.popup-close:hover .popup-close-default {
    display: none;
}
.popup-close:hover .popup-close-hover {
    display: block;
}

.filters-section {
    gap: 60px;
}
.xfilters-c {
    position: relative;
    padding-right: 20px;
}
.xfilters-c::before {
    content: '';
    position: absolute;
    background: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.40214 12.0634L2.00664 5.3186H0.994141L7.28889 13.1869L7.40214 12.0634Z" fill="%230A3255"/><path d="M13.0123 5.3186L7.77131 12.5246L7.28906 13.1869L7.80131 13.8274L13.9896 5.3186H13.0123Z" fill="%230A3255"/></svg>') no-repeat center center;
    width: 15px;
    height: 16px;background-size: contain;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.filters-section .dropdown-menu {
    border: none;
}

/* Scroll to 2rem above the target */
:target {
  scroll-margin-top: 106px;
}

.elementor-element.elementor-widget-theme-post-featured-image a {
	width: 100%;
}

/* END CONTENT */

@media (max-width: 1366px) {
    .page-banner {
    background-size: cover !important;
    }
}

/* cf7 */
.wpcf7 label {
    width: 100%;
    margin-bottom: 24px;
}
.wpcf7 input, .wpcf7 textarea {
    width: 100%;
    border: none;
    padding: 10px 15px;
    xcolor: #CFDAF0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    outline: none !important;
}
.wpcf7-submit {
    width: auto !important;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    font-weight: 300;
    display: block;
    position: absolute;
    
    margin-top: -4px;
}

.wpcf7-submit {
    background: #7695CD url('data:image/svg+xml,<svg width="49" height="35" viewBox="0 0 49 35" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_485_3144)"><path d="M0 34.3478L18.8976 0.347778H49V34.3478H0Z" fill="%230A3255"/><path d="M37.6259 16.9229H17.4081V17.7729H37.6259V16.9229Z" fill="white"/><path d="M33.4283 10.6753V11.7208L41.1211 17.3478L33.4283 23.5358V24.6153L41.8319 17.8663L42.5174 17.3138L33.4283 10.6753Z" fill="white"/></g><defs><clipPath id="clip0_485_3144"><rect width="49" height="34" fill="white" transform="translate(0 0.347778)"/></clipPath></defs></svg>') no-repeat center right !important;
    height: 35px;
}

::placeholder {
  color: #7695CD;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #7695CD;
}
/* end cf7 */

.mobile { display: none; }
/* start mobile */
@media (max-width: 991.98px){ 
.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none; }

.btn.btn-default, .elementor-button {
    padding-top: 5px;
    padding-bottom: 5px;
}
	
	.p-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.pt-50 {
    padding-top: 50px;
}
.pb-50 {
    padding-bottom: 50px;
}
.p-75 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.pt-75 {
    padding-top: 50px;
}
.pb-75 {
    padding-bottom: 50px;
}
.p-100 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.pb-100 {
    padding-bottom: 80px;
}
.pt-100 {
    padding-top: 80px;
}
.pb-150 {
    padding-bottom: 80px;
}
.pt-150 {
    padding-top: 80px;
}
	
	.m-pt-25 {
		padding-top: 25px;
	}
	.m-pt-50 {
		padding-top: 50px;
	}
	.m-pb-50 {
		padding-bottom: 50px;
	}
	
	.history-content.font-24 {
		font-size: 24px !important;
	}

.m-small .elementor-heading-title {
    font-size: var(--small) !important;
}
.m-h1 .elementor-heading-title {
    font-size: var(--h1);
}
.m-h2 .elementor-heading-title {
    font-size: var(--h2);
}
.m-h3 .elementor-heading-title {
    font-size: var(--h3);
}
.m-h4 .elementor-heading-title {
    font-size: var(--h4);
}

.navbar-brand img {
    height: 26px;
}
.navbar {
    padding: 16px var(--container-padding);
    font-size: var(--btn);
}
#toolbar {
    display: none;
}
.nav-up .navbar {
    padding: 16px var(--container-padding);
}
.nav-up header {
    margin-top: 0 !important;
}

.mobile-language {
            position: fixed;
        top: 16px;
        right: 103px;
}
.mobile-search {
    position: fixed;
    top: 16px;
    right: 65px;
}
.mobile-search-form {
    position: fixed;
    top: var(--heaer);
    z-index: 9;
    width: 100%;
    right: 0;
    background: #7695CD;
    padding:5px 20px;
    display: none;
}
.mobile .search-bar input {
    color: white !important;
    width: 50% !important;
    margin-left: 50%;
    border-bottom: 1px solid var(--blue) !important;
}

#nav-icon4 {
    width: 30px;
    height: 20px;
    position: fixed;
    top: 21px;
    right: 20px;
    margin: 1px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    cursor: pointer;
    z-index: 999;
    xbackground: #97F1FF;
  }
  #nav-icon4::before {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    top: -5px;
    left:0;
    xbackground: #97F1FF;
    z-index: 0;
  }
  #nav-icon4::after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left:0;
    xbackground: #97F1FF;
    z-index: 0;
  }
 #nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 27px;
    background: #003232;
    border-radius: 9px;
    opacity: 1;
    left: 3px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    z-index: 1;
  }
  /* Icon 4 */
#nav-icon4 {
}
#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
  top: 7px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 8px;
}
#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 17px;
  left: 8px;
}

#mobile-menu {
    position: fixed;
    top: var(--header-height);
    height: calc(100dvh - var(--header-height));
    width: 100%;
    z-index: 999;
    background: #ECF0F9;
    display: none;
    font-size: 21px;
    line-height: 28px;
}
.mobile-nav {
    margin-bottom: 50px !important;
}
	.mobile-nav li, .mobile-nav a {
		outline: none;
		box-shadow: none;
	}
.mobile-menu-footer {
    position: absolute;
    bottom: 50px;
    width: 100%;
    display: none;
}

.menu-opened .mobile-menu-footer {
}
.menu-footer-link a {
    background: var(--blue);
    margin-top: 20px;
    width: calc(100% - 60px);
    margin-left: 30px;
    color: white;
    display: block;
    padding: 10px 25px;
    font-weight: 300;
    padding-left: 66px;
    position: relative;
}
.menu-email a::before {
    content: '';
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    background: url('data:image/svg+xml,<svg width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.0849 0.769287H2.915C1.72665 0.769287 0.764648 1.80775 0.764648 3.07698V16.9231C0.764648 18.2001 1.7343 19.2308 2.915 19.2308H23.0834C24.261 19.2308 25.2337 18.2031 25.2337 16.9231V3.07698C25.2337 1.81083 24.2748 0.769287 23.0834 0.769287H23.0849Z" stroke="white" stroke-miterlimit="10"/><path d="M24.1402 0.769287C23.6416 1.33236 15.054 11.017 14.7573 11.3524C14.2954 11.8754 13.6821 12.1631 13.0305 12.1631C12.379 12.1631 11.7642 11.8754 11.3023 11.3508C11.1035 11.1262 2.61066 1.54775 1.9209 0.769287" stroke="white" stroke-miterlimit="10"/><path d="M1.92236 19.2308L8.9546 11.3062" stroke="white" stroke-miterlimit="10"/><path d="M17.1064 11.3062L24.1387 19.2308" stroke="white" stroke-miterlimit="10"/></svg>') no-repeat center center;
    width: 26px;
    height: 20px;
    background-size: contain;
}
.menu-tel a::before {    
    content: '';
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);

    background: url('data:image/svg+xml,<svg width="29" height="24" viewBox="0 0 29 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.46042 15.6246C11.6384 18.219 14.2607 20.2604 17.2527 21.705C18.3923 22.2433 19.9161 22.8812 21.613 22.9912C21.7186 22.9956 21.8183 23 21.9239 23C23.0635 23 23.9787 22.6084 24.7238 21.8018C24.7282 21.7974 24.737 21.7886 24.7414 21.7783C25.0068 21.4586 25.309 21.1727 25.6243 20.8661C25.8399 20.6608 26.0584 20.4467 26.2696 20.2282C27.2449 19.2163 27.2449 17.9301 26.2608 16.9504L23.5109 14.2109C23.0445 13.7284 22.4857 13.4717 21.9005 13.4717C21.3153 13.4717 20.7521 13.7269 20.271 14.205L18.6328 15.8373C18.4817 15.7508 18.3263 15.673 18.1796 15.5997C17.9963 15.5088 17.8276 15.4222 17.6765 15.3269C16.185 14.3839 14.8298 13.152 13.5348 11.571C12.8806 10.7454 12.4406 10.0531 12.1341 9.34624C12.5638 8.95907 12.9672 8.55283 13.3558 8.15686C13.4937 8.01607 13.6345 7.87381 13.7767 7.73302C14.271 7.24025 14.5365 6.67122 14.5365 6.09193C14.5365 5.51263 14.2754 4.9436 13.7767 4.45084L12.4128 3.09279C12.2529 2.93294 12.1018 2.77895 11.9464 2.61909C11.6442 2.30965 11.3289 1.98993 11.018 1.70249C10.5472 1.24198 9.99281 1 9.40762 1C8.82243 1 8.26804 1.24198 7.77818 1.70689L6.06661 3.41104C5.44475 4.0314 5.09129 4.78375 5.01942 5.65342C4.93289 6.74308 5.13382 7.90021 5.65595 9.30078C6.45673 11.4654 7.66525 13.4761 9.45895 15.6232L9.46042 15.6246Z" stroke="white" stroke-miterlimit="10"/></svg>');
    width: 29px;
    height: 24px;
    background-size: contain;
}
.mobile-nav, .mobile-nav li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 21px;
    line-height: 28px;
}
.mobile-nav li {
    margin: 25px 0;
}
.mobile-nav li a, .dropdown-toggle.nav-link {
    padding: 0 30px;
    xpadding-right: 0 !important;
}
#mobile-menu .dropdown-toggle::after, #mobile-menu a.nav-link.dropdown-toggle:hover::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: 0;
    content: "";
    border: none !important;
    background: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_646_5687)"><path d="M7.5 15.5V0.5" stroke="%230A3255" stroke-width="2" stroke-miterlimit="10"/><path d="M0 8H15" stroke="%230A3255" stroke-width="2" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_646_5687"><rect width="15" height="15" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
    background-size: contain;
    width: 15px;
    height: 16px;
    position: absolute;
    top: 6px;
    transform: rotate(0deg);
    right: 30px;
    transition: all .3s ease;
}
.current_page_item > a, .current-menu-ancestor > a {
    color: var(--red);
    font-weight: 500;
}
#mobile-menu li.menu-item.active > .dropdown-toggle::after {
    background: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_646_5687)"><path d="M7.5 15.5V0.5" stroke="%239C1B30" stroke-width="2" stroke-miterlimit="10"/><path d="M0 8H15" stroke="%239C1B30" stroke-width="2" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_646_5687"><rect width="15" height="15" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
        background-size: contain;

}
#mobile-menu .show a.nav-link.dropdown-toggle::after {
    background: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_646_5687)"><path d="M7.5 15.5V0.5" stroke="%239C1B30" stroke-width="2" stroke-miterlimit="10"/><path d="M0 8H15" stroke="%239C1B30" stroke-width="2" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_646_5687"><rect width="15" height="15" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>') !important;
    transform: rotate(45deg);
    transition: all .3s ease;
}
#mobile-menu .dropdown-menu {
    border-radius: 0;
    border: none;
    box-sizing: border-box;
    min-width: 300px;
    padding: 30px;
    gap: 20px;
    background: #F5F8FC;
    border-top: 0;
    box-shadow: none !important;
}
#mobile-menu .dropdown-menu {
    position: relative !important;
    width: 100%;
        transform: translate3d(0, 0, 0px) !important;
        padding: 0;
        margin: 25px 0;
}
#mobile-menu .dropdown-menu li {
    margin: 20px 0;
    position: relative;
}
#mobile-menu .dropdown-menu li a {
    xpadding: 0;
    padding-left: 60px;
    margin-bottom: 0;
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
    width: 100%;
}
#mobile-menu .dropdown-menu li.menu-item.active a.dropdown-item::before {
    content: '';
    width: calc(100% - 90px);
    height: 2px;
        background: var(--red);
        position: absolute;
        bottom: -4px;
}
#mobile-menu li.current-menu-item > a, #mobile-menu li.show.open > a {
    font-weight: 500;
    color: var(--red);
}
#mobile-menu .dropdown-menu li::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="30" height="18" viewBox="0 0 30 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.2201 8.15015H0.330078V9.15015H24.2201V8.15015Z" fill="%230A3255"/><path d="M19.26 0.800049V2.03005L28.35 8.65005L19.26 15.93V17.2L29.19 9.26005L30 8.61005L19.26 0.800049Z" fill="%230A3255"/></svg>') no-repeat center right 1px;
    width: 30px;
    height: 18px;
    background-size: contain;
    position: absolute;
    right: 30px;
    top: 5px;
}
#mobile-menu .dropdown-menu li.active::before {
    background: url('data:image/svg+xml,<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 0.800049V2.03005L1.91 8.65005L11 15.93V17.2L1.07 9.26005L0.26 8.61005L11 0.800049Z" fill="%239C1B30"/></svg>') no-repeat center center;
}

#banners, .banner {
    height: 100%;
    aspect-ratio: 375 / 325;
    object-fit: cover;
    position: relative;
}
.banner-info {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 85%;
}
.banner-content {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    padding-top: 15px;
    padding-left: 80px;
}
.banner-content .super, .xbanner-content .h1 {
    font-size: var(--h3);
}
.banner-content .h1 {
    font-size: var(--h4);
    display: block;
}
.banner-content .h1 br {
    display: none;
}

.banner-pagination {
    width: 15%;
}
.banner-pagination svg {
    max-width: 630px;
    width: auto;
    height: 26px;
    position: absolute;
    right: 0;
}
.banner-info svg {
    max-width: 811px;
    width: auto;
    height: 123px;
}

.banner-content .space-30 {
    padding-bottom: 5px;
}

#banners .slick-dots {
            position: absolute;
            right: var(--container-padding);
            left: auto;
            bottom: -24px;
}
.slick-dots li button, .slick-dots li, .slick-dots li.slick-active button {
    height: 5px;
}

#home-products-carousel .slick-arrow {
    display: none !important;
}

.ribbon-small {
    width: 15%;
    height: 28px;
    background-size: auto 28px;
}
.ribbon-big, .ribbon-big-right {
    height: 50px;
    background-size: auto 50px;
}
.ribbon-big > div:first-child {
    width: 15%;
}
.ribbon-big-right {
    width: 85%;
}

.ribbon-header {
    background-size: auto 50px;
    height: 50px;
    width: 85%;
}
.ribbon-header-bottom {
    width: 15%;
    margin-left: 85%;
    height: 28px;
    background-size: auto 28px;
}

.footer-right-ribbon {
        height: 21px;
    width: 25%;
    margin-left: 75%;
    background-size: auto 21px;
}
.footer-left-ribbon {
    width: 75%;
    height: 70px;
    background-size: auto 70px;
}

.elementor-element-7010c93 img {
           height: 32px;
        width: calc(100% - 40px);
}

.header-page-ribbon {
    background-size: auto 110px;
    height: 110px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex
;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 5px;
    width: 80%;
}
.header-page-ribbon::before {
    left: -50%;
    right: auto;
}
.header-ribbon-right {
    display: none;
}

.elementor-element-9ffd47a {
    display: flex;
    justify-content: flex-end;
}

.page-banner {
    height: 250px;
    display: flex
;
    align-content: flex-end;
}
.header-page-ribbon-bottom, .header-page-ribbon-bottom-red, .header-page-ribbon-bottom-steelblue, .header-page-ribbon-bottom-blue {
    width: 20%;
    height: 28px;
    margin-left: 80%;
    background-size: auto 28px;
}

.elementor-element-a07ff0c, .elementor-element-189b9d3, .elementor-element-cd46f63 {
        flex-wrap: nowrap;
}

.elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper~.elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper~.elementor-swiper-button-prev, .slick-prev {
    left: 0;
}
.elementor-element .swiper .elementor-swiper-button-next, .elementor-element .swiper~.elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next, .elementor-lightbox .swiper~.elementor-swiper-button-next, .slick-next {
    right: 0;
}

#history-slider .slick-prev, #history-slider .slick-next {
    top: calc(100% + 100px);
}
#history-slider .slick-prev {
    left: 30%
}
#history-slider .slick-next {
    right: 30%
}

.logos-carousel .swiper-slide {
    padding: 0 60px;
}

.dropdown-item:hover::after, .dropdown-menu li.active .dropdown-item::after {
    display: none;
}

.elementor-element-1660b9d {
    width: 55%;
    margin-left: 45%;
}

.subtitle-ribbon-left {
    height: 52px;
    background-position: center left;
}

.map-tabs .n-tabs-select {
    margin-bottom: 0;
}

.filters-section {
    gap: 30px;
}
.filters-section .dropdown-menu {
    max-width: 250px;
    min-width: 200px;
}
	
	.all-products-c {
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px 50px;
    justify-content: center;
}
	
	.product-item {
    width: calc(100% - 0px);
}
	
	.product-details .pl-5 {
		padding-left: 15px !important;
	}
	.product-details .product-submenu {
		margin-bottom: 50px;
	}
	
	.product-links {
    gap: 15px;
    display: flex
;
    flex-direction: column;
		align-items: flex-start;
}
	.elementor-element-2ad19e6 .e-con-inner {
		display: flex
;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
	}
	
	.page-banner {
		flex-wrap: wrap;
	}

    .popup-pdt-enquiry {
    width: calc(100% - 40px);
    height: auto;
    max-height: calc(100vh - 80px);
}
.popup-pdt-enquiry form .pr-4, .popup-pdt-enquiry form .pl-4 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.wpcf7 textarea {
    height: 150px !important;
}

.thumb .w-75 {
    width: 100% !important;
}
	
	.map-info-c .map-right, .map-left {
		width: 100% !important;
	}
	
} /* end mobile */

/*  tablets only */
@media (min-width: 768px) and (max-width: 1224px) {

}

/* Wrapper */
.n-tabs-select {
  position: relative;
  display: none;                    /* hidden on desktop; shown on mobile */
  margin-bottom: 40px;
  font: inherit;
}

.n-ts-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    width: 100%;
    padding: 12px 20px;
    border: none;
    border-radius: 0;
    background: #7695CD;
    cursor: pointer;
    color: white;
    font-weight: 600;
    user-select: none;
}

/* Arrow (simple caret) */
.n-ts-caret {
  width: 23px; height: 16px;
  background: url('data:image/svg+xml,<svg width="23" height="16" viewBox="0 0 23 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 1.75061L19.65 1.75061L12.3841 11.7274L4.3939 1.75061L3 1.75061L11.7146 12.6494L12.428 13.5384L21 1.75061Z" fill="white" stroke="white" stroke-width="2"/></svg>') no-repeat center center;
  opacity: 1;
}

/* Menu panel */
.n-ts-menu {
  position: absolute;
    top: calc(100% + 0px);
    left: 0;
    right: 0;
    max-height: 280px;
    overflow: auto;
    border: none;
    border-radius: 0;
    background: #FDFDFD;
    box-shadow: 0 10px 32px rgba(0, 0, 0, .08);
    z-index: 9;
    display: none;
}

/* Option row */
.n-ts-option {
    padding: 12px 20px;
  cursor: pointer;
  background: #FDFDFD;
  position: relative;
}
.n-ts-option:hover { background: #FDFDFD; }
.n-ts-option.is-active {
  background: #eef6ff;
  font-weight: 600;
  display: none;
}
.n-ts-option::before {
    content: '';
    position: absolute;
    right: 23px;
    top:50%;
    transform: translateY(-50%);
    background: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 0.630005L15.77 0.630005L9.15 9.72L1.87 0.630004L0.6 0.630004L8.54 10.56L9.19 11.37L17 0.630005Z" fill="%230A3255"/></svg>') no-repeat center center;
    background-size: contain;
    width: 17px;
    height: 12px;
}

/* Open state */
.n-tabs-select.is-open .n-ts-menu { display: block; }
.n-tabs-select.is-open .n-ts-caret { transform: rotate(180deg); }

/* Mobile only: show custom selector & hide native headings */
@media (max-width: 767.98px) {
  .e-n-tabs .e-n-tabs-heading { display: none !important; }
  .n-tabs-select { display: block; }
}

/* Desktop only: hide custom selector, keep tabs */
@media (min-width: 768px) {
  .n-tabs-select { display: none !important; }
}