/*--------------------------------- Common Css For all pages ---------------------------------*/
html, :root {
	--color-primary: /* #F25C05 */#CF4B00 ;
	--color-secondary: #156bb7;	
	--color-secondary-lighter: #ddf7ed;
	--color-secondary-400: #156bb7;
    --color-white: #fff;
    --color-black: #333333;
	--color-darker: #000000;
	--color-blacker: #111111;
	--color-black-secondary: #5a5a5a;
	--color-blue-dark: #245590;
	--color-black-light: #717171;
	--color-grey: #999999;
	--color-grey-light: #d3d3d5;
	--color-grey-lighter: #dee4ec;
	--color-grey-400: #cccccc;
	--color-grey-300: #dddddd;
	--color-grey-200: #eeeeee;
	--color-grey-100: #fafafa;
	--color-green: #50a800;
	--color-green-dark: #227950;
	--color-red: #b40404;
	--color-light-blue: #4e8cf4;
    --border-radius-default: 8px;
	--border-radius-standard: 10px;
	--border-radius-medium: 4px;
	--border-radius-large: 16px;
	--border-radius-none: 0px;
	--border-radius-small: 2px;
	--color-background-light: #f1f5f8;
	--color-background-blue-light: #ebeff2;
	--color-background-light-green: #e7ffd1;
	--color-background-light-red: #fef2ea;
	--color-background-light-grey: #f5f5f5;
	--color-background-grey-100: #f6f6f6;
	--color-primary-100: #fbf3ed;
	--border-grey: #c2c2c2;
	--color-primary-bg-100: /*#f3e9e2*/ #f8ece5; 
	--color-primary-200: #fdf7f3;
	--color-secondary-light: #fffff5;
	--color-secondary-bg-100: #f5fafd;
	--color-secondary-200: #b3d3e6;
	--color-secondary-300: #3f6572;
	--color-secondary-100: #e5f6fc;
	--spacing-none: 0px;
	--spacing-xxs: 2px;
	--spacing-xs: 4px;
	--spacing-xss: 6px;
    --spacing-s: 8px;
	--spacing-ss: 10px;
    --spacing-sm: 12px;
	--spacing-mm: 14px;
    --spacing-m: 16px;
	--spacing-ml: 20px;
    --spacing-l: 24px;
	--spacing-xl: 30px;
	--spacing-xxl: 36px;
	--font-light:300;
	--font-normal:400;
	--font-medium:500;
	--font-semibold:600;
	--font-bold:700;
	--box-shadow-medium:0px 10px 20px rgba(0, 0, 0, 0.04),0px 2px 10px rgba(0, 0, 0, 0.04),0px 0px 4px rgba(0, 0, 0, 0.02);
	--box-shadow-large:0px 24px 32px rgba(0, 0, 0, 0.04),0px 16px 24px rgba(0, 0, 0, 0.04),0px 4px 8px rgba(0, 0, 0, 0.04),0px 0px 10px rgba(0, 0, 0, 0.04);
	--animate-duration: 1s;
  	--animate-delay: 1s;
  	--animate-repeat: 1;
	--nav-transition: all 0.3s ease-in-out;
}

.isskies{
	--color-primary: /* #F25C05  #F87B1B*/ #e59d0e;
	--color-primary-dark: #dba12c;
	--color-secondary: #433a8b;	
	--color-secondary-lighter: #ddf7ed;
	--color-secondary-400: #433a8b;
	--color-secondary-dark: #241c5d;
    --color-white: #fff;
	--color-white-100: #e5e5e5;
    --color-black: #333333;
	--color-darker: #000000;
	--color-blacker: #111111;
	--color-black-secondary: #5a5a5a;
	--color-blue-dark: #245590;
	--color-black-light: #717171;
	--color-grey: #999999;
	--color-grey-light: #d3d3d5;
	--color-grey-lighter: #dee4ec;
	--color-grey-400: #cccccc;
	--color-grey-300: #dddddd;
	--color-grey-200: #eeeeee;
	--color-grey-100: #fafafa;
	--color-green: #50a800;
	--color-green-dark: #227950;
	--color-red: #b40404;
	--color-light-blue: #4e8cf4;
    --border-radius-default: 8px;
	--border-radius-standard: 10px;
	--border-radius-medium: 4px;
	--border-radius-large: 16px;
	--border-radius-none: 0px;
	--border-radius-small: 2px;
	--color-background-light: #f1f5f8;
	--color-background-blue-light: #ebeff2;
	--color-background-light-green: #e7ffd1;
	--color-background-light-red: #fef6ea;
	--color-background-light-grey: #f5f5f5;
	--color-background-grey-100: #f6f6f6;
	--color-primary-100: #fff8ea;
	--border-grey: #c2c2c2;
	--color-primary-bg-100: #f7f0e1;
	--color-primary-200: #fdf7f3;
	--color-primary-300: #fff5ed;
	--color-secondary-light: #fffff5;
	--color-secondary-bg-100: #f5f5fd;
	--color-secondary-200: #b3bce6;
	--color-secondary-300: #3f6572;
	--color-secondary-100: #ecebf1;
	--spacing-none: 0px;
	--spacing-xxs: 2px;
	--spacing-xs: 4px;
	--spacing-xss: 6px;
    --spacing-s: 8px;
	--spacing-ss: 10px;
    --spacing-sm: 12px;
	--spacing-mm: 14px;
    --spacing-m: 16px;
	--spacing-ml: 20px;
    --spacing-l: 24px;
	--spacing-xl: 30px;
	--spacing-xxl: 36px;
	--font-light:300;
	--font-normal:400;
	--font-medium:500;
	--font-semibold:600;
	--font-bold:700;
	--box-shadow-medium:0px 10px 20px rgba(0, 0, 0, 0.04),0px 2px 10px rgba(0, 0, 0, 0.04),0px 0px 4px rgba(0, 0, 0, 0.02);
	--box-shadow-large:0px 24px 32px rgba(0, 0, 0, 0.04),0px 16px 24px rgba(0, 0, 0, 0.04),0px 4px 8px rgba(0, 0, 0, 0.04),0px 0px 10px rgba(0, 0, 0, 0.04);
	--animate-duration: 1s;
  	--animate-delay: 1s;
  	--animate-repeat: 1;
	--nav-transition: all 0.3s ease-in-out;
}

/* @font-face {
    font-family: 'Poppins';
    src: url('../../../fonts/Poppins-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
} */
@font-face {
    font-family: 'Poppins';
    src: url('../../../fonts/Poppins-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../../../fonts/Poppins-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../../../fonts/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}
/* @font-face {
    font-family: 'Poppins';
    src: url('../../../fonts/Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
} */
@font-face {
	font-family: "Material Symbols Outlined";
	font-style: normal;
	font-weight: 100 400;
	src: url("../../../fonts/material-symbols-outlined.woff2") format("woff2");
	font-display: swap;
  }
  .material-symbols-outlined {
	font-family: "Material Symbols Outlined", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga";
  }
@font-face {
	font-family: "Material Symbols Rounded";
	font-style: normal;
	font-weight: 100 400;
	src: url("../../../fonts/material-symbols-rounded.woff2") format("woff2");
	font-display: swap;
  }
  .material-symbols-rounded {
	font-family: "Material Symbols Rounded", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga";
  }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:none;}
select, input, button {outline:0;font-family:'Poppins', sans-serif;}
:focus {outline:0;outline-color:transparent;outline-style:none;}
::placeholder {color: #333; opacity: 0.35;}
*, *:before, *:after {box-sizing:border-box;}
a {color: inherit; text-decoration: none;}
a:focus {outline:0;}
h1, h2 {font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
ol, ul {list-style: none; }
input[value="Subscribe"] {outline:none;}
p{margin: 0px; padding: 0px;}
.clearfix:after, .row:after {clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
body {-webkit-font-smoothing:light;font-variant:normal;border:medium none;color:#333333;font-family:'Poppins', sans-serif;font-size:100%;list-style:none outside none;margin:0;outline:0 none;padding:0;text-align:left;text-decoration:none;font-weight: 400; background: var(--color-grey-100); font-feature-settings: "lnum", "tnum";}
.d_none{display: none;}
.d_block{display: block;}
.d_flex{display: flex;}
.d_inline{display: inline;}
/* header css */
header{position: relative; height: auto; width: 100%; background-color: var(--color-white); box-shadow: 0 0px 4px 2px rgba(0,0,0,0.1);} 
.fixed-fluid{width: 96%; height: auto; margin: 0px auto; padding: 0; position: relative;}
.fixed-width {height:auto; margin:0 auto; padding:0; width:1180px; position:relative;}
.main-header {width: 100%; padding:0px; position: relative; margin: 0 auto; display: flex; flex-wrap: nowrap; align-items: center; flex-direction: row; justify-content: space-between; height: 60px; gap:20px}
.main-header .logo{align-items: flex-start; display: flex; flex:0.74}
.isskies .main-header .logo{flex: inherit;}
.main-header .logo img{width: auto; max-width: 100%; max-height: 40px;}
.main-header .logo a{max-height: 40px;}
.main-header .call-us-section{align-items: flex-end; display: flex; user-select: none;}
.main-header .call-us-section .call-us{border:solid 1px var(--color-grey-400); padding: var(--spacing-xss) var(--spacing-ss); display: flex; align-items: center; flex-wrap: nowrap; border-radius:var(--spacing-s); color: var(--color-black);}
.main-header .call-us-section .call-us i{font-size: 16px; width: 16px; height: 16px; overflow: hidden;}
.main-header .call-us-section .call-us .texts{display: inline-block; font-size: 13px; padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); line-height: 1.20;}
.main-header .call-us-section .call-us .texts em{display: block; font-size: 16px; font-weight: 500; font-style: normal;}
.main-header .call-us-section .call-us .info{display: inline-block;}
.main-header .call-us-section .call-us .info i{background: none; font-size: 22px;}
.main-header .mobile-nav{display: none;}
.main-header .mean-menu{flex:1}
.isskies .main-header .mean-menu{flex:inherit}
.main-header .lang-container{display: flex; position: relative;}
.main-header .lang-container svg{width:30px; height: 30px; fill: var(--color-secondary); background-color: var(--color-white); margin:0px; cursor: pointer; border-radius: var(--border-radius-medium);}
.main-header .lang-container svg:hover{background-color: var(--color-grey-200);}
.lang-content_box{width:auto; min-width: 220px; background:#fff; opacity:0; visibility:hidden; position:absolute;border: 1px solid var(--color-grey-400);  -webkit-transform: translateY(10%); -moz-transform: translateY(10%); transform:translateY(10%); top:40px; left:auto; right:0px; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; padding: 10px 10px 0px; border-radius: 4px; cursor: default;}
.lang-content_box::after,.lang-content_box::before {display: block; position: absolute; top: -9px; right: 0px; left: auto; bottom: 0; width: 0; height: 0; border-width: 10px 8px 0; border-style: solid; border-color: #cfcfcf; content: ''}
.lang-content_box::after {-webkit-transform: translateX(-33%) translateY(1px) rotate(180deg); -ms-transform: translateX(-33%) translateY(1px) rotate(180deg); transform: translateX(-33%) translateY(1px) rotate(180deg); border-color: #fff transparent transparent}
.lang-content_box::before { -webkit-transform: translateX(-33%) translateY(-1px) rotate(180deg); -ms-transform: translateX(-33%) translateY(-1px) rotate(180deg); transform: translateX(-33%) translateY(-1px) rotate(180deg); border-color: #cfcfcf transparent transparent}
.lang-content_box.opened{visibility:visible; opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); z-index:100;}
.lang-content_box .heading{font-size: 14px;}
.main-header .gtrans{display: block;}
.main-header .gtrans select{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 10px; font-family: 'Poppins',sans-serif; border: solid 1px #ccc; border-radius:6px; padding: 5px 5px 5px 8px; margin: 10px 0 0; min-width: 154px; font-size: 14px; width: 100%;}
.main-header .gtrans .VIpgJd-ZVi9od-l4eHX-hSRGPd{display: none;}
.main-header .gtrans .goog-te-gadget{color: #fff;}
.VIpgJd-ZVi9od-ORHb-OEVmcd{visibility: hidden !important;}
body{top:0px !important;}
.VIpgJd-yAWNEb-L7lbkb{display: none !important; z-index: -100 !important;}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display: none !important; z-index: -100 !important;}
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{box-shadow: none !important; background-color: transparent !important;}
.main-header .country-web{display: flex; flex-wrap: nowrap; color: var(--color-black); font-size: 16px; line-height: 20px; cursor: pointer; align-items: center;}
.main-header .country-web img{display: inline-block; max-width: 100%; margin-right: var(--spacing-xs); height: auto;}
.main-header .country-web i{font-size: 14px; padding-left: var(--spacing-xxs)}
.main-header .top-nav{display:flex; gap: var(--spacing-xs)}
.main-header .top-nav li{display:flex; flex-wrap:nowrap; position:relative;}
.main-header .top-nav li a{font-size:15px; color: var(--color-darker); padding: 18px var(--spacing-mm); font-weight: var(--font-medium);}
.main-header .top-nav li a:hover{color: var(--color-primary); text-decoration:none; background-color: var(--color-background-light-grey)}
.isskies .main-header .top-nav li a:hover{color: var(--color-secondary);}
.main-header .top-nav li > .dropdown{position: absolute; left: 0; padding: 0; opacity: 0; visibility: hidden; width: 200px; z-index: 99; background-color: var(--color-white); -webkit-transition: var(--nav-transition); transition: var(--nav-transition);  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2); top: 80%; transform: rotateX(-75deg); transform-origin: 0% 0%; border-top: solid 3px var(--color-secondary);}
.main-header .top-nav li .dropdown li{position:relative; padding:0px; width:100%; display: block; overflow: hidden;}
.main-header .top-nav li .dropdown li a{width:100%; font-size:13px; color:var(--color-black); position:relative; padding:10px 0px 10px 20px; border-top:1px dashed #ddd; margin-left:0; margin-right:0; display:block;}
.main-header .top-nav li .dropdown li a:hover{color: var(--color-primary); background-color: var(--color-background-light); border-radius: var(--border-radius-none)}
.main-header .top-nav li .dropdown li:first-child a{border-top: none;}
.main-header .top-nav li:hover > .dropdown {opacity: 1; visibility: visible; top: 100%; transition: 0.3s; transform: rotateX(0deg);}
.dropdown-menu-link::after {display: inline-block;  margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}
.main-header .top-nav li .dropdown li:last-child a{border-bottom: none;}
.foo_protectlogo_img{width: auto !important; max-width: 100% !important;}
.whatsapp-section{display: flex;}
.whatsapp-section svg{width: 30px; height: 30px; fill:#25d366}
.se-overflow_hidden{overflow: auto;}
.mh-60{max-height: 60px !important;}
.bg_overlay{background:rgba(0,0,0,0.65); bottom:0; left:0; position:fixed; right:0; top:0; z-index:1500; display:none; -webkit-transition:background-color 500ms ease-out 1s; -moz-transition:background-color 500ms ease-out 1s; -o-transition:background-color 500ms ease-out 1s; transition:background-color 500ms ease-out 1s;}
@media screen and (max-width:1200px) {
	.fixed-width{width:100%; padding: 0 var(--spacing-mm);}
	.fixed-fluid{width:100%; padding: 0 var(--spacing-mm);}
	.main-header .logo{flex:inherit}
}
@media screen and (max-width:1110px) {
	.main-header .top-nav li a{padding-left: var(--spacing-ss); padding-right: var(--spacing-ss); font-size: 14px;}
}
@media screen and (max-width:1024px) {
	.main-header .logo{margin-left: 42px; flex:1}
	.mean-container .mean-bar{left:0px; top:58px; padding: 0px; border: none;}
	.mean-container a.meanmenu-reveal{left: 0 !important; width: 22px; height: 22px; background-color: rgba(0,0,0,0.7); padding: 6px; top:-46px; text-indent: unset; text-align: center;}
	.mean-container a.meanmenu-reveal:after{content:''; width:16px; height:16px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-size: contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") no-repeat center; background-color: var(--color-white); padding-right: var(--spacing-xxs); vertical-align:middle; display: inline-block;}
	.mean-container .mean-nav{margin-top: 2px;}
	.main-header .top-nav{flex-wrap: wrap; gap: 0;}
	.main-header .top-nav li{flex-wrap: wrap;}
	.dropdown-menu-link::after{display: none;}
	.main-header .top-nav li .dropdown{position: relative; margin: 0px; padding: 0px; width: 100%; top:0px !important; display: block; box-shadow: none; background-color: var(--color-background-grey-100); opacity: 1; visibility: visible; border-top: 0;}
	.mean-container .mean-nav ul li a.mean-expand{color: var(--color-black-light); top: -6px}
	.mean-container a.meanmenu-reveal.meanclose:after{content:''; width:16px; height:16px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-size: contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E") no-repeat center; background-color: var(--color-white); vertical-align:middle; display: inline-block;}
	.mean-container .mean-nav ul li a{padding: 1em;}
	.mean-menu{display: none;}
	.main-header .mobile-nav{display: block;}
}
@media screen and (max-width:767px) {
	.main-header .country-web{display: none;}
	.main-header{gap:10px}
}
@media screen and (max-width:479px) {
	.main-header{height: 50px;}
	.main-header .logo a{max-height: 34px;}
	.main-header .logo img{max-height: 34px;}
	.main-header .call-us-section .call-us .texts{display: none;}
	.main-header .call-us-section .call-us .info{display: none;}
	.main-header .call-us-section .call-us{padding: var(--spacing-xs); border-color: var(--color-secondary);}
	.main-header .call-us-section .call-us .texts{padding: var(--spacing-xs); font-size: 11px;}
	.main-header .call-us-section .call-us .texts em{font-size: 12px;}	
	.se-overflow_hidden{overflow: hidden;}
	.mean-container a.meanmenu-reveal{width: 16px; height: 16px; line-height: 16px; top:-48px}
	.main-header .logo{margin-left: 32px; flex:auto;}
	.main-header .call-us-section svg{width: 14px; height: 14px; fill: var(--color-secondary);}
	.main-header .lang-container svg{width: 28px; height: 28px;}
	.mean-container .mean-nav{margin-top: -8px;}
	.whatsapp-section svg{width:26px; height: 26px; margin-left: 4px;}
}
.modal_country_main {width: 100%;float: left;height: auto;}
.modal_country_main_inner_div {width: 50%;float: left;height: auto;padding: 10px;}
.modal_country_main_inner_div34 {width: 50%;float: left;height: auto;padding: 10px;}
.modal_borderdv {width: 100%;float: left;height: auto;border: 1px solid #e0e0e0;padding: 6px;border-radius: 4px;}
.modal_borderdv:hover {width: 100%; float: left;height: auto;border: 1px solid #e0e0e0;background-color: #f3f3f3;padding: 6px;border-radius: 4px;transition: 0.25s ease;}
.modal_flag_dv {width: 100%;height: auto;float: left;text-align: center;}
.modal_flag_txt {width: 100%;height: auto;float: left;text-align: center;color: #333;font-size: 11pt;}
.modal_flag_img_sty {max-width: 30px;margin: 0 auto;border-radius: 10px;}
.box_shadow_sty {box-shadow: rgba(0, 0, 0, 0.04) 0px 10px 20px, rgba(0, 0, 0, 0.04) 0px 2px 10px, rgba(0, 0, 0, 0.02) 0px 0px 4px;}
.country_color {color: #3f3f3f;font-size: 13pt;}
.border_bottom_ind {border-bottom: 1px solid #fff;}

.inner_footer-container{width: 100%; background: var(--color-white); border-top: solid 1px #e4e4e4; padding: 20px 0px;}
.inner_footer-container .footer-text{text-align:center; border-top: solid 1px var(--color-background-light-grey); padding-top: 10px;}
.isskies .inner_footer-container .footer-text{border-top: none; padding-top: 0px;}
.inner_footer-container p{font-size: 13px; line-height: 20px; color: var(--color-black-secondary); text-align:center;}
.inner_footer-container .footer-img{text-align:center;}
.inner_footer-container .footer-img img{display:inline-block; width:auto; max-width:100%; height: auto;}

/*============================ Form Elements ==============================*/

.checkbox {position:relative; margin:0; padding:0;}
.checkbox input{opacity:0;}
.checkbox label {padding-left:10px; line-height:18px; padding-top: var(--spacing-xs); font-size:14px; color: var(--color-black-secondary); font-weight:400; position:relative;}
/* .checkbox label::before {background-clip:padding-box; -webkit-border-radius: var(--border-radius-medium); -moz-border-radius: var(--border-radius-medium); border-radius: var(--border-radius-medium); content:' '; cursor:pointer; height:20px; left:-16px; line-height:16px; position: absolute; top:0px; width:20px; font-weight:400; border: solid 2px var(--color-secondary-400);}
.checkbox :checked ~ label::before {content:"\f00c"; font-family:'FontAwesome'; font-size:12px; text-align:center; color: var(--color-white); padding-top:var(--spacing-xxs); background-color: var(--color-secondary-400); border: none;} */
.checkbox label::before{content:''; width:24px; height:24px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-size: contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z'/%3E%3C/svg%3E") no-repeat center; background-color: var(--color-secondary); vertical-align:middle; display: inline-block; position: absolute; top:0px; left: -16px;}
.checkbox :checked ~ label::before{content:''; width:24px; height:24px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-size: contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E") no-repeat center; background-color: var(--color-secondary-400); vertical-align:middle; display: inline-block;}

.radios{position:relative; margin:0; padding:0;}
.radios input{opacity:0; cursor:pointer;}
.radios label {position:relative; text-transform:none; top:0px; font-size:14px; color: var(--color-black-secondary); font-weight:400; left:5px; line-height: 20px; padding-left: var(--spacing-xs); user-select: none;}
.radios label::before {content:''; background:#fff; position:absolute; width:18px; height:18px; cursor:pointer; left:-20px; border:solid 1px #a4a4a4; border-radius:50%; top:0px;}
.radios :checked ~ label::after {background:var(--color-secondary-400); content: ""; height:10px; width:10px; position:absolute; top:4px; left:-16px; border-radius:20px;}

.form input {width: 100%; height: 56px; position: relative; color: var(--color-black); padding: 12px 14px 0; border: solid 2px var(--color-secondary-200); background-color: var(--color-white); border-radius: var(--border-radius-medium); font-size: 14px;}
.form label {position: absolute; width: 100%;height: 100%; pointer-events: none;}
.form label::after {content: ""; position: absolute; bottom: -1px; width: 100%; height: 100%; transform: translateX(-100%); transition: all 0.2s ease;}
.content-name {position: absolute; padding-left: var(--spacing-m); transition: all 0.2s ease; top:50%; transform: translateY(-50%); font-size: 12px; color: var(--color-black);}
.form input:focus {outline: none; border: solid 2px var(--color-secondary);}
.form input:focus + .label-name .content-name,.form input:valid + .label-name .content-name, .form input + .label-name.lblerror .content-name {transform: translateY(-140%); font-size: 11px; left: 0px; color: var(--color-black);}
.form input:focus + .label-name::after,.form input:valid + .label-name::after, .form input + .label-name.lblerror::after {transform: translateX(0%);}
.form input:focus + .label-name .content-name{color: var(--color-secondary)}

.form select {width: 100%; height: 56px; padding: 12px 16px 0 13px; font-size: 14px; position: relative;  border-radius: var(--border-radius-medium); border: solid 2px var(--color-secondary-200); background-color: var(--color-white); color: var(--color-black);}
.form select:focus{color: var(--color-black); outline: none; border: solid 2px var(--color-secondary);}
.form select:focus + .label-name .content-name,.form select:valid + .label-name .content-name {transform: translateY(-140%); font-size: 11px; left: 0px; color: var(--color-black);}
.form select:focus + .label-name::after,.form select:valid + .label-name::after {transform: translateX(0%);}
select {-webkit-appearance: none; -moz-appearance: none;  text-indent: 1px; text-overflow: '';}
.select-wrapper{position: relative;}
/* .select-wrapper:after {position: absolute; width: 30px; height: 30px;content: '\f107'; color: var(--color-secondary-300); font-family: 'FontAwesome'; font-style: normal; font-size: 14px; padding: 7px 8px; top: 13px; right: 5px; z-index: 5; pointer-events: none;  box-sizing: border-box;} */
.select-wrapper:after{content:''; width:15px; height:15px; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M201.4%20374.6c12.5%2012.5%2032.8%2012.5%2045.3%200l160-160c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L224%20306.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l160%20160z%22/%3E%3C/svg%3E") no-repeat center; -webkit-mask-size: contain; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M201.4%20374.6c12.5%2012.5%2032.8%2012.5%2045.3%200l160-160c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L224%20306.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l160%20160z%22/%3E%3C/svg%3E") no-repeat center; background-color: var(--color-secondary-300); vertical-align:middle; display: inline-block; margin: var(--spacing-s); position: absolute; top: 13px; right: 5px; z-index: 5; pointer-events: none;}
.form select:focus + .label-name .content-name{color: var(--color-secondary)}

.validerror{font-size: 12px; color: var(--color-primary); min-height: 18px; padding-top: var(--spacing-xxs);}
.valid_error{background-color: var(--color-background-light-red) !important; border-color: var(--color-primary) !important}
.is-invalid_info, .input-validation-error{border: solid 2px var(--color-red) !important; background-color: var(--color-background-light-red) !important;}
/* .expiry-container .form input + .label-name{ background-color: var(--color-background-grey-100);} */
.expiry-container .form input:focus + .label-name, .expiry-container .form input:valid + .label-name{background-color: transparent;}
.expiry-container .form input.is-invalid_info + .label-name{background-color: transparent;}
.child_age-error{border: solid 1px var(--color-red) !important; background-color: var(--color-background-light-red) !important;}

.form2 input {width: 100%; height: 44px; position: relative; color: var(--color-black); padding: 6px 10px; border: solid 2px var(--color-secondary-200); background-color: var(--color-white); border-radius: var(--border-radius-medium); font-size: 14px;}
.form2 label {font-size: 14px; color: var(--color-black); width: 100%; height: auto; pointer-events: none; font-weight: var(--font-medium); padding-bottom: var(--spacing-xs)}
.form2 input:focus {outline: none; border: solid 2px var(--color-secondary);}
.form2 select {width: 100%; height: 44px; padding: 6px 10px; font-size: 14px; position: relative;  border-radius: var(--border-radius-medium); border: solid 2px var(--color-secondary-200); background-color: var(--color-white); color: var(--color-black);}
.form2.select-wrapper:after{top:28px;}
.form-select{background-position: right .5rem center; padding: .375rem 1.75rem .375rem .75rem;}
/*============================ Form Elements ==============================*/

.cookies-container{width:100%; background: var(--color-white); position: fixed; bottom: -140px; padding: 0px; align-items: center; color: var(--color-white); gap:10px; z-index: 2000; min-height: 140px; display: none;}
.cookies-container:before{content: ''; position: fixed; left:0px; top:0px; width: 100%; height:100%; background: rgba(0,0,0,0.6)}
.cookies-content{background-color: var(--color-white); width: 100%; z-index: 1111; padding: 20px 0px}
.cookies-container .cookie-text{display: flex; color: var(--color-black);}
.cookies-container .cookie-text i{font-size: 48px; width: 48px; height: 48px; margin-right: 10px; overflow: hidden;}
.cookies-container .cookie-text svg{fill: var(--color-black); margin-right: 10px;}
.cookies-container .cookie-text .cookie-content{position: relative; display: flex; flex-direction: column;}
.cookies-container .cookie-text strong{font-size: 20px; font-weight: 500;}
.cookies-container .cookie-text p{font-size: 13px;}
.cookies-container .cookie-text p a{text-decoration: underline; color: var(--color-black); font-weight: 500;}
.cookies-container .cookie-text p a:hover{text-decoration: none;}
.cookies-container .ok_btn{border: solid 2px var(--color-secondary); background-color: var(--color-secondary); font-size: 15px; color: var(--color-white); padding: var(--spacing-xss) 0px; border-radius: var(--border-radius-medium); cursor: pointer; margin: 10px 0 0 0px; max-width: 150px;}
.cookies-container .ok_btn:hover{background-color: var(--color-white); color: var(--color-secondary)}
.cookies-container.visible{opacity: 1; bottom: 0px; visibility: visible; transition: all .35s ease-out;}
#alert_dialog {z-index: 1260;}
@media screen and (max-width:1550px) {
	.cookies-container .cookie-text{flex-grow: unset; padding-right: 20px;}}

@media screen and (max-width:1300px) {
	.cookies-container{flex-direction: column; align-items: flex-start;}	
}
@media screen and (max-width:1024px) {
	.cookies-container .cookie-text{align-items: flex-start;}
}
@media screen and (max-width:767px) {
	.cookies-container .cookie-text i{display: none;}
	.cookies-container .ok_btn{margin-left: 0px;}
	.cookies-container .cookie-text svg{display: none;}
}
@media screen and (max-width:479px) {
	.cookies-container i{display: none;}
	.cookies-container .cookie-text p{font-size: 12px;}
	.cookies-container .ok_btn{font-size: 14px;}
}
@media screen and (min-width:1024px) {
	div#zsiq_chat_wrap {
		max-height: 40% !important;
	}
}
@media screen and (max-width:1023px) {
	div#zsiq_chat_wrap {
		max-height: 70% !important;
	}
}
.zsiq_theme1[data-id=zsalesiq]{
	z-index: 1500 !important;
}

.pnf-container{width:100%; margin: 60px 0px; padding: 0px; display: inline-block; text-align: center;}
.pnf-container img{width: auto; max-width: 100%;}
.pnf-container .heading{font-size: 48px; font-weight: var(--font-medium); color: var(--color-red);}
.pnf-container p{font-size: 16px; color: var(--color-black); padding-bottom: var(--spacing-s);}
.pnf-container p.big-text{font-size: 20px; font-weight: var(--font-medium);}
.pnf-container p a{color: var(--color-secondary); text-decoration: underline;}
.pnf-container p a:hover{text-decoration: none;}
.pnf-container .go_btn{margin-top: var(--spacing-l); display: inline-block;}
.pnf-container .go_btn a{width: auto; background-color: var(--color-primary); padding: var(--spacing-ss) var(--spacing-l); border: none; color: var(--color-white); font-size: 16px; font-weight: var(--font-medium); border-radius: var(--border-radius-medium);}
.pnf-container .go_btn a:hover{opacity: 0.85;}

@media screen and (max-width:479px) {
	.pnf-container p.big-text{font-size: 17px;}
	.pnf-container p{font-size: 14px;}
}


/* Dup Tab Modal CSS */
#dupTabModal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:99999;align-items:center;justify-content:center;font-family:inherit}
#dupTabModal.is-visible{display:flex}
.tab-modal-box{background:#fff;border-radius:12px; padding:0; max-width:450px; width:94%;box-shadow:0 8px 32px rgba(0,0,0,.2); margin: 0 3%;}
.tab-state-hidden{display:none}
.tab-modal-box .heading-area{width: 100%; padding: var(--spacing-sm) var(--spacing-m); border-bottom: dashed 1px #ccc;}
.tab-modal-box .heading-area h2{font-size: 20px; font-weight: var(--font-semibold); color: var(--color-black);}
.tab-modal-box .body-area{width: 100%; padding: var(--spacing-ss) var(--spacing-m) 0;}
.tab-modal-box .body-area p{font-size: 15px; color: var(--color-black); line-height: 1.35; padding-bottom: var(--spacing-sm);}
.tab-modal-box .button-area{text-align: center; margin-bottom: var(--spacing-m);}
.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500}
.btn-secondary{background:#ccc; color:var(--color-black);border:none;padding:.65rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500}
.btn-primary:hover{background:var(--color-black)}
.btn-secondary:hover{background:#eee; color:var(--color-black);}