body {
    font-family: 'iransans', serif;
    font-size: 16px;
    direction: rtl;
    background: #F9FAFB;
}

html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

.w-30 {
    width: 30%;
}

.w-70 {
    width: 70%;
}

.px-32 {
    padding-left: 32px;
    padding-right: 32px;
}

.py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.pt-32 {
    padding-top: 32px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pe-32,
.pl-32 {
    padding-left: 32px;
}

.ps-32,
.pr-32 {
    padding-right: 32px;
}

.list-style-none {
    list-style: none !important;
}

.white-space-nowrap {
    white-space: nowrap !important;
}

.icon {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.icon-white,
.icon.white {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.text-justify {
    text-align: justify;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 32px;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 32px;
    background: #383490;
}

/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'yekan-bakh', sans-serif;
    font-weight: 700;
}

h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
    font-weight: 900;
}

h1,
.h1 {
    font-size: 40px;
}

h2,
.h2 {
    font-size: 32px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 16px;
}

h6,
.h6 {
    font-size: 14px;
}

.iransans {
    font-family: 'iransans', sans-serif !important;
}

.yekan-bakh {
    font-family: 'yekan-bakh', sans-serif !important;
}

.roboto,
.english-text {
    font-family: 'roboto', sans-serif !important;
}

.font-weight-100 {
    font-weight: 100;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

.text-20px {
    font-size: 20px !important;
}

.text-18px {
    font-size: 18px;
}

.text-16px {
    font-size: 16px;
}

.text-15px {
    font-size: 15px;
}

.text-14px {
    font-size: 14px;
}

.text-13px {
    font-size: 13px;
}

.text-12px {
    font-size: 12px;
}

.text-11px {
    font-size: 11px;
}

.text-10px {
    font-size: 10px;
}

/* Alignment */

.dir-ltr {
    direction: ltr;
}

.dir-rtl {
    direction: rtl;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/* Border-radius */

.br-8 {
    border-radius: 8px;
}

.br-12 {
    border-radius: 12px;
}

.br-14 {
    border-radius: 14px;
}

.br-20 {
    border-radius: 20px;
}

.br-24 {
    border-radius: 24px;
}


/* Shadows */
.shadow-1 {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-2 {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.shadow-3 {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 3px 3px 0 rgba(0, 0, 0, 0.02), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}

.shadow-4 {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.06);
}

.shadow-5 {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 5px 5px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.06);
}

.shadow-6 {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 6px 6px 0 rgba(0, 0, 0, 0.02), 0 32px 64px 0 rgba(0, 0, 0, 0.06);
}

.shadow-7 {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 7px 7px 0 rgba(0, 0, 0, 0.02), 0 64px 128px 0 rgba(0, 0, 0, 0.06);
}

.shadow-8 {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 8px 8px 0 rgba(0, 0, 0, 0.02), 0 128px 250px 0 rgba(0, 0, 0, 0.06);
}

.shadow-1-hover:hover {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-2-hover:hover {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.shadow-3-hover:hover {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 3px 3px 0 rgba(0, 0, 0, 0.02), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}

.shadow-4-hover:hover {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.06);
}

.shadow-5-hover:hover {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 5px 5px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.06);
}

.shadow-6-hover:hover {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 6px 6px 0 rgba(0, 0, 0, 0.02), 0 32px 64px 0 rgba(0, 0, 0, 0.06);
}

.shadow-7-hover:hover {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 7px 7px 0 rgba(0, 0, 0, 0.02), 0 64px 128px 0 rgba(0, 0, 0, 0.06);
}

.shadow-8-hover:hover {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.02), 0 8px 8px 0 rgba(0, 0, 0, 0.02), 0 128px 250px 0 rgba(0, 0, 0, 0.06);
}

/* Colors */

.bg-yellow50 {
    background: #FFF8ED;
}

.bg-yellow100 {
    background: #FFEAC6;
}

.bg-yellow200 {
    background: #FFE0AA;
}

.bg-yellow300 {
    background: #FFD184;
}

.bg-yellow400 {
    background: #FFC96C;
}

.bg-yellow500 {
    background: #FFBB47;
}

.bg-yellow600 {
    background: #E8AA41;
}

.bg-yellow700 {
    background: #B58532;
}

.bg-yellow800 {
    background: #8C6727;
}

.bg-yellow900 {
    background: #6B4F1E;
}

.bg-gray50 {
    background: #f2f2f2;
}

.bg-gray100 {
    background: #f2f4f7;
}

.bg-gray200 {
    background: #EAECF0;
}

.bg-gray300 {
    background: #D0D5DD;
}

.bg-gray400 {
    background: #98A2B3;
}

.bg-gray500 {
    background: #667085;
}

.bg-gray600 {
    background: #475467;
}

.bg-gray700 {
    background: #344054;
}

.bg-gray800 {
    background: #1D2939;
}

.bg-gray900 {
    background: #101828;
}

.bg-teal50 {
    background: #F4FBFC;
}

.bg-teal100 {
    background: #DEF4F5;
}

.bg-teal200 {
    background: #CEEEF0;
}

.bg-teal300 {
    background: #B8E6EA;
}

.bg-teal400 {
    background: #AAE1E5;
}

.bg-teal500 {
    background: #95DADF;
}

.bg-teal600 {
    background: #88C6CB;
}

.bg-teal700 {
    background: #6A9B9E;
}

.bg-teal800 {
    background: #52787B;
}

.bg-teal900 {
    background: #3F5C5E;
}

.bg-teal50 {
    background: #F4FBFC;
}

.bg-teal100 {
    background: #DEF4F5;
}

.bg-teal200 {
    background: #CEEEF0;
}

.bg-teal300 {
    background: #B8E6EA;
}

.bg-teal400 {
    background: #AAE1E5;
}

.bg-teal500 {
    background: #95DADF;
}

.bg-teal600 {
    background: #88C6CB;
}

.bg-teal700 {
    background: #6A9B9E;
}

.bg-teal800 {
    background: #52787B;
}

.bg-teal900 {
    background: #3F5C5E;
}

.bg-blue50 {
    background: #E6F8FD;
}

.bg-blue100 {
    background: #B0E9F9;
}

.bg-blue200 {
    background: #8ADEF6;
}

.bg-blue300 {
    background: #54CFF2;
}

.bg-blue400 {
    background: #33C5F0;
}

.bg-blue500 {
    background: #00B7EC;
}

.bg-blue600 {
    background: #00A7D7;
}

.bg-blue700 {
    background: #0082A8;
}

.bg-blue800 {
    background: #006582;
}

.bg-blue900 {
    background: #004D63;
}

.bg-azure50 {
    background: #EEF2F9;
}

.bg-azure100 {
    background: #CAD6EB;
}

.bg-azure200 {
    background: #B0C2E2;
}

.bg-azure300 {
    background: #8CA6D5;
}

.bg-azure400 {
    background: #7695CD;
}

.bg-azure500 {
    background: #547AC0;
}

.bg-azure600 {
    background: #4C6FAF;
}

.bg-azure700 {
    background: #3C5788;
}

.bg-azure800 {
    background: #2E436A;
}

.bg-azure900 {
    background: #233351;
}

.bg-red50,
.bg-error50 {
    background: #FEF3F2;
}

.bg-red100,
.bg-error100 {
    background: #FEE4E2;
}

.bg-red200,
.bg-error200 {
    background: #FFCDCA;
}

.bg-red300,
.bg-error300 {
    background: #FDA29B;
}

.bg-red400,
.bg-error400 {
    background: #FA7066;
}

.bg-red500,
.bg-error500 {
    background: #F04438;
}

.bg-red600,
.bg-error600 {
    background: #D92D20;
}

.bg-red700,
.bg-error700 {
    background: #B42318;
}

.bg-red800,
.bg-error800 {
    background: #912018;
}

.bg-red900,
.bg-error900 {
    background: #7A271A;
}

.bg-orange50,
.bg-warning50 {
    background: #FFFAEB;
}

.bg-orange100,
.bg-warning100 {
    background: #FEF0C7;
}

.bg-orange200,
.bg-warning200 {
    background: #FEDF89;
}

.bg-orange300,
.bg-warning300 {
    background: #FEC84B;
}

.bg-orange400,
.bg-warning400 {
    background: #FDB022 !important;
}

.bg-orange500,
.bg-warning500 {
    background: #F79009;
}

.bg-orange600,
.bg-warning600 {
    background: #DC6803;
}

.bg-orange700,
.bg-warning700 {
    background: #B54708;
}

.bg-orange800,
.bg-warning800 {
    background: #93370D;
}

.bg-orange900,
.bg-warning900 {
    background: #7A2E0E;
}

.bg-violet50 {
    background: #F2F2F2;
}

.bg-violet100 {
    background: #C1C0DD;
}

.bg-violet200 {
    background: #A3A2CC;
}

.bg-violet300 {
    background: #7A77B5;
}

.bg-violet400 {
    background: #605DA6;
}

.bg-violet500 {
    background: #383490;
}

.bg-violet600 {
    background: #332F83;
}

.bg-violet700 {
    background: #282566;
}

.bg-violet800 {
    background: #1F1D4F;
}

.bg-violet900 {
    background: #18163C;
}

.bg-green50,
.bg-success50 {
    background: #ECFDF3;
}

.bg-green100,
.bg-success100 {
    background: #D1FADF;
}

.bg-green200,
.bg-success200 {
    background: #A6F4C5;
}

.bg-green300,
.bg-success300 {
    background: #6CE9A6;
}

.bg-green400,
.bg-success400 {
    background: #32D583;
}

.bg-green500,
.bg-success500 {
    background: #12B76A;
}

.bg-green600,
.bg-success600 {
    background: #039855;
}

.bg-green700,
.bg-success700 {
    background: #027A48;
}

.bg-green800,
.bg-success800 {
    background: #05603A;
}

.bg-green900,
.bg-success900 {
    background: #054F31;
}

.text-yellow50 {
    color: #FFF8ED;
}

.text-yellow100 {
    color: #FFEAC6;
}

.text-yellow200 {
    color: #FFE0AA;
}

.text-yellow300 {
    color: #FFD184;
}

.text-yellow400 {
    color: #FFC96C;
}

.text-yellow500 {
    color: #FFBB47;
}

.text-yellow600 {
    color: #E8AA41;
}

.text-yellow700 {
    color: #B58532;
}

.text-yellow800 {
    color: #8C6727;
}

.text-yellow900 {
    color: #6B4F1E;
}

.text-gray50 {
    color: #f2f2f2;
}

.text-gray100 {
    color: #f2f4f7;
}

.text-gray200 {
    color: #EAECF0;
}

.text-gray300 {
    color: #D0D5DD;
}

.text-gray400 {
    color: #98A2B3;
}

.text-gray500 {
    color: #667085;
}

.text-gray600 {
    color: #475467;
}

.text-gray700 {
    color: #344054;
}

.text-gray800 {
    color: #1D2939;
}

.text-gray900 {
    color: #101828;
}

.text-teal50 {
    color: #F4FBFC;
}

.text-teal100 {
    color: #DEF4F5;
}

.text-teal200 {
    color: #CEEEF0;
}

.text-teal300 {
    color: #B8E6EA;
}

.text-teal400 {
    color: #AAE1E5;
}

.text-teal500 {
    color: #95DADF;
}

.text-teal600 {
    color: #88C6CB;
}

.text-teal700 {
    color: #6A9B9E;
}

.text-teal800 {
    color: #52787B;
}

.text-teal900 {
    color: #3F5C5E;
}

.text-blue50 {
    color: #E6F8FD;
}

.text-blue100 {
    color: #B0E9F9;
}

.text-blue200 {
    color: #8ADEF6;
}

.text-blue300 {
    color: #54CFF2;
}

.text-blue400 {
    color: #33C5F0;
}

.text-blue500 {
    color: #00B7EC;
}

.text-blue600 {
    color: #00A7D7;
}

.text-blue700 {
    color: #0082A8;
}

.text-blue800 {
    color: #006582;
}

.text-blue900 {
    color: #004D63;
}

.text-azure50 {
    color: #EEF2F9;
}

.text-azure100 {
    color: #CAD6EB;
}

.text-azure200 {
    color: #B0C2E2;
}

.text-azure300 {
    color: #8CA6D5;
}

.text-azure400 {
    color: #7695CD;
}

.text-azure500 {
    color: #547AC0;
}

.text-azure600 {
    color: #4C6FAF;
}

.text-azure700 {
    color: #3C5788;
}

.text-azure800 {
    color: #2E436A;
}

.text-azure900 {
    color: #233351;
}

.text-red50,
.text-error50 {
    color: #FEF3F2;
}

.text-red100,
.text-error100 {
    color: #FEE4E2;
}

.text-red200,
.text-error200 {
    color: #FFCDCA;
}

.text-red300,
.text-error300 {
    color: #FDA29B;
}

.text-red400,
.text-error400 {
    color: #FA7066;
}

.text-red500,
.text-error500 {
    color: #B42318;
}

.text-red600,
.text-error600 {
    color: #D92D20;
}

.text-red700,
.text-error700 {
    color: #B42318;
}

.text-red800,
.text-error800 {
    color: #912018;
}

.text-red900,
.text-error900 {
    color: #7A271A;
}

.text-orange50,
.text-warning50 {
    color: #FFFAEB;
}

.text-orange100,
.text-warning100 {
    color: #FEF0C7;
}

.text-orange200,
.text-warning200 {
    color: #FEDF89;
}

.text-orange300,
.text-warning300 {
    color: #FEC84B;
}

.text-orange400,
.text-warning400 {
    color: #FDB022;
}

.text-orange500,
.text-warning500 {
    color: #F79009;
}

.text-orange600,
.text-warning600 {
    color: #DC6803;
}

.text-orange700,
.text-warning700 {
    color: #B54708;
}

.text-orange800,
.text-warning800 {
    color: #93370D;
}

.text-orange900,
.text-warning900 {
    color: #7A2E0E;
}

.text-violet50 {
    color: #F2F2F2;
}

.text-violet100 {
    color: #C1C0DD;
}

.text-violet200 {
    color: #A3A2CC;
}

.text-violet300 {
    color: #7A77B5;
}

.text-violet400 {
    color: #605DA6;
}

.text-violet500 {
    color: #383490;
}

.text-violet600 {
    color: #332F83;
}

.text-violet700 {
    color: #282566;
}

.text-violet800 {
    color: #A3A2CC;
}

.text-violet900 {
    color: #18163C;
}

.text-green50,
.text-success50 {
    color: #ECFDF3;
}

.text-green100,
.text-success100 {
    color: #D1FADF;
}

.text-green200,
.text-success200 {
    color: #A6F4C5;
}

.text-green300,
.text-success300 {
    color: #6CE9A6;
}

.text-green400,
.text-success400 {
    color: #32D583;
}

.text-green500,
.text-success500 {
    color: #12B76A;
}

.text-green600,
.text-success600 {
    color: #039855;
}

.text-green700,
.text-success700 {
    color: #027A48;
}

.text-green800,
.text-success800 {
    color: #05603A;
}

.text-green900,
.text-success900 {
    color: #054F31;
}

/* badge */

.badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    min-width: 16px;
    min-height: 16px;
    position: absolute;
    bottom: calc( 100% - 8px );
    border-radius: 100%;
}

.badge::before {
    content: '';
    display: block;
    background: url( "../assets/images/badge-curve.svg" );
    background-size: cover;
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.badge.simple {
    border-radius: 7px 7px 0 7px;
}

.circle-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px !important;
    min-width: 24px;
    min-height: 24px;
    border-radius: 100%;
}

.country {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.country.iran {
    background: #EEF2F9 url( "../assets/country/iran.svg" ) no-repeat center center;
}

.country.germany {
    background: #EEF2F9 url( "../assets/country/germany.svg" ) no-repeat center center;
}

.country.france {
    background: #EEF2F9 url( "../assets/country/france.svg" ) no-repeat center center;
}

.country.canada {
    background: #EEF2F9 url( "../assets/country/canada.svg" ) no-repeat center center;
}

.country.england {
    background: #EEF2F9 url( "../assets/country/england.svg" ) no-repeat center center;
    background-size: 15px;
}

.country.linux-icon {
    background: #EEF2F9 url( "../assets/icons/linux.svg" ) no-repeat center center;
    background-size: 15px;
}

.country.cloud-icon {
    background: #EEF2F9 url( "../assets/icons/cloud-icon.svg" ) no-repeat center center;
    background-size: 15px;
}


.country.cloud-icon-2 {
    background: #EEF2F9 url( "../assets/icons/linux-cloud.svg" ) no-repeat center center;
    background-size: 15px;
}
.country.wordpress {
    background: #EEF2F9 url( "../assets/icons/wordpress.svg" ) no-repeat center center;
    background-size: 15px;
}

.country.windows {
    background: #EEF2F9 url( "../assets/icons/windows.svg" ) no-repeat center center;
    background-size: 15px;
}

    /* buttons */

.button {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    border-radius: 12px;
    padding: 12px 16px 12px 16px;
}

.button.transition {
    transition: all 0.2s ease-in-out;
}

.button.solid.gray {
    background: #667085;
    color: #fff;
}

.button.solid.gray:hover {
    background: #475467;
}

.button.solid.red {
    background: #F04438;
    color: #fff;
}
.button.solid.red:hover {
    background: #D92D20;
}

.button.solid.teal {
    background: #88C6CB;
    color: #fff;
}

.button.solid.teal:hover {
    background: #6A9B9E;
}

.button.solid.success,
.button.solid.green {
    background: #32D583;
    color: #fff;
}

.button.solid.success:hover,
.button.solid.green:hover {
    background: #12B76A;
}

.button.solid.warning,
.button.solid.orange {
    background: #F79009;
    color: #fff;
}

.button.solid.blue {
    background: #33C5F0;
    color: #fff;
}

.button.solid.blue:hover {
    background: #00B7EC;
}

.button.solid.azure {
    background: #3C5788;
    color: #fff;
}

.button.solid.azure:hover {
    background: #2E436A;
}

.button.solid.white {
    background: #fff;
    color: #667085;
    border: 3px solid #00000008;
}

.button.solid.white:hover {
    background: #F2F4F7;
}

.button.solid.violet {
    background: #282566;
    color: #fff;
}

.button.solid.violet:hover {
    background: #1F1D4F;
}

.button.solid.yellow {
    background: #FFBB47;
    color: #fff;
}

.button.solid.yellow:hover {
    background: #E8AA41;
}

.button.soft.gray {
    background: #F9FAFB;
    color: #667085;
}

.button.soft.gray:hover {
    background: #F2F4F7;
}

.button.soft.red {
    background: #FEF3F2;
    color: #F04438;
}
.button.soft.red:hover {
    background: #FEE4E2;
    color: #D92D20;
}

.button.soft.teal {
    background: #F9FAFB;
    color: #667085;
}

.button.soft.teal:hover {
    background: #F2F4F7;
    color: #6A9B9E;
}

.button.soft.success,
.button.soft.green {
    background: #ECFDF3;
    color: #12B76A;
}

.button.soft.success:hover,
.button.soft.green:hover {
    background: #D1FADF;
    color: #039855;
}

.button.soft.warning,
.button.soft.orange {
    background: #FFFAEB;
    color: #F79009;
}

.button.soft.warning:hover,
.button.soft.orange:hover {
    background: #FEF0C7;
    color: #DC6803;
}

.button.soft.blue {
    background: #E6F8FD;
    color: #33C5F0;
}

.button.soft.blue:hover {
    background: #B0E9F9;
    color: #00A7D7;
}

.button.soft.azure {
    background: #EEF2F9;
    color: #547AC0;
}

.button.soft.azure:hover {
    background: #CAD6EB;
    color: #4C6FAF;
}

.button.soft.white {
    background: #fff;
    color: #667085;
    border: 3px solid #00000008;
}

.button.soft.white:hover {
    background: #F2F4F7;
}

.button.soft.violet {
    background: #f2f2f2;
    color: #282566;
}

.button.soft.violet:hover {
    background: #C1C0DD;
}

.button.soft.yellow {
    background: #FFF8ED;
    color: #E8AA41;
}

.button.soft.yellow:hover {
    background: #FFE0AA;
}

.button.outline.gray {
    border: 1px solid #667085;
    color: #667085;
}

.button.outline.gray:hover {
    background: #F9FAFB;
}

.button.outline.red {
    border: 1px solid #F04438;
    color: #F04438;
}
.button.outline.red:hover {
    background: #FEF3F2;
}

.button.outline.teal {
    border: 1px solid #88C6CB;
    color: #88C6CB;
}

.button.outline.teal:hover {
    background: #F4FBFC;
}

.button.outline.success,
.button.outline.green {
    border: 1px solid #32D583;
    color: #32D583;
}

.button.outline.success:hover,
.button.outline.green:hover {
    background: #ECFDF3;
}

.button.outline.warning,
.button.outline.orange {
    border: 1px solid #F79009;
    color: #F79009;
}

.button.outline.warning:hover,
.button.outline.orange:hover {
    background: #FFFAEB;
}

.button.outline.blue {
    border: 1px solid #33C5F0;
    color: #33C5F0;
}

.button.outline.blue:hover {
    background: #E6F8FD;
}

.button.outline.azure {
    border: 1px solid #3C5788;
    color: #3C5788;
}

.button.outline.azure:hover {
    background: #EEF2F9;
}

.button.outline.white {
    color: #667085;
    border: 1px solid #667085;
}

.button.outline.white:hover {
    background: #F9FAFB;
}

.button.outline.violet {
    border: 1px solid #282566;
    color: #282566;
}

.button.outline.violet:hover {
    background: #C1C0DD;
}

.button.outline.yellow {
    border: 1px solid #FFBB47;
    color: #FFBB47;
}

.button.outline.yellow:hover {
    background: #FFF8ED;
}

.button .icon {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 25px;
    height: 25px;
}

.button .icon {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 25px;
}

.solid .icon.cube {
    background: url( "../assets/icons/cube-w.svg" ) no-repeat center center;
}

.soft .icon.cube,
.outline .icon.cube,
.icon.cube.white {
    background: url( "../assets/icons/cube.svg" ) no-repeat center center;
}

.icon.unlock {
    background: url( "../assets/icons/unlock.svg" ) no-repeat center center;
}

/* Heading section */

.heading > h1,
.heading > h2,
.heading > h3,
.heading > h4,
.heading > h5,
.heading > h6 {
    position: relative;
    color: #3C5788;
    display: inline-block;
}

.heading > h1::before,
.heading > h2::before,
.heading > h3::before,
.heading > h4::before,
.heading > h5::before,
.heading > h6::before {
    content: '';
    display: block;
    position: absolute;
    right: -12px;
    top: -4px;
    background: #FEC84B;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    z-index: -1;
}

/* Header */

/* - Topbar */

.topbar-container {
    padding: 24px 0 16px;
    width: 100%;
}

.topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.topbar .topbar-menu {

}

.topbar .topbar-menu > ul {
    padding: 0;
}

.topbar .topbar-menu > ul > li {
    display: inline-block;
    margin-left: 24px;
    position: relative;
}

.topbar .topbar-menu > ul > li > a {
    font-family: 'yekan-bakh', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
    text-align: right;
    color: #3C5788;
    position: relative;
    display: inline-block;
    height: 19px;
}

.topbar .topbar-menu > ul > li > a > .home {
    display: block;
    width: 19px;
    height: 27px;
    background: url( "../assets/icons/home-azure700.svg" ) no-repeat center;
}

.topbar .topbar-menu > ul > li .badge {
    font-size: 8px;
    font-weight: 700;
    left: -20px;
}

.topbar .notification-bar {

}

.topbar .notification-bar .call {

}

.topbar .notification-bar .call .icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../assets/icons/phone-call-azure700.svg) no-repeat center center;
}

.topbar .notification-bar .call .pre-number {
    margin-left: 12px;
    margin-right: 10px;
    line-height: 24px;
}

.topbar .notification-bar .call .number {
    line-height: 24px;
}

.topbar .notification-bar .notification {
    margin-left: 40px;
}

.topbar .notification-bar .notification .title {
    line-height: 24px;
    margin: 0 20px;
    border-right: 1px solid #EEF2F9;
    padding-right: 20px;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #7695CD;
}

.topbar .notification-bar .notification .icon {
    position: relative;
}

.topbar .notification-bar .notification .icon .circle {
    display: block;
    width: 21px;
    height: 21px;
    background: transparent;
    border-radius: 100%;
    position: relative;
    border: 2px solid #7695CD;
}

.topbar .notification-bar .notification .icon .circle::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #32D583;
    box-shadow: 0 1px 3px rgba(50, 213, 131, 0.3);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    position: absolute;
    top: -3px;
    left: -3px;
    border-radius: 100%;
    animation: heartBeat infinite 1s ease-in-out;
}

@keyframes heartBeat {
    0% {
        transform: scale(1);
    }

    14% {
        transform: scale(1.25);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.25);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.topbar .notification-bar .notification .announcement-wrapper {
    flex-grow: 1;
    width: 275px;
    padding: 0 12px;
    overflow: hidden;
}

.topbar .notification-bar .notification .announcement-wrapper .announcement-box {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.topbar .notification-bar .notification .announcement-wrapper .announcement-box .mover {
    white-space: nowrap;
    /*animation: moveOnX 15s linear infinite;*/
    text-align: left;
}

@keyframes moveOnX {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(300%);
    }
}

.topbar .notification-bar .notification .announcement-box .announcement {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #3C5788;
    /*margin-left: 24px;*/
    display: inline-block;
}

/* main header */

.main-header-container {
    width: 100%;
    position: relative;
}

.main-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
}

.main-header::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    background: linear-gradient( 270deg, #F9FAFB 0%, #E7E7E7 51.04%, #F9FAFB 100% );
    width: 100%;
    height: 1px;
}

.main-header .action-button {

}

.main-header .action-button .clientarea {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    position: relative;
}

.main-header .action-button .clientarea::after {
    content: '';
    display: block;
    background: #282566;
    opacity: 0.3;
    filter: blur(4px);
    border-radius: 12px;
    position: absolute;
    top: 5px;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: -1;
}

.main-header .action-button .clientarea > .icon {
    margin-right: 6px;
    margin-left: 0;
}

.main-header .action-button .ticket {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 16px;
    position: relative;
}

.main-header .action-button .ticket::after {
    content: '';
    display: block;
    background: #FFBB47;
    opacity: 0.3;
    filter: blur(4px);
    border-radius: 12px;
    position: absolute;
    top: 5px;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
}

.main-header .action-button .ticket > .icon {
    margin-left: 6px;
}

.icon.email,
.icon.mail {
    background: url( "../assets/icons/mail.svg" ) no-repeat center center;
}

.icon.user {
    background: url( "../assets/icons/user.svg" ) no-repeat center center;
}

.icon.hamb {
    background: url( "../assets/icons/menu-w.svg" ) no-repeat center center;
}

.main-header .main-menu {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-header .main-menu > li {
    position: relative;
    padding-bottom: 16px;
    margin-left: 32px;
}

.main-header .main-menu > li > a {

}

.main-header .main-menu > li > a > span {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    color: #3C5788;
}

.main-header .main-menu > li > a > span.icon {
    margin-left: 12px;
}

.main-header .main-menu > li > a > span.arrow {
    margin-right: 16px;
}

.main-header .main-menu > li > ul {
    display: none ;
    opacity: 0;
}

.main-header .main-menu > li:hover > ul {
    display: block;
    opacity: 1;
}

.main-header .main-menu > li > .megamenu-container {
    background: #F2F4F7;
    position: absolute;
    width: 640px;
    min-height: 226px;
    top: 100%;
    list-style: none;
    padding: 8px;
    margin: 0;
    z-index: 999;
}

.main-header .main-menu > li > .megamenu-container > li {
    position: relative;
    display: inline-block;
    width: 100%;
}

.main-header .main-menu > li > .megamenu-container > li > ul {
    position: relative;
    list-style: none;
    padding: 0;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li {
    background: #f2f4f7;
    margin-bottom: 8px;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li:last-child {
    margin-bottom: 0;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li > .content {
    width: calc( 33% - 4px );
    padding: 16px;
    border-radius: 9px;
    position: relative;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li > .content.active,
.main-header .main-menu > li > .megamenu-container > li > ul > li:hover > .content {
    background: #fff;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li > .content.active::before,
.main-header .main-menu > li > .megamenu-container > li > ul > li:hover > .content::before {
    content: '';
    display: block;
    position: absolute;
    left: -7px;
    top: 20px;
    background: url( "../assets/icons/triangle-white.svg" ) no-repeat center center;
    height: 12px;
    width: 8px;
    z-index: 10;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li > .content.active::after,
.main-header .main-menu > li > .megamenu-container > li > ul > li:hover > .content::after {
    content: '';
    display: block;
    position: absolute;
    left: -11px;
    top: 20px;
    background: url( "../assets/icons/triangle-gray.svg" ) no-repeat center center;
    height: 12px;
    width: 8px;
    z-index: 9;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li > .content > a {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    font-family: 'yekan-bakh', sans-serif;
    color: #3C5788;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li > .content .text {
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    font-family: 'yekan-bakh', sans-serif;
    color: #667085;
    text-align: justify;
    padding: 0;
    margin-bottom: 0;
    margin-top: 8px;
}

.text-of-item {
    color: #3C5788;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 30px;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li .ph-container-menu {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    border-radius: 9px;
    background: #fff;
    width: 67%;
    height: 100%;
    padding: 24px;
    display: none;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li:hover .ph-container-menu {
    display: block;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li:hover .ph-container-menu > ul {
    display: flex;
}

/*.main-header .main-menu > li > .megamenu-container > li > ul > li .ph-container-menu > ul.active {*/
/*    background: #fff;*/
/*    display: flex;*/
/*}*/

.main-header .main-menu > li > .megamenu-container > li > ul > li .ph-container-menu.active {
    background: #fff;
    display: flex;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li > .ph-container-menu > ul {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    /*display: none;*/
    border-radius: 9px;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 24px;
}

.main-header .main-menu > li > .megamenu-container > li > ul > li > .ph-container-menu > ul > li {
    display: block;
}

.icon.arrow-down {
    background: url( "../assets/icons/arrow-down.svg" ) no-repeat center center;
}

.icon.arrow-left {
    background: url( "../assets/icons/arrow-left.svg" ) no-repeat center center;
}

.main-header .main-menu .icon.arrow-down {
    display: inline-block;
    width: 8px;
    height: 6px;
}

.main-header .main-menu .icon.arrow-left {
    display: inline-block;
    width: 6px;
    height: 8px;
}

.main-header .main-menu .logo-box .logo {
    width: 100px;
    height: auto;
}

.main-header .main-menu .logo-box {
    padding-bottom: 8px;
    display: block;
}

.menu-domain-badge {
    width: 6px;
    height: 30px;
    padding-top: 12px;
}

.menu-domain-badge > div {
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

.menu-domain-badge > .domain-badge-1 {
    background: #33C5F0;
}

.menu-domain-badge > .domain-badge-4 {
    background: #FFC96C;
}

.menu-domain-badge > .domain-badge-7 {
    background: #FA7066;
}

.menu-domain-badge > .domain-badge-10 {
    background: #32D583;
}

.menu-domain-badge > .domain-badge-13 {
    background: #33C5F0;
}

.menu-domain-badge > .domain-badge-16 {
    background: #FDB022;
}

.menu-domain-badge > .domain-badge-2 {
    background: #FDA29B;
}

.menu-domain-badge > .domain-badge-5 {
    background: #383490;
}

.menu-domain-badge > .domain-badge-8 {
    background: #54CFF2;
}

.menu-domain-badge > .domain-badge-11 {
    background: #FEDF89;
}

.menu-domain-badge > .domain-badge-14 {
    background: #88C6CB;
}

.menu-domain-badge > .domain-badge-3 {
    background: #B0C2E2;
}

.menu-domain-badge > .domain-badge-6 {
    background: #FFBB47;
}

.menu-domain-badge > .domain-badge-9 {
    background: #6CE9A6;
}

.menu-domain-badge > .domain-badge-12 {
    background: #7695CD;
}

.menu-domain-badge > .domain-badge-15 {
    background: #FA7066;
}

.see-more-domain {
    width: 100%;
    display: block;
    text-align: center;
    background: #EEF2F9;
    padding: 8px 16px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    border-radius: 9px;
    color: #3C5788;
}

.see-more-domain > span {
    position: relative;
    padding-left: 19px;
}

.see-more-domain > span::after {
    content: '';
    display: block;
    width: 11px;
    background: url( "../assets/icons/see-more-domain.svg" ) no-repeat left center;
    background-size: contain;
    height: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
}

.see-more-domain:hover {
    color: #3C5788;
}

.go-co-domain-btn-box {
    width: calc( 33% - 4px );
    padding: 0 16px 8px;
}

.go-co-domain-btn-box .go-co-domain-btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 8px 16px;
    display: inline-block;
    background: #3C5788 url( "../assets/icons/chevron-left-muted.svg" ) 16px center no-repeat;
    color: #fff;
    text-align: right;
    width: 100%;
    border-radius: 9px;
}

.go-co-domain-btn-box .go-co-domain-btn > span {
    position: relative;
    padding-right: 16px;
}

.go-co-domain-btn-box .go-co-domain-btn > span::after {
    content: '';
    display: block;
    width: 8px;
    background: url( "../assets/icons/co-domain-icon.svg" ) no-repeat left center;
    background-size: contain;
    height: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.mobile-menu {
    display: flex;
}

.mobile-menu .hamb-menu {
    display: inline-block;
    padding: 8px;
    width: 41px;
    height: 41px;
    margin-left: 12px;
}

.mobile-menu .logo-box {
    padding-top: 5px;
}

.menu-box .main-menu .logo-box-short {
    display: none;
}

.main-header .main-menu > li > .megamenu-container.nexanet-host-menu {
    min-height: 285px;
}

.nexanet-host-menu {
    padding: 8px;
    border-radius: 10px;
    background: #F2F4F7 !important;
}

.nexanet-host-menu .col-lg-4::after {
    content: '';
    display: block;
    width: auto;
    height: 1px;
    left: 16px;
    right: 16px;
    background: #CAD6EB;
    top: calc( 100% + 8px );
    position: absolute;
    z-index: 99;
}

.nexanet-host-menu .col-lg-4:hover::after {
    background: transparent;
}

.nexanet-host-menu .col-lg-4 {
    margin-bottom: 16px;
    position: relative;
}

.nexanet-host-menu .col-lg-4:nth-child(3n+1){
    padding-right: 0;
}

.nexanet-host-menu .col-lg-4:nth-child(3n){
    padding-left: 0;
    border-left: 1px solid transparent;
}

.nexanet-host-menu .col-lg-4:nth-child(3n+1)::before{
    content: '';
    display: block;
    width: 1px;
    height: auto;
    left: 0;
    background: #CAD6EB;
    top: 0;
    bottom: -8px;
    position: absolute;
    z-index: 99;
}

.nexanet-host-menu .col-lg-4:nth-child(3n)::before{
    content: '';
    display: block;
    width: 1px;
    height: auto;
    right: 0;
    background: #CAD6EB;
    top: 0;
    bottom: -8px;
    position: absolute;
    z-index: 99;
}

.main-header .main-menu > li > .nexanet-host-menu {
    min-width: 720px;
}

.main-header .main-menu > li > .nexanet-host-menu > li > ul > li > .content {
    
}

.main-header .main-menu > li > .nexanet-host-menu > li > ul > li .content .text {
    color: #667085;
    text-align: justify;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
}

.main-header .main-menu > li > .nexanet-host-menu > li > ul > li > .content > a {
    color: #3C5788;
    text-align: right;
    font-family: 'yekan-bakh', Serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
}

.main-header .main-menu > li > .nexanet-host-menu > li > ul > li > .content > a .arrow {
    border-radius: 8px;
    background: #F79009;
    padding: 3px 6px;
    margin-top: 3px;
}

.main-header .main-menu > li > .nexanet-host-menu > li > ul > li > .content > a .arrow .icon {
    width: 10px;
    height: 10px;
    background-size: contain;
    display: block;
    margin: 0;
}

.main-header .main-menu > li > .megamenu-container.nexanet-host-menu > li > ul > li:hover .content::before {
    display: none !important;
    content: none !important;
}


/* Mobile Navbar */

.mobile-navigator {
    position: fixed;
    display: none;
    top: 24px;
    bottom: 24px;
    left: 16px;
    right: 14px;
    background: #fff;
    z-index: 999;
    border-radius: 16px;
    overflow-y: auto;
}

.mobile-navigator .inner-box {
    padding: 32px 24px;
}

.mobile-navigator .inner-box > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.mobile-navigator .inner-box > ul > li {
    padding: 8px;
    margin: 16px 0;
    position: relative;
}

.mobile-navigator .inner-box > ul > li::after {
    content: '';
    display: block;
    left: 8px;
    right: 8px;
    height: 1px;
    background: #CAD6EB;
    bottom: -8px;
    position: absolute;
}

.mobile-navigator .inner-box > ul > li:last-child::after,
.mobile-navigator .inner-box > ul > li:first-child::after {
    display: none;
}

.mobile-navigator .inner-box > ul > li:nth-child(1),
.mobile-navigator .inner-box > ul > li:nth-child(2){
    margin-top: 8px;
}

.mobile-navigator .inner-box > ul > li > .content {

}

.mobile-navigator .inner-box > ul > li > .content > a {
    color: #3C5788;
}

.mobile-navigator .inner-box > ul > li > .content .title {
    color: #3C5788;
    text-align: right;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
}

.mobile-navigator .inner-box > ul > li > .content .text {
    color: #667085;
    text-align: justify;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
}



.mobile-navigator .inner-box ul li .arrow {
    border-radius: 8px;
    background: #F79009;
    padding: 3px 6px;
    margin-top: 3px;
}

.mobile-navigator .inner-box ul li .arrow .icon {
    width: 10px;
    height: 10px;
    background-size: contain;
    display: block;
    margin: 0;
    transform: rotate( 180deg );
    transition: all 0.4s linear;
}

.mobile-navigator .inner-box ul li .arrow.active .icon {
    transform: rotate( 0 );
}

.mobile-navigator .inner-box > ul > li > .content-submenu {
    border-radius: 8px;
    border: 1px solid #EAECF0;
    background: #F9FAFB;
    padding: 24px 16px;
    margin-top: 24px;
}

.mobile-navigator .inner-box > ul > li > .content-submenu > ul {
    margin: 0;
    padding: 0;
    list-style: none;

}


.mobile-navigator .inner-box > ul > li > .content-submenu > ul > li {
    margin: 8px 0;
    padding: 16px 0;
}

.mobile-navigator .inner-box > ul > li > .content-submenu > ul > li:first-child{
    margin-top: 0;
    padding-top: 0;
}

.mobile-navigator .inner-box > ul > li > .content-submenu > ul > li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}

.mobile-navigator .inner-box > ul > li > .content-submenu > ul > li .sub-text {
    color: #667085;
    text-align: right;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    display: block;
}

.mobile-navigator .inner-box > ul > li > .content-submenu > ul > li .sub-title {
    color: #3C5788;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    display: block;
    margin-bottom: 8px;
}

.mobile-navigator .inner-box > ul > li > .content-submenu > ul > li .sub-icon {
    border-radius: 100%;
    border: 3px solid #EEF2F9;
    display: block;
    width: 40px;
    height: 40px;
}

.mobile-navigator .inner-box > ul > li .content-sub-submenu {

}


.mobile-navigator .inner-box > ul > li .content-sub-submenu > ul {
    margin: 16px 0 0;
    padding-right: 16px;
    list-style: none;
    position: relative;

}

.mobile-navigator .inner-box > ul > li .content-sub-submenu > ul::before {
    content: '';
    display: block;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 10px;
    width: 16px;
    border-right: 1px dashed #D0D5DD;
}

.mobile-navigator .inner-box > ul > li .content-sub-submenu > ul > li {
    padding-right: 38px;
    position: relative;
    margin-bottom: 16px;
}

.mobile-navigator .inner-box > ul > li .content-sub-submenu > ul > li::before {
    content: '';
    display: block;
    top: 50%;
    position: absolute;
    right: 0;
    width: 16px;
    height: 1px;
    border: 1px dashed #D0D5DD;
}

.mobile-navigator .inner-box > ul > li .content-sub-submenu > ul > li::after {
    content: '';
    display: block;
    top: 50%;
    position: absolute;
    right: 24px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #F04438;
    margin-top: -2px;
}

.mobile-navigator .inner-box > ul > li .content-sub-submenu > ul > li > a {
    color: #344054;
    text-align: right;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}

#mobile-nav-toggler-close {
    width: 24px;
    height: 24px;
    display: block;
    background: url( "../assets/icons/x-black.svg" ) no-repeat center;
    background-size: contain;
    cursor: pointer;
}


/* Page Header */

.page-header {

}

.inner-box {

}

/* Page Header */


/* - Home */

.page-header.home {
    padding: 8px 0;
    overflow: hidden;
    position: relative;
}

.inner-box.home {
    padding: 80px 72px;
    position: relative;
    background: #18163C;
    overflow: hidden;
    border-radius: 24px;
}

.inner-box.home .circle-gradient-1 {
    display: block;
    position: absolute;
    width: 539px;
    height: 538px;
    background: #33C5F0;
    opacity: .6;
    border-radius: 100%;
    filter: blur(180px);
    top: calc( 100% - 8px );
    right: -160px;
}

.inner-box.home .circle-gradient-2 {
    display: block;
    position: absolute;
    width: 539px;
    height: 538px;
    flex-shrink: 0;
    background: #33C5F0;
    opacity: .6;
    border-radius: 100%;
    filter: blur(180px);
    bottom: calc( 100% - 80px );
    right: calc( 100% - 140px );
}

.inner-box.home .cloud-after::after {
    position: absolute;
    content: '';
    width: 100%;
    min-height: 100%;
    display: block;
    background: url( "../assets/images/cloud-3.svg" ) no-repeat left;
    left: 64px;
    top: 48px;
    z-index: 0;
}

.who-is-box {
    background: #fff;
    position: relative;
    z-index: 2;
    border-radius: 24px;
    padding: 16px;
    margin-top: 32px;
}

.who-is-box::after {
    content: '';
    display: block;
    height: 100%;
    left: 16px;
    right: 16px;
    border-radius: 24px;
    opacity: 0.10;
    background: #fff;
    position: absolute;
    bottom: -8px;
    z-index: -1;
}

.who-is-box #whois {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    font-family: 'roboto', sans-serif;
    color: #A3A2CC;
    padding: 16px;
    width: 100%;
    border-radius: 18px;
    border: 2px solid #EAECF0;
    background: #fff;
}

.who-is-box #whois:active,
.who-is-box #whois:focus {
    box-shadow: none;
    border: 2px solid #EAECF0;
}

.who-is-box #home-search-domain-btn {
    border-radius: 18px;
    background: #F79009 url("../assets/icons/search.svg") no-repeat 8px center;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    border: none;
    box-shadow: none;
    line-height: 30px;
    padding-left: 40px;
}

.who-is-box #home-search-domain-btn:hover {
    background: #FFBB47 url("../assets/icons/search.svg") no-repeat 8px center;
}

.who-is-box .btn-gp {
    margin-top: 16px;
}

.who-is-box .btn-gp .button {
    font-size: 12px;
    font-weight: 700;
}

.who-is-box .btn-gp .button:hover {
    background: #CAD6EB;
    color: #2E436A;
}

.who-is-box .btn-gp .button.red:hover {
    background: #D92D20;
    color: #fff;
}

.top-domain-wrapper {
    width: 100%;
    overflow: hidden;
}

.top-domain-wrapper .top-domain-box {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.top-domain-wrapper .top-domain-box::before {
    content: '';
    display: block;
    height: 100%;
    width: 32px;
    position: absolute;
    left: 0;
    background: linear-gradient( to right, #18163C, transparent );
    z-index: 3;
}

.top-domain-wrapper .top-domain-box::after {
    content: '';
    display: block;
    height: 100%;
    width: 32px;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient( to left, #18163C, transparent );
    z-index: 0;
}

@keyframes moveOnDomain {

    0% {
        transform: translateX( 35px );
    }

    50% {
        transform: translateX( -75px );
    }

    100% {
        transform: translateX( 35px );
    }

}

.top-domain-wrapper .top-domain-box .mover {
    white-space: nowrap;
    /*animation: moveOnDomain 10s linear infinite;*/
    margin: 24px -50px;
    position: relative;
}

.top-domain-wrapper .top-domain-box .mover .domain {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #EEF2F9;
    margin-left: 40px;
    display: inline-block;
}

/*.top-domain-wrapper .top-domain-box .mover .domain:nth-child(5) {*/
/*    margin-left: 0;*/
/*}*/

.top-domain-wrapper .top-domain-box .mover .domain .tld {
    font-size: 12px;
    font-weight: 700;
    color: #B0C2E2;
    position: relative;
    text-transform: uppercase;
    margin-right: 8px;
}

.top-domain-wrapper .top-domain-box .mover .domain .price {
    color: #EEF2F9;
    font-size: 13px;
    font-family: 'yekan-bakh', sans-serif;
    font-weight: 200;
}

.top-domain-wrapper .top-domain-box .mover .domain .elipse {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 0;
}

.page-header .inner-box .move-down {
    width: 162px;
    height: 56px;
    background: url( "../assets/images/move-dwon-curve.svg" ) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -81px;
    z-index: 3;
}

@keyframes GoDownButton {

    0% {
        bottom: 0;
    }

    25% {
        bottom: 4px;
    }

    75% {
        bottom: -4px;
    }
    100% {
        bottom: 0;
    }

}

.page-header .inner-box .move-down .link {
    display: block;
    width: 32px;
    height: 48px;
    background: url( "../assets/images/go-down-icon.svg" ) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -16px;

}

.page-header .inner-box.home .head-info {
    z-index: 2;
    position: relative;
}

.page-header .inner-box.ssl-product .image-box,
.page-header .inner-box.home .image-box {
    Width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.page-header .inner-box.home .image-box img {
    position: relative;
    z-index: 2;
}

.page-header .inner-box .move-down .link:hover {
    animation: GoDownButton 0.8s linear infinite;
}

.page-header .icon {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.icon.question {
    background: url("../assets/icons/question.svg") no-repeat center center;
}

.icon.question-white {
    background: url("../assets/icons/question-w.svg") no-repeat center center;
}

.icon.question-gray {
    background: url("../assets/icons/question-gray.svg") no-repeat center center;
}

.icon.domain {
    background: url("../assets/icons/domain.svg") no-repeat center center;
}

.icon.search {
    background: url("../assets/icons/search.svg") no-repeat center center;
}

.icon.fire {
    background: url("../assets/icons/fire.svg") no-repeat center center;
    background-size: contain;
}

/* host-product */

.page-header .inner-box.host-product {
    padding: 32px 56px;
    position: relative;
    background: #1F1D4F;
    overflow: hidden;
    border-radius: 24px;
}

.page-header .inner-box.host-product .cloud-after::after {
    position: absolute;
    content: '';
    width: 100%;
    min-height: 100%;
    display: block;
    background: url( "../assets/images/cloud-3.svg" ) no-repeat left;
    left: 50px;
    top: 24px;
    z-index: 0;
}

.page-header .inner-box.host-product .head-info {
    z-index: 2;
    position: relative;
}

.page-header .inner-box.host-product .image-box {
    Width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-header .inner-box.host-product .image-box img {
    position: relative;
    z-index: 1;
}

.page-header .inner-box.host-product .circle-gradient-1 {
    display: block;
    position: absolute;
    width: 811px;
    height: 811px;
    background: #33C5F0;
    opacity: 60%;
    border-radius: 100%;
    filter: blur(350px);
    bottom: -709px;
    right: -427px;
}

.page-header .inner-box.host-product .action-box {
    margin-top: 40px;
    margin-bottom: 48px;
}

.page-header .inner-box.host-product .action-box .action {
    background: rgba( 16, 24, 40, 10% );
    display: inline-block;
    border-radius: 18px;
    padding: 16px;
    position: relative;
    z-index: 4;
}

.icon.cart {
    background: url("../assets/icons/cart.svg") no-repeat center center;
    background-size: 100%;
}

.icon.cart-azure {
    background: url("../assets/icons/cart-azure.svg") no-repeat center center;
    background-size: 100%;
}

.icon.right-arrow {
    background: url("../assets/icons/arrow-right.svg") no-repeat center center;
    background-size: contain;
}


/* SSL section */

/*-page header*/



.page-header .inner-box.ssl-product {
    padding: 40px 56px 96px 56px;
    position: relative;
    background: url( "../assets/images/ssl-bg.svg" ) no-repeat;
    background-size: cover;
    background-position: center bottom;
    overflow: hidden;
    border-radius: 24px;
}

.page-header .inner-box.ssl-product.cloud-product {
    /*background: #E6F8FD;*/
    background: rgba(137, 226, 250, 0.3);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(137, 226, 250, 0.34);
}

.page-header > .container {
    position: relative;
}

@keyframes moveOnX-5px {
    0% {
        transform: translateX( 0 );
    }
    25% {
        transform: translateX( 4px );
    }
    75% {
        transform: translateX( -3px );
    }
    100% {
        transform: translateX( 0 );
    }
}

.page-header .cloud-product-wrapper .cload-1 {
    width: 325px;
    height: 190px;
    background: url( "../assets/images/cload-cyan-1.svg" ) no-repeat center;
    background-size: contain;
    position: absolute;
    left: -165px;
    bottom: 10%;
    z-index: -1;
    animation: moveOnX-5px linear 2s infinite;
}

.page-header .cloud-product-wrapper .cload-2 {
    width: 325px;
    height: 190px;
    background: url( "../assets/images/cload-cyan-1.svg" ) no-repeat center;
    background-size: contain;
    position: absolute;
    right: -200px;
    top: 15%;
    z-index: -1;
    animation: moveOnX-5px linear 3s infinite;
}

.page-header .inner-box.ssl-product .cloud-after::after {
    position: absolute;
    content: '';
    width: 100%;
    min-height: 100%;
    display: block;
    background: url( "../assets/images/cloud-3.svg" ) no-repeat left;
    left: 50px;
    top: 24px;
    z-index: 0;
}

.page-header .inner-box.ssl-product .breadcrumb-box {
    margin-bottom: 56px;
    position: relative;
    z-index: 9;
}

.page-header .inner-box.ssl-product .action-box {
    margin-top: 40px;
    margin-bottom: 48px;
}

.page-header .inner-box.ssl-product .action-box .action {
    background: rgba( 16, 24, 40, 10% );
    display: inline-block;
    border-radius: 18px;
    padding: 16px;
    position: relative;
    z-index: 4;
}

.page-header .inner-box.ssl-product .head-info p {
    line-height: 24px;
}

.page-header .inner-box.ssl-product .move-down .link {
    bottom: -4px;
}

/* SSL Types */

.ssl-product-features {
    padding: 32px 0 16px 0;
    margin: 0;
    list-style: none;
}

.plan.suggested .ssl-product-features > li {
    background: #fff;
}

.plan .ssl-product-features > li {
    border-radius: 24px;
    background: #EEF2F9;
    padding: 8px 52px 8px 16px;
    color: #98A2B3;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px;
    position: relative;
}

.plan .ssl-product-features > li > .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 16px;
}

.icon.image-lock {
    background: url("../assets/images/image-lock.svg") no-repeat center center;
    background-size: contain;
    width: 24px;
    height: 32px;
}

/* Introduce section */

.introduce-product {
    margin-top: 80px;
    position: relative;
}

.introduce-product::after {
    content: '';
    display: block;
    background: url("../assets/images/cloud-4.svg") no-repeat center center;
    width: 560px;
    left: 0;
    bottom: 0;
    position: absolute;
    min-height: 722px;
    z-index: -1;
}

.introduce-product .heading {
    margin-bottom: 48px;
}

.introduce-product .inner-box {

}

.introduce-product .inner-box .tabs-navbar-wrapper {
    text-align: center;
}

.introduce-product .inner-box .navbar-box {
    padding: 16px 32px;
    background: #fff;
    margin: auto;
    display: inline-block;
    border-radius: 24px;
}

.introduce-product .inner-box .navbar-box .group {

}

.introduce-product .inner-box .navbar-box .group > .nav-item {
    margin: 0 0 0 24px;
}

.introduce-product .inner-box .navbar-box .group > .nav-item.drop-down-product {
    display: none;
}

.introduce-product .inner-box .navbar-box .group > .nav-item.drop-down-product #product-picker-input {
    border-radius: 12px;
    background: #F2F4F7 url( "../assets/icons/chevron-down.svg" ) no-repeat 16px 18px;
    background-size: 20px;
    padding: 16px;
    border: solid 1px #F2F4F7;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #3C5788;
}

.introduce-product .inner-box .navbar-box .group > .nav-item.drop-down-product #product-picker-input:active,
.introduce-product .inner-box .navbar-box .group > .nav-item.drop-down-product #product-picker-input:focus {
    border: solid 1px #F2F4F7;
}

.introduce-product .inner-box .navbar-box .group > .nav-item.drop-down-product #product-picker-input::-ms-expand {
    display: none;
}

.introduce-product .inner-box .navbar-box .group > .nav-item:last-child {
    margin-left: 0;
}

.introduce-product .inner-box .navbar-box .group > .nav-item .button.active,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover {
    color: #fff;
    background: #282566;
}

.introduce-product .inner-box .navbar-box .group > .nav-item .button {
    display: block;
}

.icon.linux {
    background: url( "../assets/icons/linux.svg" ) no-repeat center center;
}

.icon.vps {
    background: url( "../assets/icons/vps.svg" ) no-repeat center center;
}

.icon.wordpress {
    background: url( "../assets/icons/wordpress.svg" ) no-repeat center center;
}

.icon.windows {
    background: url( "../assets/icons/windows.svg" ) no-repeat center center;
}

.icon.dedicate {
    background: url( "../assets/icons/dedicate.svg" ) no-repeat center center;
}

.icon.ssl {
    background: url( "../assets/icons/ssl.svg" ) no-repeat center center;
}

.introduce-product .active .icon.linux,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.linux{
    background: url( "../assets/icons/linux-warning.svg" ) no-repeat center center;
}

.introduce-product .active .icon.vps,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.vps{
    background: url( "../assets/icons/vps-warning.svg" ) no-repeat center center;
}

.introduce-product .active .icon.wordpress,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.wordpress{
    background: url( "../assets/icons/wordpress-warning.svg" ) no-repeat center center;
}

.introduce-product .active .icon.windows,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.windows{
    background: url( "../assets/icons/windows-warning.svg" ) no-repeat center center;
}

.introduce-product .active .icon.dedicate,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.dedicate{
    background: url( "../assets/icons/dedicate-warning.svg" ) no-repeat center center;
}

.introduce-product .active .icon.ssl,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.ssl{
    background: url( "../assets/icons/ssl-warning.svg" ) no-repeat center center;
}

.icon.check {
    background: url( "../assets/icons/check.svg" ) no-repeat center center;
}

.introduce-product .features-text {
    color: #667085;
    text-align: justify;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
}

.introduce-product .features {
    list-style: none;
    padding: 0;
    margin: 32px 0;
}

.introduce-product .features .item {
    line-height: 20px;
    color: #3C5788;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    padding-right: 0;
    margin-bottom: 12px;
}

.introduce-product .features .item .icon {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.introduce-product .tab-content {
    padding: 48px;
}

.introduce-product .tab-content .action-box {

}

.introduce-product .tab-content .action-box .action {
    display: inline-block;
    background: #fff;
    padding: 12px 24px;
    border-radius: 16px;
}

.introduce-product .tab-content .action-box .action  .start-from {
    font-size: 12px;
    font-weight: 600;
    line-height: 40px;
    justify-content: center;
    align-items: center;
}

.introduce-product .tab-content .action-box .action  .currency {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    justify-content: center;
    align-items: center;
}

.introduce-product .tab-content .action-box .action  .number {
    margin: 0 8px;
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    justify-content: center;
    align-items: center;
}

.introduce-product .tab-content .action-box .action .button {
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    border: 5px solid #F2F4F7;
    line-height: 25px;
}

/* Why Choose Us Section */

.wcu-section {
    margin: 80px 0;
    padding-top: 48px;
    position: relative;
}

.wcu-section::before {
    content: '';
    position: absolute;
    right: 0;
    top: -80px;
    display: block;
    width: 670px;
    height: 545px;
    background: url( "../assets/images/cloude-2.svg" ) no-repeat center center;
    z-index: -1;
}

.wcu-section p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
}

.wcu-section .action {
    margin-top: 32px;
}

.wcu-section .action .button {
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
}

.icon.left-arrow {
    background: url( "../assets/icons/left-arrow.svg" ) no-repeat left center;
}

.icon.up-arrow {
    background: url( "../assets/icons/arrow-up.svg" ) no-repeat left center;
}

/* Security Section */

.security-section {
    margin: 80px 0;
    padding-top: 48px;
}

.security-section p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
}

.security-section .action {
    margin-top: 32px;
}

.security-section .action .button {
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
}

.security-section p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
}

.text-section {
    margin: 80px 0;
    padding-top: 48px;
    position: relative;
}

.text-section p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
}

.text-section .action {
    margin-top: 32px;
}

.text-section .action .button {
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
}

.text-section p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
}

.text-section.cloud-after::after {
    content: '';
    display: block;
    position: absolute;
    background: url( "../assets/images/cloud-6.svg" );
    left: 0;
    top: 0;
    width: 633px;
    height: 537px;
}

.text-section-2 {
    margin: 80px 0;
    padding-top: 48px;
    position: relative;
}

.text-section-2::before {
    content: '';
    position: absolute;
    right: 0;
    top: -80px;
    display: block;
    width: 670px;
    height: 545px;
    background: url( "../assets/images/cloude-2.svg" ) no-repeat center center;
    z-index: -1;
}

.text-section-2 p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
}

.text-section p > a,
.text-section-2 p > a {
    color: #3C5788;
    transition: color 0.2s ease-in-out;
}

.text-section p > a:hover,
.text-section-2 p > a:hover {
    color: #F79009;
}

.text-section-2 .action {
    margin-top: 32px;
}

.text-section-2 .action .button {
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
}

.text-section-2 ul {
    padding: 8px;
    margin: 16px 0;
}

.text-section-2 ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px;
    color: #667085;
    display: inline-block;
    width: 49%;
}

.text-section-2 ul li img {
    width: 24px;
    height: 24px;
    margin-left: 8px;
}

/*support-section*/

.support-section {
    margin: 120px 4px 80px 4px;
}

.support-section .support {
    padding: 48px;
    border-radius: 16px;
    position: relative;
}

.support-section .support .features {
    margin: 40px 0;
    list-style: none;
    padding: 0;
}

.support-section .support .features .item {
    line-height: 20px;
    color: #C1C0DD;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    padding-right: 0;
}

.support-section .support .pic {
    position: absolute;
    width: 360px;
    bottom: 0;
    right: 98px;
}

.support-section .support .button {
    padding: 8px 12px;
    margin-left: 16px;
}

.support-section .support .features .item .icon {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.icon.thick{
    background: url( "../assets/icons/check-circle.svg" ) no-repeat left center;
}

.icon.comment{
    background: url( "../assets/icons/comment.svg" ) no-repeat left center;
}

.icon.call{
    background: url( "../assets/icons/call.svg" ) no-repeat left center;
}

/*blog*/

.blog-section {
    margin: 80px 0;
}

.blog-section .blog-box {
    padding-top: 48px;
}

.blog-section .blog-box .blog {
    padding: 24px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 91.88%, rgba(60, 87, 136, 0.1) 100%);
    transition: background-color 0.3s ease-in-out;
    position: relative;
    min-height: 170px;
}

.blog-section .blog-box .blog:hover {
    background: #EEF2F9;
}

.blog-section .blog-box .blog .read-more {
    position: absolute;
    left: 24px;
    bottom: 24px;
    width: 24px;
    height: 24px;
    display: block;
    background: #F2F4F7;
    border-radius: 100%;
    text-align: center;
}

.blog-section .blog-box .blog .pic {
    margin-left: 24px;
}

.blog-section .blog-box .blog .pic > img {
    width: 85px;
}

.blog-section .blog-box .blog .action {
    font-size: 13px;
    font-family: 'yekan-bakh', sans-serif;
    font-weight: 600;
    color: #475467;
    position: absolute;
    bottom: 24px;
    right: 24px;
}

.blog-section .blog-box .blog .icon{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.blog-section .blog-box .blog .icon.arrow-left {
    margin: 0;
}

.icon.clock{
    background: url( "../assets/icons/clock.svg" ) no-repeat left center;
    background-size: contain;
}

.icon.heart{
    background: url( "../assets/icons/heart.svg" ) no-repeat left center;
}

/* Features Sections */

.features-section {
    margin: 80px 0;
    position: relative;
}

.features-section.cloud-after::after {
    position: absolute;
    content: '';
    width: 576px;
    min-height: 722px;
    display: block;
    background: url( "../assets/images/cloud-5.svg" ) no-repeat left;
    left: 0;
    top: 0;
    z-index: -1;
}

/* -expandable features */

.features.expandable {

}

/* -expandable features */

.features.simple {
}

.features.simple .owl-theme {
}

.features.simple .owl-stage-outer {
    padding: 48px 0;
}

.features.simple .feature{
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.06);
    text-align: center;
    padding: 36px 16px 26px;
    margin-right: 12px;
}

.features.simple .feature:hover {
    background: #282566;
}

.features.simple .feature .icon{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 54px;
    height: 54px;
    margin-left: 0;
    position: relative;
}

.features.simple .feature .icon > img{
    max-width: 100%;
    position: relative;
    z-index: 3;
}

.features.simple .feature .icon::after{
    content: '';
    display: inline-block;
    width: 54px;
    height: 54px;
    position: absolute;
    bottom: -16px;
    background: #F9FAFB;
    left: 0;
    right: 0;
    border-radius: 100%;
    z-index: 2;
}

.features.simple .feature:hover .icon::after{
    background: linear-gradient(360deg, #36337C 0%, #282566 100%);
}

.features.simple .feature .title {
    color: #3C5788;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-top: 32px;
}

.features.simple .feature:hover .title {
    color: #fff;
}

.features.simple .owl-dots {
    display: block !important;
    min-height: 10px;
    position: relative;
    z-index: 1;
    bottom: 16px;
    text-align: center;
}

.features.simple .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 0 12px;
    background: #D0D5DD;
    border-radius: 10px;
    text-align: center;
}

.features.simple .owl-dots .owl-dot.active {
    width: 32px;
    background: #383490;
}



/* Our Customer */

.customer-section {
    margin-bottom: 80px;
}

.customer-section .inner-box {
    padding: 48px 0 0;
}

.customer-section .inner-box .owl-item {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customer-section .inner-box .img-fluid {
    max-height: 42px;
    width: auto;
}

.owl-carousel {
    direction: ltr;
}

.customer-section .item {
    padding: 12px;
    border-radius: 16px;
    text-align: center;
    width: 100%;
}

.customer-section .item:hover {
    background: linear-gradient(180deg, rgba(249, 250, 251, 0.00) 0%, #FFF 100%);
    box-shadow: 0 12px 12px 0 rgba(204, 204, 204, 0.06);
}

.customer-section .item .customer-name {
    padding: 12px 0 4px;
    display: none;
}

.customer-section .item:hover .customer-name {
    display: block;
}

.customer-section .item .customer-name > h6 {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    color: #3C5788;
    margin: 0;
}

.customer-section .owl-carousel .owl-stage-outer {
    min-height: 112px;
}

.customer-section .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
}

/* --------------------------------------
    5. Breadcrumb
-------------------------------------- */

.breadcrumb-box {
    margin: 0 0 72px;
    display: inline-block;
    background: rgba(24, 22, 60, 80%);
    border-radius: 24px;
    padding: 8px 16px;
}

.breadcrumb-box > .breadcrumb {
    margin: 0;
}

.breadcrumb-box > .breadcrumb > li {
    margin: 0 0 0 8px;
}

.breadcrumb-box > .breadcrumb > li {
    margin: 0 0 0 8px;
}

.breadcrumb-box > .breadcrumb > li > a {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
}

.breadcrumb-box > .breadcrumb > li > a > .icon {
    margin: 0;
}
.icon.home {
    background: url( "../assets/icons/home-w.svg" ) no-repeat left center;
}

/* --------------------------------------
    5. Content Box
-------------------------------------- */

.content-section {
    margin: 48px 0;
}

.content-section .content-box {
    padding: 32px 48px;
    border-radius: 24px;
    border: 1px solid #EEF2F9;
    background: #FFF;
}

.content-section .content-box > p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: justify;
    color: #667085;
}

.content-section .content-box li > a,
.content-section .content-box > p > a {
    color: #3C5788;
    transition: color 0.2s ease-in-out;
}

.content-section .content-box li > a:hover,
.content-section .content-box > p > a:hover {
    color: #F79009;
}

.content-section .content-box {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #667085;
}

.content-section .content-box li {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: justify;
    color: #667085;
}

.content-section .content-box > h2,
.content-section .content-box > h3,
.content-section .content-box > h4,
.content-section .content-box > h5,
.content-section .content-box > h6 {
    color: #3C5788;
    margin: 24px 0
}

/* --------------------------------------
    5. Plans
-------------------------------------- */

/* --------------------------------------
    5. Version 1
-------------------------------------- */

.plan-section .navigator {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
}

.plan-section .navigator .nav-box {
    display: inline-block;
}

.plan-section .tabs {
    display: flex;
    position: relative;
    background-color: #fff;
    border-radius: 30px;
    padding: 10px;
    margin: 0;
    border: 1px solid #f0f0f0;
}

.plan-section .tabs * {
    z-index: 2;
}

.plan-section input[type="radio"] {
    display: none;
}

.plan-section .option-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 124px;
    font-weight: 600;
    border-radius: 99px;
    cursor: pointer;
    transition: color 0.15s ease-in;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 40px;
    z-index: 9;
}

.plan-section input[type="radio"]:checked + label {
    color: #fff;
}

.plan-section input[id="radio-1"]:checked ~ .glider {
    transform: translateX(0);
    display: none;
}

.plan-section input[id="radio-2"]:checked ~ .glider {
    transform: translateX(-100%);
}

.plan-section .glider {
    position: absolute;
    display: flex;
    width: 124px;
    top: 10px;
    bottom: 10px;
    background-color: #00B7EC;
    z-index: 1;
    border-radius: 30px;
    transition: 0.3s ease-in-out;
    box-shadow: 0 6px 6px rgba(0, 183, 236, 0.10)
}

.plan-section .plan {
    padding: 40px 16px 16px;
    border-radius: 24px;
    background-color: #fff;
    stroke: #F2F4F7;
    stroke-width: 8px;
    border: 8px solid #F2F4F7;
    text-align: center;
    position: relative;
}

.plan-section .plan.suggested::after {
    content: '';
    position: absolute;
    display: block;
    background: url( "../assets/images/tag-suggested-service.svg" ) no-repeat;
    background-size: contain;
    width: 32px;
    height: 48px;
    top: 0;
    right: 36px;
}

.plan-section .plan.suggested {
    background-color: #EEF2F9;
    border: 0;
}

.plan-section .plan .icon-box {
    margin-bottom: 32px;
}

.plan-section .plan.suggested .icon-box {
    margin-bottom: 40px;
}

.plan-section .plan.suggested .icon-box > .circle {
    background: #EEF2F9;
    border: 1px solid #E7ECF6;
}

.plan-section .plan .icon-box > .circle {
    display: inline-block;
    padding: 8px;
    border-radius: 100%;
    border: 1px solid #F9FAFB;
    background: #fff;
}

.plan-section .plan .icon-box .circle > .circle {
    display: inline-block;
    background: #fff;
    padding: 8px;
    border: 1px solid #F2F4F7;
    border-radius: 100%;
}

.plan-section .plan.suggested .icon-box .circle > .circle {
    background: #EEF2F9;
    border: 1px solid #E7ECF6;
}

.plan-section .plan .icon-box .circle > .circle > .circle {
    border-radius: 100%;
    display: inline-block;
    padding: 24px;
    background: #F9FAFB;
    border: 1px solid #F9FAFB;
}

.plan-section .plan.suggested .icon-box .circle > .circle > .circle {
    background: rgba(202, 214, 235, 0.2);
    border: 1px solid #E7ECF6;
}

.plan-section .plan .circle img {
    width: 80px;
}

.plan-section .plan.suggested .circle img {
    width: 90px;
}

.plan-section .plan h3 {
    color:#3C5788;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

.plan-section .plan.suggested h3 {
    color:#3C5788;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
}

.plan-section .plan .product-features {
    padding: 0;
    list-style: none;
}

.plan-section .plan .product-features li {
    padding: 0 32px;
    position: relative;
    z-index: 5;
    height: 78px;
}

.plan-section .plan .product-features li::after {
    content: '';
    display: block;
    background: url("../assets/images/plan-features-item.svg") no-repeat center;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.plan-section .plan.suggested .product-features li::after {
    background: url("../assets/images/plan-features-item-suggested.svg") no-repeat center;
}

.plan-section .plan .product-features li > svg {
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    bottom: -4px;
}

.plan-section .plan.suggested .product-features li > svg {
    bottom: -12px;
}

.plan-section .plan .product-features .text-of-item {
    padding: 16px 24px 32px 24px;
}

.plan-section .plan .capacity-product {
    position: relative;
    text-align: center;
}

.plan-section .plan .capacity-product p {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    color: #CAD6EB;
}

.plan-section .plan .capacity-product .capacity {
    font-size: 57px;
    font-weight: 900;
    text-align: center;
    color: #2E436A;
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -20px;
    z-index: 9;
}

.plan-section .plan .capacity-product .capacity.unlimited {
    font-size: 28px;
    margin-left: -55px;
}

.plan-section .plan .plan-footer .nexanet-shadow {
    /*content: '';*/
    display: block;
    background: url( "../assets/images/plan-footer-background-shadow.png" ) no-repeat center;
    background-size: cover;
    width: 191px;
    height: 178px;
    position: absolute;
    top: 4px;
    z-index: -1;
    left: 50%;
    margin-left: -95px;
}

.plan-section .plan .plan-footer {
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.plan-section .plan .plan-footer .inner-box.py-32 {
    padding: 48px 16px 32px !important;
}

.plan-section .plan .plan-footer .inner-box{
    padding: 40px 24px 24px;
    background: url( "../assets/images/plan-footer-background.png" ) no-repeat;
    background-size: cover;
    border-radius: 22px;
}

.plan-section .plan.suggested .plan-footer .inner-box {
    padding: 60px 24px 32px;
    background: url( "../assets/images/plan-footer-background-suggested.svg" ) no-repeat;
    background-size: cover;
}

.plan-section .plan.suggested .plan-footer .nexanet-shadow {
    display: none;
}

.plan-section .plan .plan-footer .inner-box .button {
    outline: 5px solid #1018281A;
}

.icon.percent {
    background: url( "../assets/icons/percent.svg" ) no-repeat center;
}

/* --------------------------------------
    5.2 Version 2
-------------------------------------- */

.plan-section {
    padding-bottom: 56px;
}

.plan-section .plans {
    padding-top: 108px;
}

.plan-section .plans .plan {
    background: #fff;
    border-radius: 16px;
    border: 1px solid  #F2F4F7;
    padding: 40px;
    position: relative;
}

.plan-section .plans .plan.recommended {
    border: 1px solid #F04438;
}

.plan-section .plans .plan.recommended .recommended-badge {
    border-radius: 12px;
    background: #F04438;
    padding: 8px 8px 8px 10px;
    position: absolute;
    top: -21px;
    right: 40px;
}

.plan-section .plans .plan.recommended .recommended-badge > .yekan-bakh {
    color: #FFF;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
}

.plans .plan .plan-heading {
    padding-bottom: 24px;
    border-bottom: 1px solid #F2F4F7;
}

.plans .plan .plan-heading .title-box {
    margin-bottom: 8px;
}

.plans .plan .plan-heading .title-box .title {
    color: #3C5788;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px;
}

.plans .plan .plan-heading .description {
    color: #98A2B3;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.plans .plan .price-box {
    padding: 40px 0;
}

.plans .plan .price-box .start-from-box {
    margin-left: 16px;
}

.plans .plan .price-box .start-from-box .start-from {
    color: #3C5788;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 48px;
}

.plans .plan .price-box .start-from-box .start-from.extended {
    line-height: 82px;
}

.plans .plan .price-box .all-price-box {

}

.plans .plan .price-box .all-price-box .discounted-price-box {
    margin-left: 10px;
}

.plans .plan .price-box .all-price-box .discounted-price-box .discounted-price {
    color: #98A2B3;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    padding-top: 2px;
}

.plans .plan .price-box .all-price-box .discounted-price-box .discounted-price > del {
    line-height: 24px;
    display: block;
}

.plans .plan .price-box .all-price-box .discounted-percent-box {

}

.plans .plan .price-box .all-price-box .discounted-percent-box .discounted-percent {
    border-radius: 21px;
    background: #D92D20;
    line-height: 16px;
    padding: 4px 8px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
}

.plans .plan .price-box .all-price-box .number-box {
    margin-left: 16px;
}

.plans .plan .price-box .all-price-box .number-box .number {
    color: #3C5788;
    text-align: right;
    font-size: 48px;
    font-weight: 800;
    line-height: 48px;
    margin-bottom: 0;
}

.plans .plan .price-box .all-price-box .currency-box {

}

.plans .plan .price-box .all-price-box .currency-box .currency {
    color: #98A2B3;
    text-align: right;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
}

.plans .plan .price-box .all-price-box .currency-box .duration {
    color: #3C5788;
    text-align: right;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 0;
}

.plans .plan .action-box {
    padding-bottom: 24px;
    border-bottom: 1px solid #F2F4F7;
}

.plans .plan .action-box.second {
    padding-top: 24px;
    border-top: 1px solid #F2F4F7;
    border-bottom: none;
}

.plans .plan .action-box .btn-box {
    position: relative;
}

.plans .plan .action-box .btn-box .full {
    display: block;
    padding: 8px 16px;
    border-radius: 12px;
    background: #D0D5DD;
    color: #475467;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
}

.plans .plan .action-box .btn-box .buy {
    display: block;
    padding: 8px 16px;
    border-radius: 12px;
    background: #F79009;
    position: relative;
    color: #fff;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    z-index: 2;
}

.plans .plan.recommended .action-box .btn-box .buy {
    background: #F04438;
}

.plans .plan .action-box .btn-box.active::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    border-radius: 15px;
    background: rgba(247, 144, 9, 0.30);
}

.plans .plan.recommended .action-box .btn-box.active::before {
    background: rgba(240, 68, 56, 0.30);
}
.plans .plan .plan-features {}

.plans .plan .plan-features .plan-features-header-box{}

.plans .plan .plan-features .plan-features-header-box .plan-features-header{}

.plans .plan .plan-features .plan-features-content-box {

}

.plans .plan .plan-features .plan-features-content-box.opened {
    height: auto;
}

.plans .plan .plan-features .plan-features-content-box .plan-features-content {
    margin: 0;
    padding: 0 0 40px 0;
    list-style: none;
}

.plans .plan .plan-features .plan-features-content-box .plan-features-content > .item {
    margin-bottom: 16px;
}

.plans .plan .plan-features .plan-features-content-box .plan-features-content > .item .icon-box {
    padding-left: 16px;
    border-left: 1px solid #F2F4F7;
    margin: 0;
}

.plans .plan .plan-features .plan-features-content-box .plan-features-content > .item span {
    color: #B0C2E2;
    text-align: right;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}


.plans .plan .plan-features .plan-features-content-box .plan-features-content > .item strong {
    color: #3C5788;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.plans .plan .plan-features .plan-features-content-box .plan-features-content .plan-features-header {
    color: #3C5788;
    text-align: right;
    font-size: 16px;
    font-weight: 800;
    line-height: 25px;
    margin-bottom: 24px;
}

.plans .plan .show-more-item-box {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 40px;
}

.plans .plan .show-more-item {
    color: #3C5788;
    text-align: right;
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    display: block;
    cursor: pointer;
}

.plans .plan.recommended .show-more-item {
    color: #F04438;
}

.more-plans {
    color: #fff;
    padding: 12px 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
    border-radius: 12px;
}

.more-plans:hover {
    color: #fff;
}

.icon.arrow-up,
.icon.arrow-top {
    background: url( "../assets/icons/chevron-up.svg" ) no-repeat center;
    background-size: contain;

}

.plans .plan.recommended .icon.arrow-up,
.plans .plan.recommended .icon.arrow-top {
    background: url( "../assets/icons/chevron-up-red.svg" ) no-repeat center;
    background-size: contain;

}

.plans .plan .arrow-up {
    transform: rotate(180deg);
    transition: all ease-in 0.2s;
}

.plans .plan .show-more-item.active .arrow-up {
    transform: rotate(0);
}

/* Plan details */

.plan-details-section {
    margin: 80px 0;
    display: none;
}

.plan-details-section .dimension {
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
}

.plan-table {
    margin: 200px 0 280px;
    position: relative;
}

.plan-table .selector-plan-box {
    position: absolute;
    right: 16px;
    top: -80px;
}

.plan-table .selector-plan-box .product-details-picker-input {
    border-radius: 10px;
    padding: 16px;
    color: #3C5788;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    border: none;
    background: #EEF2F9 url( "../assets/icons/chevron-down.svg" ) no-repeat 16px 18px;
    background-size: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    min-width: 180px;
}
.plan-table .selector-plan-box .product-details-picker-input:active,
.plan-table .selector-plan-box .product-details-picker-input:focus {
    border: none;
}

.plan-table .selector-plan-box .product-details-picker-input::-ms-expand {
    display: none;
}

.plan-table > .inner-box > .d-flex > .w-25 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.plan-table .table-footer {
    position: absolute;
    top: 100%;
    padding: 24px 32px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 10;
}

.plan-table .table-heading {
    position: absolute;
    bottom: 100%;
    padding: 24px 32px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 10;
}

.plan-table > .inner-box > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > .table-heading {
    left: -20px;
    border-radius: 24px 0 0 0;
}

.plan-table > .inner-box > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > .table-heading {
    right: -20px;
    border-radius: 0 24px 0 0;
}

.plan-table #table-footer-3 {
    left: -20px;
    border-radius: 0 0 24px 0;
}

.plan-table #table-footer-1 {
    right: -20px;
    border-radius: 0 0 0 24px;
}

.plan-table .table-footer .inner-box,
.plan-table .table-heading .inner-box {
    border-radius: 18px;
    background: #EEF2F9;
    padding: 16px;
    text-align: center;
}

.plan-table .table-footer .inner-box .thousand,
.plan-table .table-heading .inner-box .thousand{
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
}

.plan-table .table-footer .inner-box .currency,
.plan-table .table-heading .inner-box .currency {
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
}

.plan-table .table-footer .inner-box .price,
.plan-table .table-heading .inner-box .price {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 28px;
    margin-left: 8px;
}

.plan-table .table-content {
    padding: 16px;
}

.plan-table .table-content span {
    color: #3C5788;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 28px;
    padding-top: 3px;
}

.plan-table .table-content .dimension {
    color: #3C5788;
    text-align: center;
    font-family: 'roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.plan-table .table-content .icon {
    width: 16px;
    height: 16px;
}

.icon.ok {
    background: url('../assets/icons/check-w.svg') no-repeat center;
    background-size: contain;
}

.icon.nok {
    background: url('../assets/icons/x.svg') no-repeat center;
    background-size: contain;
}

.icon.award {
    background: url( "../assets/icons/base-icons/award.svg" ) no-repeat center;
    background-size: contain;
}

.icon.white {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

/* why choosing our services */

.wcs-section {
    margin: 72px 0;
}

.wcs-section .inner-box {
    margin-top: 40px;
}

.wcs-section .inner-box .icon-box {
    position: relative;
    margin-bottom: 16px;
}

.wcs-section .inner-box .icon-box .circle {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #EEF2F9;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: -1;
}
.wcs-section .icon {
    width: 36px;
    height: 36px;
}

.wcs-section .item .content-box a {
    color: #3C5788;
    transition: color 0.2s ease-in-out;
}

.wcs-section .item .content-box a:hover {
    color: #F79009;
}

.icon.shield {
    background: url( "../assets/icons/ssl.svg" ) no-repeat center center;
    background-size: contain;
}

.icon.headphone {
    background: url( "../assets/icons/headphones.svg" ) no-repeat center center;
    background-size: contain;
}

.icon.inbox {
    background: url( "../assets/icons/inbox.svg" ) no-repeat center center;
    background-size: contain;
}

.icon.cpu {
    background: url( "../assets/icons/cpu.svg" ) no-repeat center center;
    background-size: contain;
}

.icon.zap {
    background: url( "../assets/icons/zap.svg" ) no-repeat center center;
    background-size: contain;
}


/*--------------------------------------
    FAQ
--------------------------------------*/

.faq-section {
    margin: 56px 0;
    padding-top: 96px;
    position: relative;
}

.faq-section.cloud-after::after {
    background: url( "../assets/images/cloud-7.svg" ) no-repeat;
    content: '';
    display: block;
    width: 698px;
    height: 482px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.faq-section .description {

}

.faq-section .description img {
    width: 320px;
    max-width: 100% !important;
}

.faq-section .description > p {
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #667085;
}

.faq-section .faq-box {
    padding: 16px;
    border-radius: 24px;
    overflow: hidden;
}

.faq-section .faq-box .inner-box {
    background: #E6F8FD;
    padding: 24px;
    border-radius: 24px;
}

.faq-section .faq-box .inner-box .accordion {
    border-radius: 21px;
    padding: 8px 24px;
    background: #fff;
}

.faq-section .faq-box .inner-box .accordion .accordion-item .counter {
    padding-left: 16px;
    margin-left: 16px;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #3C5788;
}

.faq-section .faq-box .inner-box .accordion .accordion-item .counter::after {
    content: '';
    display: block;
    width: 1px;
    height: 18px;
    background: #EEF2F9;
    position: absolute;
    left: 0;
    top: 3px;
}

.faq-section .faq-box .inner-box .accordion .accordion-item {
    padding: 16px 24px;
    border-color: #EEF2F9;
}

.accordion-button::after {
    background: rgba(202, 214, 235, 0.50) url( "../assets/icons/plus.svg" ) no-repeat center center;
    border-radius: 24px;
    position: absolute;
    left: 0;
}

.accordion-body {
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #667085;
    margin-top: 16px;
}

.accordion-button {
    padding-left: 28px !important;;
}

.accordion-button:not(.collapsed)::after {
    background: rgba(202, 214, 235, 0.50) url( "../assets/icons/negetive.svg" ) no-repeat center center;
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
    color: #8CA6D5;
    background: inherit;
    border: none;
    box-shadow: none;
}

/*--------------------------------------
    5. VPS
 */

.no-box-shadow {
    box-shadow: none !important;
}

.vps-product .features.simple .feature.item:hover {
    background: #fff;
}


.vps-product .icon-box > .circle {
    display: inline-block;
    width: 130px;
    height: 130px;
    padding: 8px;
    border-radius: 100%;
    border: 1px solid #f9fafb;
    position: relative;
}

.vps-product .icon-box > .circle > .circle {
    border-radius: 100%;
    display: inline-block;
    background: #fff;
    border: 1px solid #F2F4F7;
    padding: 8px;
    width: 100%;
    height: 100%;
}

.vps-product .icon-box .circle > .circle > .circle {
    background: #F9FAFB;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 24px 16px;
}

.vps-product .icon-box .circle > img {
    width: 100%;
}

.vps-product .icon-box .country {
    position: absolute;
    width: 28px;
    height: 28px;
    text-align: center;
    left: 50%;
    margin-left: -14px;
    bottom: -1px;
}

.vps-product .icon-box .country > img {
    width: 28px;
    height: 28px;
}

.arrow-right.icon {
    background: url( "../assets/icons/chevron-right.svg" ) no-repeat center center;
    background-size: contain;
}

.arrow-link {
    width: 28px;
    height: 28px;
    padding: 5px;
    display: inline-block;
    border-radius: 100%;
    background: #F2F4F7;
    text-align: center;
}

.arrow.arrow-right {
    background: url( "../assets/icons/chevron-right.svg" ) no-repeat center center;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
}

/*Domain page*/

/* - header */

.domain-desc {
    color: #98A2B3;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.domain-product .top-domain-wrapper .top-domain-box::after {
    display: none;
}

.domain-product .top-domain-wrapper .top-domain-box::before {
    background: linear-gradient( to right, #1F1D4F, transparent );
}

.inner-box.domain-product .circle-gradient-1 {
    display: block;
    position: absolute;
    width: 539px;
    height: 538px;
    background: #33C5F0;
    opacity: 0.2;
    border-radius: 100%;
    filter: blur(180px);
    bottom: 175px;
    left: 73%;
}

/* Suggested DOmain */

.suggested-domains-section {
    margin: 64px 0 120px 0;
    position: relative;
}

.suggested-domains-section.cloud-after::after {
    content: '';
    display: block;
    position: absolute;
    background: url("../assets/images/cloud-6.svg");
    left: 0;
    top: 0;
    width: 633px;
    height: 537px;
    z-index: -1;
}

.suggested-domains-section .domains{
    margin-top: 40px;
}

.suggested-domains-section .domains .domain{}

.suggested-domains-section .domains .domain .oof-page.bottom-0 {
    min-height: 40px;
}

.suggested-domains-section .domains .domain .oof-page{
    position: relative;
}

.suggested-domains-section .domains .domain .oof-page::after {
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    content: '';
    background: url( "../assets/images/fire.png" ) no-repeat center;
    bottom: calc( 100% + 8px );
    right: 0;
}

.suggested-domains-section .domains .domain .oof-page.bottom-0::after {
    bottom: 50%;
    margin-bottom: -12px;

}

.suggested-domains-section .domains .domain .inner-box {
    border-radius: 18px;
    background: #FFF;
    padding: 24px;
    position: relative;
    border: 1px solid rgba(71, 84, 103, 0.1);
}

.suggested-domains-section .domains .domain .inner-box .price-box {

}

.suggested-domains-section .domains .domain .inner-box .elipse {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 0;
}

.suggested-domains-section .domains .domain .inner-box .tld {
    color: #3C5788;
    font-family: 'roboto', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    position: relative;
}



.suggested-domains-section .domains .domain .inner-box .price-box .price {
    color: #2E436A;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 38px;
    margin-left: 8px;
}

.suggested-domains-section .domains .domain .inner-box .price-box .currency {
    color: #344054;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 4px;
    padding: 0 4px;
}

.suggested-domains-section .domains .domain .inner-box .price-box .period {
    color: #667085;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 9px;
    padding: 0 4px;
}

.suggested-domains-section .domains .domain .inner-box .button {
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
}

.suggested-domains-section .owl-stage-outer {
    padding: 0 0 40px 0;
}

.suggested-domains-section .domains .domain .inner-box .button .icon {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    background-position: left;
    margin-top: 2px;
}

.suggested-domains-section .owl-dots {
    display: block !important;
    min-height: 10px;
    position: relative;
    z-index: 1;
    bottom: 16px;
    text-align: center;
}

.suggested-domains-section .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 0 12px;
    background: #D0D5DD;
    border-radius: 10px;
    text-align: center;
}

.suggested-domains-section .owl-dots .owl-dot.active {
    width: 32px;
    background: #383490;
}

/**
- Domain Table
 */

.domain-table-wrapper {
    padding: 32px 24px;
    background: #EEF2F9;
    border-radius: 24px;
}

.domain-table {
}

.domain-table thead,
.domain-table th,
.domain-table tr {
    border: 0 !important;
}

.domain-table tr th {
    color: #3C5788;
    padding: 10px 8px 38px;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    width: auto;
}

.domain-table tr th.sorting {
    cursor: pointer;
}

.domain-table tr th:nth-child(7),
.domain-table tr th:nth-child(3),
.domain-table tr th:nth-child(4),
.domain-table tr th:nth-child(5),
.domain-table tr th:nth-child(6) {
    text-align: center;
}

.domain-table tr td{
    padding: 0 0 16px 0;
    background: transparent;
    overflow: hidden;
    position: relative;
    box-shadow: none !important;
    border: 0 !important;
    /*width: 13%;*/
}

.domain-table tr td::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background: #EEF2F9;
    height: 24px;
    width: 1px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
}

.domain-table tr td::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background: #fff;
    width: 100%;
    top: 0;
    bottom: 16px;
    right: 0;
    margin-top: 0;
    z-index: 1;
}

.domain-table tr td .inner-box{
    padding: 32px 16px;
    background: #fff;
    height: 100%;
    position: relative;
    z-index: 10;
}

.domain-table tr td.first-child .inner-box {
    border-radius: 0 16px 16px 0;
    display: inline-block;
    padding: 32px;
}

.domain-table tr td.first-child::before {
    border-radius: 0 16px 16px 0;
}

.domain-table tr td.last-child .inner-box {
    border-radius: 16px 0 0 16px;
}

.domain-table tr td.last-child::before {
    border-radius: 16px 0 0 16px;
}

.domain-table tr td:nth-child(1){
    width: 5%;
}

.domain-table tr td:nth-child(3),
.domain-table tr td:nth-child(4),
.domain-table tr td:nth-child(5){
    min-width: 15%;
}

.domain-table tr td:nth-child(6) {
    min-width: 7%;
}

.domain-table tr td:nth-child(7) {
    min-width: 23%;
}

.domain-table tr td:nth-child(2){
    min-width: 16%;
}

.table > :not(caption) > * > * {
    box-shadow: none;
}

.colored-fire {
    width: 20px;
    height: 22px;
    background: url("../assets/images/fire.png") no-repeat center;
    background-size: contain;
    display: inline-block;
}

.domain-table tr td .tld {
    color: #3C5788;
    font-family: 'roboto', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    padding: 10px 0;
}

.domain-table tr td .tld > span {
    padding-left: 12px;
    position: relative;

}

.domain-table tr td .tld > span::after {
    background: #32D583;
    width: 8px;
    height: 8px;
    content: '';
    display: block;
    position: absolute;
    right: calc(100% + 2px);
    bottom: 6px;
    margin-top: -4px;
    border-radius: 100%;
}

.domain-table tr td .tld-price {
    line-height: 32px;
    padding: 10px 0;
}

.domain-table tr td .tld-price .currency {
    color: #344054;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin: 0;
    text-align: center;
}

.domain-table tr td .tld-price .number {
    color: #2E436A;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    text-align: center;
}

.just-fire-promotion {
  transform: translateY(16px);
}

#domains-table_filter {
    text-align: left;
}

#domains-table_filter .form-control{
    border-radius: 12px;
    background: #F2F4F7;
    line-height: 20px;
    padding: 16px 16px 16px 72px;
    background: url( "../assets/icons/base-icons/search.svg" ) no-repeat;
    background-position: 16px center;
    background-size: 16px 16px;
    min-width: 315px;
}

#domains-table_wrapper > div:nth-child(1) {
    position: absolute;
    top: 16px;
    left: 8px;
    right: 8px;
}

.nexanet-table-price-box {
    padding-top: 40px;
}

#domains-table_wrapper {
    max-height: 600px;
    overflow: hidden;
}

.nexanet-table-price-box .load-more {
    border-radius: 16px;
    background: #CAD6EB;
    color: #3C5788;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 16px;
    padding: 16px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    z-index: 99;
    display: block;
    width: 100%;
}


/* Domain table v2 */
.icon.left-arrow-azure {
    background: url("../assets/icons/left-arrow-azure.svg") no-repeat left center;
}
.nDomain-table-wrapper {
    padding: 32px 24px 0 24px;
    background: #eef2f9;
    border-radius: 24px;
}

.nDomain-table .thead,
.nDomain-table .th,
.nDomain-table .tr {
    border: 0 !important;
    display: flex;
}
.nDomain-table .th {
    display: flex;
    justify-content: center;
}
.nDomain-table .tr {
    width: 100%;
}
.nDomain-table .tr.item {
    height: 100px;
    background-color: #ffffff;
    border-radius: 16px;
    transition: 0.2s;
    margin-bottom: 16px;
    padding: 0 16px;
}
.nDomain-table .price-mobile {
    display: flex;
    justify-content: center;
    width: 30%;
    flex-direction: column;
}
.nDomain-table .accordion-item {
    background-color: transparent;
    width: 100%;
    margin: auto;
    overflow: hidden;
    border: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.nDomain-table .accordion-item .icons {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-around;
}
.nDomain-table .accordion-collapse {
    width: 100%;
}
.nDomain-table .accordion-body {
    margin-top: 0;
    border-radius: 12px;
}
.nDomain-table .status-name {
    width: 32%;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-bottom: 0.5px solid #ddd4;
    padding-bottom: 10px;
}
.nDomain-table .status-name .td.first-child {
    width: 20% !important;
    display: flex;
    flex-direction: column;
}
.nDomain-table .status-name .oof-page {
    padding: 5px 10px 0px 12px;
    border-radius: 50px;
    display: flex;
    align-items: normal;
    justify-content: center;
    margin-top: 8px;
}
.nDomain-table .accordion-header {
    display: none;
}
.nDomain-table .status-name .td {
    width: 80%;
    justify-content: inherit;
    margin-right: 10px;
}
.nDomain-table .price-mobile .title {
    display: none;
    justify-content: center;
}
.nDomain-table .price-mobile .title .td {
    display: flex;
    flex-direction: column;
}
.nDomain-table .price-mobile .title .td .txt {
    color: #3c5788;
    font-size: 12px;
    font-weight: 600;
}
.nDomain-table .price-mobile .title .td .year {
    color: #8ca6d5;
    font-size: 11px;
}
.nDomain-table .price-mobile .values {
    display: flex;
    justify-content: center;
}
.nDomain-table .price-mobile .td {
    width: 33.33% !important;
}
.suggested-domains-section #domains-table_filter label {
    display: flex;
    justify-content: center;
    align-items: center;
}
.suggested-domains-section #domains-table_filter label input {
    width: 100%;
}
.nDomain-table .tr .th {
    color: #3c5788;
    padding: 10px 8px 38px;
    font-family: "yekan-bakh", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    width: auto;
    text-align: center;
}

.nDomain-table .tr .th.sorting {
    cursor: pointer;
}

.nDomain-table .tr .th:nth-child(7),
.nDomain-table .tr .th:nth-child(3),
.nDomain-table .tr .th:nth-child(4),
.nDomain-table .tr .th:nth-child(5),
.nDomain-table .tr .th:nth-child(6) {
    text-align: center;
}

.nDomain-table .tr .td {
    padding: 0;
    background: transparent;
    position: relative;
    box-shadow: none !important;
    border: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nDomain-table .tr .td:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: #99999922;
    height: 24px;
    width: 1px;
    top: 60%;
    margin-top: -20px;
    z-index: 11;
}

.nDomain-table .tr .td .inner-box {
    height: 100px;
    position: relative;
    z-index: 10;
    background-color: #ffffff;
    transition: 0.2s;
}
.nDomain-table .accordion-item .icons img {
    width: 20px;
    height: 20px;
}
.tooltip-inner {
    background-color: #98a2b3;
    opacity: 1 !important;
    font-weight: 500;
    font-family: "yekan-bakh", sans-serif;
    border-radius: 12px;
    font-size: 12px;
    padding: 10px;
}

.nDomain-table .tr .td.first-child .inner-box {
    border-radius: 0 16px 16px 0;
    padding: 32px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.nDomain-table .tr .td.first-child::before {
    border-radius: 0 16px 16px 0;
}

.nDomain-table .tr .td.last-child .inner-box {
    border-radius: 16px 0 0 16px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.nDomain-table .tr .td.last-child::before {
    border-radius: 16px 0 0 16px;
}

.nDomain-table .tr .td:nth-child(1) {
    width: 32%;
}
.nDomain-table .accordion-btns {
    width: 38%;
    display: flex;
}
.nDomain-table .accordion-btns .accordion {
    width: 60% !important;
}
.nDomain-table .accordion-btns .last-child {
    width: 40% !important;
}

.table > :not(caption) > * > * {
    box-shadow: none;
}

.colored-fire {
    width: 20px;
    height: 22px;
    background: url("../assets/images/fire.png") no-repeat center;
    background-size: contain;
    display: inline-block;
}

.nDomain-table .tr .td .tld {
    color: #3c5788;
    font-family: "roboto", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    padding: 10px 0;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

.nDomain-table .tr .td .tld > span {
    padding-left: 12px;
    position: relative;
}

.nDomain-table .tr .td .tld > span::after {
    background: #32d583;
    width: 8px;
    height: 8px;
    content: "";
    display: block;
    position: absolute;
    right: calc(100% + 2px);
    bottom: 10px;
    margin-top: -4px;
    border-radius: 100%;
}

.nDomain-table .tr .td .tld-price {
    line-height: 32px;
    padding: 10px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nDomain-table .tr .td .tld-price .currency {
    color: #344054;
    font-family: "yekan-bakh", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin: 0;
    text-align: center;
    transition: 0.2s;
}

.nDomain-table .tr .td .tld-price .number {
    color: #2e436a;
    font-family: "yekan-bakh", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    text-align: center;
    transition: 0.2s;
}

.nDomain-table .just-fire-promotion {
    transform: translateY(0);
    display: flex;
}
.nDomain-table .btn-accordion.collapsed {
    background-color: #f2f4f7;
    border-radius: 100%;
    width: 40px;
    height: 40px;

    align-items: center;
    justify-content: center;
    border: 0;
    display: none;
    transition: 0.3s;
    transform: rotate(180deg);
    padding-bottom: 3px;
    padding-left: 5px;
}
.nDomain-table .btn-accordion {
    background-color: #f2f4f7;
    border-radius: 100%;
    width: 40px;
    height: 40px;

    align-items: center;
    justify-content: center;
    border: 0;
    display: none;
    transition: 0.3s;
    transform: rotate(0deg);
    padding-bottom: 3px;
    padding-left: 5px;
}
.nDomain-table .button.solid.orange {
    font-size: 12px;
}
.nDomain-table .btn-accordion .icon {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 0;
    transform: rotate(-90deg);
    margin-top: 3px;
}
.nDomain-table .btn-accordion .icon.open {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 0;
    transform: rotate(90deg);
    margin-bottom: 3px;
}

.nDomain-table nav {
    direction: ltr;
    display: flex;
    justify-content: center;
    padding: 16px 0;
}

.nDomain-table nav li a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    overflow: hidden;
}
.suggested-domains-section .select-category {
    width: 160px;
    border-radius: 12px;
    border: 0;
    height: 54px;
    font-size: 12px;
    font-weight: 501;
    color: #3c5788;
}

.nDomain-table nav .page-item.right {
    transform: rotate(180deg);
}
.nDomain-table nav .page-item.right,
.nDomain-table nav .page-item.left {
    cursor: pointer;
}
.nDomain-table nav ul {
    padding: 0;
    gap: 10px;
}
.nDomain-table .page-link .icon {
    margin-left: 0;
}
.nDomain-table .page-link {
    color: #2e436a;
    background-color: #ffffff;
    padding-top: 10px;
}
.nDomain-table nav .page-item.right .page-link,
.nDomain-table nav .page-item.left .page-link {
    padding: 0;
}
.nDomain-table .active > .page-link,
.page-link.active {
    background-color: #2e436a !important;
    border-color: #2e436a;
    color: #ffffff !important;
}

.nDomain-filters {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    z-index: 10;
}

.filter-off-box {
    color: #fff;
    width: 180px;
    background-color: #d92d20;
    padding: 20px 17px 20px 20px;
    height: 54px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 10px;
}
.filter-off-box .text {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 12px;
    gap: 5px;
    font-weight: 600;
}
.filter-off-box .form-check-input {
    background-color: #b42318;
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); */
    border: 0;
    width: 39px;
    height: 22px;
    margin-bottom: 2px;
}
.filter-off-box .form-check-input:checked {
    background-color: #b42318;
    border-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.filter-off-box .form-check-input:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.25rem transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

#domains-table_filter {
    text-align: left;
}

#domains-table_filter .form-control {
    border-radius: 12px;
    background: #f2f4f7;
    line-height: 20px;
    padding: 16px 16px 16px 72px;
    background: url("../assets/icons/base-icons/search.svg") no-repeat;
    background-position: 16px center;
    background-size: 16px 16px;
    min-width: 315px;
}

.nexanet-table-price-box {
    padding-top: 40px;
}

#nDomains-table_wrapper {
    overflow: visible;
}

.nexanet-table-price-box .load-more {
    border-radius: 16px;
    background: #cad6eb;
    color: #3c5788;
    text-align: center;
    font-family: "yekan-bakh", sans-serif;
    font-size: 16px;
    padding: 16px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    z-index: 99;
    display: block;
    width: 100%;
}
    /*--------------------------------------
        6. Footer
    --------------------------------------*/

.footer {
    position: relative;
}

.footer .footer-box {
    padding: 72px 114px 50px;
    position: relative;
}

.footer .footer-box::after {
    content: '';
    display: block;
    position: absolute;
    width: 162px;
    height: 50px;
    background: url( "../assets/images/footer-curve.svg" ) no-repeat center;
    top: -1px;
    right: 88px;
    z-index: 8;
}

.footer .footer-box::before {
    content: '';
    display: block;
    position: absolute;
    width: 162px;
    height: 50px;
    background: url( "../assets/images/logo-short.svg" ) no-repeat center;
    background-size: 42px 33px;
    top: 0;
    right: 88px;
    z-index: 9;
}

.footer .inner-footer {

}

.footer .inner-widget-box .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    text-align: right;
    padding-right: 16px;
    position: relative;
    color: #fff;
}

.footer .inner-widget-box .title::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #FEC84B;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
}

.footer .inner-widget-box ul {
    padding: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    text-align: right;
    list-style-type: none;
}

.footer .inner-widget-box ul > li {
    margin-top: 8px;
}

.footer .inner-widget-box ul > li > a {
    color: #A3A2CC;
}

.footer .secondery-footer-box {
    padding: 32px 0;
    border-top: 1px solid #282566;
    border-bottom: 1px solid #282566;
    margin: 16px 0 32px 0;
}

.footer .certificate-box {
    padding: 0 0 0 24px;
    border-left: 1px solid #282566
}

.footer .certificate-box .item {
    width: 100px;
    height: 100px;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.02), 0 5px 5px rgba(0, 0, 0, 0.02), 0 16px 32px rgba(0, 0, 0, 0.06);
    border-radius: 18px;
    min-height: 100px;
    background: #fff;
    text-align: center;
    vertical-align: center;
    align-items: center;
    padding: 8px;
    margin-left: 24px;
}

.footer .certificate-box .item img {
    max-width: 100%;
}

.footer .newsletter-box {
    padding: 0 24px 0 0;
    width: 100%;
}

.footer .newsletter-box .form-box {
    display: flex;
}

.footer .newsletter-box .title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
    margin-bottom: 24px;
    margin-right: 4px;
    padding-left: 24px;
    color: #C1C0DD;
    position: relative;
}

.footer .newsletter-box .hint {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
}

.footer .newsletter-box .newsletter-input {
    box-shadow: 0 16px 32px 0 #0000000F, 0 5px 5px 0 #00000005, 0 -1px 1px 0 #00000005;
    padding: 12px 16px;
    background: #18163C;
    border-radius: 12px;
    outline: 0;
    border: none;
    width: 100%;
    color: #A3A2CC;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    box-sizing: border-box;
    display: block;
}

.footer .newsletter-box input[type="submit"] {
    background: #F79009 url( "../assets/icons/left-arrow.svg" ) no-repeat;
    background-size: 18px 18px;
    background-position-y: 12px;
    background-position-x: 16px;
    border-radius: 12px;
    padding: 12px 16px 12px 44px;
    outline: 0;
    border: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-align: right;
    color: #fff;
    display: block;
}
.footer .newsletter-box .send-box {
    position: relative;
    margin-right: 16px;
}

.footer .contact-us-box {
    padding: 0 32px 0 0;
}

.footer .contact-us-box > .inner-box {
    padding: 32px 24px;
    border-radius: 24px;
}

.footer .contact-us-box > .inner-box > h6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: right;
    color: #fff;
    margin-bottom: 16px;
}

.footer .contact-us-box .contact-information {
    padding: 0;
}

.footer .contact-us-box .contact-information .item {
    display: block;
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: right;
    padding: 24px 0 24px 24px;
    border-bottom: 1px solid #1F1D4F;
}

.footer .contact-us-box .contact-information .item.location {
    line-height: 20px;
}

.footer .contact-us-box .contact-information .item::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
}

.footer .contact-us-box .contact-information .item.call::after {
    background: url( "../assets/icons/headphone-violet.svg" ) no-repeat center;
    background-size: contain;
}

.footer .contact-us-box .contact-information .item.email::after {
    background: url( "../assets/icons/mail-violet.svg" ) no-repeat center;
    background-size: contain;
}

.footer .contact-us-box .contact-information .item.location::after {
    background: url( "../assets/icons/map-pin.svg" ) no-repeat center;
    background-size: contain;
}

.footer .contact-us-box .social-media {
    width: 100%;
    background: #F79009;
    border-radius: 9px;
    padding: 16px;
}

.footer .contact-us-box .social-media > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.footer .contact-us-box .social-media > ul > li {
    display: inline-block;
    margin-left: 4px;
    padding: 0;
}

.footer .contact-us-box .social-media > ul > li > a {
    display: inline-block;
    min-width: 16px;
    min-height: 16px;
}

.footer .contact-us-box .social-media > ul > li > a.linkedin {
    background: url( "../assets/icons/linkedin.svg" ) no-repeat center;
}

.footer .copyright-box {
    padding: 0 32px 0 0;
    position: relative;
}

.footer .copyright-box .affiliate-more-link::after {

}

.footer .copyright-box .affiliate-more-link {
    color: #FDB022;
    font-size: 12px;
    font-weight: 500;
}

.footer .copyright-box .text {
    color: #fff;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    margin-bottom: 0;
}

.footer .copyright-box .text::before {
    content:  '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: calc( 100% + 16px );
    background: url( "../assets/icons/alert-circle-violet.svg" ) no-repeat center;
}

footer .wpcf7-response-output {
    position: absolute;
    bottom: 0;
    background: #18163c;
    right: 0;
    color: #C1C0DD;
    font-size: 14px;
    line-height: 24px;
    font-family: 'yekan-bakh', serif;
    border: none !important;
    border-right: 3px solid #2ea839 !important;
    margin: 0 !important;
    padding: 6px 8px !important;
}

.btt-button {
    position: absolute;
    left: 0;
    bottom: -16px;
}

.icon.screen {
    background: url( "../assets/icons/screen.svg" ) no-repeat center;
    background-size: contain;
}

.icon.facebook {
    background: url( "../assets/icons/social-icon-1.svg" ) no-repeat center;
}

.icon.instagram {
    background: url( "../assets/icons/social-icon-3.svg" ) no-repeat center;
}

.icon.tweeter {
    background: url( "../assets/icons/social-icon-2.svg" ) no-repeat center;
}

.icon.telegram {
    background: url( "../assets/icons/social-icon-4.svg" ) no-repeat center;
}

.icon.linkedin {
    background: url( "../assets/icons/social-icon-4.svg" ) no-repeat center;
}
.icon.cloud-white {
    background: url( "../assets/icons/cloud-w.svg" ) no-repeat center;
    background-size: contain;
}

.icon.host-white {
    background: url( "../assets/icons/host-w.svg" ) no-repeat center;
    background-size: contain;
}

.icon.domain-white {
    background: url( "../assets/icons/domain-w.svg" ) no-repeat center;
    background-size: contain;
}

.icon.vps-white {
    background: url( "../assets/icons/vps-w.svg" ) no-repeat center;
    background-size: contain;
}

/*----- 5.4 Copyright -----*/

.footer .copyright {
    padding: 24px 0 40px 0;
}

.footer .copyright .text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
    color: #667085;
    padding-top: 16px;
}

.footer .copyright .social-media {
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none;
}

.footer .copyright .social-media > .item {
    width: 48px;
    height: 48px;
    text-align: center;
    display: inline-block;
    padding-top: 12px;
}

.footer .copyright .social-media > .item > .social-media-link {
    display: block;
    width: 100%;
    height: 100%;
}

.par-host-widget-area {
    padding: 8px 12px 0 12px;
}

.tablet-footer-link {
    background: #3C5788;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 8px;
    display: block;
    border-radius: 16px;
}

.tablet-footer-link:hover {
    color: #FFF;
}

.made-by-earth {
    color: #A3A2CC;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    direction: ltr;
    text-align: left;
}

/* 9.  Online Chat */

#box-widget-icon .widget-icon {
    background: rgb(40, 37, 102) !important;
}

/* 9.  Error.php */

.page-error-404 {
    background: #F9FAFB;
    min-height: 100vh;
    padding: 0;
}

.error-404-container {
    min-height: 100vh;
    background: #F9FAFB;
    padding-top: 128px;
    position: relative;
}

.error-404-container .img-box {
    position: relative;
    z-index: 99;
}

.error-404-container .error-text {
    margin-top: 42px;
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
    letter-spacing: 0;
    color: #3C5788;
    text-align: center;
    margin-bottom: 40px;
}

.error-404-container::after,
.error-404-container::before {
    display: block;
    position: absolute;
    content: '';
}

.error-404-container::before {
    background: url( "../assets/images/cloud-3.svg" ) no-repeat;
    background-size: contain;
    right: 0;
    width: 430px;
    height: 360px;
    top: 160px;
}

.error-404-container::after {
    background: url( "../assets/images/cloud-4.svg" ) no-repeat;
    background-size: contain;
    left: 0;
    width: 495px;
    height: 313px;
    bottom: 180px;
}

.back-home-box {
    text-align: left;
}

.counter-home-box {
    text-align: right;
}

.error-404-container .icon-box .list {
    list-style: none;
    text-align: center;
    direction: ltr;
    padding: 0;
}

.error-404-container .icon-box .list > li {
    display: inline-block;
    text-align: center;
    margin: 0 16px;
    direction: rtl;
}

.error-404-container .icon-box .list > li > a {
    padding: 0 8px 24px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
    transition: all .3s ease;
    display: block;
    position: relative;
    bottom: 0;
}

.error-404-container .icon-box .list > li > a:hover {
    bottom: 8px;
    border-bottom: 1px solid #3C5788;;
}

.error-404-container .icon-box .list > li > a:hover::before {
    content: '';
    height: 8px;
    width: 1px;
    display: block;
    position: absolute;
    left: 50%;
    right: 50%;
    background: #3C5788;
    bottom: 0;
}

.error-404-container .icon-box .list > li > a img {
    min-width: 20px;
    min-height: 20px;
    width: auto;
    height: auto;
}

.breadcrumb-404 {
    margin-top: 12px;
    display: flex;
}

.breadcrumb-404 .arrow,
.breadcrumb-404 .home-icon,
.breadcrumb-404 .back-home {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-left: 16px;
}

.breadcrumb-404 .arrow {
    max-width: 13px;
    max-height: 16px;
}

.breadcrumb-404 .home-icon > img {
    max-width: 16px;
}

.breadcrumb-404 .home-icon:hover {
    color: #FFBB47;
}

#redirect-counter-404 {
    color: #FFBB47;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    padding: 8px;
    line-height: 28px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
}

.redirected-msg-box {
    text-align: right;
}

.redirected-msg-box > p {
    line-height: 24px !important;
}

.redirected-msg-box #countdown {
    position: relative;
    height: 40px;
    width: 40px;
    text-align: center;
    display: inline-block;
}

.redirected-msg-box svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    transform: rotateY(-180deg) rotateZ(-90deg);
}

.redirected-msg-box svg circle {
    stroke-dasharray: 113px;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: #FFBB47;
    fill: none;
    animation: countdown 10s linear infinite forwards;
}

@keyframes countdown {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: 113px;
    }
}


/* account Cart Number Page*/

.cart-box-wrapper {
    position: relative;
    min-height: 340px;
    top: -116px;
    z-index: 9;
}

.cart-box-wrapper .cart-box {
    padding: 0;
}

.cart-box-wrapper .cart-box .e-cart {
    background: #fff;
    border-radius: 24px;
    border: 8px solid #E6F8FD;
    padding: 40px;
    width: 100%;
    max-width: 600px;
    height: auto;
    min-height: 340px;
}

.cart-box-wrapper .cart-box .e-cart .logo-box {
    margin-bottom: 48px;
}

.cart-box-wrapper .cart-box .e-cart .title {
    color: #7695CD;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    line-height: 36px;
}

.cart-box-wrapper .cart-box .e-cart .card-number {
    color: #3C5788;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}

.cart-box-wrapper .cart-box .text-box-account {
    width: 100%;
    max-width: 600px;
    margin: 32px auto;
}

.cart-box-wrapper .cart-box .text-box-account p {
    margin: 0;
    color: #3C5788;
    text-align: right;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.send-invoice {
    border-radius: 9px;
    border: 1px solid #FFF;
    background: #FFF;
    white-space: nowrap;
    padding: 8px 12px;
    color: #3C5788;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

#grecaptcha-badge {
    /*display: none !important;*/
    width: 0 !important;
}

/* Rules Page */

.nexanet-special-page-section {

}

#nexanet-search {
    padding: 16px 24px;
    color: #98A2B3;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    border-radius: 12px;
    background: #F2F4F7 url( "../assets/icons/search-gray.svg" ) no-repeat 16px 16px;
    background-size: 20px;
    min-width: 280px;
    border: none;
    box-shadow: none;
    outline: 0;
}

#select-cat-rules {
    padding: 16px 24px;
    color: #98A2B3;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    min-width: 280px;
    box-shadow: none;
    outline: 0;
    border-radius: 18px;
    border: 1px solid rgba(202, 214, 235, 0.30);
    background: #FFF url( "../assets/icons/chevron-down.svg" ) no-repeat 16px 16px;
    background-size: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.main-sp-section {

}

.main-sp-section .sidebar {
    padding: 24px 32px 24px 24px;
    border-radius: 24px;
    border: 1px solid rgba(202, 214, 235, 0.30);
    background: #FFF;
    position: sticky;
    top: 16px;
}

.main-sp-section .sidebar .title {
    color: #3C5788;
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
}

.main-sp-section .sidebar .item {
    padding: 8px 20px 8px 8px;
    position: relative;

}

.main-sp-section .sidebar .item .rule-title {
    color: #3C5788;
    text-align: right;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 0;
}

.main-sp-section .sidebar .item .rule-title > a {
    color: #3C5788;
    text-decoration: none;
}

.main-sp-section .sidebar .item .rule-title > a::after {
    content: '';
    position: absolute;
    top: -4px;
    bottom: -4px;
    right: 4px;
    width: 1px;
    background: #EEF2F9;
    z-index: 2;
}

.main-sp-section .sidebar > div:nth-child(2) .rule-title > a::after {
    top: 14px;
    bottom: -14px;
}


.main-sp-section .sidebar > div:last-child .rule-title > a::after {
    top: -14px;
    bottom: 14px;
}

.main-sp-section .sidebar .item .rule-title > a::before {
    content: '';
    position: absolute;
    top: 12px;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: 2px solid #CAD6EB;
    background: #FFF;
    transition: all 0.2s ease-in-out;
    z-index: 3;
    outline: 1px solid transparent;
}

.main-sp-section .sidebar .item .rule-title a.active::before,
.main-sp-section .sidebar .item .rule-title a:hover::before {
    background: #3C5788;
    border: 2px solid #fff;
    outline: 1px solid #3C5788;
}

.hamb.azure {
    background: url( "../assets/icons/hamb-azure.svg" ) no-repeat center center;
    background-size: contain;
}

.whole-rules {
    border-radius: 24px;
    border: 1px solid rgba(71, 84, 103, 0.10);
    background: #FFF;
    padding: 8px 24px;
}

.whole-rules .rule {
    border-bottom: none;
    position: relative;
}

.whole-rules .rule::after {
    content: '';
    position: absolute;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, #F9FAFB 0%, #E7E7E7 51.04%, #F9FAFB 100%);
    z-index: 4;
    bottom: 1px;
}

.whole-rules .rule.no-bb::after {
    display: none;
}

.whole-rules .rule:last-child::after {
    display: none;
}

.whole-rules .rule .accordion-button {
    padding-left: 32px;
}

.whole-rules .rule .accordion-button::after {
    left: 16px;
    transition: all 0.2s ease-in-out;
}

.whole-rules .rule .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}

.whole-rules .rule .title {
    color: #3C5788;
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
}

.whole-rules .rule .title-time {
    color: #98A2B3;
    text-align: right;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
}

.whole-rules .rule .aiosrs-rating-wrap {
    display: none;
}

.aiosrs-rating-wrap {
    display: none;
}

.whole-rules .rule time {
    color: #3C5788;
    text-align: right;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
}

.whole-rules .rule .accordion-body {
    color: #98A2B3;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    text-align: justify;
}

.whole-rules .rule .accordion-body > p {
    color: #98A2B3;
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
    text-align: justify;
}

.whole-rules .rule .accordion-body h6,
.whole-rules .rule .accordion-body h5,
.whole-rules .rule .accordion-body h4,
.whole-rules .rule .accordion-body h3,
.whole-rules .rule .accordion-body b,
.whole-rules .rule .accordion-body strong {
    color: #3C5788;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
}

.no-match-message {
    display: none;
}

.whole-rules .rule .title .highlight,
.whole-rules .rule .accordion-body > p .highlight {
    background: #FFE0AA;
    color: #3C5788;
}

#product900 .plan-features .plan-features-content .plan-features-content .item:first-child div:nth-child(3) {
    text-align: left !important;
}

#product900 .plan-features .plan-features-content .plan-features-content .item:first-child div:nth-child(2) span {
    white-space: nowrap;
}

/* Collapsed features */
.features.collaps .owl-stage {
    height: 238px;
    overflow: hidden;
}

.features.collaps .collapsopen .item .left {
    display: flex;
}
.features.collaps .collapsopen .item {
    justify-content: space-between;
}

.features.collaps .item {
    display: flex;
    overflow: hidden;
    justify-content: center;
}

.features.collaps .item .right {
    padding: 20px 30px;
    min-width: 210px;
}
.features.collaps .item .right .icon-box > .circle img {
    width: 100%;
    height: 100%;
}
.features.collaps .item .left {
    padding: 20px 0 20px 15px;
    text-align: justify;
    display: none;
    align-items: center;
}

.features.collaps .item .left p {
    font-size: 13px;
    color: #98a2b3;
}

.features.collaps .owl-stage-outer {
    padding: 48px 0;
}

.features.collaps .feature {
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.06);
    text-align: center;
    margin-right: 12px;
    padding: 10px;
}

.features.collaps .feature .icon {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 54px;
    height: 54px;
    margin-left: 0;
    position: relative;
}

.features.collaps .feature .icon > img {
    max-width: 100%;
    position: relative;
    z-index: 3;
}

.features.collaps .feature .icon::after {
    content: "";
    display: inline-block;
    width: 54px;
    height: 54px;
    position: absolute;
    bottom: -16px;
    background: #f9fafb;
    left: 0;
    right: 0;
    border-radius: 100%;
    z-index: 2;
}

.features.collaps .feature:hover .icon::after {
    background: linear-gradient(360deg, #36337c 0%, #282566 100%);
}

.features.collaps .feature .title {
    color: #3c5788;
    text-align: center;
    font-family: "yekan-bakh", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-top: 32px;
}

.features.collaps .feature:hover .title {
    color: #fff;
}

.features.collaps .owl-dots {
    display: block !important;
    min-height: 10px;
    position: relative;
    z-index: 1;
    bottom: 16px;
    text-align: center;
}

.features.collaps .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 0 12px;
    background: #d0d5dd;
    border-radius: 10px;
    text-align: center;
}

.features.collaps .owl-dots .owl-dot.active {
    width: 32px;
    background: #383490;
}


.features-collaps-mobile .accordion-item {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 15px;
    border: 0;
}

.features-collaps-mobile .accordion-button {
    color: #3c5788 !important;
}

.features-collaps-mobile .accordion-body {
    margin-top: 0;
}

.features-collaps-mobile .hor-line {
    width: 95%;
    background: linear-gradient(
            90deg,
            rgba(249, 250, 251, 0) 0%,
            rgba(231, 231, 231, 1) 50%,
            rgba(249, 250, 251, 0) 100%
    );
    height: 2px;
    margin: auto;
}

.features-collaps-mobile .accordion-button::after {
    left: 20px;
}

.features-collaps-mobile .accordion-button .circle {
    width: 40px;
    height: 40px;
    background-color: #f9fafb;
    border-radius: 100%;
    padding: 7px;
    margin-left: 15px;
}

.features-collaps-mobile .accordion-button .circle img {
    width: 100%;
    height: 100%;
}

.tooltip-arrow::before{
    display: none;
}
.nDomain-table .accordion-btns .icons div{
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: 100% 100%;
}
.nDomain-table .accordion-btns .domain-pin-on{
    background-image: url("../assets/icons/domain-pin-on.svg");
}
.nDomain-table .accordion-btns .domain-pin-off{
    background-image: url("../assets/icons/domain-pin-off.svg");
}
.nDomain-table .accordion-btns .domain-world-on{
    background-image: url("../assets/icons/domain-world-on.svg");
}
.nDomain-table .accordion-btns .domain-world-off{
    background-image: url("../assets/icons/domain-world-off.svg");
}
.nDomain-table .accordion-btns .domain-ir-on{
    background-image: url("../assets/icons/domain-ir-on.svg");
}
.nDomain-table .accordion-btns .domain-ir-off{
    background-image: url("../assets/icons/domain-ir-off.svg");
}
.nDomain-table .accordion-btns .domain-info-on{
    background-image: url("../assets/icons/domain-info-on.svg");
}
.nDomain-table .accordion-btns .domain-info-off{
    background-image: url("../assets/icons/domain-info-off.svg");
}
.nDomain-table .accordion-btns .domain-sec-on{
    background-image: url("../assets/icons/domain-sec-on.svg");
}
.nDomain-table .accordion-btns .domain-sec-off{
    background-image: url("../assets/icons/domain-sec-off.svg");
}