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', 'yekan-bakh', sans-serif !important;
}

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

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

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

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

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

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

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

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

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

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

.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 !important;
}

.bg-gray600 {
    background: #475467 !important;
}

.bg-gray700 {
    background: #344054 !important;
}

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

.bg-gray900 {
    background: #101828 !important;
}

.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 !important;
    filter:none !important;
}

.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 !important;
}

.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 !important;
}

.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 !important;
}

.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 !important;
}

.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 !important;
}

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

.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-red500i{
    color: #F04438 !important;
}

.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;
}

.font-weight500i{
    font-weight: 500 !important;
}

/* 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;
}

.xxx {
    background: url( "../assets/icons/x-red.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.no-circle::before,
.heading > h2.no-circle::before,
.heading > h3.no-circle::before,
.heading > h4.no-circle::before,
.heading > h5.no-circle::before,
.heading > h6.no-circle::before {
    display: none !important;
}

.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;
}
.topbar .notification-bar .notification .announcement-wrapper .announcement-box .mover a{
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

@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;
}
.icon.mappin {
    background: url( "../assets/icons/map-pin-azure.svg" ) no-repeat center center;
}
.icon.bag {
    background: url( "../assets/icons/bag-azure.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,
.main-header .main-menu > li > span > span{
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    color: #3C5788;
}

.main-header .main-menu > li > a > span.icon,
.main-header .main-menu > li > span > 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;
}

.icon.arrow-left-white {
    background: url( "../assets/icons/arrow-left-white.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;
    max-height: 28.83px;
}

.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.pars-host-host-menu {
    min-height: 285px;
}

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

.pars-host-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;
}

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

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

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

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

.pars-host-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;
}

.pars-host-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 > .pars-host-host-menu {
    min-width: 720px;
}

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

.main-header .main-menu > li > .pars-host-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 > .pars-host-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 > .pars-host-host-menu > li > ul > li > .content > a .arrow {
    border-radius: 8px;
    background: #F79009;
    padding: 3px 6px;
    margin-top: 3px;
}

.main-header .main-menu > li > .pars-host-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.pars-host-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', 'yekan-bakh', 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;
}

.who-is-box .btn-gp .button.hns-domain-btn{
    background: linear-gradient(20deg, rgba(7,188,134,1) 40%, rgba(17,132,167,1) 100%);
    color: #ffffff;
}
.who-is-box .btn-gp .button.hns-domain-btn:hover{
    background: linear-gradient(20deg, rgba(7,188,134,1) 40%, rgba(17,132,167,1) 100%);
    color: #ffffff;
    opacity: 0.7;
}
.who-is-box .btn-gp > div.d-flex{
    gap: 8px;
    justify-content: center;
}
.who-is-box .btn-gp .btn-item{
    width: fit-content;
    padding: 0;
}
.who-is-box .btn-gp .btn-item a{
    width: fit-content;
}

.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 scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(50%);
    }
}

.top-domain-wrapper .top-domain-box .mover {
    display: flex;
    white-space: nowrap;
    /*animation: scroll-left 40s linear infinite;*/
    margin: 24px -50px;
    position: relative;
}

.top-domain-wrapper .top-domain-box.domain-page .mover {
    display: flex;
    white-space: nowrap;
    animation: scroll-left 40s 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.service-melli {
    background: url("../assets/icons/service-melli.svg") no-repeat center center;
}

.icon.hns {
    background: url("../assets/icons/hns-mini-icon.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;
}

.icon.ss-item-drive.violet {
    background: url("../assets/icons/ss-item-drive-violet.svg") no-repeat center center;
}
.icon.ss-item-setup.violet {
    background: url("../assets/icons/ss-item-setup-violet.svg") no-repeat center center;
}
.icon.ss-item-support.violet {
    background: url("../assets/icons/ss-item-support-violet.svg") no-repeat center center;
}

/* host-product */

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

.page-header.host-product.rec-head {
    margin-bottom: 72px;
}

.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 .head-info h1{
    margin-bottom: 24px;
}
.page-header .inner-box.host-product .head-info p{
    line-height: 24px;
}
.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: 24px;
}
.rec-header-divider + .features-section.cloud-after{
    margin-top: 0;
}
.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;
}
.page-header .inner-box.host-product .action-box .action .button.warning span{
    font-weight: 500;
}

.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 86px 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.domain-header-box{*/
/*    padding: 40px 56px 86px 56px;*/
/*}*/

.page-header .inner-box.ssl-product.cloud-product {
    padding: 40px 56px 32px 56px;
    /*background: #E6F8FD;*/
    background: rgba(137, 226, 250, 0.3);
    border-radius: 24px;
    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: 72px;
    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.cloud-product .action-box .action{
    background: rgba( 255, 255, 255, 30% );
    padding: 10px;
}
.page-header .inner-box.ssl-product .head-info p {
    line-height: 32px;
}

.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:not(:nth-last-child(2)){
    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 {
    color: #282566;
}

.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.woo {
    background: url( "../assets/icons/mMenu-woo.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.woo,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.woo{
    background: url( "../assets/icons/mMenu-woo-orange.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;
}
.icon.arrow-left-sharp {
    background: url( "../assets/icons/arrow-left-sharp.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: 30px 0 64px;
    padding-top: 130px;
    position: relative;
    overflow: hidden;
}

.text-section p {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    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 .list,
.text-section-2 .list{
    list-style: none;
    padding: 0;
    margin: 0
}

.text-section .list > li ,
.text-section-2 .list > li {
    margin-bottom: 24px;
    color: #667085;
    text-align: right;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    padding-right: 32px;
    display: block;
    width: auto;
}

.text-section .list > li::before,
.text-section-2 .list > li::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(../assets/icons/check.svg) no-repeat center;
    background-size: cover
}

.text-section.no-cloud::after {
    display: none;
}

.text-section-2 {
    margin: 30px 0 64px;
    padding-top: 130px;
    position: relative;
    overflow: hidden;
}

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


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

.text-section.no-cloud::before,
.text-section-2.no-cloud::before {
    display: none;
}

.text-section p,
.text-section-2 p {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    text-align: justify;
    font-family: "iransans", sans-serif;
}

.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 .action,
.text-section-2 .action {
    margin-top: 32px;
    position: relative;
}

.text-section .action .button,
.text-section-2 .action .button {
    background: #F79009;
    color: #fff;
    padding: 12px 22px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
    font-family: "yekan-bakh", sans-serif;
}
.text-section .action .button .icon.left-arrow,
.text-section-2 .action .button .icon.left-arrow{
    transform: scale(1.2);
    margin-left: 0;
}
.text-section .content-box,
.text-section-2 .content-box{
    position: relative;
}
.text-section .content-box .action::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 30px;
    display: block;
    width: 590px;
    height: 200px;
    background: url(../assets/images/bg-dots.svg) no-repeat center center;
    z-index: -1;
    transform: rotateY(0deg) rotateX(180deg);;
}

.text-section-2 .content-box .action::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 30px;
    display: block;
    width: 590px;
    height: 200px;
    background: url(../assets/images/bg-dots.svg) no-repeat center center;
    z-index: -1;
    transform: rotateY(0deg) rotateX(180deg);
}
.text-section-2.without-dots .content-box .action::before{
    display: none;
}
.text-section ul,
.text-section-2 ul {
    padding: 8px;
    margin: 16px 0;
}

.text-section ul li,
.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 ul li img,
.text-section-2 ul li img {
    width: 24px;
    height: 24px;
    margin-left: 8px;
}

/*support-section*/

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

.support-section.white-before {
    margin: 0 4px;
    padding-top: 120px;
    padding-bottom: 80px
}

.support-section.white-before::before {
    content: '';
    width: 100%;
    height: 50%;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    background: #fff;
}

.support-section .support {
    padding: 54px;
    border-radius: 24px;
    position: relative;
    background: url(../assets/images/support-overlay.svg) no-repeat center center, #18163C;
    background-size: cover;
}

.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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon.key.azure {
    background: url( "../assets/icons/azure-key.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: 100px 0 100px;
    position: relative;
}

/* -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: none;
    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;
    height: 188px;
}

.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;
}
.breadcrumb-box.cloudy{
    background: #8ADEF6;
}
.breadcrumb-box.cloudy > .breadcrumb > li > i{
    filter: invert(0%) brightness(200%);
}
.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
}

.content-section .content-box figure{
    margin: auto;
}
.content-section .content-box img{
    border-radius: 6px;
}

/* --------------------------------------
    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 .parshost-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 .parshost-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;
}

.plans .plan .price-box .all-price-box .number-box.text-gray400 .number {
    color: #98A2B3 !important;
}

.price-contact-us-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
}

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

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

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

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

.plan-section .plans .col-lg-3 .plan {
    padding: 40px 24px;
}

.plan-section .plans .plan .icon-badge-box {
    position: absolute;
    top: 24px;
    left: 24px;
}

.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.payg-item {
    border: 1px solid #605da6
}

.plan-section .plans .plan .recommended-payg {
    border-radius: 12px 0 0 0;
    background: url( '../assets/images/payg.svg' ) no-repeat top left;
    width: 87px;
    height: 96px;
    padding: 12px;
    position: absolute;
    top: -1px;
    left: -1px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}


.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 > .d-flex {
    justify-content: center;
}

.plans .plan-offer-badge{
    position: absolute;
    top: 24px;
    right: 24px;
    height: 24px;
    background-color: #da291c;
    color: #fff;
    border-radius: 50px;
    padding: 2px 5px 0px 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    z-index: 10;
    white-space: nowrap;
    display: flex;
    align-items: normal;
    flex-direction: row-reverse;
}

.plans .yearly-del-price{
    color: #98A2B3 !important;
    display: flex;
    align-items: normal;
    justify-content: center;
    gap: 8px;
}
.plans .yearly-del-price del{
    font-size: 20px;
}
.plans .yearly-del-price span{
    font-size: 12px;
    margin-top: 4px;
}
.plans .yearly-currency{
    font-size: 13px !important;
    margin-top: 3px;
}
.plans .monthly-currency{
    font-size: 13px !important;
    margin-top: 3px;
}
.plans .toman-currency{
    font-size: 13px !important;
}
.plans .monthly-text{
    font-size: 14px !important;
    color:#667085;
    margin-top: 12px;
    margin-right: 10px;
}

.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.payg-item .action-box .btn-box .buy {
    background: #605da6
}

.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.payg-item .action-box .btn-box.active::before {
    display: none
}


.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 .icon-box.custom-icon-box,
.plans .plan .plan-features .plan-features-content-box .plan-features-content > .item .icon-box.dots-box {
    border: none;
    margin-left: -12px;
}

.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;

}

.icon.dot {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    display: inline-block;
    background: #eaecf0;
}

.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', 'yekan-bakh', 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: 24px;
}

.wcs-section .inner-box .icon-box .circle {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #EEF2F9;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: -1;
}
.wcs-section .icon {
    width: 32px;
    height: 32px;
    /*top: 4px;*/
    position: relative;
}

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

.wcs-section .item .content-box a:hover {
    color: #F79009;
}
.wcs-section.with-border .inner-box .inner-box .col-lg-4 .content-box p{
    line-height: 24px;
}
.wcs-section.with-border .inner-box .inner-box .col-lg-4{
    position: relative;
    margin: 0 !important;
    padding: 18px 18px 30px 18px;
}
.wcs-section.with-border .inner-box .inner-box .col-lg-4:nth-child(1)::after,
.wcs-section.with-border .inner-box .inner-box .col-lg-4:nth-child(2)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, #CAD6EB00, #CAD6EB55);
    display: block;
}
.wcs-section.with-border .inner-box .inner-box .col-lg-4:nth-child(4)::after,
.wcs-section.with-border .inner-box .inner-box .col-lg-4:nth-child(5)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, #CAD6EB55, #CAD6EB00);
    display: block;
}
.wcs-section.with-border .inner-box .inner-box .col-lg-4:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #CAD6EB55, #CAD6EB55);
    display: block;
}
.wcs-section.with-border .inner-box .inner-box .col-lg-4:nth-child(1)::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #CAD6EB55, #CAD6EB00);
    display: block;
}
.wcs-section.with-border .inner-box .inner-box .col-lg-4:nth-child(3)::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #CAD6EB00, #CAD6EB55);
    display: block;
}

.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;
}

.icon.server {
    background: url( "../assets/icons/dedicate.svg" ) no-repeat center center;
    background-size: contain;
}
.icon.wind {
    background: url( "../assets/icons/azure-wind.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;
    display: flex;
    justify-content: center;
    align-items: 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;
}
.vps-services .item{
    background-color: #ffffff;
    border-radius: 24px;
    padding: 46px 34px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none;
    gap: 30px;
    height: 100%;
}

.vps-services .button{
    gap: 14px;
    background: #F79009;
    color: #fff;
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    font-family: "yekan-bakh", sans-serif;
    display: flex;
    font-weight: 500;
}
.vps-services .button .icon.left-arrow{
    display: inline-block;
    width: 16px;
    height: 16px;
    transform: scale(1.1);
    margin-left: 0;
}
.vps-services.ssl-edition .title-box{
    width: 100%;
    background-color: #eef2f9;
    border-radius: 16px;
    height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vps-services.ssl-edition .title-box > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-top: 6px;
}
.vps-services.ssl-edition .item{
    padding: 34px !important;
    gap: 40px;
}
.wcs-section.reseller.vps-services.ssl-edition .inner-box .item:nth-child(-n+2){
    border-left: none;
}
.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', 'yekan-bakh', 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', 'yekan-bakh', 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;
    max-width: 384px;
}

#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;
}

.pars-host-table-price-box {
    padding-top: 40px;
}

#domains-table_wrapper {
    max-height: 600px;
    overflow: hidden;
}

.pars-host-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 0 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-hns #domains-table_filter label{
    display: flex;
    justify-content: left;
    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;
    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", 'yekan-bakh', 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;
}

.pars-host-table-price-box {
    padding-top: 40px;
}

#nDomains-table_wrapper {
    overflow: visible;
}

.pars-host-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;
}


.icon.copy {
    background: url( "../assets/icons/file.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: 720px;
    height: auto;
    min-height: 340px;
    position: relative;
}

.cart-box-wrapper .cart-box .e-cart::before {
    content: '';
    display: block;
    position: absolute;
    width: 287px;
    height: 162px;
    background: url("https://pars.host/wp-content/uploads/2025/01/Vector2.png") no-repeat;
    border-radius: 24px;
    top: 4px;
    right: 4px;
    z-index: 0;
}

.cart-box-wrapper .cart-box .e-cart::after {
    content: '';
    display: block;
    position: absolute;
    width: 287px;
    height: 162px;
    background: url("https://pars.host/wp-content/uploads/2025/01/Vector1.png") no-repeat;
    border-radius: 24px;
    bottom: 4px;
    left: 4px;
    z-index: 0;
}

.cart-box-wrapper .cart-box .e-cart .cart-content {
    position: relative;
    z-index: 1;
}

.cart-box-wrapper .cart-box .e-cart .cart-content .number-item {
    border-bottom: solid 1px #F2F4F7;
}

.cart-box-wrapper .cart-box .e-cart .logo-box {
    margin-bottom: 16px;
}

.cart-box-wrapper .cart-box .e-cart .title {
    color: #7695CD;
    text-align: right;
    font-size: 15px;
    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;
}

.copy-btn span.copied {
    display: none;
}

.copy-btn .icon.copy {
    width: 24px;
    height: 24px;
    margin-top: 4px !important;
    cursor: pointer;
}

.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 */

.pars-host-special-page-section {

}

#pars-host-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 .owl-stage > *:nth-child(4) {
    width: 500px;
}
.features.collaps .owl-stage .owl-item{
    transition: all 0.2s ease-in-out;
}
.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: 65%;
    height: 65%;
}
.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;
    min-width: 240px;
}

.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");
}


.nDomain-table .tr .th:nth-child(1) {
    width: 10%;
}
.nDomain-table .tr .th:nth-child(2) {
    width: 22%;
}
.nDomain-table .tr .th:nth-child(3) {
    width: 11%;
}
.nDomain-table .tr .th:nth-child(4) {
    width: 11%;
}
.nDomain-table .tr .th:nth-child(5) {
    width: 11%;
}
.nDomain-table .tr .th:nth-child(6) {
    width: 22%;
}
.nDomain-table .tr .th:nth-child(7) {
    width: 16%;
}

.nDomain-table .tr .th:nth-child(2) span {
    position: relative;
    width: 55px;
    display: flex;
    align-items: center;
}
.nDomain-table .tr .th:nth-child(3),
.nDomain-table .tr .th:nth-child(4),
.nDomain-table .tr .th:nth-child(5) {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}
.nDomain-table .tr .th:nth-child(3) div,
.nDomain-table .tr .th:nth-child(4) div,
.nDomain-table .tr .th:nth-child(5) div {
    display: flex;
    flex-direction: column;
}
.nDomain-table .tr .th:nth-child(3) .txt,
.nDomain-table .tr .th:nth-child(4) .txt,
.nDomain-table .tr .th:nth-child(5) .txt {
    color: #3c5788;
    font-weight: 600;
}
.nDomain-table .tr .th:nth-child(3) .year,
.nDomain-table .tr .th:nth-child(4) .year,
.nDomain-table .tr .th:nth-child(5) .year {
    color: #8ca6d5;
    font-size: 11px;
}
.nDomain-table .tr .th:nth-child(2) span::after,
.nDomain-table .tr .th:nth-child(3)::after,
.nDomain-table .tr .th:nth-child(4)::after,
.nDomain-table .tr .th:nth-child(5)::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L4 1L7 4' stroke='%233C5788' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9L4 12L7 9' stroke='%23B0C2E2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); /* Replace with your arrow icon image */
    background-repeat: no-repeat;
    margin-left: 5px;
    background-size: 8px;
    position: absolute;
    left: -2px;
}

.nDomain-table .tr .th.active::after {
    transform: rotate( 180deg );
}
/* change */
.nDomain-table .tr .th {
    font-size: 14px;
}
.nDomain-table .tr .th.sorting {
    align-items: center;
}
.nDomain-table .price-mobile {
    width: 33%;
}
.nDomain-table .accordion-btns .accordion {
    width: 57% !important;
}
.nDomain-table .status-name {
    /* padding-bottom: 10px; */
}
.nDomain-filters #domains-table_filter .form-control {
    background-color: #f2f4f7;
    border: 0;
}
.nDomain-table .first-child.td::after{
    display: none !important;
}
.nDomain-table .btn-accordion .icon{
    margin-left: 2px;
}
.nDomain-table .accordion-item .icons{
    padding: 15px;
    border-radius: 12px;
}

/* nMegamenu */

@keyframes hideMegaMenu {
    0% {
        display: flex;
        transform: perspective(80px) rotateX(0deg) translateY(0px);
        opacity: 1;
    }
    100% {
        display: none;
        transform: perspective(80px) rotateX(-1deg) translateY(20px);
        opacity: 0;
    }
}
@keyframes showMegaMenu {
    0% {
        transform: perspective(80px) rotateX(-1deg) translateY(20px);
        display: none;
        opacity: 0;
    }
    100% {
        display: flex;
        transform: perspective(80px) rotateX(0deg) translateY(0px);
        opacity: 1;
    }
}

.nMegamenu-content {
    background-color: #ffffff;
    position: absolute;
    top: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    display: none;
    animation: hideMegaMenu 0.3s forwards;
}

.menu-col-12 .nMegamenu-content,
.menu-col-21 .nMegamenu-content {
    top: 100%;
    right: 6%;
    right: 0%;
}

.menu-col-12 .nMegamenu-content.active,
.menu-col-21 .nMegamenu-content.active,
.menu-col-11 .nMegamenu-content.active,
.menu-col-111 .nMegamenu-content.active {
    display: flex;
}
.menu-col-12,
.menu-col-21 {
    position: initial !important;
}
.menu-col-11 .nMegamenu-content .nMegamenu-cols .nMegamenu-col-1:nth-child(1) > .items .item {
    padding: 0 30px 0 0 !important;
}
.menu-col-111 .nMegamenu-content .nMegamenu-cols .nMegamenu-col-1:nth-child(1) > .items .item {
    padding: 0 30px 0 0 !important;
}
.menu-col-111 .nMegamenu-content .nMegamenu-cols .nMegamenu-col-1:nth-child(2) > .items .item {
    padding: 0 30px 0 0 !important;
}
/* spacing that disrupts the hover menu on the desktop ( */
.nHeader .main-header .main-menu {
    position: relative;
    height: 56px;
}
.nHeader.nHeaderFixed .main-header .main-menu {
    height: 45px;
}
/* ) warning */
.nMegamenu-content .nMegamenu-cols-2,
.menu-col-12 .nMegamenu-content .nMegamenu-cols,
.menu-col-21 .nMegamenu-content .nMegamenu-cols,
.menu-col-11 .nMegamenu-content .nMegamenu-cols,
.menu-col-111 .nMegamenu-content .nMegamenu-cols {
    display: flex;
}
.nMegamenu-content .nMegamenu-col-1 {
    display: flex;
    width: 400px;
    flex-direction: column;
}
.nMegamenu-content .nMegamenu-col-2 {
    display: flex;
    width: 800px;
    flex-direction: column;
}
.nMegamenu-content .title {
    background-color: #f9fafb;
    height: 64px;
    width: 100%;
    padding-right: 30px;
    display: flex;
    align-items: center;
}
.nMegamenu-content .title a:hover {
    filter: brightness(0.8);
    transition: all 0.2s ease;
}
.menu-col-3-21 .nMegamenu-col-1 .title {
    padding-right: 0;
}
.nMegamenu-content .title span {
    font-weight: 800;
    color: #7695cd;
    font-size: 15px;
}
.nMegamenu-content .items {
    background-color: #ffffff;
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.nMegamenu-content .nMegamenu-col-2 .items {
    background-color: #ffffff;
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 30px 0 30px;
    flex-direction: column;
    height: 392px;
    /*height: 425px;*/
    align-items: stretch;
    column-gap: 30px;
}
.main-header .main-menu > li {
    margin-left: 20px;
}
.main-header .main-menu > li > a > span.arrow,
.main-header .main-menu > li > span > span.arrow{
    margin-right: 10px;
}
.nMegamenu-content .nMegamenu-col-1 .items .item {
    padding: 0 30px 0 30px;
    width: 100%;
}
.menu-col-12 .nMegamenu-col-1 .items .item {
    padding: 0 30px 0 0;
    width: 100%;
}
.menu-col-21 .nMegamenu-col-1 .items .item {
    padding: 0 0 0 30px;
    width: 100%;
}
.nMegamenu-content .nMegamenu-col-2 .items .item {
    width: 48%;
    min-width: 48%;
}
.nMegamenu-content .items .item .item-inner {
    display: flex;
    gap: 16px;
    padding-top: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #eef2f9;
}
.nMegamenu-content .items .item:last-child .item-inner {
    border-bottom: 0;
}
/* .nMegamenu-content .items .item-inner .item-icon{
transform: scale(1);
transition: 0.4s;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon{
transform: scale(1.05);
transition: 0.4s;
} */

.nHeader .mega-menu .nMegamenu-content .icon {
    width: 23px;
    height: 23px;
    background-size: contain !important;
    transition: 0.2s;
}
.nHeader .icon.nMenu-lines {
    background: url(../assets/icons/nMenu-lines.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-db-server-cloud {
    background: url(../assets/icons/mMenu-db-server-cloud.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-user-group {
    background: url(../assets/icons/mMenu-user-group.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-server {
    background: url(../assets/icons/mMenu-server.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-db-server {
    background: url(../assets/icons/mMenu-db-server.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-cloud-server {
    background: url(../assets/icons/mMenu-cloud-server.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-domain {
    background: url(../assets/icons/mMenu-domain.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-domain-re {
    background: url(../assets/icons/mMenu-domain-re.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-domain-su {
    background: url(../assets/icons/mMenu-domain-su.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-domain-tr {
    background: url(../assets/icons/mMenu-domain-tr.svg) no-repeat center center;
    margin: 0 !important;
}

.nHeader .icon.mMenu-domain-backorder {
    background: url(../assets/icons/backorder-icon.svg) no-repeat center center;
    margin: 0 !important;
}

.nHeader .icon.mMenu-hns-domain {
    background: url(../assets/icons/mMenu-hns-domain.svg) no-repeat center center;
    margin: 0 !important;
}

.nHeader .icon.mMenu-backup {
    background: url(../assets/icons/mMenu-backup.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-download {
    background: url(../assets/icons/mMenu-download.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-linux {
    background: url(../assets/icons/mMenu-linux.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-linux-cloud {
    background: url(../assets/icons/mMenu-linux-cloud.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-linux-pro {
    background: url(../assets/icons/mMenu-linux-pro.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-traffic {
    background: url(../assets/icons/mMenu-traffic.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-win {
    background: url(../assets/icons/mMenu-win.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-win-cloud {
    background: url(../assets/icons/mMenu-win-cloud.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-win-pro {
    background: url(../assets/icons/mMenu-win-pro.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-wp {
    background: url(../assets/icons/mMenu-wp.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-wp-cloud {
    background: url(../assets/icons/mMenu-wp-cloud.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-woo {
    background: url(../assets/icons/mMenu-woo.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-cloud {
    background: url(../assets/icons/mMenu-cloud.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-cloud-win {
    background: url(../assets/icons/mMenu-cloud-win.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-reseller-win-new {
    background: url(../assets/icons/mMenu-reseller-win-new.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-reseller-linux-new {
    background: url(../assets/icons/mMenu-reseller-linux-new.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-docker {
    background: url(../assets/icons/mMenu-docker.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-kubernetes {
    background: url(../assets/icons/mMenu-kubernetes.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-mikrotik {
    background: url(../assets/icons/mMenu-mikrotik.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-n8n {
    background: url(../assets/icons/mMenu-n8n.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-nodejs {
    background: url(../assets/icons/mMenu-nodejs.svg) no-repeat center center;
    margin: 0 !important;
}
.nHeader .item-icon.green .icon {
    filter: brightness(1.7) sepia(100%) saturate(900%) hue-rotate(117deg);
}
.nHeader .item-icon.blue .icon {
    filter: brightness(1.7) sepia(100%) saturate(900%) hue-rotate(165deg);
}
.nHeader .item-icon.red .icon {
    filter: brightness(1.4) sepia(100%) saturate(500%) hue-rotate(-33deg);
}
.nHeader .item-icon.purple .icon {
    filter: brightness(1) sepia(100%) saturate(500%) hue-rotate(233deg);
}
.nHeader .item-icon.orange .icon {
    filter: brightness(1.8) sepia(100%) saturate(900%) hue-rotate(0deg);
}
.nHeader .item-icon.cyan .icon {
    filter: brightness(1.5) sepia(100%) saturate(100%) hue-rotate(200deg);
}
.nHeader .item-icon.teal .icon {
    filter: brightness(1.4) sepia(100%) saturate(60%) hue-rotate(130deg);
}
.nHeader .item-icon.solidgreen .icon {
    filter: brightness(1.6) sepia(100%) saturate(800%) hue-rotate(50deg);
}
.nHeader .item-icon.olive .icon {
    filter: brightness(1.2) sepia(100%) saturate(500%) hue-rotate(30deg);
}
.nHeader .item-icon.bluepurple .icon {
    filter: brightness(1.3) sepia(100%) saturate(500%) hue-rotate(180deg);
}

/* hovers */
.nMegamenu-content .items .item:hover > .item-inner .item-icon.green {
    background: #12b76a;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.blue {
    background: #00b7ec;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.purple {
    background: #383490;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.red {
    background: #f04438;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.cyan {
    background: #52787b;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.teal {
    background: #52787b;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.orange {
    background: #f79009;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.solidgreen {
    background: #689f63;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.olive {
    background: #919f65;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.bluepurple {
    background: #3d75e8;
    transition: 0.2s;
    color: #ffffff;
}
.nMegamenu-content .items .item:hover > .item-inner .item-icon.green .icon,
.nMegamenu-content .items .item:hover > .item-inner .item-icon.blue .icon,
.nMegamenu-content .items .item:hover > .item-inner .item-icon.purple .icon,
.nMegamenu-content .items .item:hover > .item-inner .item-icon.red .icon,
.nMegamenu-content .items .item:hover > .item-inner .item-icon.cyan .icon,
.nMegamenu-content .items .item:hover > .item-inner .item-icon.teal .icon,
.nMegamenu-content .items .item:hover > .item-inner .item-icon.solidgreen .icon,
.nMegamenu-content .items .item:hover > .item-inner .item-icon.olive .icon,
.nMegamenu-content .items .item:hover > .item-inner .item-icon.bluepurple .icon,
.nMegamenu-content .items .item:hover > .item-inner .item-icon.orange .icon {
    filter: brightness(5) sepia(100%) saturate(0%) hue-rotate(0deg);
}

.nMegamenu-content .items .item-icon {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background-color: #00b7ec;
    margin: 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
}
.nMegamenu-content .items .item-icon.badged {
    position: relative;
}

.nMegamenu-content .items .item-icon.badged::after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #004d63;
    position: absolute;
    right: -2px;
    top: -2px;
    border-radius: 4px;
    overflow: hidden;
}
.nMegamenu-content .items .item-icon.badged.ir::after {
    background: url(../assets/icons/miniflag-ir.svg) no-repeat center center;
}
.nMegamenu-content .items .item-icon.badged.ge::after {
    background: url(../assets/icons/miniflag-ge.svg) no-repeat center center;
}
.nMegamenu-content .items .item-icon.badged.uk::after {
    background: url(../assets/icons/miniflag-uk.svg) no-repeat center center;
}
.nMegamenu-content .items .item-icon.badged.fr::after {
    background: url(../assets/icons/miniflag-fr.svg) no-repeat center center;
}
.nMegamenu-content .items .item-icon.badged.ca::after {
    background: url(../assets/icons/miniflag-ca.svg) no-repeat center center;
}
.nMegamenu-content .items .item-icon.orange {
    background: linear-gradient(30deg, rgba(254, 240, 199, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #f79009;
}
.nMegamenu-content .items .item-icon.blue {
    background: linear-gradient(30deg, rgba(176, 233, 249, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #00b7ec;
}
.nMegamenu-content .items .item-icon.green {
    background: linear-gradient(30deg, rgba(176, 249, 188, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #12b76a;
}
.nMegamenu-content .items .item-icon.solidgreen {
    background: linear-gradient(30deg, rgba(189, 227, 185, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #689f63;
}
.nMegamenu-content .items .item-icon.olive {
    background: linear-gradient(30deg, rgba(195, 206, 162, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #919f65;
}
.nMegamenu-content .items .item-icon.red {
    background: linear-gradient(30deg, rgba(249, 176, 176, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #f04438;
}
.nMegamenu-content .items .item-icon.purple {
    background: linear-gradient(30deg, rgba(232, 209, 254, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #383490;
}
.nMegamenu-content .items .item-icon.bluepurple {
    background: linear-gradient(30deg, rgba(185, 208, 255, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #3d75e8;
}
.nMegamenu-content .items .item-icon.cyan {
    background: linear-gradient(30deg, rgba(199, 226, 228, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #52787b;
}
.nMegamenu-content .items .item-icon.teal {
    background: linear-gradient(30deg, rgba(199, 226, 228, 0.8) 0%, rgba(255, 255, 255, 0) 80%);
    color: #52787b;
}

.nHeader .topbar .topbar-menu > ul > li > a > .nHeader-home {
    display: block;
    width: 19px;
    height: 27px;
    background: url(../assets/icons/nHeader-home.svg) no-repeat center;
}
.nHeader .topbar .notification-bar .notification .nHeader-announcement {
    display: block;
    width: 19px;
    height: 27px;
    background: url(../assets/icons/nHeader-announcement.svg) no-repeat center;
}
.nHeader .topbar .notification-bar .call .nHeader-call24 {
    display: block;
    width: 19px;
    height: 27px;
    background: url(../assets/icons/nHeader-call24.svg) no-repeat center;
}
.nHeader .main-header .action-button .nHeader-user {
    margin-right: 0;
    margin-left: 6px;
    background: url(../assets/icons/nHeader-user.svg) no-repeat center;
}

.nHeader .main-header .action-button .nHeader-mail {
    background: url(../assets/icons/nHeader-mail.svg) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-cloud {
    background: url(../assets/icons/nHeader-cloud.svg) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-host {
    background: url(../assets/icons/nHeader-host.svg) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-server {
    background: url(../assets/icons/nHeader-server.svg) no-repeat center;
}
.nHeader .main-header .mega-menu .mMenu-square {
    background: url(../assets/icons/mMenu-square.svg) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-ssl {
    background: url(../assets/icons/nHeader-ssl.svg) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-sitebuilder {
    background: url(../assets/icons/nHeader-sitebuilder.svg) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-wp {
    background: url(../assets/icons/nHeader-wp.svg) no-repeat center;
}
.nMegamenu-content .items .item-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.nMegamenu-content .items .item-text .txt-first {
    font-size: 15px;
    font-weight: 800;
    color: #2e436a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    direction: ltr;
    text-align: right;
}
.nMegamenu-content .items .item-text .txt-second {
    font-size: 12px;
    font-weight: 500;
    color: #98a2b3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.menu-col-11.right-aligned .nMegamenu-content {
    top: 100%;
    right: 0%;
}
.menu-col-111.right-aligned .nMegamenu-content {
    top: 100%;
    right: 0%;
}
.menu-col-11.center-aligned .nMegamenu-content {
    top: 100%;
    right: 30%;
}
.menu-col-2.center-aligned .nMegamenu-content {
    top: 100%;
    right: 30%;
}
.menu-col-11.right-aligned,
.menu-col-11.center-aligned,
.menu-col-111.right-aligned,
.menu-col-2.center-aligned{
    position: initial !important;
}
#mobile-nav-toggler-hide {
    display: none;
}
/* nMegamenu new1 */
.nHeader .main-header-container .main-header {
    padding: 42px 0 24px 0;
}
.nHeader .main-header-container .main-header::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    background: #eef2f9;
    width: 100%;
    height: 1.3px;
}
.nHeader .main-header .action-button .clientarea::after {
    content: "";
    display: block;
    background: #28256655;
    opacity: 0.2;
    filter: blur(4px);
    border-radius: 12px;
    position: absolute;
    top: 5px;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: -1;
}

.nHeader .main-header .action-button .ticket.button.solid.yellow {
    background: #f79009;
}
.nHeader .main-header .action-button .clientarea.button.solid.violet {
    background: #282566;
}
.nHeader .main-header .action-button .clientarea,
.nHeader .main-header .action-button .ticket {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}
.nHeader .topbar-container .notification-bar .notification .flex-row-reverse > .title {
    display: none;
}
.nHeader .topbar-container .notification-bar .notification .flex-row-reverse > .announcement-wrapper .announcement-box .announcement {
    font-weight: 500;
}
.nHeader .topbar-container .notification-bar .notification .flex-row-reverse > .announcement-wrapper {
    padding: 2px 20px;
}
.nMegamenu-content .items .item-text .txt-first {
    font-weight: 700;
}
.nMegamenu-content .items .item-text .txt-first .en-part{
    margin-right: -8px;
    font-weight: 500;
}
.nMegamenu-content .title span {
    font-weight: 600;
}
.nMegamenu-content .items .item-text .txt-second {
    font-size: 11px;
    font-weight: 300;
    max-width: 274px;
    /*270*/
}
.nHeader .topbar .topbar-menu > ul {
    padding: 10px 0 0 0;
}
.z-index-999 {
    z-index: 999;
}

.mb-4 {
    margin-bottom: 24px;
}

.page-header-video .container::before {
    content: " ";
    width: 92%;
    height: 40px;
    background-color: #1f1d4f;
    position: absolute;
    top: -6px;
    margin-right: 3%;
    border-radius: 20px;
    opacity: .15
}

.page-header-video .parent-video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    /*width: 840px;*/
    width: 713px;
    overflow: hidden
}

.page-header-video .header-video {
    height: 100%;
    width: auto
}

.page-header-video .header-video-over {
    background: linear-gradient(270deg, rgba(32, 33, 83, 0) 0%, rgba(32, 33, 83, 1) 5%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    /*width: 886px;*/
    width: 755px;
}

.page-header-video .mr-2 {
    margin-right: 6px;
    margin-left: 0 !important
}

.page-header-video .larr {
    transform: rotate(180deg)
}

.page-header-video .breadcrumb-box {
    position: relative;
    z-index: 4;
    background: #1F1D4F;
}

.features.domain-features .feature {
    border-radius: 18px;
    background: 0 0;
    text-align: center;
    padding: 36px 36px 26px;
    margin-right: 12px;
    max-height: 300px;
    min-height: 300px
}

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

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

.features.domain-features .feature .desc {
    color: #667085;
    text-align: justify;
    font-family: yekan-bakh, sans-serif;
    font-size: 12px;
    margin-top: 12px;
    font-weight: 300;
    line-height: 22px
}

.features.domain-features .feature .icon {
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background-color: #3c5788;
    max-width: 100%;
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
}

.features.domain-features .feature .icon > img {
    width: 30px;
    height: 30px
}

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

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

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

.unusual-period {
    font-size: 10px;
    font-weight: 300;
    color: #344054;
    font-family: yekan-bakh, sans-serif;
    line-height: 12px;
    margin: 4px 0 0;
    text-align: center;
    transition: .2s
}

.buy-steps .heading {
    margin-bottom: 50px
}

.buy-steps .head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.buy-steps .step {
    padding: 30px;
    height: 100%;
    padding-bottom: 20px
}

.buy-steps .title {
    margin-bottom: 20px
}

.buy-steps .desc {
    opacity: 60%;
    text-align: justify
}

.buy-steps .container {
    position: relative
}

.buy-steps .container::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -210px;
    display: block;
    width: 630px;
    height: 200px;
    background: url(../assets/images/bg-dots.svg) no-repeat center center;
    z-index: -1
}

.heading > .noball::before {
    display: none
}

/* @@ hns */

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

.page-header-hns .domain-searchbox {
    width: 600px;
    margin: auto;
    margin-top: 45px;
    margin-bottom: 45px;
}

.page-header-hns .domain-searchbox-btn {
    display: none;
}

.page-header-hns .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: 275px;
    top: 0px;
    z-index: 0;
}

.page-header-hns .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: 400;
    border: none;
    box-shadow: none;
    line-height: 30px;
    padding-left: 40px;
}

.page-header-hns .who-is-box {
    padding: 20px;
    margin-top: 70px;
}
.page-header-hns .container::before {
    content: " ";
    width: 92%;
    height: 40px;
    background-color: #1f1d4f;
    position: absolute;
    top: -6px;
    margin-right: 3%;
    border-radius: 20px;
    opacity: 0.15;
}

.page-header-hns .mb-8 {
    margin-bottom: 8px;
}

.page-header-hns .ml-5 {
    margin-left: 5px;
}

.page-header-hns .mr-5 {
    margin-right: 5px;
}

.page-header-hns .header-domain-list {
    display: none;
}

.page-header-hns .head-info {
    padding: 0 16px;
}

.hns-approach-section {
    margin-top: 80px;
}
.hns-approach-section .hns-approach-right {
    color: #667085;
    line-height: 28px;
    text-align: justify;
    font-size: 14px;
    padding-left: 50px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hns-approach-section .hns-approach-left {
    background-color: #f2f4f7;
    min-height: 220px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    color: #3c5788;
}

.hns-approach-section .container > .row {
    padding: 0 100px;
}

.hns-approach-section .hr-line {
    background-color: #eaecf0;
    width: 100%;
    height: 1px;
}
.hnsheader-search #whois-single-btn {
    border-radius: 16px;
    background: #F79009 url(../assets/icons/search.svg) no-repeat 10px center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border: none;
    box-shadow: none;
    line-height: 30px;
    padding-left: 42px;
    height: 54px;
}
.hnsheader-search .d-flex {
    gap: 20px;
}
.hnsheader-search #whois{
    height: 54px;
    border: 1px solid #EAECF0;
    font-family: 'yekan-bakh';
    font-size: 12px;
    border-radius: 16px;
    font-weight: 300;
}
.hnsheader-search #whois::placeholder {
    opacity: 1;
    color: #98A2B3;
}
.hnsheader-search .flex-grow-1{
    width: 100%;
}
/* @@ hns new */

.search-hns-section {
    margin: 0;
}
.search-hns {
    width: 600px;
    height: 150px;
    background-color: #282566;
    margin: auto;
    border-radius: 24px 24px 0 0;
    padding: 14px 30px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.search-hns-title {
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    font-family: "yekan-bakh";
}
.search-hns-btn {
    border-radius: 12px;
    background: #f79009 url(../assets/icons/search.svg) no-repeat 16px center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border: none;
    box-shadow: none;
    line-height: 30px;
    padding-left: 40px;
    width: 54px;
    background-size: 22px;
    height: 54px;
}
.search-hns-input {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    color: #a3a2cc;
    padding: 16px;
    width: 100%;
    border-radius: 16px;
    border: 2px solid #eaecf0;
    background: #fff;
    font-family: "yekan-bakh";
}
.search-hns-col {
    display: flex;
    gap: 20px;
}
.hns-domain-table .accordion-btns .icons div {
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: 100% 100%;
}
.hns-domain-table .tr .th:nth-child(1) {
    width: 26%;
    padding-right: 40px;
    justify-content: right;
}
.hns-domain-table .tr .th:nth-child(2) {
    width: 15%;
}
.hns-domain-table .tr .th:nth-child(3) {
    width: 15%;
}
.hns-domain-table .tr .th:nth-child(4) {
    width: 27%;
}
.hns-domain-table .tr .th:nth-child(5) {
    width: 20%;
}
.hns-domain-table .tr .th:nth-child(2) span {
    position: relative;
    width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hns-domain-table .tr .th:nth-child(2),
.hns-domain-table .tr .th:nth-child(3) {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}
.hns-domain-table .tr .th:nth-child(2) div,
.hns-domain-table .tr .th:nth-child(3) div {
    display: flex;
    flex-direction: column;
}
.hns-domain-table .tr .th:nth-child(2) .txt,
.hns-domain-table .tr .th:nth-child(3) .txt {
    color: #3c5788;
    font-weight: 600;
}
.hns-domain-table .tr .th:nth-child(2) .year,
.hns-domain-table .tr .th:nth-child(3) .year {
    color: #8ca6d5;
    font-size: 11px;
}
.hns-domain-table .tr .th:nth-child(2) span::after,
.hns-domain-table .tr .th:nth-child(3)::after,
.hns-domain-table .tr .th:nth-child(4)::after,
.hns-domain-table .tr .th:nth-child(5)::after {
    content: "";
    width: 16px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L4 1L7 4' stroke='%233C5788' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9L4 12L7 9' stroke='%23B0C2E2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); /* Replace with your arrow icon image */
    background-repeat: no-repeat;
    margin-left: 5px;
    background-size: 8px;
    position: absolute;
    left: -2px;
    justify-content: center;
    display: none;
}
.hns-domain-table .status-name .td.first-child {
    width: 0% !important;
}
.hns-domain-table .status-name {
    width: 26%;
}
.hns-domain-table .price-mobile {
    width: 28%;
}
.hns-domain-table .accordion-btns {
    width: 48%;
}
.hns-domain-table .status-name .td {
    width: 100%;
}
.hns-domain-table .price-mobile .values {
    justify-content: space-around;
}
.hns-domain-table .td-divider {
    display: block;
    background: #99999922;
    height: 24px;
    width: 1px;
    margin-top: 15px;
    z-index: 11;
}
.hns-domain-table .tr .td:not(:last-child)::after {
    display: none;
    position: absolute;
    left: 0;
    background: #99999922;
    height: 24px;
    width: 1px;
    top: 60%;
    margin-top: -20px;
    z-index: 11;
}
.hns-domain-table .accordion-btns .last-child {
    width: 38% !important;
}
.hns-domain-table .accordion-btns .accordion {
    width: 62% !important;
}
.hns-domain-table .accordion-item .icons {
    justify-content: space-evenly;
}
.hns-domain-table .status-name .td {
    justify-content: right;
}
.hns-wcs-section {
    background-color: #ffffff;
    margin: 0;
    padding: 72px 0;
    z-index: -1;
    position: relative;
}
.hns-wcs-section .inner-box .inner-box {
    margin-top: 60px;
}
.hns-domain-table.nDomain-table .status-name{
    padding-bottom: 0;
}
.wcs-section-hns .icon-box .icon{
    z-index: 1;
    position: relative;
}
.wcs-section-hns .icon-box .circle{
    z-index: 0 !important;
}
.whyhns .heading > h2::before{
    content: '';
    display: block;
    position: absolute;
    right: -12px;
    top: -4px;
    background: #fec84b;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    z-index: -1;
}
.whyhns .action .icon{
    margin: 0;
}
.page-header-hns .breadcrumb-box{
    background: #1f1d4f66;
}
    /* @@cloudy-services */
.cloudy-services {
    overflow: hidden;
}

.cloudy-services .inner-box.ssl-product.cloud-product {
    /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);*/
    box-shadow: none;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 80px 56px 20px 0px;
    background: rgba(138, 222, 246, 0.2);
    border-radius: 24px;
    border: none;
}
.cloudy-services .heading > h2 {
    position: relative;
    color: #00a7d7;
    display: inline-block;
}
.cloudy-services .heading > h2::before {
    top: 2px;
}
.cloudy-services .action .button {
    background: #f79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
}

.cloudy-services .action .button .icon.left-arrow {
    margin-left: 2px;
    margin-right: 5px;
}

.cloudy-services .top-row {
    margin-bottom: 60px;
}
.cloudy-services .step {
    padding-right: 14px;
    padding-left: 14px;
}
.cloudy-services .step .title {
    margin: 10px 0 25px 0;
    font-size: 16px;
}
.cloudy-services .step .desc {
    text-align: justify;
    font-size: 13px;
    font-weight: 500;
    font-family: "iransans";
    line-height: 22px;
    opacity: 60%;
}
.cloudy-services .part-text p {
    font-size: 16px;
    color: #0082a8;
    font-weight: 500;
}
.cloudy-services .part-text h3 {
    text-align: right;
}
.cloudy-services .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;
    top: 15%;
    z-index: -1;
    animation: moveOnX-5px linear 2s infinite;
}
.cloudy-services .cloud-product-wrapper .cload-2 {
    width: 400px;
    height: 250px;
    background: url(../assets/images/cload-cyan-1.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: -200px;
    bottom: 25%;
    top: auto;
    z-index: -1;
    animation: moveOnX-5px linear 3s infinite;
}

.cloudy-services .products-desktop {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.cloudy-services .products-desktop .product {
    box-shadow: 0px 12px 6px 0px #b0e9f91a;
    background: #ffffff;
    width: 82%;
    height: 90px;
    border-radius: 24px;
    margin: auto;
    display: flex;
    padding: 0 20px 0 20px;
    justify-content: space-between;
    transition: 0.3s;
}

.cloudy-services .products-mobile .product .right .icon {
    margin: 0;
    width: 60px !important;
}
.cloudy-services .products-mobile .item {
    padding-top: 14px;
}

.cloudy-services .products-desktop .product.popular {
    box-shadow: 0px 12px 6px 0px #b0e9f91a;
    background: #fdb022;
    width: 88%;
    height: 90px;
    border-radius: 24px;
    margin: auto;
    display: flex;
    padding: 0 20px 0 20px;
    justify-content: space-between;
    position: relative;
    transition: 0.3s;
}
.cloudy-services .products-mobile .product {
    width: 260px;
    min-height: 270px;
    position: relative;
    padding-bottom: 35px;
    padding-top: 35px;
    height: auto;
}
.cloudy-services .products-mobile .product.popular {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 260px;
    min-height: 270px;
    position: relative;
    padding-bottom: 35px;
    padding-top: 35px;
    height: auto;
}
.cloudy-services .products-mobile .product .right {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.cloudy-services .products-mobile .product {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.cloudy-services .products-desktop .product.popular::before {
    content: "";
    display: block;
    background-color: #fdb022;
    width: 94%;
    height: 80px;
    position: absolute;
    bottom: -7px;
    right: 3%;
    opacity: 0.2;
    border-radius: 20px;
    z-index: -1;
}
.cloudy-services .products-desktop .product.popular .popularbadge {
    background-color: #d92d20;
    padding: 8px 10px;
    height: fit-content;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 20px 20px 20px 0;
    position: absolute;
    right: -32px;
    top: -12px;
}
.cloudy-services .products-desktop .product .right {
    display: flex;
    align-items: center;
}
.cloudy-services .products-desktop .product .right .icon {
    height: 35px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cloudy-services .products-desktop .product .right .title {
    font-weight: 700;
    font-size: 20px;
}
.cloudy-services .products-desktop .product .left {
    display: flex;
    align-items: center;
}
.cloudy-services .products-desktop .product.popular .left .start-at,
.cloudy-services .products-desktop .product.popular .left .price,
.cloudy-services .products-desktop .product.popular .left .toman,
.cloudy-services .products-desktop .product.popular .left .monthly,
.cloudy-services .products-desktop .product.popular .left .btn,
.cloudy-services .products-desktop .product.popular .right .title {
    color: #ffffff;
}

.cloudy-services .products-desktop .product .left .start-at {
    font-weight: 700;
    font-size: 12px;
    color: #000000;
}
.cloudy-services .products-mobile .product .left .start-at {
    font-size: 10px;
}
.cloudy-services .products-desktop .product .left .price {
    font-weight: 900;
    font-size: 40px;
    color: #344054;
    margin: 0 15px;
}
.cloudy-services .products-mobile .product .left .price {
    font-size: 34px;
}
.cloudy-services .products-desktop .product .left .toman {
    font-weight: 700;
    font-size: 12px;
    color: #344054;
}
.cloudy-services .products-mobile .product .left .toman {
    font-size: 10px;
}
.cloudy-services .products-desktop .product .left .monthly {
    font-weight: 400;
    font-size: 12px;
    color: #98a2b3;
}
.cloudy-services .products-mobile .product .left .monthly {
    font-size: 10px;
}
.cloudy-services .products-desktop .product .left .btn {
    background-color: #f79009;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    margin: 0 30px 0 10px;
    transition: 0.3s;
}
.cloudy-services .products-mobile .product .btn {
    background-color: #f79009;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    transition: 0.3s;
}

.cloudy-services .part-features {
    padding-left: 56px;
}

.cloudy-services .products-mobile .owl-dots,
.cloudy-services .features-mobile .owl-dots {
    display: block !important;
    min-height: 10px;
    position: relative;
    z-index: 1;
    bottom: 0;
    margin-top: 30px;
    text-align: center;
}
.cloudy-services .products-mobile .owl-dots .owl-dot.active,
.cloudy-services .features-mobile .owl-dots .owl-dot.active {
    width: 32px;
    background: #006582;
}
.cloudy-services .products-mobile .owl-dots .owl-dot,
.cloudy-services .features-mobile .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 0 12px;
    background: #ffffff;
    border-radius: 10px;
    text-align: center;
}
.cloudy-services .features-mobile .item .step .head img {
    width: 52px;
}

/* @@newBgHeader */
.newbgheader-slider .section-pagination .paginations .page-link,
.newBgHeader.nHeader.bg-azure-dark,
.newbgheader-slider.bg-azure-dark {
    background-color: #201e50;
}
.newbgheader-slider .sliders .slider .right .off-title span,
.newbgheader-slider .sliders .slider .right .main-title,
.newbgheader-slider .sliders .slider .right .list-item .text {
    filter: brightness(5) sepia(100%) saturate(0%) hue-rotate(0deg);
}
.bghalf-azure-dark {
    /* @@defaultSliderColor */
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(2, 122, 72, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(18, 68, 108, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(8, 47, 69, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(31, 20, 9, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(12, 29, 43, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(32, 30, 80, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(16, 24, 40, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(73, 23, 142, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(31, 29, 79, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(16, 23, 60, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(33, 60, 82, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(68, 113, 190, 1) 50%);*/
    background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(0, 37, 105, 1) 50%);
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(0, 0, 0, 1) 50%);*/
    /*background: linear-gradient(0deg, rgba(249, 250, 251, 1) 50%, rgba(26, 99, 130, 1) 50%);*/
}
.newBgHeader.nHeader.bg-azure-dark{
    /* @@defaultSliderColor */
    /*background-color: #49178e;*/
    /*background-color: #1f1d4f;*/
    /*background-color: #10173C;*/
    /*background-color: #213c52;*/
    /*background-color: #4471BE;*/
    background-color: #002569;
    /*background-color: #000000;*/
    /*background-color: #12446c;*/
    /*background-color: #082F45;*/
    /*background-color: #1F1409;*/
    /*background-color: #027A48;*/
    /*background-color: #0c1d2b;*/
    /*background-color: #1a6382;*/
}
.newBgHeader.nHeader .main-header .action-button a {
    padding: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
.newBgHeader.nHeader .main-header .action-button .clientarea {
    background-color: #ffffff !important;
}
.newBgHeader.nHeader .main-header .action-button .clientarea .mobile-hide,
.newBgHeader.nHeader .main-header .action-button .ticket .mobile-hide {
    display: none;
}
.newBgHeader.nHeader .main-header .action-button .nHeader-user {
    filter: invert(22%) sepia(32%) saturate(4172%) hue-rotate(219deg) brightness(24%) contrast(98%);
}
.newBgHeader.nHeader .main-header .action-button .nHeader-user,
.newBgHeader.nHeader .main-header .action-button .nHeader-mail {
    margin: auto;
}
.newBgHeader.nHeader .main-header .action-button div {
    display: flex;
}
.newBgHeader.nHeader .main-header-container .main-header::before {
    display: none;
}
.newBgHeader.nHeader .main-header-container .main-header::after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    background: #ffffff66;
    width: 100%;
    height: 1.3px;
    opacity: 0.2;
}
.newBgHeader.nHeader .main-header-container .main-header {
    padding: 14px 0 32px 0;
    align-items: baseline;
}
.newBgHeader.nHeader .main-header .action-button .clientarea::after,
.newBgHeader.nHeader .main-header .action-button .ticket::after {
    display: none;
}
.newBgHeader.nHeader .mobile-menu .hamb-menu {
    border-radius: 50px;
    background-color: #ffffff;
}
.newBgHeader.nHeader .mobile-menu .hamb-menu i {
    filter: invert(22%) sepia(32%) saturate(4172%) hue-rotate(219deg) brightness(24%) contrast(98%);
}

.newbgheader-slider .sliders .slider {
    display: flex;
    padding: 80px 0 30px 0;
}
.newbgheader-slider .sliders .slider .left {
    flex: 2;
    padding-right: 110px;
    display: flex;
    align-items: center;
}
.newbgheader-slider .sliders .slider .right {
    /*gap: 40px;*/
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
}
.newbgheader-slider .sliders .slider .right .off-title {
    display: flex;
    align-items: baseline;
    font-weight: bold;
    font-family: "iransans";
    margin-bottom: 24px;
}
.newbgheader-slider .sliders .slider .right .off-title .percent {
    border-radius: 50px;
    background-color: #f04438;
    /*padding: 2px 12px 2px 12px;*/
    padding: 3px 10px 0px 10px;
    /*padding: 4px 6px 2px 6px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 15px;
    color: #ffffff;
    /*font-family: "iransans";*/
    font-family: "yekan-bakh";
    font-size: 16px;
    /*font-size: 12px;*/
    font-weight: 500;
}
.newbgheader-slider .sliders .slider .right .off-title .percent.custom-color{
    /*background-color: #004D63;*/
    padding: 1px 12px 0px 12px;
    font-family: 'yekan-bakh';
    font-size: 16px;
    font-weight: 600;
}
.newbgheader-slider .sliders .slider .left .img-main {
    width: 600px;
}
.newbgheader-slider .sliders .slider .left .img-main img {
    height: 350px;
}
.newbgheader-slider .sliders .slider .right .main-title {
    font-size: 36px;
    margin-bottom: 32px;
}

.newbgheader-slider .sliders .slider .right .list-items {
    gap: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}
.newbgheader-slider .sliders .slider .right .list-items.tworow{
    flex-direction: row;
    gap: 60px;
}
.newbgheader-slider .sliders .slider .right .list-items.tworow > div{
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.newbgheader-slider .sliders .slider .right .list-item {
    display: flex;
    font-weight: 600;
}
.newbgheader-slider .sliders .slider .right .main-button {
    margin-top: 30px;
}
.newbgheader-slider .sliders .slider .right .main-button .button {
    background: #f79009;
    color: #fff;
    padding: 14px 20px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    font-weight: 600;
    line-height: 25px;
}
.newbgheader-slider .sliders .slider .right .main-button .button.greenbtn {
    background: #FF1C44;
    color: #ffffff;
    padding: 14px 20px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    font-weight: 600;
    line-height: 25px;
}
.newbgheader-slider .sliders .slider .right .main-button .button.greenbtn i{
    /*filter: invert(0) brightness(0) contrast(1000%);*/
}
.newbgheader-slider .sliders .slider .right .main-button .button i {
    margin: 0;
}
.newbgheader-slider .sliders .slider .right .main-button .button.countdown{
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #ffffff;*/
    /*color: #3C5788;*/
    background-color: #000000;
    color: #B5FF00;
    border: 1px solid #B5FF00;
    box-shadow: 0 0 10px 0 #B5FF0099;
    padding: 0 5px;
    flex-direction: row-reverse;
    line-height: 25px;
    font-family: "yekan-bakh", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    width: 150px;
}
/*.newbgheader-slider .sliders .slider .right .main-button .button.countdown > div{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    background-color: #ffffff;*/
/*    color: #3C5788;*/
/*    padding: 0 10px;*/
/*    flex-direction: column;*/
/*    min-width: 45px;*/
/*    margin-top: 4px;*/
/*}*/
/*.newbgheader-slider .sliders .slider .right .main-button .button.countdown > div .counter{*/
/*    line-height: 14px;*/
/*    font-family: "yekan-bakh", Sans-serif;*/
/*    font-size: 17px;*/
/*    font-weight: 600;*/
/*}*/
/*.newbgheader-slider .sliders .slider .right .main-button .button.countdown > div .title{*/
/*    line-height: 14px;*/
/*    font-family: "yekan bakh", Sans-serif;*/
/*    font-size: 10px;*/
/*    font-weight: 700;*/
/*}*/
.newbgheader-slider .container:nth-of-type(1) {
    position: relative;
    min-height: 504px;
}

.newbgheader-slider .newbgheader-search {
    padding: 0 90px;
}
.newbgheader-slider .newbgheader-search .container {
    min-height: auto;
}

.newbgheader-slider .section-pagination {
    position: absolute;
    left: 10px;
    z-index: 9;
    top: 30%;
}

.newbgheader-slider .section-pagination .paginations {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.newbgheader-slider .section-pagination .paginations .page-link {
    border: 1px solid #ffffff1f;
    border-radius: 16px;
    padding: 27px 14px 27px 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.6s;
    background-color: transparent;
}
.newbgheader-slider .section-pagination .paginations .page-link:hover {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}
.newbgheader-slider .section-pagination .paginations .page-link:hover i {
    filter: invert(22%) sepia(32%) saturate(4172%) hue-rotate(219deg) brightness(24%) contrast(98%);
}
.newbgheader-slider .section-pagination .paginations .page-link i {
    margin: 0;
}

.newbgheader-slider .section-pagination .paginations button[aria-label="Next"] i {
    transform: rotate(180deg);
}

.newbgheader-slider .who-is-box {
    padding: 28px;
    margin-top: 0px;
    box-shadow: 0px 4px 32px 0px #989aac0f;
}

.newbgheader-slider .who-is-box::after {
    display: none;
}
.newbgheader-slider .who-is-box #home-search-domain-btn {
    padding: 14px 24px 14px 24px;
    padding-left: 56px;
    background: #f79009 url(../assets/icons/search.svg) no-repeat 20px center;
    border-radius: 16px;
    font-weight: 500;
}
.newbgheader-slider .who-is-box #whois {
    height: 58px;
    border: 1px solid #eaecf0;
    font-family: "yekan-bakh";
    font-size: 16px;
    border-radius: 16px;
    font-weight: 300;
}
.newbgheader-slider .who-is-box #whois::placeholder {
    color: #98a2b3;
}
.newbgheader-slider .top-domain-wrapper .top-domain-box .mover .domain {
    margin-left: 0px;
}
.newbgheader-slider .top-domain-wrapper .top-domain-box .mover .domain .tld {
    color: #3c5788;
    font-size: 16px;
}
.newbgheader-slider .top-domain-wrapper .top-domain-box .mover .domain .price {
    font-size: 14px;
    color: #8ca6d5;
}

.newbgheader-slider .top-domain-wrapper .top-domain-box::before,
.newbgheader-slider .top-domain-wrapper .top-domain-box::after {
    display: none;
}

.newbgheader-slider .top-domain-wrapper .top-domain-box .mover {
    display: flex;
    justify-content: center;
    gap: 20px 40px;
    margin: 26px 0 0 0;
    flex-wrap: wrap;
}
.newBgHeader .topbar-container {
    padding: 24px 0 0px;
}
/* @@newBgHeader newfix2 */

.newbgheader-slider .swiper {
    width: 100%;
    height: auto;
}
.newbgheader-slider .swiper-slide img {
    display: block;
    width: 100%;
}
.newbgheader-slider .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content: "";
    display: none;
}
.newbgheader-slider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    content: "";
    display: none;
}
.newbgheader-slider .swiper-button-next, .swiper-button-prev{
    position: relative;
    width: auto;
    height: auto;
    margin-top: auto;
}
.newbgheader-slider .swiper-button-next, .swiper-rtl .swiper-button-prev{
    left: 0;
    right: 0;
    top: 0;
}
.newbgheader-slider .swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 0;
    right: 0;
    top: 0;
}
.newbgheader-slider .section-pagination .paginations .page-link.swiper-button-next i{
    transform: rotate(180deg) !important;
}
.newbgheader-slider , .newBgHeader-home{
    /* @@defaultSliderColor */
    transition: 0.6s;
    /*background-color: #201E50;*/
    /*background-color: #1a6382;*/
    /*background-color: #49178e;*/
    /*background-color: #1f1d4f;*/
    /*background-color: #10173C;*/
    /*background-color: #213c52;*/
    /*background-color: #4471BE;*/
    background-color: #002569;
    /*background-color: #000000;*/
    /*background-color: #12446c;*/
    /*background-color: #082F45;*/
    /*background-color: #1F1409;*/
    /*background-color: #027A48;*/
    /*background-color: #0c1d2b;*/
    position: relative;
}
.newbgheader-white-filler{
    width: 100%;
    position: absolute;
    background-color: #F9FAFB;
    bottom: -4px;
    height: 80px;
}
.newbgheader-slider .swiper-pagination-bullet-active{
    width: 24px !important;
    border-radius: 20px;
    background: #ffffffff !important;
    height: 10px;
}
.newbgheader-slider .swiper-pagination-bullet{
    width: 10px;
    border-radius: 20px;
    height: 10px;
    background: #ffffff99;
}
.newbgheader-slider .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.newbgheader-slider{
    margin-bottom: 120px;
}
.newbgheader-slider.pagination-sides .sliders .slider{
    padding: 80px 80px 30px 80px;
}

.newbgheader-slider.pagination-sides .sliders .slider .left {
    flex: 1;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newbgheader-slider.pagination-sides .section-pagination .paginations {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    height: 0;
}

.newbgheader-slider.pagination-sides .section-pagination {
    position: absolute;
    left: 0;
    z-index: 2;
    top: 40%;
    width: 100%;
}

.newbgheader-slider.pagination-sides .section-pagination .paginations .page-link.circle {
    border-radius: 50px;
    padding: 14px;
}

/* @@nHeaderSticky */
.nHeader .main-header.circle-btn{
    padding: 20px 0 24px 0;
    align-items: center;
}
.nHeader .main-header.circle-btn .action-button div{
    display: flex;
}
.nHeader .main-header.circle-btn .action-button a{
    padding: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
.nHeader .main-header.circle-btn .action-button .nHeader-user,
.nHeader .main-header.circle-btn .action-button .nHeader-mail{
    margin: auto;
}
.nHeader .main-header.circle-btn .action-button .clientarea .mobile-hide,
.nHeader .main-header.circle-btn .action-button .ticket .mobile-hide{
    display: none;
}
.nHeader .main-header.circle-btn .main-menu > li{
    padding-top: 16px;
}
@keyframes slideDownHeader {
    from {
        top: -80px;
    }
    to {
        top: 0px;
    }
}
@keyframes slideUpHeader {
    from {
        top: 0px;
    }
    to {
        top: -96px;
    }
}
@keyframes mainHeaderShow {
    from {
        top: -65px;
    }
    to {
        top: 0px;
    }
}
.nHeader.stickyOnTop{
    min-height: 180px;
}
.newBgHeader.nHeader.stickyOnTop .main-header{
    align-items: center;
}
.newBgHeader.nHeader .main-header .main-menu > li{
    padding-top: 16px;
}
.nHeader.stickyOnTop.slideUp .main-header-container{
    width: 100%;
    position: fixed;
    z-index: 99999;
    background-color: #ffffff;
    border-bottom: 1.5px solid #EAECF0;
    background-color: rgba(255, 255, 255, .8);
    backdrop-filter: blur(20px);
    animation: slideUpHeader 0.2s ease-out forwards;
}
.nHeader.nHeaderFixed.stickyOnTop .main-header-container{
    width: 100%;
    position: fixed;
    z-index: 99999;
    background-color: #ffffff;
    border-bottom: 1.5px solid #EAECF0;
    transition: 0.2s;
    background-color: rgba(255, 255, 255, .8);
    backdrop-filter: blur(20px);
    animation: slideDownHeader 0.2s ease-out forwards;
}
.nHeader.nHeaderFixed.stickyOnTop .main-header-container .main-header,
.nHeader.stickyOnTop.slideUp .main-header-container .main-header {
    padding: 16px 0 16px 0;
    align-items: center;
    position: relative;
    top: -65px;
}
.nHeader.nHeaderFixed.stickyOnTop .main-header-container .main-header{
    animation: mainHeaderShow 0.4s ease-out forwards;
}
.nHeader.nHeaderFixed.stickyOnTop .main-header .main-menu > li{
    padding-bottom: 10px;
    padding-top: 10px;
}
.nHeader.nHeaderFixed.stickyOnTop .main-header .main-menu .logo-box {
    padding-bottom: 5px;
}
.nHeader.nHeaderFixed.stickyOnTop .nMegamenu-content{
    top: 100% !important;
    box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;
    margin-top: -1px;
}
.nHeader.nHeaderFixed.stickyOnTop .main-header .action-button a{
    box-shadow: 0px 8px 16px 0px #0000000F;
}
.nHeader.nHeaderFixed.stickyOnTop .mobile-menu .hamb-menu{
    background: #FFBB47;
    color: #fff;
}
.nHeader.nHeaderFixed.stickyOnTop .mobile-menu .hamb-menu i{
    filter: none;
}

/* @@newfix1 */
.main-header .main-menu .logo-box {
    margin-left: 36px;
}
.cloudy-services .products-desktop .product:not(.popular):hover {
    background-color: #00b7ec;
}
.cloudy-services .products-desktop .product:not(.popular):hover .title,
.cloudy-services .products-desktop .product:not(.popular):hover .start-at,
.cloudy-services .products-desktop .product:not(.popular):hover .toman,
.cloudy-services .products-desktop .product:not(.popular):hover .price,
.cloudy-services .products-desktop .product:not(.popular):hover .monthly{
    color: #ffffff;
}
.cloudy-services .products-desktop .product:not(.popular):hover .icon img{
    filter: brightness(1.22) sepia(0%) hue-rotate(30deg);
}

/* @@new-features-collaps */
.new-features-collaps .features-newcollaps-mobile .accordion-body {
    padding: 0 22px 22px 22px;
}
.new-features-collaps .features-newcollaps-mobile .accordion-body .accordion-txt {
    background-color: #eaecf066;
    border-radius: 20px;
    padding: 20px 22px;
    line-height: 26px;
}

.new-features-collaps .features-newcollaps-mobile .accordion-item {
    border-radius: 24px;
}

.features.new-collaps .owl-stage {
    height: 262px;
    overflow: hidden;
}

.features.new-collaps .collapsopen .item .left {
    display: flex;
}
.features.new-collaps .collapsopen .item {
    justify-content: space-between;
}

.features.new-collaps .item {
    display: flex;
    overflow: hidden;
    justify-content: center;
}

.features.new-collaps .item .right {
    padding: 20px 30px;
    min-width: 210px;
}
.features.new-collaps .item .right .icon-box > .circle img {
    width: 56px;
    height: 48px;
}
.features.new-collaps .item .left {
    padding: 20px 0 20px 15px;
    text-align: justify;
    display: none;
    align-items: center;
}

.features.new-collaps .item .left p {
    font-size: 13px;
    color: #98a2b3;
}

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

.features.new-collaps .feature {
    border-radius: 18px;
    background: #fff;
    text-align: center;
    margin-right: 12px;
    margin-left: 12px;
    padding: 14px 10px;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.06);
    transition: 0.4s;
}

.features.new-collaps .feature:hover {
    box-shadow: none;
    transition: 0.4s;
}

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

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

.features.new-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.new-collaps .feature:hover .icon::after {
    background: linear-gradient(360deg, #36337c 0%, #282566 100%);
}

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

.features.new-collaps .feature:hover .title {
    color: #fff;
}

.features.new-collaps .owl-dots {
    display: none;
    min-height: 10px;
    position: relative;
    z-index: 1;
    bottom: 16px;
    text-align: center;
}

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

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

.features-newcollaps-mobile .accordion-item {
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 15px;
    border: 0;
    box-shadow: 0px 16px 32px 0px #0000000f;
}

.features-newcollaps-mobile .accordion-collapse {
    width: 100%;
}

.features-newcollaps-mobile .accordion-button {
    color: #3c5788 !important;
}

.features-newcollaps-mobile .accordion-body {
    margin-top: 0;
}

.features-newcollaps-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-newcollaps-mobile .accordion-button::after {
    left: 20px;
}

.features-newcollaps-mobile .accordion-button .circle {
    width: 50px;
    height: 50px;
    background-color: #fbfbfb;
    border-radius: 100%;
    padding: 9px;
    margin-left: 15px;
}

.features-newcollaps-mobile .accordion-button .circle img {
    width: 100%;
    height: 100%;
}

.features-newcollaps-mobile .accordion-button::after {
    background: url(../assets/icons/chevron-down.svg) no-repeat center center;
    border-radius: 24px;
    position: absolute;
    left: 14px;
}

.features-newcollaps-mobile .accordion-button:not(.collapsed)::after {
    background: url(../assets/icons/chevron-down.svg) no-repeat center center;
}
.features.new-collaps .feature img.question-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 12px;
}
.tooltip-inner {
    text-align: justify;
    font-weight: 300;
}

/* backorder-video */
.page-header .inner-box.host-product .image-box img#play_button {
    position: absolute;
    z-index: 2;
    cursor: pointer;
}
.page-header .inner-box.host-product .image-box img#replay_button {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    display: none;
}
.page-header .inner-box.host-product .image-box img#pause_button {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    display: none;
    opacity: 0;
    transition: 0.3s;
}
.inner-box.host-product:hover #pause_button {
    transition: 0.3s;
    opacity: 0.2 !important;
}

/* @@whois-single */

.whois-single-border{
    padding: 12px;
    border-radius: 24px;
    max-width: 1080px;
    margin-top: 100px;
}
.whois-single{
    background: #fff;
    position: relative;
    z-index: 2;
    border-radius: 22px;
    padding: 36px 30px;
    margin-top: 0;
    text-align: center;
    border: 14px solid #EAECF0;
}
.whois-single .d-flex{
    margin-top: 32px;
    gap: 20px;
}
.whois-single .whois-single-title{
    color: #3C5788;
    text-align: center;
    font-family: 'yekan-bakh', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-top: 32px;
}
.whois-single #whois {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    font-family: 'roboto', sans-serif;
    color: #A3A2CC;
    padding: 16px;
    width: 100%;
    border-radius: 16px;
    border: 2px solid #EAECF0;
    background: #fff;
}
.whois-single #whois{
    height: 54px;
    border: 1px solid #EAECF0;
    font-family: 'yekan-bakh';
    font-size: 16px;
    border-radius: 16px;
    font-weight: 300;
}
.whois-single #whois::placeholder {
    opacity: 1;
    color: #98A2B3;
}
.whois-single #whois-single-btn {
    border-radius: 16px;
    background: #F79009 url(../assets/icons/search.svg) no-repeat 10px center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border: none;
    box-shadow: none;
    line-height: 30px;
    padding-left: 42px;
    height: 54px;
}



/* @@glassy-features */

.glassy-features.cloudy-services .inner-box.ssl-product.cloud-product{
    background: rgba(176, 194, 226, 0.2);
    border: none;
    box-shadow: none;
    backdrop-filter: blur(4px);
}
.glassy-features.cloudy-services .heading > h2{
    color: #3C5788;
}
.glassy-features.cloudy-services .heading > h2::before{
    background: #FEC84B;
}
.glassy-features.cloudy-services .part-text p{
    color: #3C5788;
}
.glassy-features.page-header .inner-box.ssl-product .head-info p{
    line-height: 40px;
}
.glassy-features.cloudy-services .cloud-product-wrapper .cload-1{
    background: url(../assets/images/cload-azure100.svg) no-repeat center;
    width: 375px;
    height: 375px;
    left: -215px;
    top: 8%;
}
.glassy-features.cloudy-services .cloud-product-wrapper .cload-2{
    background: url(../assets/images/cload-azure100.svg) no-repeat center;
    width: 475px;
    height: 475px;
    bottom: 8%;
    right: -253px;
    background-size: 100%;
}
.glassy-features.cloudy-services .cloud-product .part-products{
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-blue500-i{
    color: #00b7ec !important;
}
.text-section-2.without-cloud::before{
    display: none;
}
.text-section-2.text-section-backorder .image-section{
    display: flex;
    align-items: center;
    justify-content: center;
}
.height-90{
    height: 90%;
}
/* @@buy-steps-carousel */
.buy-steps.buy-steps-carousel{
    position: relative;
}
/*.buy-steps.buy-steps-carousel .step{*/
/*    height: 325px;*/
/*}*/
.buy-steps.buy-steps-carousel .container .owl-dots{
    display: block !important;
    min-height: 10px;
    position: relative;
    z-index: 1;
    bottom: 0;
    margin-top: 30px;
    text-align: center;
}
.buy-steps.buy-steps-carousel .container .owl-dots .owl-dot.active{
    width: 32px;
    background: #006582;
}
.buy-steps.buy-steps-carousel .container .owl-dots .owl-dot{
    width: 10px;
    height: 10px;
    margin: 0 12px;
    background: #D0D5DD;
    border-radius: 10px;
    text-align: center;
}
.buy-steps.buy-steps-carousel .head{
    height: 50px;
}
.buy-steps.buy-steps-carousel .head .numimg{
    visibility: hidden;
}
.buy-steps.buy-steps-carousel .owl-carousel .owl-item img{
    width: auto;
}
.buy-steps.buy-steps-carousel.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;
}
.buy-steps.buy-steps-carousel .owl-carousel .owl-stage{
    display: flex;
}
.buy-steps.buy-steps-carousel .owl-carousel.owl-rtl .owl-item{
    flex: 1;
}
.buy-steps.buy-steps-carousel .owl-carousel.owl-rtl .owl-item .item{
    height: 100%;
}
.buy-steps.affiliate .item .desc{
    font-size: 13px;
    line-height: 21px;
}
.buy-steps.affiliate .item .title{
    text-align: center;
}
.buy-steps.affiliate .item .head{
    height: 150px;
    justify-content: center;
}
.buy-steps.affiliate .item .numimg{
    visibility: visible;
    position: absolute;
    left: 30px;
}
.page-header.ssl-product {
    overflow: hidden;
}
/* @@backorderVideoModal */

#backorder-video-modal .modal-content{
    padding: 7px;
    border-radius: 24px;
}
#backorder-video-modal .plyr{
    border-radius: 18px;
}
#backorder-video-modal .plyr__progress--played,
#backorder-video-modal .plyr__volume--display {
    color: #ffffff;
}
#backorder-video-modal .plyr--video .plyr__controls{
    background: #00000066;
    margin: 15px;
    padding: 20px;
    border-radius: 18px;
}
#backorder-video-modal .plyr--video .plyr__controls button{
    background: #F79009;
    border-radius: 50px;
    padding: 12px;
}
#backorder-video-modal .plyr--video .plyr__controls button.tab-focus:focus,
#backorder-video-modal .plyr--video .plyr__controls button:hover {
    background: #F79009;
    border-radius: 50px;
    padding: 12px;
}

#backorder-video-modal .plyr__play-large {
    background: #F79009;
}
#backorder-video-modal .close-btn{
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 50px;
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#backorder-video-modal .close-btn img{
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 0;
    border-radius: 50px;
    box-shadow: none;
}

/* @@ reseller percentage */
.two-col-feature{
    overflow: hidden;
}
.two-col-feature .two-col-box {
    width: 100%;
    height: 100%;
    background-color: #E6F8FD;
    border-radius: 16px;
    display: flex;
    padding: 14px 20px 14px 0px;
    overflow: hidden;
}
.two-col-feature .two-col-box .twocol-title span{
    font-size: 18px;
    color: #3C5788;
    font-weight: 700;
    font-family: 'yekan-bakh';
}
.two-col-feature .two-col-box .twocol-desc p{
    font-size: 12px;
    color: #3C5788;
    font-weight: 400;
    font-family: 'iransans';
    margin-top: 12px;
}
.two-col-feature .two-col-box .twocol-desc{
    min-height: 170px;
}
.two-col-feature .two-col-box .twocol-btn{
    position: absolute;
    bottom: 16px;
}
.two-col-feature .two-col-box .col-lg-4{
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.two-col-feature .two-col-box .left-arrow{
    margin-left: 0;
}
.two-col-feature.simple .two-col-box{
    background-color: #ffffff;
    padding: 28px 24px 28px 0px;
    overflow: hidden;
}
.two-col-feature .two-col-box .col-lg-4{
    align-items: center;
}
.two-col-feature .two-col-box .twocol-desc p{
    color: #3C5788;
    opacity: 0.6;
    margin-bottom: 0;
}
.two-col-feature.simple .two-col-box div.col-lg-4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.two-col-feature.simple .two-col-box div.col-lg-8 {
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.two-col-feature.simple .two-col-box .twocol-desc {
    min-height: auto;
}

.two-col-feature.simple .two-col-desktop{
    display: block;
}
.two-col-feature.simple .two-col-mobile{
    display: none;
    overflow: hidden;
}
.two-col-feature.simple .owl-carousel .owl-item img{
    width: auto;
}
.two-col-feature.simple .two-col-mobile .owl-dots{
    display: block !important;
    min-height: 10px;
    position: relative;
    z-index: 1;
    bottom: 0;
    margin-top: 30px;
    text-align: center;
}
.two-col-feature.simple .two-col-mobile .owl-dots .owl-dot.active{
    width: 32px;
    background: #006582;
}
.two-col-feature.simple .two-col-mobile .owl-dots .owl-dot{
    width: 10px;
    height: 10px;
    margin: 0 12px;
    background: #D0D5DD;
    border-radius: 10px;
    text-align: center;
}
.two-col-feature.host-edition .two-col-box{
    background-color: #ffffff;
    padding: 18px 14px 18px 24px;
    overflow: hidden;
    border-radius: 24px;
}
.two-col-feature.host-edition .action .button{
    padding: 10px 18px;
}


.reseller-commission .commission-table{
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #F2F4F7;
    padding: 18px;
}
.reseller-commission .commission-tbl-head{
    width: 100%;
    display: flex;
}

.reseller-commission .commission-tbl-body{
    width: 100%;
    height: 90px;
    display: flex;
}
.reseller-commission .commission-tbl-head .col-per{
    width: 30%;
    height: 70px;
    padding: 0px 0px 20px 20px;
}
.reseller-commission .commission-tbl-body .col-per{
    width: 30%;
}
.reseller-commission .commission-tbl-head .col-desc{
    width: 70%;
    height: 70px;
    padding: 0px 20px 20px 0px;
}
.reseller-commission .commission-tbl-body .col-desc{
    width: 70%;
}
.reseller-commission .commission-tbl-head .col-per .col-title{
    background-color: #ECFDF3;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #12B76A;
    font-weight: 600;
    font-size: 16px;
    font-family: 'yekan-bakh';
}
.reseller-commission .commission-tbl-head .col-desc .col-title{
    background-color: #EEF2F9;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3C5788;
    font-weight: 600;
    font-size: 16px;
    font-family: 'yekan-bakh';
}
.reseller-commission .commission-tbl-body .col-per .col-title{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #12B76A;
    font-weight: 700;
    font-size: 20px;
    font-family: 'yekan-bakh';
    padding-left: 20px;
}
.reseller-commission .commission-tbl-body .col-desc .col-title{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #667085;
    font-weight: 700;
    font-size: 14px;
    font-family: 'yekan-bakh';
    padding-right: 20px;
}
.reseller-commission .commission-tbl-divider{
    width: 100%;
    background-color: #dddddd44;
    height: 0.5px;
    margin: auto;
}
.reseller-commission .divider-left{
    border-left: 0.5px solid #dddddd44;
}
.reseller-commission .commission-text .button{
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
}
.reseller-commission .col-lg-6{
    display: flex;
    align-items: center;
}
.reseller-commission .commission-text .desc-txt{
    padding: 8px 0 8px 60px;
}
.reseller-commission .commission-text .desc-txt p{
    color: #667085;
    text-align: justify;
    font-size: 20px;
    font-weight: 600;
    line-height: 45px;
}

.reseller-commission .heading{
    margin-bottom: 60px;
}

.reseller-commission .row{
    flex-direction: row-reverse;
}
.reseller-commission .commission-tbl-body .col-per .col-per-badge{
    background-color: #ECFDF3;
    border-radius: 8px;
    padding: 6px 10px;
    margin-right: 16px;
    display: none;
}
.reseller-commission .commission-tbl-body .col-per .col-per-badge .col-title{
    font-size: 16px;

}
.reseller-commission{
    margin: 32px 0 90px;
}

/* @@wooCompareTable */
.wooCompareSection{
    background-color: #EEF2F9;
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
    transition: 0.3s;
}
.wooCompareSection::after{
    content: '';
    display: none;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(238,242,249,0) 0%, rgba(238,242,249,0) 100%);
    width: 100%;
    height: 300px;
    z-index: 5;
    transition: 0.3s;
}
.wooCompareSection .icon {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 25px;
    width: 25px;
    height: 25px;
    margin-left: 0;
}
.wooCompareSection .icon.green-circle {
    background: url(../assets/icons/wooTableGreenCircle.svg) no-repeat left center;
}
.wooCompareSection .icon.red-circle {
    background: url(../assets/icons/wooTableRedCircle.svg) no-repeat left center;
}
.wooCompareSection .unfoldBtn{
    display: none;
}
.wooCompareSection .unfoldBtnMain{
    display: none;
}
.wooCompareSection.folded{
    background-color: #EEF2F9;
    position: relative;
    padding-top: 70px;
    height: 600px;
    overflow: hidden;
    transition: 0.3s;
}
.wooCompareSection.folded::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(238,242,249,0) 0%, rgba(238,242,249,1) 70%);
    width: 100%;
    height: 300px;
    z-index: 5;
    transition: 0.3s;
}
.wooCompareSection.folded .unfoldBtnMain{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 123px;
    right: 0;
    z-index: 6;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.wooCompareSection.folded .unfoldBtn{
    display: block;
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    width: fit-content;
    cursor: pointer;
}
.wooCompareSection.folded .unfoldBtn .icon{
    margin-left: 0;
    transform: scale(1.5);
    filter: brightness(5) sepia(100%) saturate(0%) hue-rotate(0deg);
}
.wooCompareSection .heading{
    margin-bottom: 60px;
}
.wooCompareSection .heading > h2::before{
    z-index: -1;
}
.wooCompareSection .heading > h2{
    z-index: 0;
}
.wooCompareTable {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wooCompareTable .wooInner {
    display: flex;
    border-radius: 10px;
    position: relative;
    width: 1024px;
    height: 800px;
}
.wooCompareTable .wooTable {
    width: 800px;
    border-collapse: collapse;
    z-index: 3;
    background-color: #fff;
    box-shadow:0 0 12px 0px rgba(0, 0, 0, 0.01);
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
}
.wooCompareTable .wooTable .wooTable-head{
    width: 100%;
}
.wooCompareTable .wooTable .wooTable-head > div,
.wooCompareTable .wooTable .wooTable-body > div,
.wooCompareTable .wooTable .wooTable-foot > div{
    display: flex;
}
.wooCompareTable .wooTable .wooTable-head > div div{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    font-size: 18px;
    font-family: 'yekan-bakh';
    font-weight: 700;
    color: #3C5788;
    border-right: 1px solid #CAD6EB22;
    border-left: 1px solid #CAD6EB22;
}
.wooCompareTable .wooTable .wooTable-body > div div{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 18px;
    font-family: 'yekan-bakh';
    border: 1px solid #CAD6EB22;
    color: #3C5788;
    font-weight: 700;
}
.wooCompareTable .wooTable .wooTable-foot > div div{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    font-size: 18px;
    font-family: 'yekan-bakh';
    font-weight: 700;
    color: #3C5788;
}
.wooCompareTable .wooTable .wooTable-foot .button {
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
}
.wooCompareTable .wooTable .wooTable-foot .button .icon {
    margin-left: 0;
}
.wooCompareTable .wooTable th,.wooCompareTable .wooTable td {
    padding: 15px;
    text-align: center;
}
.wooCompareTable .wooTable th {
    background-color: #f5f7fa;
    color: #003366;
    font-size: 18px;
    width: 300px;
}
.wooCompareTable .wooTable td {
    font-size: 16px;
    border: 1px solid #CAD6EB33;
    height: 50px;
}
.wooCompareTable .wooTable td i {
    font-size: 20px;
}
.wooCompareTable .wooTable td .fa-check-circle {
    color: #00c853;
}
.wooCompareTable .wooTable td .fa-times-circle {
    color: #d32f2f;
}
.wooCompareTable .wooSidebar {
    left: -26px;
    background: linear-gradient(135deg, #282566 60%, #2b629b);
    color: #fff;
    width: 1070px;
    position: absolute;
    z-index: 1;
    border-radius: 24px;
    top: 70px;
    padding-right: 30px;
    padding-left: 30px;
}
.wooCompareTable .wooSidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wooCompareTable .wooSidebar ul li {
    font-size: 14px;
    height: 50px;
    display: flex;
    align-items: center;
    font-weight: 500;
    border-bottom: 1px solid #FFFFFF11;
    font-family: 'yekan-bakh';
}
.page-header-video.rec-head .header-video-over{
    display: none;
}

/* @@horPlansSection */
.hor-plans-section{
    padding-top: 90px;
}
#horplan-table{
    border: none;
    width: 100%;
}
#horplan-table_wrapper{
    margin-bottom: 70px;
}
.hor-plans-section .horplan-card{
    border-radius: 16px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.hor-plans-section .horplan-card.horp-cols{
    display: table-row;
    flex-direction: row;
    justify-content: space-around;
    padding: 12px 0;
}
.hor-plans-section .horp-col{
    display: table-cell;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hor-plans-section .horp-col.horp-title .title{
    font-weight: 800;
    font-size: 24px;
    font-family: 'iransans';
    color: #3C5788;
    width: fit-content;
}
.hor-plans-section .horp-col.horp-title .description{
    font-weight: 400;
    font-size: 13px;
    font-family: "iransans";
    color: #98A2B3;
    width: fit-content;
}
.hor-plans-section .horp-col.horp-title .mybadge{
    padding: 8px 16px 8px 10px;
    background-color: #EEF2F9;
    border-radius: 8px 8px 0 0;
    color: #3C5788;
    font-weight: 700;
    font-size: 13px;
    width: fit-content;
    margin-top: 20px;
    position: absolute;
    bottom: 0;
    cursor: pointer;
}
.hor-plans-section .horp-col.horp-title .mybadge .arrow-down{
    filter: brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(2142%) hue-rotate(192deg) brightness(91%) contrast(101%);
    transform: scale(1.3) rotate(0deg);
}

.hor-plans-section .horplan-card.open .horp-col-inner {
    height: 190px;
}
.hor-plans-section .horplan-card.open .horp-col-inner.flexright {
    height: 190px;
}
.hor-plans-section .horplan-card.open .horp-col.horp-title .mybadge .arrow-down {
    transform: scale(1.3) rotate(180deg);
}
.hor-plans-section .horplan-card.open .horp-col-inner .dashed {
    height: 130px;
}
.hor-plans-section .horp-col-inner .buy:hover {
    border: 2px solid #F79009;
    background-color: transparent;
    color: #F79009;
    animation: none;
    box-shadow: none;
    transition: 0.3s;
}

.hor-plans-section .horp-col-inner .specs{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.hor-plans-section .horp-col-inner .specs .spec{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.hor-plans-section .horp-col-inner .specs .spec:nth-last-child(-n+2) {
    display: none;
}
.hor-plans-section .horp-col-inner .specs img{
    width: 16px;
    height: 16px;
    margin-left: 10px;
    margin-bottom: 3px;
}
.hor-plans-section .horp-col-inner .specs span.title{
    font-weight: 700;
    font-size: 14px;
    font-family: 'iransans';
    color: #3C5788;
    width: 80px;
    display: inline-flex;
    border-left: 2px solid #EAECF077;
    min-width: 80px;
}

.hor-plans-section .horp-col-inner .specs span.value{
    font-weight: 500;
    font-size: 14px;
    font-family: 'iransans';
    color: #7695CD;
    width: fit-content;
    padding-right: 20px;
    display: inline-flex;
    direction: ltr;
}
.hor-plans-section .horp-col-inner .specs span.value .locbadge{
    background-color: #F9FAFB;
    border-radius: 6px;
    padding: 4px 8px;

}
.hor-plans-section .horp-col-inner .specs span.value .locbadge span{
    color: #7695CD;
    font-weight: 500;
    font-size: 12px;
    font-family: 'yekan-bakh';
}
.hor-plans-section .horp-col-inner .specs span.value .locbadge img {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}
.hor-plans-section .horp-col-inner .dashed{
    border-left: 2px dashed #EAECF088;
    border-right: 2px dashed #EAECF088;
    height: 80px;
    width: 100%;
    padding-right: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4px;
}
.hor-plans-section .price-main {
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
}
.hor-plans-section .price-main .start-from{
    color: #3C5788;
    font-weight: 500;
    font-size: 16px;
    font-family: 'iransans', serif;
    padding-top: 15px;
}
.hor-plans-section .price-main .discount{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.hor-plans-section .price-main .discount .left{
    background-color: #D92D20;
    color: white;
    padding: 4px 8px;
    border-radius: 21px;
    font-weight: 800;
    font-size: 13px;
    font-family: 'iransans', serif;
    display: flex;
    align-items: center;
    height: 26px;
}
.hor-plans-section .price-main .discount .right{
    color: #98A2B3;
    font-weight: 400;
    font-size: 24px;
    font-family: 'iransans', serif;
    text-decoration: line-through;
}
.hor-plans-section .price-main .price{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 20px;
    height: 60px;
    margin-bottom: 0;
}
.hor-plans-section .price-main .price .left{
    display: flex;
    flex-direction: column;
}
.hor-plans-section .price-main .price .right{
    color: #3C5788;
    font-weight: 700;
    font-size: 48px;
    font-family: 'yekan-bakh';
    margin-top: 4px;
    min-width: 110px;
    text-align: center;
}
.hor-plans-section .price-main .price .left .toman{
    color: #98A2B3;
    font-weight: 500;
    font-size: 13px;
    font-family: 'yekan-bakh';
}
.hor-plans-section .price-main .price .left .yearly{
    color: #3C5788;
    font-weight: 700;
    font-size: 12px;
    font-family: 'yekan-bakh';
}
.hor-plans-section .horp-col-inner .buy{
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'yekan-bakh';
    background-color: #F79009;
    padding: 12px 12px;
    border-radius: 8px;
    border: none;
    box-shadow: 0 0 0 4px rgba(247, 144, 9, 0.2);
    text-align: center;
    animation: pulse-shadow 2s ease-in-out infinite;
    margin-right: 22px;
    width: 124px;
    font-weight: 600;
    transition: 0.3s;
    border: 2px solid #F79009;
    position: relative;
}
.auction-timer .countdown{
    background:#e7eaf1;
    color:#232323;
    border-radius:6px;
    padding:3px 10px 2px;
    margin-bottom:6px;
    font-size:16px;
    display:inline-block;
    min-width:80px;
    text-align:center;
    position: absolute;
    top: 56px;
    left: 19px;
    background: transparent;
    color: #F79009;
}
.pulse-shadow-btn{
    color: #FFFFFF;
    font-weight: 700;
    font-size: 16px;
    font-family: 'yekan-bakh';
    background-color: #F79009;
    padding: 12px 32px;
    border-radius: 8px;
    border: none;
    box-shadow: 0 0 0 4px rgba(247, 144, 9, 0.2);
    width: 150px;
    margin-right: 60px;
    text-align: center;
    animation: pulse-shadow 2s ease-in-out infinite;
}
.pulse-shadow{
    animation: pulse-shadow 2s ease-in-out infinite;
}
@keyframes pulse-shadow {
    0% {
        box-shadow: 0 0 0 2px rgba(247, 144, 9, 0.15);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(247, 144, 9, 0.25);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(247, 144, 9, 0.15);
    }
}
.hor-plans-section .horplan-card.horp-cols{
    background-color: transparent;
    box-shadow: none !important;
}
.hor-plans-section .horplan-card.horp-cols td{
    background-color: transparent;
    box-shadow: none !important;
    overflow: hidden;
    padding: 0;
    border-top: 0;
}
.hor-plans-section .dataTables_empty{
    color: #3C5788;
    text-align: center;
    padding: 40px 0;
}
.hor-plans-section .dataTables_paginate .ellipsis{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.hor-plans-section .horplan-card.horp-cols .horp-col{
    display: block;
    padding: 0;
    border-bottom: 16px solid #F9FAFB;
}

.hor-plans-section .horplan-card .horp-col-inner{
    background-color: #ffffff !important;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.hor-plans-section .horplan-card .horp-col-inner .delivery{
    font-family: 'yekan-bakh';
    color: #7695CD;
    font-weight: 700;
    text-align: center;
    margin: auto;
    font-size: 12px;
}
.hor-plans-section .horplan-card .horp-col-inner.flexright{
    background-color: #ffffff !important;
    /*height: 130px;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content:center;
}

.hor-plans-section .horplan-card.horp-cols td:first-child .horp-col-inner {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    gap: 10px;
    position: relative;
    padding: 0 16px;
}

.hor-plans-section .horplan-card.horp-cols td:last-child .horp-col-inner {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    flex-direction: row;
    justify-content: end;
    padding-left: 40px;
}

.hor-plans-section .dataTables_info{
    display: none;
}
.hor-plans-section .dataTables_length{
    display: none;
}
.hor-plans-section .dataTables_wrapper{
    display: grid;
}
.hor-plans-section .dataTables_paginate{
    display: flex;
    justify-content: center;
    direction: ltr;
    padding-top: 30px;
}
.hor-plans-section .dataTables_paginate .paginate_button.previous{
    background-color: white !important;
}
.hor-plans-section .dataTables_paginate .paginate_button.current{
    background-color: #2E436A;
    color: white !important;
    border: none;
}
.hor-plans-section .dataTables_paginate .paginate_button{
    background-color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    cursor: pointer;
    color: #2E436A !important;
    font-family: 'yekan-bakh';
    display: flex;
    align-items: center;
    justify-content: center;
}
.hor-plans-section .dataTables_paginate .paginate_button:hover,
.hor-plans-section .dataTables_paginate .paginate_button.current:hover,
.hor-plans-section .dataTables_paginate .paginate_button.previous:hover{
    background: #2E436A !important;
    color: white !important;
    border: none;
}
.hor-plans-section .dataTables_filter{
    display: none;
}
.hor-plans-filters{
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 30px 0 50px 0;
    flex-wrap: wrap;
}
.hor-plans-filters .filter-off-box{
    width: 205px;
    margin-left: 0;
}
.hor-plans-filters .select-with-label{
    width: 205px;
    border-radius: 12px;
    border: 0;
    height: 54px;
    font-size: 12px;
    font-weight: 501;
    color: #3C5788;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 1px 2px 0.2px rgba(0, 0, 0, 0.05);
}
.hor-plans-filters .select-with-label label{
    width: 48px;
    color: #547AC0;
    font-size: 9px;
}
.hor-plans-filters .select-with-label select{
    width: 110px;
    border: none;
    color: #3C5788;
    font-weight: 700;
    font-size: 13px;
}
.hor-plans-filters .select-with-label select:focus{
    border: none;
    box-shadow: none;
}
.hor-plans-filters .select-with-label img{
    width: 18px;
    margin-right: 12px;
}
.hor-plans-section .dataTables_paginate > span{
    display: flex;
}
.hor-plans-loading{
    text-align: center;
    padding: 32px 16px 64px 16px;
}
.hor-plans-loading p{
    color: #3C5788;
    margin-top: 30px;
}
.hor-plans-spinner{
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3C5788;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* @@sitesaz */
.page-header.sitesaz .inner-box.ssl-product{
    background: url( "../assets/images/sitesaz-header-bg.svg" ) no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.page-header.sitesaz .head-info h2{
    line-height: 50px;
}
.wcs-section.sitesaz .mid-circle{
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #EEF2F9;
}
.wcs-section.sitesaz .col-lg-1:nth-of-type(2){
    display: flex;
    align-items: center;
    justify-content: end;
}
.wcs-section.sitesaz .col-lg-1:nth-of-type(4){
    display: flex;
    align-items: center;
    justify-content: start;
}
.wcs-section.sitesaz .heading > h2::before{
    display: none;
}
.wcs-section.sitesaz .container .inner-box .inner-box{
    padding: 0 40px;
}
.wcs-section.sitesaz .content-box{
    line-height: 24px;
}
.wcs-section.sitesaz .center-cta-btn {
    background: #F79009;
    color: #fff;
    padding: 8px 50px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
}
.wcs-section.sitesaz .heading.text-center{
    padding: 20px 0 50px 0;
}
.sitesaz-themes {
    background-color: #1F1D4F;
    padding: 60px 0 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin: 0;
}
.sitesaz-themes::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    z-index: 0;

    background: radial-gradient(circle, rgba(51, 197, 240, 0.5) 0%, rgba(31, 29, 79, 1) 60%);
    height: 1400px;
    top: -700px;
}
.sitesaz-themes .container{
    z-index: 1;
}
.sitesaz-themes .cta-main{
    padding-bottom: 60px;
    display: flex;
    justify-content: center;
}
.sitesaz-themes .cta-main .center-cta-btn{
    cursor: pointer;
}
.sitesaz-themes .heading > h2{
    color: #FFFFFF;
    padding-bottom: 10px;
}
.sitesaz-themes .heading > h2::before,
.sitesaz-features .heading > h2::before{
    display: none;
}
.sitesaz-themes .heading > p > span{
    font-size: 16px;
}
.sitesaz-themes .item{
    background-color: #ffffff;
    border-radius: 24px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.sitesaz-themes .item .img-box{
    border-radius: 16px;
    max-height: 250px;
    overflow: hidden;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.sitesaz-themes .item .img-box .thumbnail{
    width: 102%;
    margin-right: -5px;
}
.sitesaz-themes .item .title-box{
    text-align: center;
}


.sitesaz-themes .item .title-box .title{
    font-size: 18px;
    text-align: center;
}
.sitesaz-themes .item .title-box .desc{
    font-size: 13px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}
.sitesaz-themes .item .title-box .desc .feature-item{
    background-color: #ffffff;
    font-weight: 600;
    padding: 5px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #F2F4F7;
    cursor: pointer;
    position: relative;
    aspect-ratio: 1 / 1;
}
.sitesaz-themes .item .title-box .desc .feature-item::after {
    content: attr(data-text);
    position: absolute;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%) translateY(0%) scale(1);
    background: rgba(136, 198, 203, 1);
    color: white;
    padding: 9px 18px;
    border-radius: 32px;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    font-family: 'yekan-bakh';
    display: flex;
    align-items: center;
    justify-content: center;
}
.sitesaz-themes .item .title-box .desc .feature-item::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 7px solid transparent;
    border-top-color: rgba(136, 198, 203, 1);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
.sitesaz-themes .item .title-box .desc .feature-item:hover::after,
.sitesaz-themes .item .title-box .desc .feature-item:hover::before {
    opacity: 1;
}
.sitesaz-themes .item .title-box .desc .feature-item:hover::after {
    transform: translateX(-50%) scale(1);
}
.sitesaz-themes .item .button-box{
    display: flex;
    gap: 20px;
}
.sitesaz-themes .item .button-box .icon{
    transform: scale(1.1);
    width: 20px;
    height: 20px;
    margin: 0;
    margin-right: 10px;
}
.sitesaz-themes .item .button-box .select{
    background: #F79009;
    color: #fff;
    padding: 8px 12px;
    font-size: 15px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 50px;
}
.sitesaz-themes .item .button-box .demo{
    padding: 8px 12px;
    font-size: 15px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #12B76A;
    color: #12B76A;
    width: 50%;
    height: 50px;
}
.sitesaz-themes .category{
    margin: 50px 0;
    display: flex;
    gap: 10px;
    justify-content: center;
}
.sitesaz-themes .category button{
    font-size: 14px;
    padding: 3px 15px;
}
.sitesaz-themes .center-cta-btn {
    background: #F79009;
    color: #fff;
    padding: 8px 70px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
    font-family: 'yekan-bakh';
    height: 50px;
    display: flex;
    align-items: center;
}
.sitesaz-mini-features{
    background: linear-gradient(180deg, rgba(31,29,79,1) 50%, rgba(255,255,255,1) 50%);
}
.sitesaz-mini-features.bg-light{
    background: linear-gradient(180deg, rgba(249, 250, 251,1) 50%, rgba(255,255,255,1) 50%);
}
.sitesaz-mini-features.bg-white {
    background: #fff !important;
}
.sitesaz-mini-features .main{
    background-color: #EEF2F9;
    border-radius: 24px;
    padding: 50px 30px;
}
.sitesaz-mini-features .features-item{
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0;
    background-color: #ffffff;
    padding: 35px 26px;
    /*min-width: 130px;*/
    border-radius: 24px;
    justify-content: space-between;
    flex-direction: row-reverse;
    max-width: 360px;
    position: relative;
}
.sitesaz-mini-features .row > div.features-item:nth-child(3)::after {
    position: absolute;
    content: 'رایگان';
    top: -10px;
    background-color: #F04438;
    border-radius: 60px;
    padding: 1px 8px;
    font-size: 13px;
    color: #ffffff;
    right: 26px;
}
.sitesaz-mini-features .features-item .text-box{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sitesaz-mini-features .features-item .icon-box{
    border-radius: 24px;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sitesaz-mini-features .features-item .icon-box.orange{
    border: 1px solid #FEF0C7;
    background-color: #FFFAEB;
}
.sitesaz-mini-features .features-item .icon-box.green{
    border: 1px solid #D1FADF;
    background-color: #ECFDF3;
}
.sitesaz-mini-features .features-item .icon-box.blue{
    border: 1px solid #B0E9F9;
    background-color: #E6F8FD;
}
.sitesaz-mini-features .features-item .icon-box .icon{
    width: 30px;
    height: 30px;
}
.sitesaz-features .item-col .item-box .icon-box .icon{
    width: 40px;
    height: 40px;
}
.sitesaz-mini-features .features-item .text-box span.title{
    color: #3C5788;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
    font-family: 'yekan-bakh';
}
.sitesaz-mini-features .features-item .text-box span.desc{
    color: #667085;
    font-size: 13px;
    font-weight: 400;
    text-align: right;
    font-family: 'iransans';
}
.sitesaz-mini-features .main .row{
    margin: auto;
    justify-content: space-around;
}
.sitesaz-themes .category-card {
    display: none;
    opacity: 0;
    transition: opacity 0.5s;
}
.sitesaz-themes .category-card.show {
    display: block;
    opacity: 1;
    position: relative;
}
.sitesaz-themes .category-card.show::after{
    position: absolute;
    content: 'دامنه رایگان ir.';
    top: 36px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'yekan-bakh';
    border-radius: 16px;
    padding: 3px 7px;
    background-color: #F04438;
    color: white;
    right: 60px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.sitesaz-themes .category button.selected{
    background-color: #ffffff;
    color: #101828;
}
.sitesaz-features{
    padding: 90px 0;
}
.sitesaz-features .item-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}
.sitesaz-features .item-col .item-box{
    width: 190px;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 35px 0;
    box-shadow: 0px 20px 20px 0px #9AA3B51A;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 27px;
}
.sitesaz-features .item-col .item-box .icon-box{
    width: 90px;
    height: 90px;
    padding: 24px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFAEB;
}
.sitesaz-features .item-col .item-box .title{
    font-family: 'yekan-bakh';
    font-weight: 600;
    color: #3C5788;
    font-size: 15px;
}
.sitesaz-features .container{
    padding: 0;
}
.sitesaz-features .owl-dots {
    display: none !important;
    min-height: 10px;
    position: relative;
    z-index: 1;
    bottom: 16px;
    text-align: center;
}
.sitesaz-features .owl-dots .owl-dot.active {
    width: 32px;
    background: #383490;
}
.sitesaz-features .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 0 12px;
    background: #D0D5DD;
    border-radius: 10px;
    text-align: center;
}
.sitesaz-features .center-cta-btn {
    background: #F79009;
    color: #fff;
    padding: 8px 50px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.sitesaz-features .center-cta-btn .icon{
    width: 36px;
    height: 36px;
}
.text-section-2.sitesaz-txtsec .heading h2{
    line-height: 50px;
}
.text-section-2.sitesaz-txtsec p{
    line-height: 32px;
}
.text-section-2.sitesaz-txtsec .action .button{
    padding: 12px 16px;
}
.text-section-2.sitesaz-txtsec .action{
    margin-top: 40px;
}
.icon.ss-arrow-left-slim{
    background: url( "../assets/icons/ss-arrow-left-slim.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-layout{
    background: url( "../assets/icons/ss-layout.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-monitor{
    background: url( "../assets/icons/ss-monitor.svg" ) no-repeat left center;
    background-size: contain;
}

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

.icon.ss-cpanel{
    background: url( "../assets/icons/ss-cpanel.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-hard-drive{
    background: url( "../assets/icons/ss-hard-drive.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-check-circle{
    background: url( "../assets/icons/ss-check-circle.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-cpanel-blue{
    background: url( "../assets/icons/ss-cpanel-blue.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-hard-drive-green{
    background: url( "../assets/icons/ss-hard-drive-green.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-check-circle-orange{
    background: url( "../assets/icons/ss-check-circle-orange.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-web-orange{
    background: url( "../assets/icons/ss-web-orange.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-cloud-download-orng{
    background: url( "../assets/icons/ss-cloud-download-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-cursor-edit-orng{
    background: url( "../assets/icons/ss-cursor-edit-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-db-orng{
    background: url( "../assets/icons/ss-db-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-more-orng{
    background: url( "../assets/icons/ss-more-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-rocket-orng{
    background: url( "../assets/icons/ss-rocket-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-security-password-orng{
    background: url( "../assets/icons/ss-security-password-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-seo-orng{
    background: url( "../assets/icons/ss-seo-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-support-orng{
    background: url( "../assets/icons/ss-support-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-web-design-orng{
    background: url( "../assets/icons/ss-web-design-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-web-validation-orng{
    background: url( "../assets/icons/ss-web-validation-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-woo-orng{
    background: url( "../assets/icons/ss-woo-orng-fix.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.ss-wordpress-orng{
    background: url( "../assets/icons/ss-wordpress-orng.svg" ) no-repeat left center;
    background-size: contain;
}
.text-section-2.bg-white{
    background-color: #ffffff;
    margin: 0;
    padding: 60px 0 120px 0;
}
.text-section-2.bg-azure-50{
    background-color: #EEF2F9;
    margin: 0;
    padding: 70px 0 120px 0;
}
.rec-header-divider + .plan-section.cloud-after{
    position: relative;
}
.rec-header-divider + .plan-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;
}
.pointer-cursor{
    cursor: pointer;
}
/* @@footer-v2 */
.footer-v2 .footer-affiliate{
    border-top: 1px solid #282566;
    margin-top: 35px;
    padding-top: 30px;
    position: relative;
}
.footer-v2 .contact-namad-box .inner-box{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer-v2 .contact-us-box .contact-information .item::after{
    width: 14px;
    height: 14px;
}
.footer-v2 .contact-namad-box .namad-box.inner-box div{
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border-radius: 16px;
    padding: 4px;
}
.footer-v2 .contact-namad-box .namad-box.inner-box div img{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}
.footer-v2 .namad-box{
    justify-content: space-between;
}
.footer-v2 .par-host-widget-area{
    position: relative;
}
.footer-v2 .inner-widget-box .title::before{
    display: none;
}
.footer-v2 .inner-widget-box .title {
    padding-right: 0;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 30px;
    margin-bottom: 22px;
}
.footer-v2 .inner-widget-box .title span{
    min-width: fit-content;
}
.footer-v2 .inner-widget-box .title .line{
    background: #282566;
    width: 50px;
    height: 1px;
}
.footer-v2 .inner-widget-box ul > li{
    margin-top: 18px;
    font-family: 'yekan-bakh';
    font-weight: 500;
    font-size: 11px;
}
.footer-v2 .accordion-item{
    border: none;
    background-color: transparent;
}
.footer-v2 .accordion .accordion-item:nth-child(-n+3) {
    border-bottom: 1px solid #282566;
}
.footer-v2 .accordion .accordion-item:nth-child(n+2):nth-child(-n+4) {
    border-top: 1px solid #282566;
}
.footer-v2 .footer-box::before{
    height: 40px;
}
.footer-v2 .contact-us-box .contact-information .item.call {
    border-bottom: 1px solid #1F1D4F;
}
.footer-v2 .contact-us-box .contact-information .item.location {
    border-bottom: none;
}
.footer-v2 .accordion-item .accordion-button{
    font-family: 'yekan-bakh';
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: right;
    color: #FFFFFF;
    border: none;
    background-color: transparent;
    padding: 24px 2px;
}
.footer-v2 .accordion-item .accordion-button::after{
    background: url(../assets/icons/arrow-down.svg) no-repeat center center;
    background-size: 12px;
}
.footer-v2 .accordion-item .accordion-button:not(.collapsed)::after{
    background: url(../assets/icons/arrow-down.svg) no-repeat center center;
    background-size: 12px;
}
.footer-v2 .accordion-item .accordion-body{
    padding-top: 0;
    margin-top: 8px;
    padding-right: 2px;
    padding-bottom: 0;
}
.footer-v2 .accordion-item .accordion-body ul{
    list-style-type: none;
    padding-right: 0;
}
.footer-v2 .accordion-item .accordion-body ul li a{
    font-family: 'yekan-bakh';
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    text-align: right;
    color: #A3A2CC;
}
.footer-v2 .accordion-item .accordion-body ul li{
    margin-bottom: 10px;
}
.footer-v2 .btt-button{
    top: 10px;
}
.footer-v2 .footer-box::before{
    background: url(../assets/images/logo-short-withshadow.svg) no-repeat center;
    right: 118px;
}
.footer-v2 .footer-box::after{
    right: 118px;
}
.footer-v2 .copyright-box .icon.left-arrow{
    background: url( "../assets/icons/left-arrow-azure.svg" ) no-repeat left center;
    filter: brightness(2) saturate(100%) sepia(1) hue-rotate(-30deg) saturate(500%) brightness(1.3);
    transform: scale(0.8);
    margin-right: 3px;
}
.footer-v2 .footer-box {
    padding: 72px 114px 30px;
    position: relative;
}

.content-section .content-box{
    height: 330px;
    overflow: hidden;
    position: relative;
}
.content-section .content-box:before{
    content: '';
    display: block;
    width: 100%;
    height: 180px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
    position: absolute;
    bottom: 0;
    left: 0;
}
.content-section .content-box.hide-before::before {
    display: none;
}
.content-section .content-box .content-more-btn{
    display: block;
    min-width: 120px;
    position: absolute;
    right: calc(50% - 65px);
    border-radius: 12px;
    padding: 10px 18px 10px 18px;
    background-color: #3C5788;
    color: white;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: none;
    transition: background-color 0.3s, transform 0.2s;
    font-family: 'yekan-bakh', sans-serif !important;
    font-weight: 600;
    line-height: 25px;
    bottom: 30px;
    box-shadow: rgba(99, 99, 99, 0.3) 0 2px 8px 0;
}
.content-section .content-box.hide-gradient::before {
    display: none;
}
.who-is-box #nSearch-domain-btn{
    border-radius: 18px;
    background: #F79009;
    border: none;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 24px 0 21px;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.who-is-box #nSearch-domain-btn:hover{
    background: #ffb83f;
    transition: all .2s ease-in-out;
}
.who-is-box #nSearch-domain-btn span{
    font-family: yekan-bakh, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.who-is-box #nSearch-domain-btn i.search{
    margin: 0;
    width: 26px;
    height: 26px;
    margin-right: 10px;
}
.who-is-box #nSearch-domain-btn.hns-search-domain{
    height: 54px;
}

/* @@promo-banner */
.promotion-banner {
    width: 100%;
    height: 72px;
    /*background-image: url("../assets/images/parshost-birthday21-bannerbg.png");*/
    /*background-color: #F04438;*/
    background-color: #1f1d4f;
    position: relative;
    overflow: hidden;
    background-repeat: repeat-x;
    background-position: center;
    background-size: inherit;
}
.promotion-banner.pages{
    background-image: url("../assets/images/parshost-birthday21-bannerbg.jpg");
}
.promotion-banner.home{
    background-color: #ffffff;
}
.promotion-banner a{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
.promotion-banner .container{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.promotion-banner .btn-box .button{
    background: #F79009;
    color: #fff;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    font-weight: 600;
    line-height: 25px;
    font-family: 'yekan-bakh';
    height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.promotion-banner .btn-box .button i{
    margin: 0;
    transform: scale(1.2);
}
.promotion-banner .text-box .desktop-view,
.promotion-banner .text-box .mobile-view{
    display: flex;
    gap: 10px;
    font-family: 'yekan-bakh';
    font-weight: 600;
    font-size: 14px;
    align-items: center;
    justify-content: flex-start;
    color: #ffffff;
}
.promotion-banner .text-box .desktop-view{
    display: flex;
}
.promotion-banner .text-box .mobile-view{
    display: none;
}
.promotion-banner .text-box .mobile-view .tworow{
    display: flex;
    flex-direction: column;
    margin-right: 6px;
}
.promotion-banner .text-box .mobile-view img {
    max-width: 30px;
}
.promotion-banner .text-box .percent{
    background-color: #ffffff;
    border-radius: 32px;
    color: #F04438;
    font-family: 'yekan-bakh';
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 31px;
    width: 62px;
    padding-top: 3px;
    margin: 0 4px;
}
.promotion-banner .text-box .right-img img{
    display: none;
}
/* @@reseller-features */

.buy-steps.reseller-features .owl-carousel .owl-stage{
    display: flex;
}
.buy-steps.reseller-features .owl-carousel.owl-rtl .owl-item{
    flex: 1;
}
.buy-steps.reseller-features .owl-carousel.owl-rtl .owl-item .item{
    height: 100%;
}
.buy-steps.reseller-features .container::before{
    display: none;
}
.buy-steps.reseller-features .title{
    text-align: center;
}
.buy-steps.reseller-features .desc{
    font-size: 12px;
    line-height: 24px;
}
.buy-steps.reseller-features .step{
    padding: 26px 26px 16px 26px;
    background-color: #ffffff;
}
.buy-steps.reseller-features .head{
    max-height: 150px;
    margin: 10px 0 30px 0;
}
.buy-steps.without-before .container::before{
    display: none;
}
.text-section-2.reseller p.text-gray500{
    font-size: 14px;
    line-height: 32px;
}
.text-section-2.reseller .action .button{
    padding: 12px 16px;
}
.text-section-2.reseller .img-fluid{
    max-height: 300px;
}
.text-section-2.reseller{
    padding-top: 85px;
}
.text-section-2.reseller .heading > h2{
    z-index: 1;
}
.text-section-2.reseller .heading > h2::before{
    z-index: -1;
}
.text-section-2.reseller.bg-azure05-fade{
    background: linear-gradient(180deg, rgba(238,242,249,1) 60%, rgba(238,242,249,0) 100%);
}
.text-section-2.reseller.bg-white-fade{
    background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 100%);
}
.text-section-2.bg-white-fade{
    background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 100%);
}
.text-section-2.bg-white-fade .heading > h2{
    z-index: 1;
}
.text-section-2.bg-white-fade .heading > h2::before{
    z-index: -1;
}
.wcs-section.reseller .content-box{
    line-height: 24px;
}
.wcs-section.reseller .inner-box .item:nth-child(-n+2) {
    padding-left: 30px;
    border-left: 0.5px solid transparent;
    border-image-source: radial-gradient(122.64% 14350126.3% at 113.19% 49.61%, rgba(202, 214, 235, 0) 0%, #CAD6EB 51.56%, rgba(202, 214, 235, 0) 100%);
    border-image-slice: 1;
}
.wcs-section.reseller .inner-box .item:nth-child(n+2):nth-child(-n+3) {
    padding-right: 30px;
}
.page-header.reseller .head-info p{
    line-height: 24px;
}
.page-header.reseller .image-box img{
    min-height: 300px;
}
.default-dots-style .container .owl-dots{
    display: block !important;
    min-height: 10px;
    position: relative;
    z-index: 1;
    bottom: 0;
    margin-top: 30px;
    text-align: center;
}
.default-dots-style .container .owl-dots .owl-dot.active{
    width: 32px;
    background: #006582;
}
.default-dots-style .container .owl-dots .owl-dot{
    width: 10px;
    height: 10px;
    margin: 0 12px;
    background: #D0D5DD;
    border-radius: 10px;
    text-align: center;
}

/* @@text-accordion */
.text-accordion.content-section .content-box{
    height: 170px;
    padding: 30px;
}
.text-accordion.content-section.bg-light-azure .content-box{
    background-color: #EEF2F9;
}
.text-accordion.content-section.bg-light-azure .content-box:before{
    background: linear-gradient(180deg, rgba(238, 242, 249, 0) 0%, rgba(238, 242, 249, 1) 80%);
}
.text-accordion.content-section .content-box .title{
    font-size: 16px;
    color: #3C5788;
    font-weight: 700;
    font-family: 'yekan-bakh';
    margin-bottom: 24px;
    display: block;
}
.text-accordion.content-section .content-box > p{
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    text-align: justify;
    color: #98A2B3;
}
.text-accordion.content-section .content-box > span{
    text-align: justify;
    /*display: block;*/
}
.text-accordion.content-section .inner-box.accordion-item{
    margin-bottom: 22px;
}
.text-accordion.content-section .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;
    width: 22px;
    height: 22px;
}
.text-accordion.content-section .accordion-button:not(.collapsed)::after {
    background: rgba(202, 214, 235, 0.50) url(../assets/icons/negetive.svg) no-repeat center center;
}
.text-accordion.content-section .content-box.hide-before::before {
    display: none;
}
.nheader-new-badge{
    font-size: 9px;
    font-family: 'yekan-bakh';
    color: #ffffff;
    background-color: #F04438;
    padding: 0px 4px;
    border-radius: 4px;
    width: fit-content;
    font-weight: 500;
}
.nheader-new-badge-dot{
    border-radius: 10px;
    height: 5px;
    filter: none !important;
    background: #D92D20 !important;
    display: inline-flex;
    margin-right: 8px;
    aspect-ratio: 1 / 1;
    margin-bottom: 2px;
}
.nheader-new-badge-dot + .arrow {
    margin-right: 4px !important;
}
.nheader-new-badge-text{
    filter: none !important;
    background: #D92D20 !important;
    margin-right: 8px;
    font-size: 8px !important;
    font-family: 'yekan-bakh';
    color: #ffffff !important;
    padding: 0px 4px 1px 4px;
    border-radius: 4px;
    line-height: normal !important;
}
/* @@transfer-domain */
.page-header .inner-box.transfer-domain{
    padding: 32px 56px;
    position: relative;
    background:
            url(../assets/images/transfer-bg-header.svg) no-repeat center center,
            #1F1D4F;
    background-size: cover;
    overflow: visible;
    border-radius: 24px;
    min-height: 355px;
    margin-top: 8px;
}
.page-header .inner-box.transfer-domain .who-box-container{
    position: relative;
    bottom: -100px;
    width: 100%;
    background-color: aqua;
    padding: 16px !important;
    border-radius: 30px;
    background-color: #1F1D4F1A;
    margin-top: -45px;
}
.page-header .inner-box.transfer-domain .who-is-box{
    margin-top: 0px;
    padding: 26px;
}
.page-header .inner-box.transfer-domain .circle-gradient-2{
    background: linear-gradient(160deg, rgba(43, 69, 116, 0.1) 0%, rgba(31, 29, 79, 0) 50%);
    width: 500px;
    height: 500px;
    border-radius: 100%;
    position: absolute;
    top: 80px;
    left: 145px;
    z-index: 0;
}
.page-header.transfer-domain{
    padding-bottom: 70px;
}
.page-header.transfer-domain .head-info{
    gap: 30px;
    display: flex;
    flex-direction: column;
}
.page-header.transfer-domain .head-info h1{
    font-size: 32px;
    font-weight: 600;
}
.page-header.transfer-domain .head-info p{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.page-header.transfer-domain .hnsheader-search .flex-grow-1{
    width: auto;
}
.page-header.transfer-domain .icon.left-arrow{
    margin: 0;
    margin-right: 8px;
    transform: scale(1.1);
}
.page-header.transfer-domain .container::before {
    content: " ";
    width: 92%;
    height: 40px;
    background-color: #1f1d4f;
    position: absolute;
    top: -8px;
    margin-right: 3%;
    border-radius: 20px;
    opacity: .15;
}
/*@@cloudy-products-updates*/
.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;
}
.page-header.ssl-product:has(.container.cloud-product-wrapper) + .features-section.cloud-after::after {
    position: absolute;
    content: '';
    width: 576px;
    min-height: 722px;
    display: block;
    background: url( "../assets/images/cloud-blue2.svg" ) no-repeat left;
    left: 0;
    top: 0;
    z-index: -1;
}
.page-header.ssl-product:has(.container.cloud-product-wrapper) ~ .text-section-2::before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 670px;
    height: 545px;
    background: url(../assets/images/cloud-blue3.svg) no-repeat center center;
    z-index: -1;
}
.page-header.ssl-product:has(.container.cloud-product-wrapper) ~ .text-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 670px;
    height: 545px;
    background: url(../assets/images/cloud-blue3.svg) no-repeat center center;
    transform: rotateY(180deg) rotateX(0deg);
    z-index: -1;
}
.page-header.ssl-product:has(.container.cloud-product-wrapper) ~ .support-section .support{
    background: url(../assets/images/support-overlay.svg) no-repeat center center, #016682;
    background-size: cover;
}
.page-header.ssl-product:has(.container.cloud-product-wrapper) ~ .support-section .support h2.h3,
.page-header.ssl-product:has(.container.cloud-product-wrapper) ~ .support-section .support .item i,
.page-header.ssl-product:has(.container.cloud-product-wrapper) ~ .support-section .support .item span{
    filter: invert(0%) brightness(200%);
    color:#ffffff;
}
.page-header.ssl-product:has(.container.cloud-product-wrapper) ~ .support-section .support p.text-14px{
    color:#8ADEF6;
}
/* @@jobs */
.page-header.jobs .inner-box.transfer-domain{
    min-height: 320px;
}
.jobs-page .whole-rules{
    background: transparent;
    border: none;
    padding: 0;
}
.jobs-page .accordion-button {
    pointer-events: none;
    cursor: default;
    padding: 20px 16px !important;
}
.jobs-page .rule::after,
.jobs-page .rule .accordion-button::after{
    display: none;
}
.jobs-page .accordion-header{
    position: relative;
}
.jobs-page .accordion-header::after{
    content: '';
    position: absolute;
    right: 0;
    width: 96%;
    height: 1px;
    background: linear-gradient(270deg, #F9FAFB 0%, #E7E7E7 51.04%, #F9FAFB 100%);
    z-index: 4;
    bottom: 1px;
    margin: 0 20px;
}

.jobs-page .accordion-item{
    margin-bottom: 30px;
    border-radius: 24px;
    padding: 0 14px 16px 14px;
    border: 1px solid rgba(202, 214, 235, 0.30);
}
.jobs-page .title{
    font-size: 16px;
}
.jobs-page .accordion-header .right{
    gap: 6px;
}
.jobs-page .accordion-header .right .detail:nth-child(1) i{
    transform: scale(0.6);
}
.jobs-page .accordion-header .right .vertical-line{
    width: 1px;
    height: 11px;
    background-color: #CAD6EB99;
    margin-top: 7px;
}
.jobs-page .accordion-header .right .detail span{
    font-size: 14px;
    color: #3C5788;
    font-weight: 500;
    margin-right: -5px;
}
.jobs-page .accordion-header .left{
    padding: 6px 16px;
    border-radius: 9px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    width: fit-content;
}
.jobs-page .accordion-header .left.success{
    background-color: #ECFDF3;
    color: #12B76A;
}
.jobs-page .accordion-header .left.warning{
    background-color: #FFFAEB;
    color: #FDB022;
}
.jobs-page .whole-rules .rule .accordion-body{
    color: #667085;
}
.jobs-page .accordion-body .button{
    background: #F79009;
    color: #fff;
    padding: 9px 16px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
    font-family: "yekan-bakh", sans-serif;
    font-weight: 400;
}
.jobs-page .accordion-body .button .icon{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 25px;
    width: 25px;
    height: 25px;
}
.jobs-page .accordion-header .meta-box{
    position: relative !important;
    bottom: 0 !important;
}

.icon.azure.layers {
    background: url( "../assets/icons/3layers.svg" ) no-repeat center;
    background-size: contain;
}
.sitesaz-mini-features.support{
    background: #f9fafb;
}
.sitesaz-mini-features.support .who-box-container{
    background: transparent !important;
}
.sitesaz-mini-features.support .who-box-container .row.gy-4,
.sitesaz-mini-features.support.who-box-container .row.gy-4{
    display: flex;
    justify-content: center;
    gap: 16px;
}
.sitesaz-mini-features.support.support-who-mobile .features-item{
    max-width: none !important;
}
.sitesaz-mini-features.support.support-who-mobile
.sitesaz-mini-features.support .page-header .inner-box.transfer-domain{
    padding: 32px 26px;
}
.sitesaz-mini-features.support .support-who-desktop{
    bottom: -112px !important;
}
.support-page{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-direction: row-reverse;
    width: 100%;
    margin: 22px auto;
}
.support-page .map{
    width: 360px;
    background-color: #ffffff;
    position: relative;
    height: 500px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 16px 32px 0px #0000000F;
}
.support-page .map #map{
    height: 105%;
    width: 100%;
}
.support-page .map #map .map-icons{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background-color: #fff;
    z-index: 1000;
    position: absolute;
    left: 5%;
    top: 3%;
    box-shadow: 0px 16px 32px 0px #0000000F;
}
.support-page .map #map .map-icons a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.support-page .map #map .map-icons img{
    width: 18px;
}
.support-page .map #map .addr-container{
    width: 100%;
    height: 100%;
    z-index: 999;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43.83%, #E1ECFF 100%);
}
.support-page .map #map .map-addr{
    background-color: #F9FAFB;
    width: 86%;
    height: 86px;
    z-index: 999;
    position: absolute;
    border-radius: 12px;
    right: 7%;
    box-shadow: 0px 16px 32px 0px #0000000F;
    bottom: 50px;
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 10px;
}
.support-page .map #map .map-addr .icon{
    width: 36px;
    height: 100%;
}
.support-page .map #map .map-addr .icon i{
    width: 100%;
    height: 100%;
    box-shadow: none;
    border-radius: 0;
}
.support-page .map #map .map-addr .text{
    font-family: 'yekan-bakh';
    line-height: 22px;
    color: #3C5788;
    font-size: 14px;
}
.icon.support-chat{
    background: url( "../assets/icons/support-chat.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.support-phone{
    background: url( "../assets/icons/support-phone.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.support-ticket{
    background: url( "../assets/icons/support-ticket.svg" ) no-repeat left center;
    background-size: contain;
}
.sitesaz-mini-features.support.support-who-mobile{
    display: none;
}

.support-page .forms{
    width: 736px;
    max-width: 736px;
    background-color: #ffffff;
    height: 500px;
    position: relative;
    border-radius: 24px;
    padding: 32px 24px;
}
.support-page .forms textarea,
.support-page .forms input{
    border: 1px solid #EEF2F9;
    border-radius: 12px;
    padding: 16px;
    font-size: 14px;
    font-family: 'yekan-bakh';
    color: #B0C2E2;
}

.support-page .forms input::placeholder {
    color: #B0C2E2;
}

.support-page .forms textarea{
    height: 200px !important;
}

.support-page .wpcf7-spinner {
    position: absolute;
    right: 0;
}

.support-page .forms .button {
    background: #F79009;
    color: #fff;
    padding: 10px 18px 10px 14px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
    font-family: "yekan-bakh", sans-serif;
}

.support-page .forms .button::after {
    background: url( "../assets/icons/left-arrow.svg" ) no-repeat left center;
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 12px;
}

.wpcf7-response-output {
    position: fixed;
    right: 16px;
    bottom: 123px;
    z-index: 999;
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0;
    background-color: #ffffff;
    padding: 24px;
    min-width: 130px;
    border-radius: 24px;
    justify-content: space-between;
    flex-direction: row-reverse;
    max-width: 360px;
    font-size: 14px;
    font-family: "yekan-bakh";
    color: #3C5788;
    border-color: #12B76A;
}

.newbgheader-slider .sliders .slider .left .img-main img {
    height: 350px;
    object-fit: contain;
}
.img-promo{
    /*background-color: #35cf8f;*/
    background-color: #ffffff;
    /*background-image: url('https://pars.host/wp-content/uploads/2025/06/Banner.jpg');*/
    background-position: center;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    width: 100%;
    /*height: 46px;*/
    /*height: 70px;*/
    height: 65px;
    overflow: hidden;
    position: relative;
    display: block;
}
.img-promo.light{
    background-image: url('https://pars.host/wp-content/uploads/2026/01/winter404d.jpg');
}
.img-promo.dark{
    background-image: url('https://pars.host/wp-content/uploads/2026/01/winter404d.jpg');
}
.newbgheader-slider,
.nHeader {
    transition: background 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.jobs.auto_slider_container{
    /*max-width: 1296px;*/
    max-width: 100%;
    display: flex;
    margin: auto;
    direction: ltr;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: -150px;
    height: 300px;
}
.jobs.auto_slider_container .auto_slider{
    padding: 0px;
    margin: 0px;
    list-style: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    width: max-content;
    will-change: transform;
    transform: translate3d(0,0,0);
    animation: rotation 40s linear infinite;
}
.jobs.auto_slider_container .auto_slider li{
    font: 16px/1.2 "Roboto";
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    box-sixing: border-box;
    border-radius: 25px;
    height: 250px;
    width: 390px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex: 0 0 auto;
    margin: 0 50px;
    box-sizing: border-box;
}
.jobs.auto_slider_container .auto_slider li:nth-child(1) {
    background-image: url('https://pars.host/wp-content/uploads/2025/07/team1slim.jpg');
}

.jobs.auto_slider_container .auto_slider li:nth-child(2) {
    background-image: url('https://pars.host/wp-content/uploads/2025/07/team2slim.jpg');
}

.jobs.auto_slider_container .auto_slider li:nth-child(3) {
    background-image: url('https://pars.host/wp-content/uploads/2025/07/team3slim.jpg');
}

.jobs.auto_slider_container .auto_slider li:nth-child(4) {
    background-image: url('https://pars.host/wp-content/uploads/2025/07/team5slim.jpg');
}

.jobs.auto_slider_container .auto_slider li img {
    width: 80px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
}
.jobs.auto_slider_container .auto_slider li:nth-child(even) {
    transform: translateY(-8px) rotate(4deg);
}
.jobs.auto_slider_container .auto_slider li:nth-child(odd) {
    transform: translateY(8px) rotate(-4deg);
}
@keyframes rotation {
    0% {
        transform:translateX(0)
    }
    100% {
        transform:translateX(-100%)
    }
}
.job-steps .step-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
    color: #555;
    position: relative;
    z-index: 10;
    flex-shrink: 0;
    padding-top: 5px;
    background-color: #ffffff;
    color: #3C5788;
}
.job-steps .step-text {
    font-size: 0.9rem;
    color: #3C5788;
    line-height: 1.6;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
}
.job-steps .step-connector {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}
.job-steps .step-connector .ss-arrow-left-slim {
    transform: scale(2);
}
.job-steps .curve-arrow.topleft{
    width: 30px;
    height: 30px;
    background: url("../assets/images/curve-arrow-left.png") no-repeat center center;
    background-size: contain;
    transform: rotate(-40deg) translate(30px, -40px);
    opacity: 0.1;
}
.job-steps .curve-arrow.bottomleft{
    width: 30px;
    height: 30px;
    background: url("../assets/images/curve-arrow-right.png") no-repeat center center;
    background-size: contain;
    transform: rotate(-140deg) translate(4px, 0px);
    opacity: 0.1;
}
.jobs-cta.creative-section {
    position: relative;
    padding: 6rem 0;
    overflow: hidden;
}
.jobs-cta.creative-section .creative-inner-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.jobs-cta.creative-section .content-column {
    flex: 1;
    padding: 1rem;
    text-align: right;
}
.jobs-cta.creative-section .image-column {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jobs-cta.creative-section .image-column img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.15));
    position: absolute;
    width: 480px;
}
.jobs-cta.creative-section .creative-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1a2a4d;
    margin-bottom: 1rem;
    line-height: 1.3;
}
.jobs-cta.creative-section .creative-subtitle {
    font-size: 1.1rem;
    color: #5a647e;
    margin-bottom: 2.5rem;
    line-height: 1.7;
}
.jobs-cta.creative-section .cta-button {
    background: #F79009;
    color: #fff;
    padding: 12px 22px;
    font-size: 14px;
    border-radius: 12px;
    position: relative;
    z-index: 99;
    display: inline-block;
    font-family: "yekan-bakh", sans-serif;
}
.jobs-cta.creative-section .blob1, .blob2 {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    z-index: 0;
}
.jobs-cta.creative-section .blob1 {
    width: 400px;
    height: 400px;
    background-color: rgba(0, 123, 255, 0.1);
    top: -100px;
    left: -100px;
}
.jobs-cta.creative-section .blob2 {
    width: 300px;
    height: 300px;
    background-color: rgba(0, 230, 195, 0.1);
    bottom: -50px;
    right: -50px;
}
.jobs-cta.creative-section .creative-inner-box {
    position: relative;
    z-index: 1;
    background-color: #f0fdff;
}

/* @@glass-plans-main */
#glass-plans-main {
    font-family: 'yekan-bakh';
    color: #2D3748;
    padding: 2rem;
    width: 100%;
    /*max-width: 1216px;*/
    margin: 0 auto;
}
#glass-plans-main .headline-section {
    text-align: center;
    margin-bottom: 3rem;
}
#glass-plans-main .headline-section h1 {
    font-size: 32px;
    font-weight: 700;
    display: inline-block;
    position: relative;
}
#glass-plans-main .headline-section h1::before {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    background-color: #FFC72C;
    border-radius: 50%;
    top: -4px;
    right: -40px;
    z-index: -1;
    filter: blur(10px);
}
#glass-plans-main .headline-section p {
    font-size: 16px;
    color: #718096;
    margin-top: 0.75rem;
}
#glass-plans-main .table-container {
    background: #ffffff;
    border: 6px solid #F2F4F7;
    border-radius: 24px;
    padding: 1.5rem 1rem 2.1rem 3.5rem;
    display: grid;
    grid-template-columns: 1.5fr 4fr;
    grid-template-rows: auto 1fr auto;
    column-gap: 1rem;
    background: url(../assets/images/glass-plan-overlay.svg) no-repeat center center, #ffffff;
    background-size: cover;
}
#glass-plans-main .table-headers {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-bottom: 1.6rem;
    padding-top: 0.5rem;
}
#glass-plans-main .header-item {
    color: #667085;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 46px;
}
#glass-plans-main .table-headers .header-item {
    justify-content: center;
    margin-right: 0;
}
#glass-plans-main .header-item .question-gray{
    position: relative;
}
#glass-plans-main .header-item .question-gray::after {
    content: attr(data-text);
    position: absolute;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%) translateY(0%) scale(1);
    background: rgba(50, 50, 50, 1);
    color: white;
    padding: 9px 18px;
    border-radius: 8px;
    white-space: nowrap;
    font-size: 11px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    font-family: 'Yekan Bakh', sans-serif;
}
#glass-plans-main .header-item .question-gray::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 7px solid transparent;
    /*border-top-color: rgba(50, 50, 50, 1);*/
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
#glass-plans-main .header-item .question-gray:hover::after,
#glass-plans-main .header-item .question-gray:hover::before {
    opacity: 1;
}
#glass-plans-main .header-item .question-gray:hover::after {
    transform: translateX(-50%) scale(1);
}
#glass-plans-main .plan-names-sidebar {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    padding-top: 0.5rem;
    position: relative;
    margin-right: 10px;
}
#glass-plans-main .plan-name-cell {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    font-size: 16px;
    font-weight: 700;
    min-height: 100px;
    align-items: center;
    padding: 0.75rem 1rem;
    color: #2D3748;
    cursor:pointer;
    padding-right: 40px;
}
#glass-plans-main .plan-name-cell.active span{
    margin-right: 12px;
    font-weight: 700;
}
#glass-plans-main .plan-name-cell .plan-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #A0AEC0;
    align-self: center;
    transition: transform .4s cubic-bezier(0.645,0.045,0.355,1),
    width .4s cubic-bezier(0.645,0.045,0.355,1),
    height .4s cubic-bezier(0.645,0.045,0.355,1);
    position: relative;
    z-index: 1;
}
#glass-plans-main .plan-name-cell span {
    z-index: 3;
    pointer-events: none;
    position: absolute;
    margin-right: 24px;
    transition: 0.5s;
}
#glass-plans-main .data-area {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    background: rgba(31, 29, 79, 1);
    border-radius: 16px;
    margin-top: 0.5rem;
    position: relative;
    color: #FFFFFF;
    height: max-content;
}
#glass-plans-main #highlight-layer {
    position: absolute;
    background: rgba(127, 125, 175, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 16px;
    z-index: 2;
    transition: top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
    width 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
    right 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
}
#glass-plans-main .plan-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    min-height: 100px;
    position: relative;
    z-index: 5;
    cursor: pointer;
}
#glass-plans-main .plan-cell {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 4px;
}
#glass-plans-main .plan-cell .value {
    font-size: 32px;
    font-weight: 700;
    transition: color 0.4s ease-in-out;
    line-height: 28px;
}
#glass-plans-main .plan-cell .unit {
    font-size: 12px;
    color: #A0AEC0;
    margin-top: 0.1rem;
}
#glass-plans-main .discount-cell { align-items: center;margin-right: 20px; }
#glass-plans-main .discount-tag {
    background-color: #D92D20;
    color: white;
    border-radius: 9999px;
    padding: 0.25rem 0 0.05rem 0;
    font-weight: 700;
    font-size: 13px;
    align-items: center;
    display: flex;
    gap: 4px;
    width: 98px;
    justify-content: center;
}
#glass-plans-main .discount-tag span{
    font-weight: 700;
    font-size: 18px;
}
#glass-plans-main .plan-row.active .plan-cell .value {
    color: #FDB022;
}
#glass-plans-main .plan-names-sidebar .plan-name-cell.active .plan-dot {
    width: 40px;
    height: 40px;
    transform: scale(1.1) translateX(36px);
}
#glass-plans-main .order-button {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    background-color: #F79009;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 12px;
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 220px;
    margin-right: 50px;
}
#glass-plans-main .order-button span{
    margin-top: 4px;
    font-weight: 500;
}
#glass-plans-main .footer-note {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    background-color: #D1FADF;
    border-radius: 16px;
    padding: 1.5rem 1rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #12B76A;
    font-weight: 500;
    font-size: 14px;
}
#glass-plans-main .footer-note .note-content {
    display: flex;
    align-items: center;
    gap: 1rem;
}
#glass-plans-main .whmcs-button {
    background-color: #F79009;
    color: #FFFFFF;
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}
#glass-plans-main .plan-names-sidebar .plan-name-cell:nth-child(1) .plan-dot { background-color: #D0D5DD !important; }
#glass-plans-main .plan-names-sidebar .plan-name-cell:nth-child(2) .plan-dot { background-color: #FEC84B !important; }
#glass-plans-main .plan-names-sidebar .plan-name-cell:nth-child(3) .plan-dot { background-color: #B8E6EA !important; }
#glass-plans-main .plan-name-cell:hover .plan-dot,
#glass-plans-main .plan-name-cell.active .plan-dot {
    width: 40px;
    height: 40px;
    transform: scale(1.2) translateX(15px);
}
#glass-plans-mobile {
    font-family: 'yekan-bakh';
    direction: rtl;
    background: #fff;
    border: 6px solid #f2f4f7;
    border-radius: 24px;
    padding: 4px 16px;
    width: 95%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
}
#glass-plans-mobile-after {
    font-family: 'yekan-bakh';
    direction: rtl;
    padding: 24px 0;
    width: 95%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
}
#glass-plans-mobile .plans-wrapper {
    display: flex;
    flex-direction: column;
}
#glass-plans-mobile .plan-accordion-item {
    border-bottom: 1px solid #f2f4f7;
    padding: 16px 4px;
}
#glass-plans-mobile .plan-accordion-item:last-child {
    border-bottom: none;
}
#glass-plans-mobile .plan-selector {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: 8px;
    color: #344054;
    cursor: pointer;
    padding: 10px 0;
}
#glass-plans-mobile .plan-selector p {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
#glass-plans-mobile .plan-selector .plan-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
#glass-plans-mobile .plan-accordion-item:nth-child(1) .plan-dot { background-color: #D0D5DD; }
#glass-plans-mobile .plan-accordion-item:nth-child(2) .plan-dot { background-color: #FEC84B; }
#glass-plans-mobile .plan-accordion-item:nth-child(3) .plan-dot { background-color: #B8E6EA; }
#glass-plans-mobile .plan-details-card {
    background: #1f1d4f;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out, margin-top 0.5s ease-in-out, padding-top 0.5s ease-in-out, padding-bottom 0.5s ease-in-out;
}
#glass-plans-mobile .plan-accordion-item.active .plan-details-card {
    max-height: 400px;
    opacity: 1;
    margin-top: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
}
#glass-plans-mobile .detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
#glass-plans-mobile .detail-row .value-block{
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 100px;
}
#glass-plans-mobile .value-block .value { font-size: 32px; font-weight: 600; color: #fff; }
#glass-plans-mobile .value-block .unit { text-align: end;font-size: 12px; font-weight: 500; color: #98a2b3; display: block; margin-top: -8px; }
#glass-plans-mobile .detail-label { font-size: 14px; font-weight: 500; color: #eaecf0; margin: 0; }
#glass-plans-mobile .discount-tag { background: #d92d20; border-radius: 21px; padding: 3px 11px 1px 11px; color: #fff; font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 6px; }
#glass-plans-mobile .discount-tag span:first-child{ font-size: 18px; }
#glass-plans-mobile-after .info-box { background: #d1fadf; border-radius: 12px; padding: 24px; display: flex; justify-content: flex-start; align-items: center; gap: 8px; }
#glass-plans-mobile-after .info-box p { margin: 0; font-size: 14px; font-weight: 600; color: #12b76a; text-align: right; line-height: 1.5; }
#glass-plans-mobile-after .download-button { background: #f79009; box-shadow: 0px 4px 4px 0 rgba(0,0,0,0.02), 0px 8px 16px 0 rgba(0,0,0,0.06); border-radius: 12px; padding: 16px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
#glass-plans-main {
    display: none;
}
.icon.white-download {
    background: url( "../assets/icons/white-download.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.question-green {
    background: url( "../assets/icons/question-green.svg" ) no-repeat left center;
    background-size: contain;
}
.whmcs-download-section {
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background-color: #eef2f9;
    padding: 16px;
    border-radius: 16px;
    margin-top: 2rem;
}
.whmcs-download-section .whmcs-text {
    font-size: 14px;
    font-weight: 700;
    color: #3c5788;
    margin: 0;
    line-height: 1.6;
}
.whmcs-download-section .whmcs-button {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
    background-color: #f79009;
    color: #fff;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0px 4px 4px 0 rgba(0,0,0,0.02), 0px 8px 16px 0 rgba(0,0,0,0.06);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.2s ease;
}
.hide-before::before {
    display: none !important;
}

/* hub */

.pars-host-hub-horizental {
    padding: 40px 48px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid #FEC84B;
    position: relative;
    overflow: hidden;
}

.pars-host-hub-horizental .row::before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: -4px;
    width: 240px;
    height: 156px;
    background: url( "../assets/icons/hub-orange-cloude.svg" ) no-repeat center center;
    background-size: cover;
    z-index: 0;
    opacity: 0.6;
    border-radius: 24px;
}

.pars-host-hub-horizental.no-cloud .row::before {
    display: none
}

.pars-host-hub-horizental .title {
    color: #3C5788;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    font-family: 'yekan-bakh', sans-serif;
}

.pars-host-hub-horizental .content-box .title {
    font-size: 24px;
    margin-bottom: 16px;
}

.pars-host-hub-horizental .desc {
    color: #98A2B3;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
}

.pars-host-hub-horizental .features {
    list-style: none;
}

.pars-host-hub-horizental .features > li {
    color: #3C5788;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
}

.pars-host-hub-horizental .call-to-action {
    color: #FFF;
    text-align: center;
    min-width: 175px;
    display: inline-block;
    font-size: 16px;
    border-radius: 12px;
    font-weight: 700;
    position: relative;
    ine-height: 20px;
    font-family: 'yekan-bakh', sans-serif;
}

.pars-host-hub-horizental .call-to-action span {
    position: relative;
    z-index: 2;
    display: block;
    line-height: 20px;
}

.pars-host-hub-horizental .call-to-action::before {
    background: rgba(247, 144, 9, 0.30);
    position: absolute;
    content: '';
    display: block;
    left: -4px;
    bottom: -4px;
    top: -4px;
    right: -4px;
    border-radius: 15px;
    z-index: 1;
}

.faq-secondary .accordion-button,
.faq-secondary .accordion-item {
    background-color: rgba( 0, 0, 0, 0 );
}


.faq-secondary .accordion-item {
    border: none;
    position: relative;
}

.faq-secondary .accordion-item .accordion-body{
    padding-bottom: 40px;
    position: relative;
    color: #667085;
    text-align: justify;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    padding-top: 0;
}

.faq-secondary .accordion-item .accordion-body::after {
    content: '';
    position: absolute;
    bottom: 0px;
    height: 2px;
    width: 100px;
    background: #12B76A;
    right: 20px;
}

.faq-secondary .accordion-button {
    padding-top: 40px;
}

.faq-secondary .accordion-button {
    color: #3C5788;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.accordion-button::after,
.faq-secondary .accordion-button:not(.collapsed)::after {
    display: none;
}

.hub-mini-features {
    background: linear-gradient(180deg, rgb(249, 250, 251) 50%, rgb(255, 255, 255) 50%);
}

.hub-mini-features .row > div.features-item:nth-child(3)::after {
    display: none;
}

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

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

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

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

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

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

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

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

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

.icon.hub-access {
    background: url( "../assets/icons/hub-dashboard-square-setting.svg" ) no-repeat left center;
    background-size: contain;
}

.icon.folder-share {
    background: url( "../assets/icons/hub-folder-shared-02.svg" ) no-repeat left center;
    background-size: contain;
}


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

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


.accardion-carousels .accordion-item .show .accordion-body {
    padding-bottom: 48px !important;
}

.accardion-carousels .accordion-item .accordion-button .bg-warning400 {
    width: 44px;
    height: 44px;
    padding: 8px;
    border-radius: 8px;
    text-align: center;
}

.accardion-carousels .accordion-item .show .accordion-body::after {
    bottom: 24px;
    height: 3px;
}

.accardion-carousels .accordion-item .show .accordion-body::before {
    height: 1px;
    width: calc( 100% - 32px);
    left: 16px;
    right: 16px;
    content: '';
    display: block;
    position: absolute;
    bottom: 25px;
    background: #eaecf0;

}

.hub-carousel .simple-feature-box {
    padding: 16px;
}
.hub-carousel .simple-feature-box .head img {
    max-width: 100%;
}

.hub-carousel .title {
    color: #3C5788;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    margin: 0;
}

.hub-carousel .head {
    border-radius: 100%;
    text-align: center;
    padding: 24px;
    background: #FFFAEB;
    width: 88px;
    height: 88px;
    margin-bottom: 24px;
}

.pars-host-hub-horizental .img-box {
    text-align: center;
}

.pars-host-hub-horizental .img-box > img {
    max-height: 185px;
}

/* @@iaas */
.page-header.iaas .inner-box.ssl-product{
    background: url( "../assets/images/bg-iaas-d.png" ) no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.page-header.iaas .inner-box.ssl-product .row{
    position: relative;
}
.page-header.iaas .inner-box.ssl-product .row .col-lg-6{
    margin: auto;
}
.page-header.iaas .inner-box.ssl-product .row .col-lg-6 > :first-child{
    text-align: right;
    position: absolute;
    background: #101828;
    right: 0;
}
.page-header.iaas .inner-box.ssl-product .row .col-lg-6 > :nth-child(n+2){
    text-align: center;
}
.page-header.iaas .inner-box.ssl-product .row .col-lg-6 > :nth-child(2){
    margin-top: 120px;
}
.page-header.iaas .inner-box.ssl-product .row .col-lg-6 > :nth-child(3) .action{
    background: none;
}
.page-header.iaas .inner-box.ssl-product .head-info p{
    line-height: 26px;
}
.page-header.iaas .inner-box.ssl-product .action-box{
    margin-bottom: 72px;
}
.page-header.iaas .inner-box.ssl-product .action-box .button{
    font-size: 14px;
}
.iaas-section {
    font-family: 'yekan-bakh';
    background-color: #f9fafb;
    color: #344054;
    width: 100%;
    margin: 40px auto;
    padding: 20px;
}
.wcs-section.iaas {
    position: relative;
    z-index: 0;
}
/* --------------------------------- */
/* CONTROLS (SEARCH, FILTER, TOGGLE) */
/* --------------------------------- */
.iaas-section__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.iaas-section__controls .iaas-section__controls-btn{
    display: flex;
    gap: 14px;
}
.iaas-section__control-base {
    padding: 16px;
    border-radius: 12px;
    border: none;
    font-family: inherit;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.iaas-section__search-bar {
    flex-grow: 1;
    max-width: 280px;
    background-color: #f2f4f7;
    color: #98a2b3;
    flex-direction: row-reverse;
}

.iaas-section__search-bar svg {
    stroke: #98a2b3;
}

.iaas-section__search-bar input {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
    font-family: inherit;
    font-weight: 400;
    font-size: 12px;
    text-align: right;
    color: #344054;
}

.iaas-section__search-bar input::placeholder {
    color: #98a2b3;
}

.iaas-section__filter-dropdown {
    min-width: 190px;
    background-color: #fff;
    color: #3c5788;
    justify-content: space-between;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%233C5788' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 16px center;
}

.iaas-section__filter-dropdown svg {
    stroke: #3c5788;
}

.iaas-section__view-toggle {
    background-color: #3c5788;
    color: #fff;
    padding: 14px;
}

.iaas-section__view-toggle svg {
    width: 20px;
    height: 20px;
    stroke: #fff;
}

.iaas-section__grid-container {
    display: grid;
    gap: 32px;
}

/* --------------------------------- */
/* CARD STYLES                       */
/* --------------------------------- */
.iaas-card {
    background: #fff;
    border-radius: 32px;
    position: relative;
    border: 1px solid transparent;
    transition: border-color 0.3s ease;
    display: flex;
}

.iaas-card:hover {
    border-color: #3c578844;
    cursor: pointer;
}

.iaas-card__icon-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iaas-card__bg-circles {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.iaas-card__bg-circles .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #F9FAFB;
    border-radius: 50%;
}


.iaas-section__grid-container.view-small .iaas-card__bg-circles .circle-1 {
    width: 200px;
    height: 200px;
    opacity: 0.5;
}
.iaas-section__grid-container.view-small .iaas-card__bg-circles .circle-2 {
    width: 170px;
    height: 170px;
    opacity: 0.8;
}
.iaas-section__grid-container.view-small .iaas-card__bg-circles .circle-3 {
    width: 140px;
    height: 140px;
    opacity: 0.9;
}
.iaas-section__grid-container.view-small .iaas-card__bg-circles .circle-4 {
    width: 110px;
    height: 110px;
    opacity: 1;
    background-color: #D0D5DD11;
}

.iaas-section__grid-container.view-large .iaas-card__bg-circles .circle-1 {
    width: 250px;
    height: 250px;
    opacity: 0.5;
}
.iaas-section__grid-container.view-large .iaas-card__bg-circles .circle-2 {
    width: 210px;
    height: 210px;
    opacity: 0.8;
}
.iaas-section__grid-container.view-large .iaas-card__bg-circles .circle-3 {
    width: 170px;
    height: 170px;
    opacity: 0.9;
}
.iaas-section__grid-container.view-large .iaas-card__bg-circles .circle-4 {
    width: 130px;
    height: 130px;
    opacity: 1;
    background-color: #D0D5DD11;
}

.iaas-section__grid-container.view-medium .iaas-card__bg-circles .circle-1 {
    width: 110px;
    height: 110px;
    opacity: 0.3;
}
.iaas-section__grid-container.view-medium .iaas-card__bg-circles .circle-2 {
    width: 95px;
    height: 95px;
    opacity: 0.8;
}
.iaas-section__grid-container.view-medium .iaas-card__bg-circles .circle-3 {
    width: 80px;
    height: 80px;
    opacity: 0.9;
}
.iaas-section__grid-container.view-medium .iaas-card__bg-circles .circle-4 {
    width: 65px;
    height: 65px;
    opacity: 1;
    background-color: #D0D5DD11;
}

.iaas-card__logo-wrapper {
    position: relative;
    z-index: 1; /* بالای دایره ها */
    display: flex;
    align-items: center;
    justify-content: center;

    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.iaas-card:hover .iaas-card__logo-wrapper {
    transform: rotateY(180deg);
}

.iaas-card__logo {
    object-fit: contain;
    transform: translateZ(0);
}

.iaas-card__content {
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.iaas-card__title {
    font-size: 24px;
    font-weight: 700;
    color: #3c5788;
    margin: 0 0 16px 0;
    text-align: left;
}

.iaas-section__grid-container.view-large .iaas-card__title{
    text-align: end;
}
.iaas-card__description {
    font-size: 14px;
    color: #667085;
    text-align: justify;
    line-height: 1.8;
    margin: 0 0 24px 0;
    flex-grow: 1;
}

.iaas-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.iaas-card__tag {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 24px;
    background: #f9fafb;
    font-size: 12px;
    color: #98a2b3;
    flex-direction: row-reverse;
}

.iaas-card__tag svg {
    stroke: #98a2b3;
}
.iaas-card__tag span {
    margin-top: 2px;
    line-height: 1px;
}

.iaas-card.hidden {
    display: none;
}

/* --------------------------------- */
/* VIEW 1: LARGE (DEFAULT)           */
/* --------------------------------- */
.iaas-section__grid-container.view-large {
    grid-template-columns: repeat(3, 1fr);
}

.iaas-section__grid-container.view-large .iaas-card {
    flex-direction: row;
    padding: 32px;
    min-height: 240px;
    margin-top: 20px;
}

.iaas-section__grid-container.view-large .iaas-card__content {
    flex: 1;
}

.iaas-section__grid-container.view-large .iaas-card__icon-area {
    width: 96px;
    height: 96px;
    align-self: flex-start;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    top: -30px;
}

.iaas-section__grid-container.view-large .iaas-card__bg-circles {
    width: 258px;
    height: 258px;
    top: 50%;
    left: 50%;
    transform: translate(-42%, -78%);
}
.iaas-section__grid-container.view-large .iaas-card__bg-circles-wrapper{
    height: 180px;
    overflow: hidden;
    position: absolute;
    width: 200px;
    top: 30px;
    border-radius: 32px;
    right: -32px;
}
.iaas-section__grid-container.view-large .iaas-card__logo-wrapper {
    width: 96px;
    height: 96px;
}

.iaas-section__grid-container.view-large .iaas-card__logo {
    width: 96px;
    height: 96px;
}

.iaas-section__grid-container.view-large .iaas-card__description.long {
    display: block;
    padding-top: 10px;
    font-weight: 500;
    line-height: 30px;
}
.iaas-section__grid-container.view-large .iaas-card__description.short{
    display: none;
}
.iaas-section__grid-container.view-large .iaas-card__tags {
    display: flex;
}

/* --------------------------------- */
/* VIEW 2: MEDIUM (TAGS)             */
/* --------------------------------- */
.iaas-section__grid-container.view-medium {
    grid-template-columns: repeat(3, 1fr);
}

.iaas-section__grid-container.view-medium .iaas-card {
    flex-direction: row-reverse;
    padding: 32px;
    min-height: 160px;
    align-items: center;
}

.iaas-section__grid-container.view-medium .iaas-card__content {
    flex: 1;
    /*padding-right: 16px;*/
}

.iaas-section__grid-container.view-medium .iaas-card__icon-area {
    width: 50px;
    height: 50px;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    right: 30px;
    top: 28px;
}

.iaas-section__grid-container.view-medium .iaas-card__bg-circles {
    width: 130px;
    height: 130px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.iaas-section__grid-container.view-medium .iaas-card__logo-wrapper {
    width: 50px;
    height: 50px;
}

.iaas-section__grid-container.view-medium .iaas-card__logo {
    width: 50px;
    height: 50px;
}

.iaas-section__grid-container.view-medium .iaas-card__description.short {
    display: block;
    padding-top: 16px;
    font-weight: 500;
}
.iaas-section__grid-container.view-medium .iaas-card__description.long {
    display: none;
}
.iaas-section__grid-container.view-medium .iaas-card__tags {
    display: flex;
    justify-content: end;
}

/* --------------------------------- */
/* VIEW 3: SMALL (ICON)              */
/* --------------------------------- */
.iaas-section__grid-container.view-small {
    grid-template-columns: repeat(6, 1fr);
}
.sitesaz-features.iaas-section__grid-container.view-small {
    grid-template-columns: none;
    overflow: hidden;
    display: block;
    background-color: #ffffff;
}

.iaas-section__grid-container.view-small .iaas-card {
    flex-direction: column;
    padding: 24px;
    min-height: 155px;
    align-items: center;
    justify-content: flex-start;
    height: 155px;
    margin-top: 25px;
}

.sitesaz-features.iaas-section__grid-container.view-small .iaas-card {
    min-height: 170px;
    border-radius: 32px;
    box-shadow: 0px 2px 1px 0px #00000022;
}

.iaas-section__grid-container.view-small .iaas-card__content {
    order: 2;
    text-align: center;
    align-items: center;
    bottom: 32px;
    position: relative;
}

.sitesaz-features.iaas-section__grid-container.view-small .iaas-card__content {
    bottom: 44px;
}

.iaas-section__grid-container.view-small .iaas-card__title {
    font-size: 20px;
    margin: 0;
}

.iaas-section__grid-container.view-small .iaas-card__icon-area {
    order: 1;
    width: 80px;
    height: 80px;
    margin-bottom: 24px;
    position: relative;
    top: -45px;
}

.iaas-section__grid-container.view-small .iaas-card__bg-circles {
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -85%);

}
.iaas-section__grid-container.view-small .iaas-card__bg-circles-wrapper{
    height: 180px;
    overflow: hidden;
    position: absolute;
    width: 165px;
    top: 22px;
    border-radius: 32px;
}
.iaas-section__grid-container.view-small .iaas-card__logo-wrapper {
    width: 80px;
    height: 80px;
}

.iaas-section__grid-container.view-small .iaas-card__logo {
    width: 80px;
    height: 80px;
}

.iaas-section__grid-container.view-small .iaas-card__description {
    display: none;
}
.iaas-section__grid-container.view-small .iaas-card__tags {
    display: none;
}
/* @@iaas-product-page */
.page-header.host-product.iaas-product .inner-box.host-product {
    padding: 50px 56px;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: url(../assets/images/iaas-product-header.svg) no-repeat center center, #101828;
    background-size: cover;
}
.page-header.iaas-product .inner-box.host-product .row .col-lg-6 > .breadcrumb-box {
    text-align: right;
    position: relative;
    background: #101828;
    right: 0;
}
.iaas-service-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 629px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 24px;
    box-sizing: border-box;
    font-family: 'yekan-bakh';
}

.iaas-service-slider::before,
.iaas-service-slider::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 650px;
    height: 650px;
    transform: translateY(-50%);
    opacity: 0.6;
}

.iaas-service-slider::before {
    left: 25%;
    transform: translate(-50%, -30%);
    background: radial-gradient(
            circle,
            #88c6cb 0%,
            rgba(136, 198, 203, 0) 60%
    );
}

.iaas-service-slider::after {
    left: 75%;
    transform: translate(-50%, -30%);
    background: radial-gradient(
            circle,
            #ffc96c 0%,
            rgba(255, 201, 108, 0) 60%
    );
}

.iaas-service-slider__header {
    text-align: center;
    margin-bottom: 32px;
    position: relative;
    z-index: 10;
    padding: 0 16px;
}

.iaas-service-slider__title {
    font-size: 32px;
    font-weight: 700;
    color: #3c5788;
    margin-bottom: 8px;
    line-height: 1.3;
}

.iaas-service-slider__subtitle {
    font-size: 20px;
    color: #667085;
}

.iaas-service-slider__swiper-container {
    width: 100%;
    max-width: 960px;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iaas-service-slider__nav-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    background: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex-shrink: 0;
    margin: 0 24px;
    box-sizing: border-box;
    width: 48px;
    height: 80px;
}
.iaas-service-slider__nav-button .icon{
    filter: invert(22%) sepia(32%) saturate(4172%) hue-rotate(219deg) brightness(24%) contrast(98%);
    margin-left: 0;
}
.iaas-service-slider__nav-button.swiper-button-next{
    position: absolute;
    right: -100px;
    transform: rotate(180deg) !important;
}
.iaas-service-slider__nav-button.swiper-button-prev{
    position: absolute;
    left: -100px;
}
.iaas-service-slider__nav-button:hover {
    background-color: #f0f0f0;
}

.iaas-service-slider__nav-button:after {
    content: none;
}

.iaas-service-slider__browser-frame {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background: #fff;
    box-shadow: 0px -43px 93px 0 rgba(0, 0, 0, 0.04),
    0px 16.562963485717773px 29.622222900390625px 0 rgba(0, 0, 0, 0.02),
    0px 3.5037035942077637px 7.577777862548828px 0 rgba(0, 0, 0, 0.02);
    width: 800px;
    height: 570px;
    margin: 0 auto;
}

.iaas-service-slider__browser-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    background: rgba(252, 252, 252, 0.8);
    backdrop-filter: blur(40.77px);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    padding-left: 16px;
    box-sizing: border-box;
    z-index: 10;
    justify-content: end;
}

.iaas-service-slider__browser-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin-bottom: 6px;
}

.iaas-service-slider__browser-dot--red {
    background-color: #ed6a5f;
}

.iaas-service-slider__browser-dot--yellow {
    background-color: #f4bf4f;
}

.iaas-service-slider__browser-dot--green {
    background-color: #61c554;
}

.iaas-service-slider__content-swiper {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100% - 40px);
    overflow: hidden;
}

.iaas-service-slider__content-area {
    width: 100%;
    height: 100%;
    background-color: #f0f2f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.iaas-service-slider__content-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.iaas-service-slider__pagination-container {
    position: absolute;
    bottom: 10px;
    transform: translateX(-50%);
    z-index: 10;
    padding: 8px;
    border-radius: 32px;
    background: #fff;
    display: flex;
    gap: 8px;
    width: fit-content !important;
    left: 50% !important;
}

.iaas-service-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #eaecf0;
    border-radius: 5px;
    opacity: 1;
    transition: all 0.3s ease;
}

.iaas-service-slider .swiper-pagination-bullet-active {
    width: 32px;
    background-color: #383490;
}

.iaas-product-plans > section {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 629px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 85px;
    box-sizing: border-box;
}
.iaas-product-plans > section::before,
.iaas-product-plans > section::after {
    content: '';
    position: absolute;
    width: 650px;
    height: 650px;
    transform: translateY(-50%);
    opacity: 0.6;
    z-index: -2;
}
.iaas-product-plans > section::before {
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    width: 1000px;
    background: radial-gradient(circle, #88c6cb 0%, rgba(136, 198, 203, 0) 60%);
}
.iaas-product-plans > section::after {
    bottom: 0;
    right: 0;
    transform: translate(0%, 0%);
    width: 1000px;
    background: radial-gradient(
            circle,
            #ffc96c 0%,
            rgba(255, 201, 108, 0) 60%
    );
}
/*.iaas-product-plans .plan-section .plans .plan{*/
/*    border: 1px solid #B0C2E2;*/
/*}*/
.iaas-product-plans .plans .plan .action-box{
    margin-bottom: 16px;
}
.iaas-product-plans .plan-features-content{
    padding: 0 !important;
}
.icon.iaas-3d-scale{
    background: url( "../assets/icons/iaas-3d-scale.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-computer{
    background: url( "../assets/icons/iaas-computer.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-computer-cloud{
    background: url( "../assets/icons/iaas-computer-cloud.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-configuration{
    background: url( "../assets/icons/iaas-configuration.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-database-setting{
    background: url( "../assets/icons/iaas-database-setting.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-file-security{
    background: url( "../assets/icons/iaas-file-security.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-payment-success{
    background: url( "../assets/icons/iaas-payment-success.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-puzzle{
    background: url( "../assets/icons/iaas-puzzle.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-setting-done{
    background: url( "../assets/icons/iaas-setting-done.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-smart-phone{
    background: url( "../assets/icons/iaas-smart-phone.svg" ) no-repeat left center;
    background-size: contain;
}
.icon.iaas-system-update{
    background: url( "../assets/icons/iaas-system-update.svg" ) no-repeat left center;
    background-size: contain;
}
#player {
    border-radius: 16px;
}
/* AI Domain */
#aiDomain {
    padding: 32px 32px;
    color: #B0C2E2;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25) inset;
    position: relative;
    z-index: 999;
}
.ai-domain-btn {
    position: absolute;
    left: 36px;
    top: 21px;
    border-radius: 18px;
    background: #F79009;
    border: none;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    z-index: 9999;
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important;
}

#aitld_main_results_header_wrapper,
.aitld-separator,
#aitld_main_suggestions_wrapper,
#aitld_main_form_inner {
    display: none;
}

#aitld_main_results_wrapper {
    border: none;
    background: transparent;
}

#aitld_results_carousel .owl-dots,
#aitld_results_carousel .owl-nav {
    display: none;
}

/*@@plans-domain-badge*/
.plans-domain-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: linear-gradient(90deg, #eff1f8 0%, #ffffff 50%, #eff1f8 100%);
    border: 1px solid #cad6eb;
    border-radius: 999px;
    padding: 12px 80px;
    width: fit-content;
    margin: 30px auto 0 auto;
    box-sizing: border-box;
    font-family: 'yekan-bakh';
    color: #2E436A;
    transition: 0.3s;
}
.plans-domain-badge > p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    color: #2E436A;
}
.plans-domain-badge .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background-color: #f04438;
    color: #fff;
    border-radius: 999px;
    padding: 4px 10px;
    height: 32px;
    box-sizing: border-box;
    white-space: nowrap;
    position: relative;
    transition: 0.3s;
}
.plans-domain-badge .badge span {
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
}
.plans-domain-badge .badge span.highlight {
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 2px;
}
.plans-domain-badge svg {
    width: 20px;
    height: 20px;
    stroke: #2E436A;
    flex-shrink: 0;
}
.plans-domain-badge:hover {
    transition: 0.3s;
    background: linear-gradient(90deg, #eff1f8 0%, #ffffff 1%,#ffffff 99%, #eff1f8 100%);
}
.plans-domain-badge:hover .badge {
    transition: 0.3s;
    padding: 4px 14px;
}
.plans-domain-badge .badge::before{
    display: none;
}

.pricing-switch-wrapper {
    box-sizing: border-box;
    font-family: 'yekan-bakh';
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}
.pricing-switch-wrapper .switch-container {
    position: relative;
    width: 250px;
    height: 60px;
    background: #ffffff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    user-select: none;
    direction: ltr;
}
.pricing-switch-wrapper .switch-bg {
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(50% - 8px);
    height: calc(100% - 16px);
    background-color: #00b7ec;
    border-radius: 40px;
    box-shadow: 0px 6px 10px rgba(0, 183, 236, 0.3);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 1;
}
.pricing-switch-wrapper .switch-item {
    position: relative;
    z-index: 2;
    width: 50%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.3s ease;
    cursor: pointer;
    line-height: 44px;
}
.pricing-switch-wrapper .switch-item.left-item {
    color: #ffffff;
}
.pricing-switch-wrapper .switch-item.right-item {
    color: #667085;
}
.pricing-switch-wrapper .switch-container.monthly-active .switch-bg {
    left: calc(50%);
}
.pricing-switch-wrapper .switch-container.monthly-active .switch-item.left-item {
    color: #667085;
}
.pricing-switch-wrapper .switch-container.monthly-active .switch-item.right-item {
    color: #ffffff;
}

.iaas-menu-more {
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
    font-family: 'yekan-bakh';
    box-sizing: border-box;
}
.iaas-menu-more .iaas-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F9FAFB;
    border-radius: 16px;
    padding: 24px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.iaas-menu-more .iaas-card:hover{
    border-color: transparent;
}
.iaas-menu-more .iaas-text {
    font-size: 16px;
    font-weight: 600;
    color: #2E436A;
    line-height: 1.5;
}
.iaas-menu-more .iaas-text .en-part{
    font-weight: 500;
}
.iaas-menu-more .icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 25px;
    background-color: #F7941D;
    border-radius: 50px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}
.iaas-menu-more i {
    width: 17px !important;
    height: 17px !important;
}