/*
Theme Name: RayanPishro
Theme URI: RayanPishro.com
Author: شرکت رایان پیشرو
Author: RayanPishro.com
Description: طراحی و پیاده سازی توسط رایان پیشرو سنندج
version:1.0
*/

/*************************/
/*     01. General/Fonts/main-btn   */
/*************************/
/*@import url("css/all.min.css");*/
@import url('fonts/flaticon/flaticon.css');

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/eot/IRANSansWeb_Bold.eot');
    src: url('fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */
        url('fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),
        /* FF39+,Chrome36+, Opera24+*/
        url('fonts/woff/IRANSansWeb_Bold.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/eot/IRANSansWeb_Medium.eot');
    src: url('fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */
        url('fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),
        /* FF39+,Chrome36+, Opera24+*/
        url('fonts/woff/IRANSansWeb_Medium.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/eot/IRANSansWeb_Light.eot');
    src: url('fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */
        url('fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),
        /* FF39+,Chrome36+, Opera24+*/
        url('fonts/woff/IRANSansWeb_Light.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */
        url('fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),
        /* FF39+,Chrome36+, Opera24+*/
        url('fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/eot/IRANSansWeb.eot');
    src: url('fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */
        url('fonts/woff2/IRANSansWeb.woff2') format('woff2'),
        /* FF39+,Chrome36+, Opera24+*/
        url('fonts/woff/IRANSansWeb.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

:root {
    --gradient-sec: linear-gradient(to right, #525584 0, #8a8bbc 100%);
    --primary-dark: #8a8bbc;
    --primary: #7355f7;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    font: 14px IRANSans;
    direction: rtl;
    color: #111c58;
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

li {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
    color: #ffffff;
}

.userPanel a {
    color: #0d6efd;
    font-weight: bold;
}

.mt-6 {
    margin-top: 6rem;
}

.my-6 {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.pl-0 {
    padding-left: 0px;
}

.main-btn {
    padding: 10px 30px;
    border-radius: 15px;
    border: 1px solid #00a884;
    display: inline-block;
}

.main-btn-1 {
    background-image: linear-gradient(to right, #00c28a, #00a884);
    margin-top: 10px;
    margin-bottom: 10px;
}

.main-btn-2 {
    background-image: linear-gradient(to right, #00c28a, #00a884);
    /*border: none;*/
    color: #ffffff;
}

.main-btn-2:hover {
    color: #00a884;
    cursor: pointer;
    background-image: unset;
}

.shadow-green {
    box-shadow: 0 2px 15px rgba(2, 158, 118, 0.5);
}

.bg-maroon {
    background-color: #9e0168;
}

.bg-orange {
    background-color: #ff8853;
}

.bg-yellow {
    background-color: #ffa808;
}

.bg-skyblue {
    background-color: #00aeff;
}

.bg-red {
    background-color: #ff586e;
}

.bg-green {
    background-color: #029e76;
}

.bg-blue {
    background-color: #5543d1;
}

.bg-gray {
    background-color: #f7f7f7;
}

.text-orange {
    color: #ff8853;
}

.text-yellow {
    color: #ffa808;
}

.text-skyblue {
    color: #00aeff;
}

.text-red {
    color: #ff586e;
}

.text-green {
    color: #029e76;
}

.text-blue {
    color: #5543d1;
}

.text-purple {
    color: #525584;
}

.v1_login {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

/*************************/
/*     02. Header/Logo   */
/*************************/
#headerContent {
    align-items: flex-start;
    margin-top: 1rem;
}

.gheymat_old {
    text-decoration: line-through;
    color: #f7a2a2
}

span.panel_old_price {
    margin-left: 0.4rem;
    text-decoration: line-through;
    display: none;
}

span.panel_price_discount {
    background-color: #ce5555;
    color: #ffffff;
    border-radius: 4px;
    padding: 0px 3px 0px 3px;
    margin-right: 0.4rem;
    font-size: 12px;
}

.toggle-button:before {
    content: '≡';
    /* content: '\F479'; */
    font-family: 'Font Awesome 6 Pro', Serif;
    font-size: 30px;
    color: #263238;
}

.toggle-button {
    position: absolute;
    left: 40px;
    top: 40px;
    display: none;
    flex-direction: column;
    width: 30px;
    height: 20px;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
    width: 1.1rem;
    height: 1.1rem;
    border-width: 0.2em;
    margin-left: 6px;
}

.buy.spinning,
.buy.spinning:hover {
    background: #0d78b7;
    opacity: 1;
}

.grecaptcha-badge {
    display: none
}

#showMessage {
    border-color: #c43d3d;
    color: #fff;
    opacity: 1 !important;
}

#showMessage ul li {
    font-weight: 400;
    margin-left: 0;
    color: #fff;
    float: left;
    clear: right;
    margin-bottom: 5px;
    padding: 4px 10px;
    line-height: 35px;
    border-radius: 2px;
}

#showMessage ul li {
    background: rgb(130 192 222 / 90%);
}

#showMessage.error ul li {
    background: rgba(240, 23, 23, 0.9);
}

#buy:hover {
    opacity: 0.8;
}

select.form-control,
select.form-control-tab,
select.form-control-pay {
    cursor: pointer;
}

#header {
    background-image: var(--gradient-sec);
}

.page-title {
    font-weight: bold;
    margin: 40px 10px;
}

.main-logo img {
    width: 175px;
}

label.plan-item {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.header {
    height: 90px;
    width: 100%;
}

.menu-item ul {
    padding-right: 0px;
}

.menu-item li.has-submenu>a:after {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro', serif;
    padding: 6px;
}

.menu-item ul li>ul>li.has-submenu>a:after {
    content: '\f104';
    font-family: 'Font Awesome 6 Pro', serif;
    padding: 6px;
    position: absolute;
    /*right: 140px;*/
    top: 10px;
    left: 10px;
}

.header .menu-item ul {
    /* main menu */
    margin: 0;
}

.header .menu-item ul li {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.header .menu-item ul li a {
    display: inline-block;
    padding: 35px 5px;
    color: #fff;
    font-size: 15px;
    transition: all 0.3s ease;
}

.header .menu-item ul li a:hover {
    color: #eaebff;
    transition: all 0.3s ease;
}

.header .menu-item ul li a i {
    padding: 0 6px;
}

.header .menu-item ul li>ul {
    /* 1st menu*/
    position: absolute;
    width: 180px;
    border: solid 1px #e2eaec;
    background-color: #ffffff;
    /*border-radius: 10px;*/
    padding: 0;
    right: 0;
    top: 82%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 99;
}

.header .menu-item ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.header .menu-item ul li ul li>a:hover {
    background-color: #e2eaec;
    color: #000000;
}

.header .menu-item ul li ul li {
    display: block;
    width: 100%;
}

.header .menu-item ul li ul li a {
    display: block;
    padding: 12px;
    color: #000;
}

.header .menu-item ul li ul li ul {
    /* 2nd menu */
    display: block;
    right: 100%;
    top: 0;
    width: max-content;
}

.heroCarousel {
    width: 600px;
}

.title-area {
    z-index: 98;
    position: relative;
}

@media (max-width: 1000px) {
    .toggle-button {
        display: flex;
    }

    .toggle-button.active:before {
        content: '×';
        /* content: '\F62A'; */
        font-size: 30px;
    }

    .menu-item {
        display: none;
        flex-direction: column;
        transition: all 0.3s ease;
    }

    .menu-item.active {
        display: flex;
        transition: all 0.3s ease;
        background: aliceblue;
        position: absolute;
        z-index: 99999;
        left: 0px;
    }

    .header .menu-item ul li {
        display: block;
        text-align: end;
    }

    .header .menu-item ul li a {
        display: inline-block;
        padding: 10px 10px;
        color: #000;
        font-size: 13px;
        transition: all 0.3s ease;
        width: 100%;
        text-align: justify;
    }

    .header .menu-item>ul>li>a:hover {
        color: #525584;
    }

    .menu-item li.has-submenu>a:after {
        position: absolute;
        left: 10px;
    }

    .header .menu-item ul li>ul {
        /* 1st menu*/
        display: none;
        width: 80%;
        transition: all 0.3s ease;
        z-index: 3;
    }

    .header .menu-item ul li>ul.active {
        display: block;
    }

    .header .menu-item ul li ul li ul {
        /* 2nd menu */
        display: none;
        right: 0;
        top: 60px;
    }

    .move-box img {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .section-wraper-one .icon-bx-wraper:nth-child(2) {
        margin-right: 0;
    }

    .section-wraper-one .icon-bx-wraper:nth-child(2):before {
        content: none;
    }
}

.banner-one {
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    /* height: 617px; */
    position: relative;
    overflow: hidden;
    height: fit-content;
    padding-bottom: 2rem;
}

.banner-one.banner-page {
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: visible;
}

.banner-one .banner-inner {
    padding-top: 20px;
}

.banner-one .banner-inner .img1 {
    position: absolute;
    right: 100px;
    bottom: 50px;
}

.banner-one .banner-inner .img2 {
    position: absolute;
    left: 0px;
    top: 120px;
}

.banner-one .move-box {
    width: 620px;
    height: auto;
}

@media only screen and (max-width: 1400px) {
    .banner-one .move-box {
        width: 100%;
    }
}

.bigBg {
    position: absolute;
    z-index: -1;
}

.circleBg1 {
    position: absolute;
    left: 0px;
    top: 15%;
}

.circleBg2 {
    position: absolute;
    right: 63px;
    top: 15%;
}

.banner-one .banner-content h1 {
    margin-bottom: 20px;
    font-size: 70px;
    font-weight: 800;
}

.banner-one .banner-content p {
    font-size: 18px;
    line-height: 1.5;
}

@media only screen and (max-width: 575px) {
    .banner-one .banner-content p {
        font-size: 15px;
    }
}

.banner-one .banner-content .sub-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #777777;
}

@media only screen and (max-width: 1000px) {}

@media only screen and (min-width: 1200px) {
    .banner-one .banner-content h1 {
        font-size: 50px;
    }

    .banner-one .banner-inner {
        padding-top: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-two .banner-inner {
        padding-top: 120px;
    }

    .bigBg {
        height: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .banner-one .banner-inner {
        padding-top: 10px;
    }

    .banner-one .banner-content h1 {
        font-size: 32px;
    }
}

.banner-two {
    height: auto;
    position: relative;
    overflow: hidden;
}

.banner-two .banner-inner {
    z-index: 99;
    position: relative;
    padding-top: 180px;
}

.banner-two .banner-content h1 {
    font-size: 70px;
    line-height: 1.1;
    font-weight: 800;
}

@media only screen and (max-width: 1199px) {
    .banner-two .banner-content h1 {
        font-size: 50px;
    }
}

.banner-two .banner-content .sub-title {
    font-weight: 600;
    font-size: 22px;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
    .banner-two .banner-content .sub-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.banner-two .banner-content p {
    font-size: 18px;
}

@media only screen and (max-width: 1199px) {
    .banner-two .banner-content p {
        font-size: 16px;
    }
}

.banner-two .banner-media {
    width: 570px;
    position: relative;
    margin-left: 50px;
}

@media only screen and (max-width: 1199px) {
    .banner-two .banner-media {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.banner-two .banner-media .move-2 {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-two .banner-media .move-2 img {
    transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
}

@media only screen and (max-width: 1400px) {
    .banner-two .dz-media {
        width: 65vw;
    }
}

@media only screen and (max-width: 991px) {
    .banner-two {
        height: auto;
    }

    .banner-two .banner-content {
        margin-bottom: 30px;
    }

    .banner-two .banner-content h1 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-two .banner-inner {
        padding-top: 120px;
    }
}

@media only screen and (max-width: 575px) {
    .banner-two .banner-content h1 {
        font-size: 32px;
    }

    .banner-two .img2 {
        display: none;
    }

    .heroCarousel {
        width: 400px;
    }
}

.banner-three {
    height: 850px;
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 99;
}

.banner-three:after {
    background-image: url(img/pic2.png);
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 0;
}

.banner-three .banner-content h6 {
    font-size: 20px;
    color: #f1d00a;
}

@media only screen and (max-width: 1199px) {
    .banner-three .banner-content h1 {
        font-size: 16px;
    }
}

.banner-three .banner-content .sub-title {
    font-weight: 600;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1199px) {
    .banner-three .banner-content .sub-title {
        font-size: 25px;
    }
}

@media only screen and (max-width: 900px) {
    .banner-three .banner-content .sub-title {
        font-size: 25px;
        margin-top: 40px;
    }

    .banner-three .banner-content p {
        font-size: 12px;
        width: 500px;
    }
}

@media only screen and (max-width: 775px) {
    .banner-three .banner-content .sub-title {
        font-size: 25px;
        margin-top: 40px;
    }

    .banner-three .banner-content p {
        font-size: 12px;
        width: 400px;
    }
}

@media only screen and (max-width: 400px) {
    .heroCarousel {
        width: 300px;
    }

    .banner-three .banner-content p {
        font-size: 12px;
        width: 300px;
    }

    .price-box {
        margin: 10px 10px;
    }

    .price-box-down {
        margin-top: 0;
    }
}

@media only screen and (max-width: 600px) {
    .banner-three .banner-content .sub-title {
        font-size: 25px;
        margin-top: 40px;
    }

    .banner-three:after {
        height: 0;
    }
}

.banner-three .banner-content p {
    font-size: 18px;
}

@media only screen and (max-width: 1199px) {
    .banner-three .banner-content p {
        font-size: 12px;
    }
}

.banner-three .banner-inner {
    z-index: 99;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.banner-three .banner-inner .dz-media {
    /* margin-left: -200px;
  margin-right: -50px; */
}

@media only screen and (max-width: 1400px) {
    .banner-three .banner-inner .dz-media {
        /* margin-right: 0;
    margin-left: 0; */
    }
}

@media only screen and (max-width: 1199px) {
    .banner-three {
        height: auto;
        padding-bottom: 150px;
        padding-top: 150px;
    }
}

@media only screen and (max-width: 991px) {

    /* .banner-three:after {
        background-position: -280px bottom;
    } */
    .banner-three .banner-content h6 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-three {
        height: auto;
        padding-bottom: 30px;
        padding-top: 20px;
    }

    .banner-three .banner-content {
        margin-bottom: 70px;
    }
}

@media only screen and (max-width: 575px) {

    /* .banner-three:after {
        background-position: -120px bottom;
    } */
    .banner-three .banner-content {
        margin-bottom: 20px;
        text-align: center;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -7px;
    }
}

.bg-primary {
    background-color: #8a8bbc !important;
}

.p-t100 {
    padding-top: 100px;
}

.move-1 {
    -webkit-animation: move1 5s infinite;
    animation: move1 5s infinite;
}

.title-img img {
    box-reflect: right;
}

.move-box {
    position: relative;
}

.move-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.move-box img:first-child {
    position: unset;
}

/*************************/
/*     03. Widgets   */
/*************************/
.icon-bx-md {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-left: -50px;
    margin-right: 20px;
}

.icon-bx-md.radius {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.icon-bx-md i {
    font-size: 45px;
    vertical-align: middle;
}

.icon-bx-md img {
    vertical-align: middle;
    max-width: 100%;
    width: auto;
    height: 40px;
}

.icon-bx-wraper {
    position: relative;
    margin-bottom: 4rem;
}

.icon-bx-wraper.style-1 {
    padding: 30px;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    border-radius: 0.85rem;
    background-color: #fff;
}

@media only screen and (max-width: 1199px) {
    .icon-bx-wraper.style-1 {
        padding: 30px 15px;
        /*margin: 30px;*/
    }
}

@media only screen and (max-width: 599px) {
    .icon-bx-wraper.style-1 {
        margin: 0 25px;
    }
}

.icon-bx-wraper.style-1 .dlab-title {
    margin-bottom: 15px;
}

.icon-bx-wraper.style-1>[class*='icon-bx-'] {
    width: 90px;
    height: 90px;
    margin: 24px 0 45px;
    position: relative;
    z-index: 1;
}

.icon-bx-wraper.style-1>[class*='icon-bx-']:after {
    content: '';
    position: absolute;
    right: -20px;
    top: -20px;
    height: 133px;
    width: 82px;
    background-position: right;
    z-index: -1;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.icon-bx-wraper.style-1>[class*='icon-bx-'].bg-green:after {
    background-image: url(img/green.png);
}

.icon-bx-wraper.style-1:before,
.icon-bx-wraper.style-1:after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    transform: scale(0.5);
    z-index: 0;
}

.icon-bx-wraper.style-1:before {
    background-image: url(img/pattern5.png);
    height: 100%;
    top: -30px;
    left: -30px;
    width: 100%;
}

.icon-bx-wraper.style-1:after {
    background-image: url(img/pattern6.png);
    height: 290px;
    bottom: -40px;
    right: -30px;
    width: 250px;
}

.icon-bx-wraper.style-1:hover,
.icon-bx-wraper.style-1.active {
    box-shadow: 0 5px 95px 0 rgba(0, 0, 0, 0.08);
    z-index: 1;
}

.icon-bx-wraper.style-1:hover>[class*='icon-bx-']:after,
.icon-bx-wraper.style-1.active>[class*='icon-bx-']:after {
    right: 30px;
}

.icon-bx-wraper.style-1:hover:before,
.icon-bx-wraper.style-1:hover:after,
.icon-bx-wraper.style-1.active:before,
.icon-bx-wraper.style-1.active:after {
    opacity: 1;
    transform: scale(1);
}

.icon-bx-wraper.style-1:hover .icon-cell i {
    display: inline-block;
    -webkit-animation: toTopFromBottom 0.8s forwards;
    -moz-animation: toTopFromBottom 0.8s forwards;
    animation: toTopFromBottom 0.8s forwards;
}

@media only screen and (max-width: 1400px) {
    .icon-bx-wraper.style-1:before {
        top: -15px;
        left: -15px;
    }

    .icon-bx-wraper.style-1:after {
        bottom: -20px;
        right: -10px;
    }
}

.icon-bx-wraper.style-1 .icon-cell {
    overflow: hidden;
}

.icon-bx-wraper.style-1:hover .icon-cell i {
    display: inline-block;
    -webkit-animation: toTopFromBottom 0.8s forwards;
    -moz-animation: toTopFromBottom 0.8s forwards;
    animation: toTopFromBottom 0.8s forwards;
}

.icon-cell {
    vertical-align: middle;
    font-size: 50px;
    color: #fff;
    line-height: 1;
}

[class*='icon-bx-'][class*='border-'] .icon-cell {
    display: table-cell;
    vertical-align: middle;
}

.section-head .sub-title {
    display: flex;
    justify-content: center;
}

.section-head .sub-title h6 {
    background-color: rgba(137, 110, 255, 0.2);
    color: #896eff;
    border-radius: 7px;
}

/*************************/
/*     04. counter-wraper   */
/*************************/
.counter-wraper,
.client-wraper {
    position: relative;
    padding: 35px 10px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    position: absolute;
    bottom: 54px !important;
}

.client-wraper .swiper-horizontal>.swiper-pagination-bullets {
    bottom: -7px;
}

.client-wraper {
    background-image: var(--gradient-sec);
}

.counter-wraper:before {
    content: '';
    background-image: url(img/bg3.png), var(--gradient-sec);
    height: 400px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-bx-wraper.style-2,
.price-box {
    background-color: #fff;
    border-radius: 0.85rem;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.icon-bx-wraper.style-2 .icon-bx-sm {
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.icon-bx-wraper.style-2 .icon-bx-sm i {
    font-size: 35px;
}

.icon-bx-wraper.style-2 .title {
    font-size: 20px;
    font-weight: 400;
    display: block;
    margin: 15px 0;
}

@media only screen and (max-width: 1199px) {
    .icon-bx-wraper.style-2 .title {
        font-size: 16px;
    }
}

.icon-bx-wraper.style-2 .counter-title {
    font-size: 65px;
    font-family: 'IRANSans(FaNum)', sans-serif;
    font-weight: 800;
    line-height: 1;
}

.icon-bx-wraper.style-2-up {
    margin-top: 47px;
}

.icon-bx-wraper.style-2-up:hover {
    transform: translateY(-45px);
}

.icon-bx-wraper.style-2-Down:hover {
    transform: translateY(+45px);
}

@media only screen and (max-width: 995px) {
    .icon-bx-wraper.style-2 {
        margin-top: 10px;
    }

    .icon-bx-wraper.style-2-up {
        margin-top: 10px;
    }

    .icon-bx-wraper.style-2-up:hover {
        transform: translateY(0px);
    }

    .icon-bx-wraper.style-2-Down:hover {
        transform: translateY(0px);
    }
}

@media only screen and (max-width: 1199px) {
    .icon-bx-wraper.style-2 {
        padding: 30px 20px;
        /*margin: 0 20px 20px 20px;*/
    }

    .icon-bx-wraper.style-2 .counter-title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .icon-bx-wraper.style-2 {
        padding: 30px 20px;
    }
}

.icon-bx-sm {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    width: 80px;
    height: 80px;
}

.icon-bx-sm.radius {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.icon-bx-sm i {
    font-size: 30px;
    vertical-align: middle;
}

.icon-bx-sm img {
    vertical-align: middle;
    max-width: 100%;
    width: auto;
    height: 30px;
}

.font-number {
    font-size: 55px;
    color: #525584;
}

/*************************/
/*     05. Services  */
/*************************/
.service-why {
    position: relative;
    z-index: 99;
}

.bg-circle {
    background-size: 1330px;
    height: 550px;
    position: relative;
    background-repeat: no-repeat;
}

.service-why .img-area.title-img img {
    position: unset;
}

.text-area p {
    margin-top: 110px;
    text-align: justify;
}

@media only screen and (max-width: 990px) {
    .text-area p {
        margin-top: 10px;
    }

    .service-why .why-img {
        text-align: center;
    }

    .service-why .why-img img {
        height: 300px;
    }
}

@media only screen and (max-width: 400px) {
    .service-why .why-img img {
        height: 240px;
    }
}

.shape-1 {
    top: 139px;
    left: 281px;
    width: 25px;
    -webkit-animation: spin 7s infinite linear;
    animation: spin 7s infinite linear;
}

.shape-2 {
    left: 132px;
    width: 25px;
    -webkit-animation: spin 7s infinite linear;
    animation: spin 7s infinite linear;
    bottom: 4px;
}

.shape-3 {
    left: 100px;
    width: 25px;
    -webkit-animation: move1 5s infinite ease-out;
    animation: move1 5s infinite ease-out;
    top: 14px;
}

.shape-4 {
    right: 157px;
    top: 96px;
    width: 25px;
    -webkit-animation: spin 7s infinite linear;
    animation: spin 7s infinite linear;
}

.shape-5 {
    left: 180px;
    bottom: -45px;
    width: 25px;
    -webkit-animation: spin 7s infinite linear;
    animation: spin 7s infinite linear;
}

.shape-6 {
    left: 55px;
    bottom: -45px;
    width: 20px;
    -webkit-animation: spin 7s infinite linear;
    animation: spin 7s infinite linear;
}

.shape-7 {
    bottom: 7px;
    width: 20px;
    -webkit-animation: spin 7s infinite linear;
    animation: spin 7s infinite linear;
    right: 119px;
}

.shape-8 {
    left: 110px;
    bottom: 34px;
    width: 20px;
    -webkit-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear;
}

.shape-9 {
    /*left: 55px;*/
    /*bottom: -45px;*/
    right: 153px;
    width: 15px;
    -webkit-animation: spin 7s infinite linear;
    animation: spin 7s infinite linear;
}

.shape-10 {
    left: 116px;
    top: 20px;
    /* bottom: -38px; */
    width: 21px;
    -webkit-animation: spin 7s infinite linear;
    animation: spin 7s infinite linear;
}

.shape-11 {
    /*left: 55px;*/
    /*bottom: -45px;*/
    right: 98px;
    top: 39px;
    width: 20px;
    -webkit-animation: spin 7s infinite linear;
    animation: spin 7s infinite linear;
}

.shape {
    position: absolute;
    z-index: -1;
}

.sampleVarX .col-lg-4 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: space-between;
}

@media only screen and (max-width: 750px) {
    .text-area p {
        margin: 40px 10px 10px 10px;
    }

    .shape-1,
    .shape-2 {
        display: none;
    }

    .service-why {
        margin-bottom: 110px;
    }
}

@media only screen and (max-width: 450px) {
    .shape-4 {
        right: 85px;
        top: 10px;
    }

    .shape-3 {
        left: 60px;
        top: -100px;
    }
}

/*************************/
/*     05. Price-area  */
/*************************/

.price-box {
    /*position: relative;*/
}

.price-box-down {
    margin-top: 45px;
}

@media only screen and (max-width: 1000px) {
    .price-box {
        margin: 10px 0px;
    }

    .price-box-down {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 590px) {
    .price-box {
        margin: 10px 10px;
    }
}

@media only screen and (max-width: 400px) {
    .price-box {
        margin: 10px 10px;
    }

    .price-box-down {
        margin-top: 10px;
    }
}

.price-area::before {
    content: '';
    background-image: url('img/shape.svg');
    position: absolute;
    height: 375px;
    width: 100%;
    background-repeat: no-repeat;
    bottom: -67px;
    left: 52px;
    z-index: -1;
}

.price-area::after {
    content: '';
    background-image: url('img/shape1.svg');
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: -25px;
    left: 698px;
    z-index: -1;
    background-size: 482px;
}

.price-body ul li {
    margin-bottom: 15px;
}

.price-body ul {
    margin: 30px 20px;
}

.fa-check {
    content: '';
    font-family: 'Font Awesome 5 Free', sans-serif;
    color: #00a884;
    margin-left: 5px;
}

.price-header {
    border-bottom: 1px solid #00a884;
}

.price-header .header-icon {
    color: #00a884;
    font-size: 40px;
    position: relative;
    width: fit-content;
    /*display: contents;*/
}

.dollor-icon {
    display: flex;
    justify-content: center;
}

.header-title,
.header-price {
    display: flex;
    justify-content: center;
}

.header-icon::before {
    content: '\f155';
    font-family: 'Font Awesome 6 pro', sans-serif;
    font-size: 15px;
    padding-bottom: 10px;
    position: absolute;
    transform: rotate(-25deg);
    left: 24px;
}

.header-price h3 {
    color: #00a884;
}

.header-price h3 span {
    font-size: 19px;
    margin-right: 6px;
    color: #9090a0;
}

.header-title h5 {
    margin-bottom: 0px;
    padding: 5px;
}

.free-test {
    position: relative;
}

.free-test-text {
    margin-top: 110px;
}

@media only screen and (max-width: 1000px) {
    .free-test-text {
        margin-top: 50px;
    }

    .free-test-img img {
        height: 430px;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 770px) {
    .free-test-text {
        margin-top: 0px;
        text-align: center;
    }

    .free-test-img img {
        height: 348px;
        margin-top: 15px;
    }
}

.free-test:before {
    content: '';
    background-image: url('img/Ellipse6.svg');
    position: absolute;
    background-size: 745px;
    background-repeat: no-repeat;
    z-index: -1;
    height: 774px;
    width: 100%;
    left: 698px;
    top: -119px;
}

.leveling {
    padding-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .leveling {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 575px) {
    .leveling {
        padding-top: 50px;
    }

    .free-test:before {
        left: 0;
    }
}

.icon-bx-wraper.style-3>[class*='icon-bx-'] {
    position: relative;
    margin: 20px;
    min-width: 100px;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.icon-bx-wraper.style-3>[class*='icon-bx-'] .icon-cell {
    font-size: 50px;
}

.icon-bx-wraper.style-3>[class*='icon-bx-']:before {
    content: '';
    position: absolute;
    width: 165px;
    height: 165px;
    left: calc(50% - 82px);
    top: calc(50% - 82px);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}

.icon-bx-wraper.style-3>[class*='icon-bx-'].text-red:before {
    background-image: url(img/icon-bx/red.png);
}

.icon-bx-wraper.style-3>[class*='icon-bx-'].text-yellow:before {
    background-image: url(img/icon-bx/yellow.png);
}

.icon-bx-wraper.style-3>[class*='icon-bx-'].text-green:before {
    background-image: url(img/icon-bx/green.png);
}

.icon-bx-wraper.style-3>[class*='icon-bx-'].text-skyblue:before {
    background-image: url(img/icon-bx/skyblue.png);
}

.icon-bx-wraper.style-3>[class*='icon-bx-'].text-maroon:before {
    background-image: url(img/icon-bx/maroon.png);
}

.icon-bx-wraper.style-3>[class*='icon-bx-'].text-orange:before {
    background-image: url(img/icon-bx/orange.png);
}

.icon-bx-wraper.style-3 .icon-content {
    padding-right: 20px;
}

.icon-bx-wraper.style-3:hover>[class*='icon-bx-'] {
    background-color: transparent !important;
}

.icon-bx-wraper.style-3:hover>[class*='icon-bx-'] .icon-cell svg {
    color: #fff;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.icon-bx-wraper.style-3:hover>[class*='icon-bx-']:before {
    -webkit-animation: rotate360 5s infinite;
    animation: rotate360 5s infinite;
}

@media only screen and (max-width: 575px) {
    .icon-bx-wraper.style-3>[class*='icon-bx-'] {
        min-width: 80px;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }

    .icon-bx-wraper.style-3>[class*='icon-bx-']:before {
        width: 126px;
        height: 126px;
        left: calc(50% - 63px);
        top: calc(50% - 63px);
    }
}

.section-wraper-one .icon-bx-wraper:nth-child(1) {
    margin-right: 70px;
}

.section-wraper-one .icon-bx-wraper:nth-child(3) {
    margin-right: 100px;
}

@media only screen and (max-width: 767px) {
    .section-wraper-one .icon-bx-wraper:nth-child(1) {
        margin-right: 0;
    }

    .section-wraper-one .icon-bx-wraper:nth-child(3) {
        margin-right: 0;
    }

    .section-wraper-one .icon-bx-wraper:nth-child(1):before {
        content: none;
    }

    .section-wraper-one .icon-bx-wraper:nth-child(3):before {
        content: none;
    }
}

.icon-bx-wraper.left .icon-bx-md {
    float: right;
    margin-right: 20px;
}

.icon-bx-wraper.style-3 .icon-content {
    padding-right: 20px;
}

.icon-content {
    overflow: hidden;
}

.icon-content p {
    font-size: 14px;
}

.dlab-box-bg.active .text-primary,
.dlab-box-bg.active .icon-content .dlab-tilte,
.dlab-box-bg.active .icon-content p,
.dlab-box-bg.active .icon-box-btn .btn {
    color: #fff;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.dlab-box-bg .text-primary,
.dlab-box-bg .icon-content .dlab-tilte,
.dlab-box-bg .icon-content p,
.dlab-box-bg .icon-box-btn .btn {
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.dlab-box-bg.active .icon-bx-wraper {
    background-color: rgba(0, 0, 0, 0.7);
}

.dlab-media {
    position: relative;
}

.client-wraper {
    color: #ffffff;
    position: relative;
}

.client-wraper .sub-title h6 {
    background-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
}

.client-wraper .title {
    font-size: 20px;
}

.feedback-body p {
    margin: 15px 55px;
}

@media screen and (max-width: 400px) {
    .client-wraper .title {
        font-size: 16px;
    }
}

/*************************/
/*     05. Accordion  */
/*************************/
.accordion {
    display: grid;
    align-content: center;
    height: 100vh;
}

.accordion__container {
    display: grid;
    row-gap: 0.75rem;
    padding: 5px 8px;
    border-radius: 0.5rem;
}

.accordion__title {
    font-size: 15px;
    font-weight: 400;
    margin-top: -3px;
    transition: 0.2s;
    line-height: 27px;
}

.accordion__header {
    display: flex;
    column-gap: 0.5rem;
    padding: 1.25rem 1.25rem 1.25rem 1rem;
    cursor: pointer;
}

.accordion__description {
    padding: 0 1.25rem 1.25rem 3rem;
    font-size: 14px;
}

.accordion__icon {
    font-size: 1.5rem;
    height: max-content;
    transition: 0.3s;
    width: 19px;
}

.accordion__item {
    box-shadow: 0 2px 6px rgba(38, 38, 38, 0.1);
    border-radius: 0.25rem;
    position: relative;
    transition: all 0.25s ease;
}

.accordion__item::after {
    content: '';
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    /*left: 0;*/
    border-radius: 0 0.25rem 0.25rem 0;
}

.accordion__item {
    background-color: #edebed;
}

.accordion__item::after {
    background-color: #8a8bbc;
}

.accordion__content {
    overflow: hidden;
    height: 0;
    transition: all 0.25s ease;
}

.accordion-open .accordion__icon {
    transform: rotate(45deg);
}

.accordion-open .accordion__title {
    font-weight: 600;
}

@media screen and (min-width: 576px) {
    .accordion__container {
        /*width: 570px;*/
        /*padding: 2.5rem;*/
        justify-self: center;
        border-radius: 0.75rem;
    }

    .accordion__header {
        padding: 1.5rem;
    }

    .accordion__title {
        padding-right: 0.5rem;
    }

    .accordion__description {
        padding: 0 4rem 1.25rem 3.5rem;
    }
}

@media screen and (min-width: 968px) {
    .container {
        margin-left: auto;
        margin-right: auto;
    }
}

/*************************/
/*     06. Footer  */
/*************************/
.site-footer.style-1 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #525584;
}

.site-footer.style-1 .footer-top {
    background: transparent;
}

.site-footer.style-1 .footer-top .widget_services ul {
    margin-top: -5px;
    padding: 0;
}

@media only screen and (max-width: 1199px) {
    .site-footer.style-1 .footer-top .widget_services {
        padding-left: 0px;
    }
}

.site-footer.style-1 .footer-title:before,
.site-footer.style-1 .footer-title:after {
    background: #fff;
}

.site-footer.style-1 .copyright-text a {
    color: #fff;
}

.site-footer.style-2 {
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    height: auto !important;
    background-color: #0e1b1f;
    background-size: contain;
}

.site-footer.style-2:before {
    content: '';
    /*background-image: url(../images/pattern/pattern2.png);*/
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.site-footer.style-2 .dlab-social-icon li a {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.site-footer.style-2 .footer-top {
    background: transparent;
    padding-top: 300px;
}

.site-footer.style-2 .container+.footer-top {
    padding-top: 70px;
}

.site-footer.style-2 .footer-bottom {
    background-color: #1f343b;
    padding: 10px 0;
}

@media only screen and (max-width: 1199px) {
    .site-footer.style-2 .footer-top .widget_services {
        padding-left: 0;
    }
}

.site-footer.style-3 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--primary);
}

.site-footer.style-3 .footer-top {
    background: transparent;
}

footer {
    color: #fff;
    font-size: 15px;
}

footer .widget {
    margin-bottom: 30px;
}

footer strong {
    color: #fff;
}

footer .footer-logo {
    margin-bottom: 25px;
}

footer .footer-logo img {
    max-width: 100%;
}

footer .widget-logo ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

footer .widget-logo ul li {
    display: inline-block;
    flex: 50%;
    padding: 0 15px 15px 0px;
}

footer .widget_about p {
    margin-bottom: 20px;
    line-height: 24px;
    opacity: 0.6;
}

footer .footer-title,
footer-title {
    margin: 0;
    font-size: 24px;
    /*font-weight: 700;*/
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    color: #fff;
    line-height: 1.2;
    display: inline-block;
}

footer .footer-title:before,
footer .footer-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 4px;
    border-radius: 20px;
    /*background: var(--gradient);*/
    background-size: 200%;
}

footer .footer-title:before {
    width: 15px;
}

footer .footer-title:after {
    width: 45px;
    right: 20px;
}

footer .footer-top {
    background: var(--primary);
    padding: 70px 0 30px;
}

@media only screen and (max-width: 767px) {
    footer .footer-top {
        padding: 50px 0 20px;
    }
}

@media only screen and (max-width: 550px) {
    footer .footer-top {
        padding: 20px 0 20px;
    }

    .widget.widget_about,
    .widget.widget_services {
        text-align: center;
    }
}

footer .footer-bottom {
    background-color: var(--primary-dark);
    font-size: 15px;
    padding: 15px 0;
}

footer .footer-bottom .copyright-text a {
    font-weight: 400;
}

@media only screen and (max-width: 767px) {

    footer .footer-bottom .text-left,
    footer .footer-bottom .text-right {
        text-align: center !important;
    }

    footer .footer-bottom .text-right {
        margin-top: 10px;
    }
}

footer .widget-link li {
    display: inline-block;
    text-transform: uppercase;
    margin-left: 20px;
}

@media only screen and (max-width: 767px) {
    footer .widget-link li {
        margin-left: 8px;
        margin-right: 7px;
    }
}

footer .widget-link a {
    color: #fff;
}

footer .widget_getintuch ul li {
    position: relative;
    padding: 8px 0;
    display: flex;
    align-items: center;
}

footer .widget_getintuch ul li i {
    height: 40px;
    width: 40px;
    min-width: 40px;
    line-height: 40px;
    margin-left: 10px;
    text-align: center;
    background-color: var(--primary);
    display: block;
    border-radius: 50px;
}

footer .widget_getintuch ul li span {
    opacity: 0.6;
}

footer .wp-block-latest-posts,
footer .wp-block-categories-list,
footer .wp-block-archives-list,
footer .widget_categories ul,
footer .widget_archive ul,
footer .widget_meta ul,
footer .widget_pages ul,
footer .widget_recent_comments ul,
footer .widget_nav_menu ul,
footer .widget_recent_entries ul,
footer .widget_services ul {
    color: rgba(255, 255, 255, 0.6);
}

footer .wp-block-latest-posts a:hover,
footer .wp-block-categories-list a:hover,
footer .wp-block-archives-list a:hover,
footer .widget_categories ul a:hover,
footer .widget_archive ul a:hover,
footer .widget_meta ul a:hover,
footer .widget_pages ul a:hover,
footer .widget_recent_comments ul a:hover,
footer .widget_nav_menu ul a:hover,
footer .widget_recent_entries ul a:hover,
footer .widget_services ul a:hover {
    color: #fff;
}

.footer-info {
    border-bottom: 1px solid #e1e1f0;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.footer-info .footer-logo {
    margin-bottom: 10px;
}

.footer-info .icon-bx-wraper {
    display: flex;
    justify-content: flex-end;
}

.footer-info .icon-bx-wraper .icon-cell {
    color: #fff;
}

.footer-info .icon-bx-wraper .icon-cell i {
    font-size: 50px;
}

.footer-info .icon-bx-wraper p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.footer-info .icon-bx-wraper p strong {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
}

@media only screen and (min-width: 767px) {

    .footer-widgets,
    .about-us-bx {
        height: 200px;
    }
}

.namad-logo {
    text-align: center;
}

.namad-logo img {
    height: 110px;
}

.dlab-social-icon ul {
    display: flex;
    justify-content: center;
    margin: 5px 0 25px 0;
    padding: 0px;
    gap: 10px;
}

.dlab-social-icon ul li {
    /*padding: 12px 14px;*/
    background-color: #c8c8d8;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dlab-social-icon ul li svg {
    height: 20px;
}

@media only screen and (min-width: 500px) {
    .dlab-social-icon ul {
        margin: 35px 0 25px 0;
    }
}

@media only screen and (max-width: 1199px) {
    .footer-info .icon-bx-wraper p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .footer-info .footer-info .icon-bx-wraper p {
        font-size: 16px;
    }

    .footer-info .footer-info .footer-logo {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 590px) {
    .footer-info .icon-bx-wraper {
        display: flex;
        justify-content: center;
    }

    .footer-info .footer-logo {
        text-align: center;
    }
}

.icon-bx-wraper.style-4 {
    border-radius: 0.85rem;
    box-shadow: 0 7px 20px 0 rgb(0 0 0 / 10%);
    padding: 30px;
}

.quick-look {
    margin-bottom: 10px;
}

@media only screen and (max-width: 590px) {
    .quick-look .icon-bx-wraper.style-4 {
        margin: 7px 15px;
    }
}

.icon-box {
    display: flex;
    justify-content: center;
}

.user-box {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    text-align: center;
    padding: 25px;
}

.icon-box svg {
    font-size: 42px;
}

.user-box svg {
    font-size: 28px;
}

.icon-bx-wraper {
    position: relative;
}

.icon-bx-wraper.table {
    padding-right: 76px;
}

.icon-bx-wraper.purple-table {
    border: 1px solid #525584;
}

.icon-bx-wraper.green-table {
    border: 1px solid #0eaa89;
}

.icon-bx-wraper .icon-content.number span {
    font-size: 20px;
}

.table-bx-wraper.purple-style:before {
    background-color: #525584;
}

.table-bx-wraper.green-style:before {
    background-color: #0eaa89;
}

.table-bx-wraper:before {
    content: '';
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 0.75rem 0.75rem 0;
}

.table-title.title-1 {
    right: -37px;
    top: 49%;
}

.table-title.title-2 {
    right: -43px;
    top: 47%;
}

.table-title.title-3 {
    right: -32px;
    top: 45%;
}

.table-title.title-4 {
    right: -35px;
    top: 45%;
}

.table-title.title-5 {
    right: -24px;
    top: 45%;
}

.table-title.title-6 {
    right: -16px;
    top: 45%;
}

.table-title.title-7 {
    right: -36px;
    top: 45%;
}

.table-title.title-8 {
    right: -62px;
    top: 45%;
}

.table-title {
    position: absolute;
    transform: rotate(90deg);
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
}

.table-info {
    background-color: #ffffff;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: bold;
    /*height: 100%;*/
    min-height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tbx2 {
    height: 100%;
}

.alert-success a {
    color: #0d6efd !important
}

.table-content {
    color: #525584;
    font-weight: normal;
}

.information-table>.row {
    /*padding-bottom: 0;*/
}

.personal-information .table-content-body .information-table .row>[class*='col-lg-'] {
    padding: 4px 4px;
}

.information-table .row>[class*='col-lg-'] {
    padding-left: 10px !important;
}

@media only screen and (max-width: 1087px) {
    .purple-table .information-table .row>[class*='col-lg-7'] {
        margin-top: 10px;
    }

    .green-table .information-table .row>[class*='col-lg-7'] {
        margin-top: 10px;
    }

    .green-table .information-table .row.table-bx {
        display: inline-block;
    }

    div#callback-page {
        display: block;
    }

    .green-table .information-table {
        width: max-content;
    }

    div#callback-page2 {
        width: auto;
    }

    .table-content-body {
        overflow-x: scroll;
    }

    .personal-information .table-content-body .information-table .row>[class*='col-lg-'] {
        padding: 2px 24px;
    }
}

.table-bx-wraper.purple-style .table-info {
    color: #525584;
}

.table-bx-wraper.green-style .table-info.title {
    color: #0eaa89;
}

.table-bx-wraper.green-style .table-info.content {
    color: #525584;
    /*font-size: 15px;*/
    font-weight: normal;
}

.btn-primary {
    padding: 2px 8px;
    background-color: #525584;
    border-radius: 10px;
}

.no-date-info {
    /*display: flex;*/
    /*justify-content: center;*/
    /*transform: scale(0);*/
}

.no-date-info h5,
.FormMsg ul {
    border-radius: 15px;
    border: 1px dashed #e7446d;
    /*background-color: #E7446D;*/
    color: #e7446d;
    padding: 10px 20px;
    font-size: 15px;
    margin-top: 10px;
}

.FormMsg.success ul {
    border-color: #198754;
    color: #198754;
}

/*************************/
/*     03. Login-page  */
/*************************/
.vector-area {
    position: relative;
}

.vector-area img.vector-page-title {
    height: 240px;
}

.submit-area {
    margin: 30px 0 10px 0;
    display: grid;
}

.submit-area button[name='submit'],
.submit-area button[name='action'] {
    border: none;
    padding: 12px 10px;
    font-size: 20px;
}

.submit-area button[name='submit']:hover,
.submit-area button[name='submit']:focus,
.submit-area button[name='submit']:active,
.submit-area button[name='action']:hover,
.submit-area button[name='action']:focus,
.submit-area button[name='action']:active {
    background-color: #525584;
    border: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(82, 85, 132, 0.6);
}

.input-group {
    width: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    border: none;
    margin: 15px 0;
    border-radius: 20px !important;
}

.input-bx {
    border-radius: 20px !important;
}

.input-group input {
    border: none;
}

.input-group>.form-control,
.input-group>.form-control-plaintext,
.input-group>.custom-select,
.input-group>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3;
}

.input-group-prepend,
.input-group-append {
    display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
    z-index: 3;
}

.input-group-prepend {
    position: absolute;
    right: 10px;
    top: 30px;
    z-index: 99;
    transform: translateY(-50%);
    background-color: transparent;
    border-left: 2px solid #525584;
    margin-left: 10px;
}

@media only screen and (max-width: 1600px) {
    .input-group-prepend {
        top: 20px;
    }
}

.input-group-prepend .input-group-text {
    justify-content: center;
    padding: 0;
    width: 40px;
    height: 35px;
    background-color: transparent;
    border: none;
}

.input-group-prepend .input-group-text svg {
    color: #525584;
    font-size: 22px;
}

.input-group-prepend+.form-control,
.input-group-prepend+.form-control+.bootstrap-select,
.input-group-prepend+.form-control+.custom-file-label {
    padding: 10px 65px 10px 20px;
}

.input-group-prepend+textarea.form-control {
    padding: 18px 65px 18px 20px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.65rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    margin-left: 3px;
    /*border-radius: 0.85rem;*/
}

.form-control {
    position: relative;
    border-radius: 0.25rem !important;
    height: 60px;
    border: 1px solid #cccccc;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #888;
    transition: all 0.3s ease-in-out;
    background: #fff;
}

@media only screen and (max-width: 1600px) {
    .form-control {
        height: 40px;
    }
}

.form-control .select {
    padding: 12px 0;
}

.form-control span {
    text-align: right !important;
    margin-top: 0;
}

.form-control::-webkit-input-placeholder {
    color: #888;
}

.form-control:-ms-input-placeholder {
    color: #888;
}

.form-control::placeholder {
    color: #888;
}

.form-control:focus,
.form-control:active,
.form-control.active {
    border-color: #525584;
}

.form-control:focus,
.form-check-input:focus {
    border-color: #525584;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(82, 85, 132, 0.6);
}

.input-group-prepend+.form-control,
.input-group-prepend+.form-control+.bootstrap-select,
.input-group-prepend+.form-control+.custom-file-label {
    padding: 10px 70px 10px 20px;
}

.input-group-prepend+textarea.form-control {
    padding: 18px 65px 18px 20px;
}

.FormMsg ul#form-msg {
    position: relative;
}

.FormMsg ul#form-msg svg {
    position: absolute;
    left: 20px;
    /*top: 22px;*/
    font-size: 25px;
}

.pass-recover:hover a {
    color: #484684;
}

.form-check-input:checked {
    background-color: #525584;
    border-color: #525584;
}

.form-title {
    margin: 15px 0px;
    border-bottom: 2px solid #c4c6d8;
}

.form-title h6 {
    font-size: 19px;
    margin: 20px 0;
}

.select-bx {
    position: relative;
}

.select-bx svg.fa-angle-down {
    position: absolute;
    left: 15px;
    top: 12px;
    font-size: 18px;
    z-index: 99;
}

.application-icon-bx {
    width: 20%;
    text-align: center;
    height: 157px;
    /* padding: 48px; */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.application-icon-bx:nth-child(1):hover {
    border-radius: 0 15px 15px 0;
}

.application-icon-bx:nth-child(5):hover {
    border-radius: 15px 0 0 15px;
}

.application-icon-bx:hover {
    /*background-color: #0a58ca;*/
    background-color: #0eaa89;
    /*background-image: url('img/background-color.jpg');*/
    background-size: 300px;
}

.application-icon-bx:hover svg {
    color: #ffffff;
}

.application-icon {
    display: flex;
    justify-content: space-between;
    /*padding: 58px 50px!important;*/
    font-size: 47px;
}

/*.application-icon svg:hover {*/
/*    background-color: #000000;*/
/*    opacity: 0.6%;*/
/*}*/
.icon-bx-wraper.style-4.application-icon {
    padding: 0;
}

::selection {
    background: #6d50e2;
    color: #fff;
}

.container .topic {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}

.content {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.item-list-dash {
    position: relative;
}

.content .list {
    display: flex;
    flex-direction: column;
    padding: 15px 32px;
}

.content .list label {
    height: 60px;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    cursor: pointer;
    padding-left: 25px;
    transition: all 0.5s ease;
    color: #333;
    z-index: 12;
    white-space: nowrap;
}

.content .list label span.title {
    padding-right: 10px;
}

@media only screen and (max-width: 870px) {
    .content .list {
        padding: 15px 20px;
    }

    .content .slider {
        left: 5px;
    }

    .content .list label {
        padding-left: 0px;
    }

    .content .list label span.title {
        display: none;
    }
}

#home:checked~.list label.home,
#server:checked~.list label.server,
#charge:checked~.list label.charge,
#pass-change:checked~.list label.pass-change,
#gift:checked~.list label.gift,
#support:checked~.list label.support,
#social-network:checked~.list label.social-network,
#exit:checked~.list label.exit {
    color: #fff;
}

.content .list label:hover {
    color: #525584;
}

.content .list .exit {
    border-top: 1px solid #707070;
    color: #e7446d;
    padding-top: 15px;
}

.content .list .exit:hover {
    color: #e71d32;
}

.content .slider {
    position: absolute;
    left: 16px;
    top: 10px;
    height: 58px;
    width: 89%;
    border-radius: 12px;
    background: #525584;
    transition: all 0.4s ease;
}

#home:checked~.list .slider {
    top: 15px;
}

#server:checked~.list .slider {
    top: 75px;
}

#charge:checked~.list .slider {
    top: 135px;
}

#pass-change:checked~.list .slider {
    top: 195px;
}

#gift:checked~.list .slider {
    top: 255px;
}

#support:checked~.list .slider {
    top: 315px;
}

#social-network:checked~.list .slider {
    top: 375px;
}

#exit:checked~.list .slider {
    top: 450px;
    color: #707070;
}

.content .text-content {
    width: 74%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
}

.content .text {
    display: none;
}

.content .text .title {
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 500;
}

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

.content .text-content .home {
    display: block;
}

#home:checked~.text-content .home,
#server:checked~.text-content .server,
#charge:checked~.text-content .charge,
#pass-change:checked~.text-content .pass-change,
#gift:checked~.text-content .gift,
#support:checked~.text-content .support,
#social-network:checked~.text-content .social-network,
#exit:checked~.text-content .exit {
    display: block;
}

#server:checked~.text-content .home,
#charge:checked~.text-content .home,
#pass-change:checked~.text-content .home,
#gift:checked~.text-content .home,
#support:checked~.text-content .home,
#social-network:checked~.text-content .home,
#exit:checked~.text-content .home {
    display: none;
}

.content input[type='radio'],
.text-content input[type='radio'],
.information-table input[type='radio'] {
    display: none;
}

.tab-header {
    position: relative;
    height: 41px;
    display: flex;
    font-size: 17px;
    border-bottom: 2px solid #c6c6c6;
    margin-bottom: 20px;
    cursor: pointer;
    color: #0b0b0b;
    text-align: center;
    /*transition: all 0.5s ease;*/
}

.tabs>.tab-slider {
    position: absolute;
    background: #525584;
    height: 4px;
    width: 99px;
    top: 68px;
    transition: all 0.4s ease;
}

.tabs .tab-body .text {
    width: 100%;
}

#service-tab-title:checked~.home .tab-header label.service-tab-title,
#service-tab-title2:checked~.home .tab-header label.service-tab-title2,
#service-tab-title3:checked~.home .tab-header label.service-tab-title3,
#server-tab-title1:checked~.server .tab-header label.server-tab-title1,
#server-tab-title2:checked~.server .tab-header label.server-tab-title2,
#server-tab-title3:checked~.server .tab-header label.server-tab-title3,
#charge-tab-title1:checked~.charge .tab-header label.charge-tab-title1,
#charge-tab-title2:checked~.charge .tab-header label.charge-tab-title2 {
    font-weight: 500;
}

#service-tab-title:checked~.home .tab-slider {
    top: 68px;
    color: #707070;
    right: 21px;
    width: 87px;
}

#service-tab-title2:checked~.home .tab-slider {
    top: 68px;
    right: 130px;
    color: #707070;
}

#service-tab-title3:checked~.home .tab-slider {
    top: 68px;
    right: 230px;
    color: #707070;
}

#server-tab-title1:checked~.server .tab-slider {
    top: 68px;
    right: 20px;
    width: 166px;
    color: #707070;
}

#server-tab-title2:checked~.server .tab-slider {
    top: 68px;
    right: 191px;
    width: 100px;
    color: #707070;
}

#server-tab-title3:checked~.server .tab-slider {
    top: 68px;
    right: 292px;
    width: 240px;
    color: #707070;
}

#server-tab-title4:checked~.server .tab-slider {
    top: 68px;
    right: 534px;
    width: 125px;
    color: #707070;
}

#charge-tab-title1:checked~.charge .tab-slider {
    top: 68px;
    right: 21px;
    width: 109px;
    color: #707070;
}

#charge-tab-title2:checked~.charge .tab-slider {
    top: 68px;
    right: 130px;
    width: 130px;
    color: #707070;
}

#pass-change-tab-title:checked~.pass-change .tab-slider {
    top: 68px;
    right: 20px;
    width: 80px;
    color: #707070;
}

#gift-tab-title:checked~.gift .tab-slider {
    top: 68px;
    right: 20px;
    width: 55px;
    color: #707070;
}

#support-tab-title:checked~.support .tab-slider {
    top: 68px;
    right: 20px;
    width: 80px;
    color: #707070;
}

#social-network-tab-title:checked~.social-network .tab-slider {
    top: 68px;
    right: 20px;
    width: 150px;
    color: #707070;
}

.tabs .tab-body {
    position: relative;
}

.home .tabs .tab-body .service-tab-title {
    display: block;
}

.tabs .tab-body .text {
    display: none;
}

.tabs .tab-header label {
    transition: all 0.5s ease;
}

.tabs .tab-header>label {
    padding: 0 5px 38px 27px;
    cursor: pointer;
    transition: all 0.5s ease;
}

.tabs .tab-body>div {
    /* position: absolute; */
}

#service-tab-title:checked~.home .tab-body .service-tab-title,
#service-tab-title2:checked~.home .tab-body .service-tab-title2,
#service-tab-title3:checked~.home .tab-body .service-tab-title3 {
    display: block;
}

#service-tab-title2:checked~.home .tab-body .service-tab-title,
#service-tab-title3:checked~.home .tab-body .service-tab-title {
    display: none;
}

#server-tab-title1:checked~.server .tab-body .server-tab-title1,
#server-tab-title2:checked~.server .tab-body .server-tab-title2,
#server-tab-title3:checked~.server .tab-body .server-tab-title3,
#server-tab-title4:checked~.server .tab-body .server-tab-title4 {
    display: block;
}

#server-tab-title2:checked~.server .tab-body .server-tab-title,
#server-tab-title3:checked~.server .tab-body .server-tab-title,
#server-tab-title4:checked~.server .tab-body .server-tab-title {
    display: none;
}

#charge-tab-title1:checked~.charge .tab-body .charge-tab-title1,
#charge-tab-title2:checked~.charge .tab-body .charge-tab-title2 {
    display: block;
}

#charge-tab-title2:checked~.charge .tab-body .charge-tab-title1 {
    display: none;
}

#pass-change-tab-title:checked~.pass-change .tab-body .pass-change-tab-title {
    display: block;
}

#gift-tab-title:checked~.gift .tab-body .gift-tab-title {
    display: block;
}

#support-tab-title:checked~.support .tab-body .support-tab-title {
    display: block;
}

#social-network-tab-title:checked~.social-network .tab-body .social-network-tab-title {
    display: block;
}

.server .tabs .tab-header>label {
    font-size: 15px;
    padding: 0 0 34px 26px;
}

.form-control-tab {
    width: 100%;
    border: none;
    color: #888;
    transition: all 0.3s ease-in-out;
}

.form-control-pay {
    width: 100%;
    border: none;
    color: #888;
    transition: all 0.3s ease-in-out;
}

.form-control-tab:focus,
.form-control-tab:focus-visible,
.form-control-tab:active,
.form-control-pay:focus-visible {
    border: none !important;
    outline: none !important;
}

.tab-body .accordion {
    width: 100%;
    height: 100%;
}

.item {
    /*border: 1px solid #000;*/
    border-radius: 15px;
    margin-bottom: 5px;
    background: #ffffff;
}

.heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    /*border: 1px solid #000;*/
    border-radius: 13px;
    cursor: pointer;
    transition: all 0.3s;
    color: #ffffff;
    background-color: #525584;
}

.dash-item-bx {
    width: 35%;
    height: 50px;
    border-radius: 15px;
    margin: 0px auto 0px 0px;
    padding: 0 15px;
}

@media only screen and (max-width: 1450px) {
    .form-control-tab {
        /* width: 49rem; */
    }
}

@media only screen and (max-width: 1350px) {
    .form-control-tab {
        /* width: 41rem; */
    }
}

@media only screen and (max-width: 870px) {
    .dash-item-title>p {
        font-size: 13px;
        white-space: nowrap;
    }

    .tab-header {
        width: max-content;
    }

    .form-control-tab {
        /* width: 14rem; */
    }
}

@media only screen and (max-width: 1100px) {
    .form-control-tab {
        /* width: 31rem; */
    }
}

@media only screen and (max-width: 1000px) {
    .content .list {
        padding: 15px 20px;
    }

    .content .slider {
        left: 5px;
    }

    .content .list label {
        padding-left: 0px;
    }

    .content .list label span.title {
        display: none;
    }

    .content {
        justify-content: flex-start;
        gap: 10px;
    }

    .content .text-content {
        width: 90%;
    }
}

@media only screen and (max-width: 760px) {
    .form-control-tab {
        /* width: 19rem; */
    }

    .dash-item-bx {
        width: 100%;
    }
}

@media only screen and (max-width: 870px) {
    .dash-item-title>p {
        font-size: 13px;
        white-space: nowrap;
    }

    .tab-header {
        width: max-content;
    }

    .form-control-tab {
        /* width: 14rem; */
    }
}

@media only screen and (max-width: 570px) {
    .form-control-tab {
        /* width: 11rem; */
    }

    .dashbourd-item p,
    .dash-item-bx {
        font-size: 12px;
    }

    .icon-bx-wraper.quick-look {
        margin: 10px 30px;
    }

    .icon-bx-wraper.style-4.application-icon {
        padding: 0;
        margin: 0 20px;
    }

    .application-icon-bx {
        font-size: 30px;
    }

    .application-icon-bx {
        height: 86px;
    }
}

/*.heading:hover {*/
/*    background: #eeeeee;*/
/*}*/
.heading p {
    margin: 0;
}

.accordion .item.active .content-accordion {
    display: block;
}

.content-accordion {
    display: none;
    padding: 0 15px;
    height: 260px;
    /*overflow-y: auto;*/
    overflow-y: scroll;
}

.content-accordion .text p {
    text-align: justify;
    padding-top: 12px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    /*padding-left: 1px;*/
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.heading svg {
    transition: all 0.9s;
}

.item.active .heading svg {
    transform: rotate(180deg);
}

.dashbourd-item {
    display: flex;
    justify-content: start;
    margin: 13px 0 0 0;
    row-gap: 14px;
    column-gap: 5px;
    flex-wrap: wrap;
}

.dashbourd-item p,
.dash-item-bx {
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
}

.dash-item-title {
    width: 110px;
    max-width: 19%;
    display: flex;
    text-align: right;
    justify-content: flex-start;
}

.dash-item-title p {
    font-weight: bold;
}

.dashbourd-item input[type='text'] {
    border: none;
}

.dashbourd-item input[type='text']:focus-visible {
    outline: none !important;
}

.dashbourd-item .dash-item-title.small-title1 {
    width: 105px;
}

.dashbourd-item .dash-item-title.small-title2 {
    width: 9%;
}

.dashbourd-item .dash-item-title.small-title3 {
    width: 91px;
}

.dashbourd-item .dash-item-title.small-title4 {
    width: 274px;
}

.dashbourd-item .dash-item-bx.small-bx {
    width: 100%;
}

.charge-tab-title1 .dash-item-btn {
    margin-right: 169px;
}

.pass-change-tab-title .dash-item-btn,
.gift-tab-title .dash-item-btn {
    margin-left: 2%;
}

.dashbourd-item.warning {
    margin-top: 75px;
}

.dashbourd-item.warning .FormMsg {
    width: 580px;
}

@media only screen and (max-width: 870px) {
    .charge-tab-title1 .dash-item-btn {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 786px) {
    .dashbourd-item {}

    .dash-item-title {
        width: 144px;
        /* display: flex; */
        /*text-align: end;*/
        /* justify-content: flex-end; */
        margin: 0.3rem;
    }

    .form-control-tab {
        /* width: 35rem; */
    }

    .form-control-pay {
        /* width: 24rem; */
    }

    .form-control-tab {
        /* width: 21rem; */
    }

    .dashbourd-item input[type='text'] {
        width: 20rem;
    }

    .green-table.get-app .information-table {
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    .form-control-tab {
        /* width: 14rem; */
    }

    .pass-change .FormMsg ul#form-msg {
        width: 16rem;
    }

    .pass-change .FormMsg ul#form-msg li {
        font-size: 13px;
    }

    .pass-change-tab-title .dash-item-btn,
    .gift-tab-title .dash-item-btn {
        margin-left: 0;
    }

    .charge-tab-title1 .dash-item-btn {
        margin: 10px 150px;
    }

    .circleBg2 {
        right: 0px
    }

    .vector-area img.vector-page-title {
        height: auto
    }
}

/*************************/
/*     03. Payment Page   */
/*************************/
.plan-item .plan-item-title h4 {
    text-align: center;
    padding-top: 32px;
}

.plan-item {
    position: relative;
    border-radius: 15px;
    padding: 10px;
    /*width: 325px;*/
    width: 100%;
    border: 2px solid #ffffff;
    cursor: pointer;
}

@media only screen and (max-width: 400px) {
    .plan-item {
        margin-bottom: 10px;
    }
}

.plan-check {
    text-align: end;
}

/*[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, [class*=icheck-]>input:first-child:checked+label::after {*/
/*    left: 7px !important;*/
/*}*/
/*.icheck-success>input:first-child:checked+input[type=hidden]+label::before, .icheck-success>input:first-child:checked+label::before {*/
/*    background-color: #FFFFFF!important;*/
/*    border-color: #0EAA89!important;*/
/*}*/
#plan-select-1:checked~.plan-bx .plan-select-1,
#plan-select-2:checked~.plan-bx .plan-select-2,
#plan-select-3:checked~.plan-bx .plan-select-3 {
    border: 2px solid #0eaa89 !important;
    /*display: none;*/
}

#plan-select-1:checked~.plan-bx .plan-check-1,
#plan-select-2:checked~.plan-bx .plan-check-2,
#plan-select-3:checked~.plan-bx .plan-check-3 {
    background-color: #0eaa89 !important;
    border-color: #0eaa89 !important;
}

.information-table {
    position: relative;
}

.plan-check {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /*background-color: #000;*/
    border: 1px solid #c8c8d8;
    float: left;
    margin-left: 8px;
    margin-bottom: 8px;
    position: relative;
    align-self: end;
}

.plan-check:hover {
    border: 1px solid #0eaa89;
    cursor: pointer;
}

.plan-check .fa-check {
    font-size: 19px;
    color: #ffffff;
    margin-top: 5px;
    margin-left: 6px;
}

.select-plan-bx {
    border-radius: 15px;
    padding: 0 !important;
    position: relative;
}

.select-plan-bx .select-plan-bx-title {
    padding: 15px 25px;
    text-align: center;
}

.select-plan-bx-price {
    background-color: #525584;
    border-radius: 0 0 14px 14px;
    color: #ffffff;
    padding: 12px 25px;
    text-align: center;
}

.select-plan-bx label {
    display: block;
    border: 2px solid #ffffff;
    border-radius: 16px;
    cursor: pointer;
}

.select-plan-bx .plan-check {
    position: absolute;
    top: 15px;
    right: 18px;
    width: 25px;
    height: 25px;
}

.table-bx-wraper .text {
    display: none;
}

.price-pay {
    padding: 15px;
    text-align: center;
    border: 1px solid #0eaa89 !important;
    border-radius: 10px;
}

.price-pay .price-number h2 {
    margin: 0;
}

.payment-bx .icon-bx-wraper.style-4 {
    padding: 6px 60px 12px 17px;
}

#payment-select-1:checked~.select-plan-bx .payment-select-1,
#payment-select-2:checked~.select-plan-bx .payment-select-2,
#payment-select-3:checked~.select-plan-bx .payment-select-3,
#payment-select-4:checked~.select-plan-bx .payment-select-4,
#payment-select-5:checked~.select-plan-bx .payment-select-5,
#payment-select-6:checked~.select-plan-bx .payment-select-6,
#payment-select-7:checked~.select-plan-bx .payment-select-7,
#payment-select-8:checked~.select-plan-bx .payment-select-8,
#payment-select-9:checked~.select-plan-bx .payment-select-9,
#payment-select-10:checked~.select-plan-bx .payment-select-10,
#payment-select-11:checked~.select-plan-bx .payment-select-11,
#payment-select-12:checked~.select-plan-bx .payment-select-12,
#payment-select-13:checked~.select-plan-bx .payment-select-13,
#payment-select-14:checked~.select-plan-bx .payment-select-14,
#payment-select-15:checked~.select-plan-bx .payment-select-15,
#payment-select-16:checked~.select-plan-bx .payment-select-16,
#payment-select-17:checked~.select-plan-bx .payment-select-17,
#payment-select-18:checked~.select-plan-bx .payment-select-18,
#payment-select-19:checked~.select-plan-bx .payment-select-19,
#payment-select-20:checked~.select-plan-bx .payment-select-20,
#payment-select-21:checked~.select-plan-bx .payment-select-21,
#payment-select-22:checked~.select-plan-bx .payment-select-22,
#payment-select-23:checked~.select-plan-bx .payment-select-23,
#payment-select-24:checked~.select-plan-bx .payment-select-24 {
    border: 2px solid #0eaa89 !important;
    border-radius: 16px;
    /*display: none;*/
}

#payment-select-1:checked~.select-plan-bx .plan-check-1,
#payment-select-2:checked~.select-plan-bx .plan-check-2,
#payment-select-3:checked~.select-plan-bx .plan-check-3,
#payment-select-4:checked~.select-plan-bx .plan-check-4,
#payment-select-5:checked~.select-plan-bx .plan-check-5,
#payment-select-6:checked~.select-plan-bx .plan-check-6,
#payment-select-7:checked~.select-plan-bx .plan-check-7,
#payment-select-8:checked~.select-plan-bx .plan-check-8,
#payment-select-9:checked~.select-plan-bx .plan-check-9,
#payment-select-10:checked~.select-plan-bx .plan-check-10,
#payment-select-11:checked~.select-plan-bx .plan-check-11,
#payment-select-12:checked~.select-plan-bx .plan-check-12,
#payment-select-13:checked~.select-plan-bx .plan-check-13,
#payment-select-14:checked~.select-plan-bx .plan-check-14,
#payment-select-15:checked~.select-plan-bx .plan-check-15,
#payment-select-16:checked~.select-plan-bx .plan-check-16,
#payment-select-17:checked~.select-plan-bx .plan-check-17,
#payment-select-18:checked~.select-plan-bx .plan-check-18,
#payment-select-19:checked~.select-plan-bx .plan-check-19,
#payment-select-20:checked~.select-plan-bx .plan-check-20,
#payment-select-21:checked~.select-plan-bx .plan-check-21,
#payment-select-22:checked~.select-plan-bx .plan-check-22,
#payment-select-23:checked~.select-plan-bx .plan-check-23,
#payment-select-24:checked~.select-plan-bx .plan-check-24 {
    background-color: #0eaa89 !important;
    border-color: #0eaa89 !important;
}

.plan-check.price-check .fa-check {
    margin: 3px;
}

/*************************/
/*     03. Animations   */
/*************************/
.move-1 {
    -webkit-animation: move1 5s infinite;
    animation: move1 5s infinite;
}

.move-2 {
    -webkit-animation: move2 5s infinite;
    animation: move2 5s infinite;
}

.move-3 {
    -webkit-animation: move3 5s infinite;
    animation: move3 5s infinite;
}

.move-4 {
    -webkit-animation: move4 1s infinite;
    animation: move4 1s infinite;
}

.move-5 {
    -webkit-animation: move5 5s infinite;
    animation: move5 5s infinite;
}

.spin-1 {
    -webkit-animation: spin 5s linear infinite;
    -moz-animation: spin 5s linear infinite;
    -o-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}

.spin-2 {
    -webkit-animation: spin2 5s infinite;
    -moz-animation: spin2 5s infinite;
    -o-animation: spin2 5s infinite;
    animation: spin2 5s infinite;
}

@-webkit-keyframes move1 {
    0% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px);
    }

    50% {
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px);
    }

    100% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px);
    }
}

@keyframes move1 {
    0% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px);
    }

    50% {
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px);
    }

    100% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px);
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateX(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateX(-100%);
    }

    50% {
        opacity: 0;
        transform: translateX(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes move5 {
    0% {
        bottom: 15px;
    }

    50% {
        bottom: 30px;
    }

    100% {
        bottom: 15px;
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin2 {
    100% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}