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

.bg-gray600 {
    background: #475467;
}

.bg-gray700 {
    background: #344054;
}

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

.bg-gray900 {
    background: #101828;
}

.bg-teal50 {
    background: #F4FBFC;
}

.bg-teal100 {
    background: #DEF4F5;
}

.bg-teal200 {
    background: #CEEEF0;
}

.bg-teal300 {
    background: #B8E6EA;
}

.bg-teal400 {
    background: #AAE1E5;
}

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

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

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

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

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

.bg-teal50 {
    background: #F4FBFC;
}

.bg-teal100 {
    background: #DEF4F5;
}

.bg-teal200 {
    background: #CEEEF0;
}

.bg-teal300 {
    background: #B8E6EA;
}

.bg-teal400 {
    background: #AAE1E5;
}

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

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

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

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

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

.bg-blue50 {
    background: #E6F8FD;
}

.bg-blue100 {
    background: #B0E9F9;
}

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

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

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

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

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

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

.bg-blue800 {
    background: #006582;
}

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

.bg-azure50 {
    background: #EEF2F9;
}

.bg-azure100 {
    background: #CAD6EB;
}

.bg-azure200 {
    background: #B0C2E2;
}

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

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

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

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

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

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

.bg-azure900 {
    background: #233351;
}

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

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

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

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

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

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

.bg-red600,
.bg-error600 {
    background: #D92D20 !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;
}

.text-gray500 {
    color: #667085;
}

.text-gray600 {
    color: #475467;
}

.text-gray700 {
    color: #344054;
}

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

.text-gray900 {
    color: #101828;
}

.text-teal50 {
    color: #F4FBFC;
}

.text-teal100 {
    color: #DEF4F5;
}

.text-teal200 {
    color: #CEEEF0;
}

.text-teal300 {
    color: #B8E6EA;
}

.text-teal400 {
    color: #AAE1E5;
}

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

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

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

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

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

.text-blue50 {
    color: #E6F8FD;
}

.text-blue100 {
    color: #B0E9F9;
}

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

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

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

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

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

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

.text-blue800 {
    color: #006582;
}

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

.text-azure50 {
    color: #EEF2F9;
}

.text-azure100 {
    color: #CAD6EB;
}

.text-azure200 {
    color: #B0C2E2;
}

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

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

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

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

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

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

.text-azure900 {
    color: #233351;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-violet50 {
    color: #F2F2F2;
}

.text-violet100 {
    color: #C1C0DD;
}

.text-violet200 {
    color: #A3A2CC;
}

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

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

.text-violet500 {
    color: #383490;
}

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

.text-violet700 {
    color: #282566;
}

.text-violet800 {
    color: #A3A2CC;
}

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

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

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

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

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

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

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

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

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

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

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

/* badge */

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

.badge::before {
    content: '';
    display: block;
    background: var(--wpr-bg-70ba2466-0384-4a67-96b7-e623061887f7);
    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 var(--wpr-bg-c537c3f9-a030-4efc-b2f7-e56902138183) no-repeat center center;
}

.country.germany {
    background: #EEF2F9 var(--wpr-bg-bfa2334e-f12f-4947-894b-1cae6a3333f6) no-repeat center center;
}

.country.france {
    background: #EEF2F9 var(--wpr-bg-1d4a0b54-6f98-47e5-847d-270f3d9ea446) no-repeat center center;
}

.country.canada {
    background: #EEF2F9 var(--wpr-bg-8eaa731d-f24d-48eb-902e-1e678a186c40) no-repeat center center;
}

.country.england {
    background: #EEF2F9 var(--wpr-bg-569b239c-83ca-4e2c-a26e-bf22bea42c69) no-repeat center center;
    background-size: 15px;
}

.country.linux-icon {
    background: #EEF2F9 var(--wpr-bg-5414f087-5469-4cb7-bbc8-3302674a7262) no-repeat center center;
    background-size: 15px;
}

.country.cloud-icon {
    background: #EEF2F9 var(--wpr-bg-1c52bab7-29ed-4e98-9275-08e3ecaee0af) no-repeat center center;
    background-size: 15px;
}


.country.cloud-icon-2 {
    background: #EEF2F9 var(--wpr-bg-35ad88d7-c43e-42e9-a3d2-16e1682719e9) no-repeat center center;
    background-size: 15px;
}
.country.wordpress {
    background: #EEF2F9 var(--wpr-bg-a49e9bde-c194-4034-a552-5d1dd20b9df2) no-repeat center center;
    background-size: 15px;
}

.country.windows {
    background: #EEF2F9 var(--wpr-bg-571b50ad-2024-414f-9c4f-275b3dd05d99) 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: var(--wpr-bg-e9db7eb6-f2cc-4702-8a52-6206f09bd775) no-repeat center center;
}

.xxx {
    background: var(--wpr-bg-9c596443-977e-43b9-b437-6f290a2c7e0d) no-repeat center center;
}

.soft .icon.cube,
.outline .icon.cube,
.icon.cube.white {
    background: var(--wpr-bg-cc74ddde-7e66-48cc-96d0-ed6e551889de) no-repeat center center;
}

.icon.unlock {
    background: var(--wpr-bg-6e1ca5e6-7380-4a76-95a7-9ec1e4435fce) no-repeat center center;
}

/* Heading section */

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

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

/* Header */

/* - Topbar */

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

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

.topbar .topbar-menu {

}

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

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

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

.topbar .topbar-menu > ul > li > a > .home {
    display: block;
    width: 19px;
    height: 27px;
    background: var(--wpr-bg-19fcb74a-a994-4295-9761-463f4b4cd157) 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: var(--wpr-bg-bdc680b5-6e78-4d3b-a351-04be584f9b82) no-repeat center center;
}

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

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

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

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

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

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

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

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

    14% {
        transform: scale(1.25);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.25);
    }

    70% {
        transform: scale(1);
    }

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

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

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

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

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

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

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

/* main header */

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

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

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

.main-header .action-button {

}

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

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

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

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

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

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

.icon.email,
.icon.mail {
    background: var(--wpr-bg-b0a80a9c-450f-4d77-aa5d-71a547bec86b) no-repeat center center;
}

.icon.user {
    background: var(--wpr-bg-c294250d-1024-47d5-80ca-274414aea30a) no-repeat center center;
}

.icon.hamb {
    background: var(--wpr-bg-6daa39f1-a46c-4805-84cb-216dfb4642f4) no-repeat center center;
}
.icon.mappin {
    background: var(--wpr-bg-558563b0-029f-432b-a1a0-f66bc711ccb5) no-repeat center center;
}
.icon.bag {
    background: var(--wpr-bg-61e157ac-631d-4248-b865-67f7c1cee9cf) 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: var(--wpr-bg-35df6020-6049-412f-b2b4-6f6a33edb7e7) 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: var(--wpr-bg-710cf67e-6f09-4429-b0d9-fc4aac7f9645) 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: var(--wpr-bg-ddc16e01-91ad-4bf8-86c4-4bd4277c3f5a) no-repeat center center;
}

.icon.arrow-left {
    background: var(--wpr-bg-42bd7c94-97bb-4216-ba77-19ca7bb04bfe) no-repeat center center;
}

.icon.arrow-left-white {
    background: var(--wpr-bg-cc4bb10a-0c76-453a-8e1a-4c041049195f) 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: var(--wpr-bg-5f1ee239-1419-4625-86bf-fcd3d80d6022) 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 var(--wpr-bg-88f27e24-106a-48b9-b9b6-49f7d591622a) 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: var(--wpr-bg-fe3ae52d-8a24-4784-91d6-1afd4c085467) 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: var(--wpr-bg-fefce559-127e-4276-82da-a9cdc2577ed6) 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: var(--wpr-bg-1be5c8ff-9ab9-4628-92e5-95d52ccfc036) 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 var(--wpr-bg-45ccc374-0496-4829-bec5-5fd1ae897495) 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 var(--wpr-bg-d6884ad4-8a1f-4977-8a9d-0394741febec) 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 moveOnDomain {

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

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

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

}

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

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

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

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

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

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

.page-header .inner-box .move-down {
    width: 162px;
    height: 56px;
    background: var(--wpr-bg-ef1ba010-1da3-4551-a111-4aaf0a33e25b) 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: var(--wpr-bg-8adc2665-ce82-41b0-9f13-1807ff160f6f) 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: var(--wpr-bg-0327f209-74a6-4dcd-90ef-9fed30680523) no-repeat center center;
}

.icon.question-white {
    background: var(--wpr-bg-fdcac913-cf01-4406-b1ed-d97bf1252491) no-repeat center center;
}

.icon.question-gray {
    background: var(--wpr-bg-479de34c-117c-4993-aed7-4910d691c489) no-repeat center center;
}

.icon.domain {
    background: var(--wpr-bg-50d7265d-6d8f-427d-8e51-46ef7dab8868) no-repeat center center;
}

.icon.hns {
    background: var(--wpr-bg-244aa8d3-6e71-412d-a0ce-67425c9043a3) no-repeat center center;
}

.icon.search {
    background: var(--wpr-bg-f5a9a38c-3a52-4f63-918f-bfc6a80b2e39) no-repeat center center;
}

.icon.fire {
    background: var(--wpr-bg-f8d11960-1b48-4b2e-8623-d75c2ced807d) no-repeat center center;
    background-size: contain;
}

.icon.ss-item-drive.violet {
    background: var(--wpr-bg-0a807b05-597d-4802-b867-01509e13cc95) no-repeat center center;
}
.icon.ss-item-setup.violet {
    background: var(--wpr-bg-a7a74093-2ec8-40c8-97a7-8ec2b4d38481) no-repeat center center;
}
.icon.ss-item-support.violet {
    background: var(--wpr-bg-93b891c8-fea1-411c-973f-c5208681a3d0) 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: var(--wpr-bg-39219a05-100b-4446-a68c-709b112e7a52) 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: var(--wpr-bg-34eb3b8d-124f-443f-a2b6-77f15cbaa388) no-repeat center center;
    background-size: 100%;
}

.icon.cart-azure {
    background: var(--wpr-bg-dc1765d2-4703-4ece-8995-c7961b4a1145) no-repeat center center;
    background-size: 100%;
}

.icon.right-arrow {
    background: var(--wpr-bg-3104e306-eab6-4c41-8f7a-73c67322ae7d) 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: var(--wpr-bg-9b730f7c-3e5f-49a8-9428-115a93d5bbf9) 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: var(--wpr-bg-93dfe5db-d95b-41e1-bd8c-31df4ce3c3b3) 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: var(--wpr-bg-3ee091cb-7932-483b-9f8e-66bcf12d4acd) 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: var(--wpr-bg-08cbeb20-b4f0-4c07-acef-ebe15f22055c) 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: var(--wpr-bg-32e7eaf0-a5fe-4be9-8d58-023540b1b4cc) 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: var(--wpr-bg-c75a92b0-9e15-4182-ac32-8fc5e8484542) 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 var(--wpr-bg-447283b6-0abe-4717-aaa7-32310a431ab5) no-repeat 16px 18px;
    background-size: 20px;
    padding: 16px;
    border: solid 1px #F2F4F7;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #3C5788;
}

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

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

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

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

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

.icon.linux {
    background: var(--wpr-bg-db27ee7b-b18b-4b62-9fc2-4b6c1c7a3849) no-repeat center center;
}

.icon.vps {
    background: var(--wpr-bg-90ccc593-9257-44c2-b7ce-0877df932ab3) no-repeat center center;
}

.icon.wordpress {
    background: var(--wpr-bg-31964a79-f5c5-42a6-a498-08a766134aa5) no-repeat center center;
}

.icon.windows {
    background: var(--wpr-bg-1367905e-0682-410a-9843-2b1015f99f02) no-repeat center center;
}

.icon.dedicate {
    background: var(--wpr-bg-84fc8f01-1f01-419c-98a8-45695dfba188) no-repeat center center;
}

.icon.woo {
    background: var(--wpr-bg-7a3cb806-71fd-4c75-a50e-16e4744ae252) no-repeat center center;
}

.icon.ssl {
    background: var(--wpr-bg-3b2e63e1-79dd-4039-956a-61db4641ebba) no-repeat center center;
}

.introduce-product .active .icon.linux,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.linux{
    background: var(--wpr-bg-64a0e69c-8857-45bf-8aca-bab7ef1679b7) no-repeat center center;
}

.introduce-product .active .icon.vps,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.vps{
    background: var(--wpr-bg-7b705911-698f-4b2a-9596-e4643d813393) no-repeat center center;
}

.introduce-product .active .icon.wordpress,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.wordpress{
    background: var(--wpr-bg-c2c957ac-0171-471d-8ff5-28185f03542b) no-repeat center center;
}

.introduce-product .active .icon.woo,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.woo{
    background: var(--wpr-bg-3cf59e8c-77d4-4702-8426-271d871b456f) no-repeat center center;
}

.introduce-product .active .icon.windows,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.windows{
    background: var(--wpr-bg-410d883c-7084-49e5-8dda-ae35679a81fa) no-repeat center center;
}

.introduce-product .active .icon.dedicate,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.dedicate{
    background: var(--wpr-bg-1a0301e9-3b27-4f3f-a344-225ac5ac1f95) no-repeat center center;
}

.introduce-product .active .icon.ssl,
.introduce-product .inner-box .navbar-box .group > .nav-item .button:hover .icon.ssl{
    background: var(--wpr-bg-38f327fb-04ef-440d-aac9-cf17e7d1725c) no-repeat center center;
}

.icon.check {
    background: var(--wpr-bg-20f47a72-39d1-43cf-a14f-70d92d196150) 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: var(--wpr-bg-3243447c-8208-41ee-a8b1-a2a2bca7396e) 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: var(--wpr-bg-f8b938a5-868b-4025-8340-6b7a8eee3bb1) no-repeat left center;
}

.icon.up-arrow {
    background: var(--wpr-bg-b4278ffc-97b1-4d46-b639-d4d7ce46cf00) 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: var(--wpr-bg-3ae9cd9f-ca5b-4285-b631-a7b55e8c705b) 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: var(--wpr-bg-eecbc02f-446f-455e-8bd6-f54ccbb616ee) no-repeat center center;
    z-index: -1;
}


.text-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 670px;
    height: 545px;
    background: var(--wpr-bg-d8bf9a81-1a90-45f0-9906-7537a6587ce0) 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: var(--wpr-bg-7fd1637a-20cb-4074-bc65-b176b8ecfc68) 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: var(--wpr-bg-5bc8e76b-68ca-4d45-9181-46b50517d67c) 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: var(--wpr-bg-410215cf-0cae-4b1d-bfba-a9851cda58b3) 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: var(--wpr-bg-20fdd274-4526-4cc3-9d7b-8bfb9b9d39b9) no-repeat left center;
}

.icon.comment{
    background: var(--wpr-bg-8c956164-440b-4220-b698-dc7a1c536b1b) no-repeat left center;
}

.icon.call{
    background: var(--wpr-bg-0d62778d-5c88-4ec2-9885-043113fd176e) no-repeat left center;
}

.icon.coins.azure {
    background: var(--wpr-bg-7f5285cd-333c-4160-9c8d-bda502c666a4) no-repeat left center;
}

.icon.trading-up.azure {
    background: var(--wpr-bg-35fc9d55-ba9e-4d0c-b6a9-bca02cc453dc) no-repeat left center;
}

.icon.check-circle.azure {
    background: var(--wpr-bg-a3bf53be-ee22-4892-ac5f-145da95021e5) no-repeat left center;
}

.icon.bar-chart.azure {
    background: var(--wpr-bg-38df260b-e0eb-4815-a339-7999a343da5d) no-repeat left center;
}

.icon.lock.azure {
    background: var(--wpr-bg-d6e8f1b1-fe08-4cbb-b85b-da743ee2d3e6) no-repeat left center;
}

.icon.setting.azure {
    background: var(--wpr-bg-0490bf86-bfd9-41ac-9933-c577e7578c03) no-repeat left center;
}

.icon.globe.azure {
    background: var(--wpr-bg-4301737f-0d7c-4e8f-a31c-7097bc554af2) no-repeat left center;
}

.icon.send.azure {
    background: var(--wpr-bg-72643c61-2410-4c27-bf9d-c566af000c5a) no-repeat left center;
}

.icon.monitor.azure {
    background: var(--wpr-bg-ada90280-9fc4-47f8-b65f-dc4a38f709bb) no-repeat left center;
}

.icon.database.azure {
    background: var(--wpr-bg-b90aa8c6-15f9-4a1d-a834-89e46b4602a6) no-repeat left center;
}

.icon.download.azure {
    background: var(--wpr-bg-432c36ce-fab3-46b9-9e55-b3282a2e36cf) no-repeat left center;
}

.icon.map.azure {
    background: var(--wpr-bg-4fcdc85c-94aa-4648-b50e-c6664d9b0f8b) no-repeat left center;
}

.icon.rocket.azure {
    background: var(--wpr-bg-0651a70a-8924-4e3f-8848-b59f302eb106) no-repeat left center;
}

.icon.key.azure {
    background: var(--wpr-bg-e8a1f92e-0458-4d2d-ae08-54375c608123) 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: var(--wpr-bg-6c5b1738-c0f5-4239-9d51-90a728b8bbb9) no-repeat left center;
    background-size: contain;
}

.icon.heart{
    background: var(--wpr-bg-687ff2f1-778b-4dfd-8141-8394d92fe0db) 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: var(--wpr-bg-756a81c4-e242-45d8-8c98-51c7e24b3365) 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: var(--wpr-bg-7d3206f4-5757-4471-9254-40e4db011eff) 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: var(--wpr-bg-f1c48564-c74c-43c2-abfe-3c37ebc21e29) 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: var(--wpr-bg-6b13181d-f233-4dfa-997a-b84803175285) 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: var(--wpr-bg-131fb29d-605e-4eb9-84a8-96525a2e8ce7) 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: var(--wpr-bg-643b8149-ac49-4e60-83dc-b08cd219cace) no-repeat;
    background-size: cover;
    border-radius: 22px;
}

.plan-section .plan.suggested .plan-footer .inner-box {
    padding: 60px 24px 32px;
    background: var(--wpr-bg-ee057319-f495-4848-b880-76306e4e078f) 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: var(--wpr-bg-a1f71223-80e8-4b97-a55f-11069b9eb379) no-repeat center;
}

/* --------------------------------------
    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 .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: var(--wpr-bg-65aab213-5854-4f00-b7b2-e0c601db7e34) 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 .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 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: var(--wpr-bg-ab51b8d7-ca52-47ec-aeb4-be388d4c6abd) no-repeat center;
    background-size: contain;

}

.plans .plan.recommended .icon.arrow-up,
.plans .plan.recommended .icon.arrow-top {
    background: var(--wpr-bg-514b253f-4c7e-4794-8717-442d6c8d2b17) 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 var(--wpr-bg-6c27f5d9-6ce7-4fb4-87d4-4ec847f600dd) 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: var(--wpr-bg-d7f0f46b-6fb3-4853-90f5-ac3f06cf6293) no-repeat center;
    background-size: contain;
}

.icon.nok {
    background: var(--wpr-bg-69138d6e-e5bb-4cf5-8547-789051a92eb1) no-repeat center;
    background-size: contain;
}

.icon.award {
    background: var(--wpr-bg-0d481d4f-773f-425a-af14-cffc9ea93d9b) 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: var(--wpr-bg-8171e2d4-1ff8-4142-9715-98a984f7f9a3) no-repeat center center;
    background-size: contain;
}

.icon.headphone {
    background: var(--wpr-bg-e6201b45-c357-41db-8afb-a92e734b466c) no-repeat center center;
    background-size: contain;
}

.icon.inbox {
    background: var(--wpr-bg-75103925-bb87-4fe6-9e28-580fb1679cb1) no-repeat center center;
    background-size: contain;
}

.icon.cpu {
    background: var(--wpr-bg-ea95f8f3-4d89-4a83-b50f-07c33685eab4) no-repeat center center;
    background-size: contain;
}

.icon.zap {
    background: var(--wpr-bg-41bdcb88-577d-482e-85d8-814b33993a79) no-repeat center center;
    background-size: contain;
}

.icon.server {
    background: var(--wpr-bg-ecc1fbc6-c59d-4287-873a-0d545fbb5638) no-repeat center center;
    background-size: contain;
}
.icon.wind {
    background: var(--wpr-bg-af7851c8-de4d-4a84-895b-d3de50800e75) no-repeat center center;
    background-size: contain;
}

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

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

.faq-section.cloud-after::after {
    background: var(--wpr-bg-633ee030-abdf-4fea-a6e3-61e0bb106593) 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) var(--wpr-bg-9d3ecbd9-ad32-4b39-941e-8f3a66700a81) 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) var(--wpr-bg-8a90c26e-f030-4503-a72e-5a9a2244b2bf) 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: var(--wpr-bg-30f98308-f279-4db1-b5a7-83accfd1b0f8) 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: var(--wpr-bg-d0a08040-8f73-42e6-909f-d765b6c919e8) 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: var(--wpr-bg-a9d69d59-ecff-49d1-9852-d9160dd9648e);
    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: var(--wpr-bg-8b338ebc-6b55-4ba3-aad1-8118cebc99a8) 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: var(--wpr-bg-a4f2c433-ff89-4942-bce8-1d487e665873) 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: var(--wpr-bg-ebfa1999-1144-45f3-a19d-927843634f2e) 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: var(--wpr-bg-8f7abc53-79f9-4401-baff-f82ad52fa245) 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: var(--wpr-bg-a4f2c433-ff89-4942-bce8-1d487e665873) 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: var(--wpr-bg-b062efc6-956a-4ea4-bc16-fd70c17170dc) 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: var(--wpr-bg-cb3773cf-f312-4536-8967-d5f72b91a96e) no-repeat center;
    top: -1px;
    right: 88px;
    z-index: 8;
}

.footer .footer-box::before {
    content: '';
    display: block;
    position: absolute;
    width: 162px;
    height: 50px;
    background: var(--wpr-bg-82ad4116-23f2-45bb-9551-0b85075347fa) 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 var(--wpr-bg-6a65890a-9231-405c-b5d3-8b013fc8ddf7) 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: var(--wpr-bg-9c5a4ef5-0900-4970-96fe-f892bd764028) no-repeat center;
    background-size: contain;
}

.footer .contact-us-box .contact-information .item.email::after {
    background: var(--wpr-bg-82649a5e-2c6a-4587-8217-0658d78cd610) no-repeat center;
    background-size: contain;
}

.footer .contact-us-box .contact-information .item.location::after {
    background: var(--wpr-bg-44be7d84-9d55-4239-bc87-230ab0b1864b) 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: var(--wpr-bg-f03980ac-eb32-47b0-855e-bd515fd7411a) 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: var(--wpr-bg-198f34e8-1360-45e6-afca-e5f5c2f03c8d) 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: var(--wpr-bg-7eb16927-7567-4155-87e8-332bd4737314) no-repeat center;
    background-size: contain;
}

.icon.facebook {
    background: var(--wpr-bg-e31f23e1-6b45-4103-819b-ae113f71b7e9) no-repeat center;
}

.icon.instagram {
    background: var(--wpr-bg-de9ce545-8473-44de-9677-9d017ab1f519) no-repeat center;
}

.icon.tweeter {
    background: var(--wpr-bg-43704349-80b8-4de2-b088-55bdfbe3be0f) no-repeat center;
}

.icon.telegram {
    background: var(--wpr-bg-22e8dda0-7239-424d-8e97-d390b31433b4) no-repeat center;
}

.icon.linkedin {
    background: var(--wpr-bg-05f61ac9-ccd6-4fcb-b8bc-1f4365ebcd56) no-repeat center;
}
.icon.cloud-white {
    background: var(--wpr-bg-3151427c-390e-4fd7-9cce-9a0efa395392) no-repeat center;
    background-size: contain;
}

.icon.host-white {
    background: var(--wpr-bg-e67ae19f-3155-466c-ab13-4a700e878ece) no-repeat center;
    background-size: contain;
}

.icon.domain-white {
    background: var(--wpr-bg-9c43fbb7-b57e-41fc-854f-41c65420631d) no-repeat center;
    background-size: contain;
}

.icon.vps-white {
    background: var(--wpr-bg-f1c8133d-3280-4ce1-b6de-d58bd6d38f57) no-repeat center;
    background-size: contain;
}


.icon.copy {
    background: var(--wpr-bg-ab149998-1cc6-4cd5-899c-5b46fbc96ff8) 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(../../../../../../../../themes/pars-host/assets/images/cloud-3.svg) no-repeat;
    background-size: contain;
    right: 0;
    width: 430px;
    height: 360px;
    top: 160px;
}

.error-404-container::after {
    background: var(--wpr-bg-f5ea3a25-8da1-48d4-bca8-cce26ce84944) 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: var(--wpr-bg-0dff1ec9-7cf2-4f12-8cec-19e47c4faf41) 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: var(--wpr-bg-9b897543-9ca1-4d78-a662-ffe6e375070a) 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 var(--wpr-bg-1d8f6f99-1e6e-4885-9d97-de0cd3f33982) 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 var(--wpr-bg-d6673aca-4a22-435e-be55-55538f65d7ff) 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: var(--wpr-bg-8342451c-bc78-4c2c-80f1-648f665e9339) 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: var(--wpr-bg-3751e394-9875-479a-a8a9-e9bec864fc94);
}
.nDomain-table .accordion-btns .domain-pin-off{
    background-image: var(--wpr-bg-484b8ce6-8e97-4450-b299-79b2b082dd55);
}
.nDomain-table .accordion-btns .domain-world-on{
    background-image: var(--wpr-bg-e5476a5f-1da2-4044-a04c-3704ee6536c0);
}
.nDomain-table .accordion-btns .domain-world-off{
    background-image: var(--wpr-bg-894ea428-9a20-47ac-bef3-731911bf4b16);
}
.nDomain-table .accordion-btns .domain-ir-on{
    background-image: var(--wpr-bg-4863598a-fdf0-44cb-b9a3-6bc46b6bf355);
}
.nDomain-table .accordion-btns .domain-ir-off{
    background-image: var(--wpr-bg-05659c8d-459a-43f0-bd6f-70055d2423e1);
}
.nDomain-table .accordion-btns .domain-info-on{
    background-image: var(--wpr-bg-4157e051-be9c-4b50-81f1-bb179164e565);
}
.nDomain-table .accordion-btns .domain-info-off{
    background-image: var(--wpr-bg-c1b98cc9-59e7-4a04-816f-21cff7671396);
}
.nDomain-table .accordion-btns .domain-sec-on{
    background-image: var(--wpr-bg-58a1f724-047a-49a5-81a9-f32d1fd901a2);
}
.nDomain-table .accordion-btns .domain-sec-off{
    background-image: var(--wpr-bg-9d435c3d-ea7c-4b98-a5e9-4edd633fb3c8);
}


.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;
}
.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: var(--wpr-bg-8659a203-07cf-47ca-a322-6ab8da0d60db) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-db-server-cloud {
    background: var(--wpr-bg-1233d22d-3d62-4949-a613-312920cbbec5) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-server {
    background: var(--wpr-bg-040a22dc-2c4c-4d95-8d5e-87f50270d3f5) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-db-server {
    background: var(--wpr-bg-43760cc6-a8d8-4060-879b-1043f33a838f) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-cloud-server {
    background: var(--wpr-bg-98d3a737-7977-4608-8ee9-136eac91f883) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-domain {
    background: var(--wpr-bg-a6db194e-bd2e-4ce3-bbd4-eef9a5ee0e21) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-domain-re {
    background: var(--wpr-bg-1b69b725-c318-40ac-9140-165afe505bfd) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-domain-su {
    background: var(--wpr-bg-03fa1d53-28ee-46b2-b4ae-1baea89011c9) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-domain-tr {
    background: var(--wpr-bg-1272dd8a-0dd1-4337-aaeb-290a6d711a92) no-repeat center center;
    margin: 0 !important;
}

.nHeader .icon.mMenu-domain-backorder {
    background: var(--wpr-bg-9bbf3c4e-f4e4-4796-8e96-c8d2ae09b9a6) no-repeat center center;
    margin: 0 !important;
}

.nHeader .icon.mMenu-hns-domain {
    background: var(--wpr-bg-fc33b0e9-9145-4723-8419-617b650732eb) no-repeat center center;
    margin: 0 !important;
}

.nHeader .icon.mMenu-backup {
    background: var(--wpr-bg-675321b4-b4d9-4e67-80d9-ee6da047651b) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-download {
    background: var(--wpr-bg-89c022ca-b0e0-44ea-b962-65f4e0dc93e2) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-linux {
    background: var(--wpr-bg-7c805cb5-7e7f-4f89-aa42-08dd81c13e69) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-linux-cloud {
    background: var(--wpr-bg-dc10b01b-1258-48e7-b524-2dcb2b22df03) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-linux-pro {
    background: var(--wpr-bg-784b2952-f613-413f-8e83-f440453dd056) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-traffic {
    background: var(--wpr-bg-563e6210-d3af-4032-b5b6-b784fe4c0b47) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-win {
    background: var(--wpr-bg-2691d938-7c5b-4a63-8693-8b96b668575d) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-win-cloud {
    background: var(--wpr-bg-e646276c-3e1d-4330-a05b-32f7e3e7e030) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-win-pro {
    background: var(--wpr-bg-ed773134-822b-4d57-b3fd-d0c34060bb7f) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-wp {
    background: var(--wpr-bg-40428ed6-e54e-414b-954c-3ac7f56629fc) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-wp-cloud {
    background: var(--wpr-bg-ee2435d0-5da7-40eb-bce5-2fe905862393) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-woo {
    background: var(--wpr-bg-fa1f1992-1502-4e09-b09d-8f41e4be8b0c) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-cloud {
    background: var(--wpr-bg-f415bb4c-fb8b-456e-ae86-f028eea5e4a6) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-cloud-win {
    background: var(--wpr-bg-ee91af08-99ed-4ec6-8297-818d6e96ce67) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-reseller-win-new {
    background: var(--wpr-bg-8924e6e8-3ec0-486c-a564-f94b4427ec01) no-repeat center center;
    margin: 0 !important;
}
.nHeader .icon.mMenu-reseller-linux-new {
    background: var(--wpr-bg-0740fe44-853a-46c9-8461-1cdeb10303c4) 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);
}

/* 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.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.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: var(--wpr-bg-05520561-2916-4a02-abdd-c50a1b13b77c) no-repeat center center;
}
.nMegamenu-content .items .item-icon.badged.ge::after {
    background: var(--wpr-bg-7bf8c17e-acc0-4787-86ff-379fd083d0ee) no-repeat center center;
}
.nMegamenu-content .items .item-icon.badged.uk::after {
    background: var(--wpr-bg-a1f63bc2-b052-4af7-ada8-2108b7a69ceb) no-repeat center center;
}
.nMegamenu-content .items .item-icon.badged.fr::after {
    background: var(--wpr-bg-47f24a0c-6bff-47b9-a61f-0667713d89b3) no-repeat center center;
}
.nMegamenu-content .items .item-icon.badged.ca::after {
    background: var(--wpr-bg-4e340660-b27e-4f9c-942b-128404b923c2) 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.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.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: var(--wpr-bg-1e20f04d-bbb4-4c6f-acf5-fbd0d2ea4ab1) no-repeat center;
}
.nHeader .topbar .notification-bar .notification .nHeader-announcement {
    display: block;
    width: 19px;
    height: 27px;
    background: var(--wpr-bg-ef5e22c3-603b-4ae4-9b59-4e33fa1f65bb) no-repeat center;
}
.nHeader .topbar .notification-bar .call .nHeader-call24 {
    display: block;
    width: 19px;
    height: 27px;
    background: var(--wpr-bg-83bf1a79-9382-4a98-9748-e7b4c6dfabed) no-repeat center;
}
.nHeader .main-header .action-button .nHeader-user {
    margin-right: 0;
    margin-left: 6px;
    background: var(--wpr-bg-cb933467-62aa-4a53-a773-ea1520e70b0f) no-repeat center;
}

.nHeader .main-header .action-button .nHeader-mail {
    background: var(--wpr-bg-b83abad8-c6d8-430a-b9dc-5c7caa0ece18) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-cloud {
    background: var(--wpr-bg-adfa2853-21a4-48d5-88d7-14bc1db92b79) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-host {
    background: var(--wpr-bg-82f5d1c9-86d0-413f-a216-bc94a0c258b0) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-server {
    background: var(--wpr-bg-e1e905d3-952b-476a-a7a9-79dfa07a4fd8) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-ssl {
    background: var(--wpr-bg-622b3246-39d8-44ba-8b13-da8a8e840729) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-sitebuilder {
    background: var(--wpr-bg-d2e35176-da2f-4c92-a407-5053e665ccaa) no-repeat center;
}
.nHeader .main-header .mega-menu .nHeader-wp {
    background: var(--wpr-bg-a8987411-c3b5-4944-baaa-220130879e6a) 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;
}
.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 .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: var(--wpr-bg-998f6402-2118-4c9d-91ed-e43075b26310) 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: var(--wpr-bg-6946b635-8f75-4d9e-af4a-3bca102b78b0) 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: var(--wpr-bg-d11384b6-1687-4b6c-9e0b-028f3cb255e1) 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 var(--wpr-bg-4becef62-a81e-4c4c-b92b-08dcc10969d1) 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 var(--wpr-bg-efee6e2a-8b17-49be-b08f-b442c7903bdc) 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 var(--wpr-bg-3521af91-2d9f-4a26-bc5c-7ff3c39b1622) 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: var(--wpr-bg-87f8e5c9-4541-4a2b-b336-fb013d03ee2c) 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: var(--wpr-bg-d4d2cf00-f22d-42e2-a019-d083641b2726) 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(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%);*/
}
.newBgHeader.nHeader.bg-azure-dark{
    /* @@defaultSliderColor */
    /*background-color: #49178e;*/
    /*background-color: #1f1d4f;*/
    /*background-color: #12446c;*/
    /*background-color: #027A48;*/
    background-color: #0c1d2b;
}
.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;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 15px;
    color: #ffffff;
    font-family: "iransans";
    font-size: 16px;
    font-weight: 500;
}
.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-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 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;
    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 var(--wpr-bg-01a4156d-23e8-44bc-bb73-dc7d293f017d) 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: #49178e;*/
    /*background-color: #1f1d4f;*/
    /*background-color: #12446c;*/
    /*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;
}
.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(../../../../../../../../themes/pars-host/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: var(--wpr-bg-ca5c7e73-8e5d-4ed8-a11d-a27c4ef8c693) 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 var(--wpr-bg-b5aa9e23-941d-4309-81ca-8fa1ba8670a0) 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: var(--wpr-bg-21afbc3a-d5c8-4a82-8bbf-33c1eb8810ef) no-repeat center;
    width: 375px;
    height: 375px;
    left: -215px;
    top: 8%;
}
.glassy-features.cloudy-services .cloud-product-wrapper .cload-2{
    background: var(--wpr-bg-f8338f50-066a-4041-ac52-11a880a4463d) 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: var(--wpr-bg-c586ff20-2ec4-4233-b906-e83068a10f12) 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: var(--wpr-bg-f6277907-4474-472d-be4c-e4328156ddc0) no-repeat left center;
}
.wooCompareSection .icon.red-circle {
    background: var(--wpr-bg-fc3274b6-5c24-49a3-8147-dc67e9e24fa1) 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: 40px 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;
    background-color: #FFFAEB;
    border-radius: 32px;
    color: #F79009;
    font-weight: 700;
    font-size: 13px;
    width: fit-content;
    margin-top: 20px;
}

.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 img{
    width: 16px;
    height: 16px;
    margin-left: 10px;
}
.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: 170px;
    width: 100%;
    padding-right: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.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: 16px;
}
.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';
}
.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-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-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: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.hor-plans-section .horplan-card .horp-col-inner.flexright{
    background-color: #ffffff !important;
    height: 270px;
    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;
}

.hor-plans-section .horplan-card.horp-cols td:last-child .horp-col-inner {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.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: var(--wpr-bg-bc5722bc-ef9c-4c5c-8e3e-acb7ff2b6dac) 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 .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;
}
.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;
}
.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: var(--wpr-bg-1dfa802b-b50e-4696-b51e-a14a1c065dee) no-repeat left center;
    background-size: contain;
}
.icon.ss-layout{
    background: var(--wpr-bg-12b281c0-6c46-41e3-ad02-4dedb314a8a6) no-repeat left center;
    background-size: contain;
}
.icon.ss-monitor{
    background: var(--wpr-bg-548e2d7e-6dc8-46b9-a260-5e84acb5c3d3) no-repeat left center;
    background-size: contain;
}

.icon.ss-green-eye{
    background: var(--wpr-bg-e5b6be86-7982-454f-b139-5395bc3992ee) no-repeat left center;
    background-size: contain;
}

.icon.ss-cpanel{
    background: var(--wpr-bg-e1e55c0f-9a32-4a1e-a593-77cde13655ad) no-repeat left center;
    background-size: contain;
}
.icon.ss-hard-drive{
    background: var(--wpr-bg-c8751021-3fdb-4b72-8007-be92196b7771) no-repeat left center;
    background-size: contain;
}
.icon.ss-check-circle{
    background: var(--wpr-bg-44d32a18-0a7c-44d9-a091-725020b7fca4) no-repeat left center;
    background-size: contain;
}
.icon.ss-cpanel-blue{
    background: var(--wpr-bg-f334de06-85ce-409a-80a1-85b78feaf421) no-repeat left center;
    background-size: contain;
}
.icon.ss-hard-drive-green{
    background: var(--wpr-bg-91c21d7a-9483-4b0d-a881-1dc93376249b) no-repeat left center;
    background-size: contain;
}
.icon.ss-check-circle-orange{
    background: var(--wpr-bg-a57be6ee-d73a-4309-8ff0-f8b2a8dcfccf) no-repeat left center;
    background-size: contain;
}

.icon.ss-cloud-download-orng{
    background: var(--wpr-bg-96757f51-6d34-4c49-8441-f90732fa5549) no-repeat left center;
    background-size: contain;
}
.icon.ss-cursor-edit-orng{
    background: var(--wpr-bg-4a7a5ef8-738e-44b8-a215-a28bca50066d) no-repeat left center;
    background-size: contain;
}
.icon.ss-db-orng{
    background: var(--wpr-bg-c3f12880-8a9c-4ede-85e1-1d85c2c527dc) no-repeat left center;
    background-size: contain;
}
.icon.ss-more-orng{
    background: var(--wpr-bg-070cae68-4bcc-4df3-b163-cd8d1beb649b) no-repeat left center;
    background-size: contain;
}
.icon.ss-rocket-orng{
    background: var(--wpr-bg-277964a9-ae7f-4d10-a979-ac12e272f8a4) no-repeat left center;
    background-size: contain;
}
.icon.ss-security-password-orng{
    background: var(--wpr-bg-3356bb4f-6710-4aeb-9b82-e6faee7d4ceb) no-repeat left center;
    background-size: contain;
}
.icon.ss-seo-orng{
    background: var(--wpr-bg-255c4e71-2c41-42a9-a346-94ca905c99f8) no-repeat left center;
    background-size: contain;
}
.icon.ss-support-orng{
    background: var(--wpr-bg-2a904b2c-e984-4070-8a76-48a19516a522) no-repeat left center;
    background-size: contain;
}
.icon.ss-web-design-orng{
    background: var(--wpr-bg-b2415953-a8c3-453f-9611-0f5f2e6c4003) no-repeat left center;
    background-size: contain;
}
.icon.ss-web-validation-orng{
    background: var(--wpr-bg-8ba8a691-1556-43c2-904b-591d4d261478) no-repeat left center;
    background-size: contain;
}
.icon.ss-woo-orng{
    background: var(--wpr-bg-d0480aab-86d5-4193-98ce-afd7d4a7b640) no-repeat left center;
    background-size: contain;
}
.icon.ss-wordpress-orng{
    background: var(--wpr-bg-317b44b3-e1d9-4c80-8e1d-fe17cad6cafe) 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: var(--wpr-bg-12f497fe-a401-42f6-8a0d-47a9ed3ac8fb) 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: var(--wpr-bg-6e2e8647-6d2d-40ef-b5d3-693a72a170c9) no-repeat center center;
    background-size: 12px;
}
.footer-v2 .accordion-item .accordion-button:not(.collapsed)::after{
    background: var(--wpr-bg-69bdc9f3-fa20-4540-a541-567788cc0fa3) 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(../../../../../../../../themes/pars-host/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: var(--wpr-bg-fd887cba-9efa-47ce-b9c3-f7d8c61bfa50) 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(../../../../../../../../themes/pars-host/assets/images/bgvalentine403.png);*/
    /*background-color: #F04438;*/
    background-color: #12B76A;
    position: relative;
    overflow: hidden;
    background-repeat: repeat-x;
    background-position-y: center;
    background-size: inherit;
}
.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 .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) var(--wpr-bg-6a8b5908-a6dd-45cf-b712-5cea07ee4573) 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) var(--wpr-bg-8a90c26e-f030-4503-a72e-5a9a2244b2bf) 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:
            var(--wpr-bg-e221b3dd-0ece-413e-a251-b952c7fb50f1) 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: var(--wpr-bg-9abaf74a-f195-4d61-ba6a-6f639bca0d27) 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(../../../../../../../../themes/pars-host/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: var(--wpr-bg-008ecc01-3852-4f8b-9905-36d87ee246de) 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: var(--wpr-bg-7b2accb7-b9f3-4b13-b2d9-f4c0aee9feed) 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: var(--wpr-bg-720bc79f-c5aa-44e4-a016-87d536670558) 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: var(--wpr-bg-40aa3577-ab15-4642-84d9-2fb107e41de3) 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: var(--wpr-bg-92ae46ae-a72b-4a8b-b7a2-c40024463cc5) no-repeat left center;
    background-size: contain;
}
.icon.support-phone{
    background: var(--wpr-bg-32562d53-a5d0-4bbb-a288-fb41d0cf6467) no-repeat left center;
    background-size: contain;
}
.icon.support-ticket{
    background: var(--wpr-bg-b715e34e-578f-4b95-992c-f915b196c664) 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: var(--wpr-bg-7882d92a-9dec-4cc0-8b79-1e94f7617812) 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;
}