/* body */
body {
    background-color: var(--color-5);
    font-family: "Roboto" ,Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-3);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a{
    color: #2c70d4 !important;
    text-decoration: underline !important;
}
    
 /* direction */
 .ltr{direction: ltr;}
 .rtl{direction: rtl;}


/* colors */
:root {
  --color-0: #486284;
  --color-1: #06408B;
  --color-1-hover: #043472;
  --color-2: #FFC709;
  --color-2-dark: #b38d0c;
  --color-2-hover: #e3af07;
  --color-3: #2C2E2D;
  --color-3-hover: #212222;
  --color-4: #434649;
  --color-4-hover: #374752;
  --color-5: #F7FAFF;   /* body color */
  --color-5-hover: #dee3ed;

  --color-6: #F4F8FE; /*  menu  */
  --color-7: #DEE5ED; /*  border  */
  --color-8: #D0E2F9; 
  --color-9: #EFF3F9;
  --color-10: #E1E8F2;

  --color-blue-light: #ebf3ff;
  --color-white: #ffffff;
  --color-black: #000000;
  /* Color System */
  --color-primary-50: #f0f9ff;
  --color-primary-100: #e0f2fe;
  --color-primary-200: #bae6fd;
  --color-primary-300: #7dd3fc;
  --color-primary-400: #38bdf8;
  --color-primary-500: #0ea5e9;
  --color-primary-600: #0284c7;
  --color-primary-700: #0369a1;
  --color-primary-800: #075985;
  --color-primary-900: #0c4a6e;

  --color-secondary-500: #a855f7;
  
  --color-accent-500: #f97316;
  
  --color-success-100: #dcfce7;
  --color-success-500: #22c55e;
  --color-success-700: #15803d;
  
  --color-warning-100: #fef9c3;
  --color-warning-500: #eab308;
  --color-warning-700: #a16207;
  
  --color-error-100: #fee2e2;
  --color-error-500: #ef4444;
  --color-error-700: #b91c1c;
  
  /* Neutral Colors */
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  
  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.125rem;   /* 18px */
  --font-size-xl: 1.25rem;    /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 1.875rem;  /* 30px */
  
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  
  /* Spacing (8px system) */
  --space-1: 0.25rem;  /* 4px */
  --space-2: 0.5rem;   /* 8px */
  --space-3: 0.75rem;  /* 12px */
  --space-4: 1rem;     /* 16px */
  --space-5: 1.25rem;  /* 20px */
  --space-6: 1.5rem;   /* 24px */
  --space-8: 2rem;     /* 32px */
  --space-10: 2.5rem;  /* 40px */
  --space-12: 3rem;    /* 48px */
  --space-16: 4rem;    /* 64px */
  
  /* Borders */
  --border-radius-sm: 0.25rem;  /* 4px */
  --border-radius-md: 0.375rem; /* 6px */
  --border-radius-lg: 0.5rem;   /* 8px */
  --border-radius-xl: 1rem;     /* 16px */
  
  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  
  /* Table-specific variables */
  --table-header-bg: var(--color-gray-800);
  --table-header-color: white;
  --table-border-color: var(--color-gray-200);
  --table-row-hover: var(--color-gray-50);
  --table-row-even: var(--color-gray-50);
  --table-row-odd: white;
  
  /* Pricing color indicators */
  --pricing-free-color: var(--color-success-500);
  --pricing-freemium-color: var(--color-warning-500);
  --pricing-paid-color: var(--color-accent-500);
  
  /* Animation */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 350ms ease;
}

.c-blue{ color: var(--color-1);}
.c-blue-dark{ color: var(--color-0);}
.c-white{color: var(--color-white) !important;}
.c-orange{color: #f89a07;}
.c-yellow{color: var(--color-2) !important;}
.c-gray-light{color: var(--color-4);}

.bg-white{background-color: var(--color-white);}
.bg-blue-light{background-color: var(--color-blue-light);}
.bg-blue{background-color: var(--color-1);}

/* card and box */
.box{
    background-color: var(--color-white);
    border-radius: 20px;
    border: 1px solid var(--color-7);
}
.card{
    background-color: var(--color-6);
    border-radius: 20px;
    border: 1px solid var(--color-8);
}
.card-bold{
    background-color: var(--color-10);
    border-radius: 20px;
}


.text-gradient {
 color: #6E89CC; 
 background-image: linear-gradient(45deg, #6E89CC 19%, #E02FB1 100%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}

/******* assets *******/
/* button */
.btn {
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 0.25s ease-out;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.btn:hover { transform: translateY(-2px);}
.btn-md{ padding: 15px 20px; border-radius: 25px;  font-weight: 600;}
.btn-sm{ padding: 10px 15px;  border-radius: 20px; font-weight: 400;}

.btn-primary{ background-color: var(--color-1);color: var(--color-5) !important;text-decoration: none !important;}
.btn-primary:hover{  background-color: var(--color-1-hover);color: var(--color-5) !important;}

.btn-primary-liner{ background-color: transparent;color: var(--color-5) !important;text-decoration: none !important;border: 1px solid;}
.btn-primary-liner:hover{color: var(--color-2) !important;}

.btn-primary-liner-2{ background-color: transparent;color: var(--color-1-hover) !important;text-decoration: none !important;border: 1px solid var(--color-1-hover);}
.btn-primary-liner-2:hover{color: var(--color-1-hover) !important;}
.btn-secondary{
    background-color: var(--color-6);
    text-decoration: none !important;
    color: var(--color-3) !important;
    border: 1px solid var(--color-2);
}
.btn-secondary:hover{
    background-color: var(--color-6);
    color: var(--color-3) !important;
    border-color: var(--color-2-hover);
}

.btn-tertiary{
    background-color: var(--color-white);
    color: var(--color-3) !important;
    text-decoration: none !important;
    border: 1px solid var(--color-3);
}
.btn-tertiary:hover{
    background-color: var(--color-5);
    color: var(--color-3) !important;
    border-color: var(--color-3-hover);
}

.i-white{
    filter: invert(1);
}


/* border */
.border-1{border: 1px solid var(--color-7);}
.border-radius-10{ border-radius:10px ;}
.border-radius-15{ border-radius:15px ;}
.border-radius-20{ border-radius:20px ;}
.border-radius-25{ border-radius:25px ;}

.border-b{
    border-bottom: 1px solid var(--color-7);
    padding-bottom: 15px;
}

.border-4px{
    border: 4px solid var(--color-10);
}

/* margin */
.m-50{ margin: 50px !important;}
.m-lg{ margin: 30px !important;}
.m-md{ margin: 24px !important;}
.m-sm{ margin: 20px !important;}
.m-xs{ margin: 16px !important;}
.m-12{ margin: 12px !important;}
.m-6{ margin: 6px !important;}

.ml-50{ margin-left: 50px !important;}
.ml-lg{ margin-left: 30px !important;}
.ml-md{ margin-left: 24px !important;}
.ml-sm{ margin-left: 20px !important;}
.ml-xs{ margin-left: 16px !important;}
.ml-12{ margin-left: 12px !important;}
.ml-6{ margin-left: 6px !important;}

.mr-50{ margin-right: 50px !important;}
.mr-lg{ margin-right: 30px !important;}
.mr-md{ margin-right: 24px !important;}
.mr-sm{ margin-right: 20px !important;}
.mr-xs{ margin-right: 16px !important;}
.mr-12{ margin-right: 12px !important;}
.mr-6{ margin-right: 6px !important;}

.mt-150{ margin-top: 150px !important;}
.mt-100{ margin-top: 100px !important;}
.mt-50{ margin-top: 50px !important;}
.mt-lg{ margin-top: 30px !important;}
.mt-md{ margin-top: 24px !important;}
.mt-sm{ margin-top: 20px !important;}
.mt-xs{ margin-top: 16px !important;}
.mt-12{ margin-top: 12px !important;}
.mt-6{ margin-top: 6px !important;}

.mb-150{ margin-bottom: 150px !important;}
.mb-100{ margin-bottom: 100px !important;}
.mb-50{ margin-bottom: 50px !important;}
.mb-lg{ margin-bottom: 30px !important;}
.mb-md{ margin-bottom: 24px !important;}
.mb-sm{ margin-bottom: 20px !important;}
.mb-xs{ margin-bottom: 16px !important;}
.mb-12{ margin-bottom: 12px !important;}
.mb-6{ margin-bottom: 6px !important;}


/* padding */
.p-50{ padding: 50px !important;}
.p-lg{ padding: 30px !important;}
.p-md{ padding: 24px !important;}
.p-sm{ padding: 20px !important;}
.p-xs{ padding: 16px !important;}
.p-12{ padding: 12px !important;}
.p-6{ padding: 6px !important;}

.pl-50{ padding-left: 50px !important;}
.pl-lg{ padding-left: 30px !important;}
.pl-md{ padding-left: 24px !important;}
.pl-sm{ padding-left: 20px !important;}
.pl-xs{ padding-left: 16px !important;}
.pl-12{ padding-left: 12px !important;}
.pl-6{ padding-left: 6px !important;}

.pr-250{ padding-right: 250px !important;}
.pr-200{ padding-right: 200px !important;}
.pr-150{ padding-right: 150px !important;}
.pr-100{ padding-right: 100px !important;}
.pr-50{ padding-right: 50px !important;}
.pr-lg{ padding-right: 30px !important;}
.pr-md{ padding-right: 24px !important;}
.pr-sm{ padding-right: 20px !important;}
.pr-xs{ padding-right: 16px !important;}
.pr-12{ padding-right: 12px !important;}
.pr-6{ padding-right: 6px !important;}

.pt-50{ padding-top: 50px !important;}
.pt-lg{ padding-top: 30px !important;}
.pt-md{ padding-top: 24px !important;}
.pt-sm{ padding-top: 20px !important;}
.pt-xs{ padding-top: 16px !important;}
.pt-12{ padding-top: 12px !important;}
.pt-6{ padding-top: 6px !important;}

.pb-50{ padding-bottom: 50px !important;}
.pb-lg{ padding-bottom: 30px !important;}
.pb-md{ padding-bottom: 24px !important;}
.pb-sm{ padding-bottom: 20px !important;}
.pb-xs{ padding-bottom: 16px !important;}
.pb-12{ padding-bottom: 12px !important;}
.pb-6{ padding-bottom: 6px !important;}




/* width */
.w-250{width: 250px;}
.w-240{width: 240px;}
.w-230{width: 230px;}
.w-220{width: 220px;}
.w-210{width: 210px;}
.w-200{width: 200px;}
.w-190{width: 190px;}
.w-180{width: 180px;}
.w-170{width: 170px;}
.w-160{width: 160px;}
.w-150{width: 150px;}
.w-140{width: 140px;}
.w-130{width: 130px;}
.w-120{width: 120px;}
.w-110{width: 110px;}
.w-100{width: 100px;}
.w-90{width: 90px;}
.w-80{width: 80px;}
.w-70{width: 70px;}
.w-60{width: 60px;}

/* rtl */

html[dir="rtl"] .rtl {
    text-align:right !important;
}







.bg-blue-linear{
    background: #2F80EA;
    background: radial-gradient(circle, rgba(47, 128, 234, 1) 0%, rgba(6, 64, 139, 1) 100%);
}

.box-social{
    background-color: var(--color-1);
    border-radius: 20px;
    padding: 16px;
    width: 220px;
}


.title-home{
    color: var(--color-3);
    line-height: 1.3em !important;
}
.title-home-line{
    line-height: 64px !important;
}
.title-home-description{
    color: var(--color-4);
}

.title-home-section{
    font-size: 30px;
    font-weight: 600;
}




.bg-trustpilot{
    background: #7ad640;
    background: linear-gradient(215deg, rgba(122, 214, 64, 1) 0%, rgba(20, 173, 0, 1) 100%);
}
.bg-appstore{
    background: #40ccd6;
    background: linear-gradient(215deg, rgba(64, 204, 214, 1) 0%, rgba(0, 87, 173, 1) 100%);
}
.bg-server-section{
    background-image: url(../img/pattern-1.png);
}
.bg-author{
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
    background-image: radial-gradient(#a99cb6 2.5px, transparent 0.5px), radial-gradient(#ffffff 1.5px, #0a0a59 0.5px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}
.bg-server-section-overlay{
        background-blend-mode: overlay;
}

.bg-pattern{
    background-image: url(../img/pattern-3.png);
}

.brands-section{
    display: flex;
    gap: 25px;
    justify-content: space-between ;
}

.flag-home img{
    width: 60px;
}

.flag-home{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.name-flag{
    color: var(--color-4);
    font-size: 16px;
    font-weight: 400;
}

.description-home-section{
     font-size: 18px;
     color: var(--color-4-hover);
     text-align: justify;
}
.item-why{
    margin: 180px 0;
}

.img-user-Testimonial{
    width: 55px;
    border-radius: 25px;
    overflow: hidden;
    border:2px solid var(--color-8)
}
.row-testimonial{
    display: flex;
    flex-direction: row;
    width: 100%;
}
.row-testimonial-ar {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
}
.name-testimonial{
    font-size: 18px;
    font-weight: 600;
    color: var(--color-1);
    display: block;
}
.social-testimonial{
    font-size: 13px;
    font-weight: 300;
    color: var(--color-3);
}


.bg-CTA{
    background-image: url(../img/global.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.box-CTA{
    width: 220px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 25px;
}
.icon-CTA{
    height: 90px;
    margin-bottom: 25px;
}
.text-CTA{
    font-weight: 900;
    font-size: 20px;
    color: var(--color-4-hover);
}

.CTA{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
}



.btn-cta-row{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.box-cta{
    border-radius: 20px;
    border: 4px solid var(--color-1-hover);
}


/* menu mobile */
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 250px;
    background: #fff;
    z-index: 1026;
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%); /* پنهان در راست */
}

.mobile-menu.open {
    transform: translateX(0);
}

.backdrop {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / 85%);
    z-index: 1025;
    transition: opacity 0.3s ease-in-out;
}

.hidden {
  display: none;
}

.w-menu{
        width: 85vw;
}






.header-style {
    background-color: var(--color-6);
    position: sticky;
    top: 0;
    z-index: 1000;
    border: 1px solid var(--color-7);
}

.cm-social{
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 15px;
}

.cm-social-ar{
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 15px;
    width: 100%;
    justify-content: flex-end;
}


/* footer */
.title-footer-item{
    color: var(--color-1);
    font-weight: 700;
    font-size: 16px;
}
.link-footer-item li a{
    color: var(--color-3) !important;
}
.link-footer-item li a:hover{
    color: var(--color-2-dark);
}

.link-yellowHover{
    color: var(--color-3);
}
.link-yellowHover:hover{
    color: var(--color-2-dark);
}
.row-reviews-pilot{
    display: flex;
}


.row-star-reviews{
    display: flex;
    align-items: flex-end;
}

.link-menu-mobile{
    width: 100%;
    display: block;
        padding: 14px 18px 14px 4px;
}
.link-menu-mobile:active{
    background-color: var(--color-5);
}


.img-brand{
    height: 40px;
    width: 120px;
}

.img-brand-bezinga{
    height: 24px;
    width: 120px;
}








    .mySwiper {
        width: 100%;
        display: block;
    }
    .swiper {
        width: 100%;
        height: auto; 
    }
    .swiper-slide {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }
    .swiper-pagination {
        bottom: -5px !important;
    }


    .btn-connect-mobile{
        background-color: var(--color-1);
        color: var(--color-white) !important;
        font-weight: 500;
        box-shadow: 0px 10px 12px #06408b4f;
        text-decoration: none !important;
    }




@media only screen and (max-width: 600px) {
    .btn-getMena{
        width: 150px !important;
    }

    
    .img-brand{
        height: 40px;
        width: 120px;
    }

    .item-why{
    margin: 30px 0;
    }
    .icon-CTA {
    height: 60px;
    }
    .text-CTA {
    font-size: 14px;
    }
    .box-CTA {
    width: 165px;
    padding: 8px;
}
    .btn-sm {
        padding: 8px 12px;
        border-radius: 15px;
        font-size: 14px;
    }

    .title-home-line {
    line-height: 37px !important;
    }
    
    .title-home-section{
        font-size: 14px;
        font-weight: 600;
    }

    

}



.iubenda-tp-btn:not(.iubenda-floatable-tb-btn)[data-tp-float][data-tp-float=bottom-left]{
    bottom: 60px !important;
}


.p-justify p{
    text-align: justify;
}
.text-center {
    text-align: center !important;
}



/* Table styles */
.comparison-table {
    margin: 30px auto;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

/* Caption - hidden visually but available for screen readers for SEO */
.comparison-table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Table header */
.comparison-table thead {
  background-color: var(--table-header-bg);
  color: var(--table-header-color);
}

.comparison-table th {
  padding: var(--space-4);
  font-weight: var(--font-weight-medium);
  text-align: left;
}

.comparison-table thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}

.comparison-table thead th:first-child {
  border-top-left-radius: var(--border-radius-md);
}

.comparison-table thead th:last-child {
  border-top-right-radius: var(--border-radius-md);
}

/* Table body */
.comparison-table tbody tr {
  transition: background-color var(--transition-fast);
}

.comparison-table tbody tr:nth-child(odd) {
  background-color: var(--table-row-odd);
}

.comparison-table tbody tr:nth-child(even) {
  background-color: var(--table-row-even);
}

.comparison-table tbody tr:hover {
  background-color: var(--table-row-hover);
}

.comparison-table td, 
.comparison-table tbody th {
  padding: var(--space-4);
  border-bottom: 1px solid var(--table-border-color);
  vertical-align: top;
}

.comparison-table tbody th {
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary-700);
}


.menu-item-header li a{
    text-decoration: none !important;
    color: var(--color-3) !important;
}

.menu-item-header li a:hover{
    text-decoration: none !important;
    color: var(--color-4) !important;
}

.title-blog-item{
    text-decoration: none !important;
    color: var(--color-3) !important;
}

.title-blog-item:hover{
    text-decoration: none !important;
    color: var(--color-4) !important;
}

.reset-a{
    text-decoration: none !important;
    color: inherit !important;
}



.bottom-fix{
    position: absolute;
    bottom: 25px;
}





/* CTA Buttons */
.market-btn {
    display: inline-block;
    padding: 14px 30px;
    -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    background-position: center left 0.75rem;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none;
    width: 100%;
}
.market-btn .market-button-title {
    display: block;
    font-size: 1.125rem;
    color: var(--color-10);
}
.market-btn .market-button-subtitle {
    display: block;
    margin-bottom: -0.25rem;
    font-size: 0.75rem;
    color: var(--color-10);
}
.market-btn:hover {
    text-decoration: none;
}
.apple-btn {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 305 305' style='enable-background:new 0 0 305 305;' xml:space='preserve' width='24px' height='24px'%3E%3Cg id='XMLID_228_'%3E%3Cpath id='XMLID_229_' d='M40.738,112.119c-25.785,44.745-9.393,112.648,19.121,153.82C74.092,286.523,88.502,305,108.239,305 c0.372,0,0.745-0.007,1.127-0.022c9.273-0.37,15.974-3.225,22.453-5.984c7.274-3.1,14.797-6.305,26.597-6.305 c11.226,0,18.39,3.101,25.318,6.099c6.828,2.954,13.861,6.01,24.253,5.815c22.232-0.414,35.882-20.352,47.925-37.941 c12.567-18.365,18.871-36.196,20.998-43.01l0.086-0.271c0.405-1.211-0.167-2.533-1.328-3.066c-0.032-0.015-0.15-0.064-0.183-0.078 c-3.915-1.601-38.257-16.836-38.618-58.36c-0.335-33.736,25.763-51.601,30.997-54.839l0.244-0.152 c0.567-0.365,0.962-0.944,1.096-1.606c0.134-0.661-0.006-1.349-0.386-1.905c-18.014-26.362-45.624-30.335-56.74-30.813 c-1.613-0.161-3.278-0.242-4.95-0.242c-13.056,0-25.563,4.931-35.611,8.893c-6.936,2.735-12.927,5.097-17.059,5.097 c-4.643,0-10.668-2.391-17.645-5.159c-9.33-3.703-19.905-7.899-31.1-7.899c-0.267,0-0.53,0.003-0.789,0.008 C78.894,73.643,54.298,88.535,40.738,112.119z' fill='%23fff'/%3E%3Cpath id='XMLID_230_' d='M212.101,0.002c-15.763,0.642-34.672,10.345-45.974,23.583c-9.605,11.127-18.988,29.679-16.516,48.379 c0.155,1.17,1.107,2.073,2.284,2.164c1.064,0.083,2.15,0.125,3.232,0.126c15.413,0,32.04-8.527,43.395-22.257 c11.951-14.498,17.994-33.104,16.166-49.77C214.544,0.921,213.395-0.049,212.101,0.002z' fill='%23fff'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");}
.google-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.windows-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMC4xNzYsMjI0TDAuMDAxLDY3Ljk2M2wxOTItMjYuMDcyVjIyNEgwLjE3NnogTTIyNC4wMDEsMzcuMjQxTDQ3OS45MzcsMHYyMjRIMjI0LjAwMVYzNy4yNDF6IE00NzkuOTk5LDI1NmwtMC4wNjIsMjI0ICAgbC0yNTUuOTM2LTM2LjAwOFYyNTZINDc5Ljk5OXogTTE5Mi4wMDEsNDM5LjkxOEwwLjE1Nyw0MTMuNjIxTDAuMTQ3LDI1NmgxOTEuODU0VjQzOS45MTh6IiBmaWxsPSIjMDBiY2YyIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.amazon-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQUJGNjhGNDRGNkMxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQUJGNjhGMzRGNkMxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUM1ODJFMkIxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUM1ODJFM0IxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4g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);
}
.market-btn-light {
    border-color: rgba(255, 255, 255, 0.14);
    background-color: rgba(0, 0, 0, 0);
}
.market-btn-light .market-button-title {
    color: #fff;
}
.market-btn-light .market-button-subtitle {
    color: rgba(255, 255, 255, 0.6);
}
.market-btn-light:hover {
    background-color: rgba(255, 255, 255, 0.06);
}
.market-btn-light.apple-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.market-btn-light.amazon-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjFCQzQ2QjRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjFCQzQ2QTRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUM1ODJFMkIxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUM1ODJFM0IxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4g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);
}








/*  menu Mobile  */

.mp-nav-container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mp-logo {
    display: flex;
    align-items: center;
}

.mp-logo-img {
    height: 50px;
    width: auto;
}

.mp-nav-menu {
    display: flex;
    list-style: none;
    align-items: center;
    gap: 2rem;
}

.mp-nav-link {
    color: var(--color-3);
    text-decoration: none;
    font-size: 1rem;
    transition: color 0.3s ease;
}

.mp-nav-link:hover {
    color: var(--color-2);
}

.mp-nav-button {
    background-color: #ffc800;
    color: #0b3f8b;
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}

.mp-nav-button:hover {
    background-color: white;
    color: #0b3f8b;
}

/* Language Selector Styles */
.mp-lang-selector {
    position: relative;
}

.mp-lang-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    padding: 6px 12px;
    color: var(--color-3);
    cursor: pointer;
    transition: all 0.3s ease;
}

.mp-lang-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.mp-flag-icon {
    width: 15px;
    height: 15px;
    object-fit: cover;
}

.mp-lang-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 8px;
    min-width: 150px;
}

.mp-lang-dropdown.show {
    display: block;
}

.mp-lang-dropdown a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.mp-lang-dropdown a:hover {
    background-color: #f5f5f5;
}

.mp-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
    padding: 4px;
}

.mp-menu-toggle span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: white;
    transition: all 0.3s ease-in-out;
}



@media (max-width: 768px) {
    .mp-menu-toggle {
        display: flex;
    }

    .mp-nav-menu {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #0b3f8b;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
    }

    .mp-nav-menu.active {
        max-height: 500px;
        padding: 1rem;
    }

    .mp-nav-menu li {
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.3s ease-in-out;
        margin-bottom: 1rem;
        text-align: center;
    }

    .mp-nav-menu.active li {
        opacity: 1;
        transform: translateY(0);
    }

    /* Stagger the animation for each menu item */
    .mp-nav-menu li:nth-child(2) { transition-delay: 0.2s; }
    .mp-nav-menu li:nth-child(3) { transition-delay: 0.3s; }
    .mp-nav-menu li:nth-child(1) { transition-delay: 0.1s; }
    .mp-nav-menu li:nth-child(4) { transition-delay: 0.4s; }
    .mp-nav-menu li:nth-child(5) { transition-delay: 0.5s; }
    .mp-nav-menu li:nth-child(6) { transition-delay: 0.6s; }
    .mp-nav-menu li:nth-child(7) { transition-delay: 0.7s; }

    .mp-lang-selector {
        margin: 1rem 0;
    }

    .mp-lang-btn {
        margin: 0 auto;
        justify-content: center;
    }

    .mp-lang-dropdown {
        position: static;
        margin: 0.5rem auto;
        width: 200px;
    }

    /* Hamburger menu animation */
    .mp-menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .mp-menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .mp-menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

}

.mp-content {
    padding: 2rem;
}





@media screen and (max-width: 768px) {
  .comparison-table {
    border: none;
    width: 100%;
  }

  .comparison-table thead {
    display: none;
  }

  .comparison-table tbody tr {
    display: block;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 1.5rem;
    overflow: hidden;
  }

  .comparison-table tbody th[scope="row"] {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 1.1rem;
    background: var(--table-header-bg, #f6f7fb);
    color: var(--table-header-color, #111);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--table-border-color, #e2e8f0);
  }

  .comparison-table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--table-border-color, #e2e8f0);
    font-size: 0.95rem;
  }

  .comparison-table tbody td:last-child {
    border-bottom: none;
  }

  .comparison-table tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #7a7a7a;
  }

  .comparison-table tbody td {
    color: #111;
    text-align: right;
  }
}