@import url("https://fonts.googleapis.com/css2?family=Mukta:wght@400;500;600;700&family=Poppins:wght@300;400;600&display=swap");

:root {
    --ff-primary: 'Mukta', sans-serif;
    --ff-secondary: 'Poppins', sans-serif;
}

::placeholder {
    color: var(--body-bg);
    opacity: 1; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--body-bg);
  }
  .text_center{ text-align: center;}

:root {
    --body-bg: #ffffff;
    --body-color: #555555;
    --menu-bg: #ffffff;
    --primary: #FF002E;
    --primary-gradient: linear-gradient(180deg, #FF7A00 -12.44%, #FF002E 100%);
    --primary-gradient2: linear-gradient(90deg, #FF002E 0%, #FF7A00 100%);
    --primary-light: #FFF2F5;
    --secondary: #000349;
    --secondary-alpha: 0, 3, 73;
    --secondary-gradient: linear-gradient(90deg, #000349 0%, #005B8E 100%);
    --secondary-gradient2: linear-gradient(179.09deg, #000349 -1.11%, #005B8E 99.25%);
    --success: #00B2FF;
    --success-alpha: 0, 178, 255;
    --success-gradient: linear-gradient(90deg, #00B2FF 0%, #00FFC2 100%);
    --success-gradient2: linear-gradient(to right, #00B2FF 0%, #00FFC2 80%);
    --heading: #121B25;
    --paragraph: #555555;
    --border: #dadada;
    --border-light: #bcbcbc;
    --border-light-alpha: 188, 188, 188;
    --menu-color: #0E0F1B;
    --white: #ffffff;
    --black: #000000;
    --black2: #121B25;
    --black-gradient: linear-gradient(#000000, #000000);
    --black-alpha: 0, 0, 0;
    --white-permanent: #ffffff;
    --white-alpha: 255, 255, 255;
    --gray: #c4c4c4;
    --gray-alpha: 196, 196, 196;
    --light-gray: #F9F9F9;
    --light-gray2: #FaFaFa;
    --light-gray-alpha: 249, 249, 249;
    --footer-bg: #ffffff;
    --copyright-color: #666666;
    --copyright-bg: #F9F9F9;
    --title-data-watermark: rgba(85, 85, 85, 0.15);
    --card-bg: #ffffff;
    --title-border: #eee;
    --theme-blue:#0E0061;
    --theme-blue-light:#5D44BE;
    --theme-sky:#00FFC2;
    --theme-blue-dark:#000349;
    --theme-blue2:#002196;
    --theme-blue3:#001C7E;
    --cripto-border:rgba(223, 255, 255, 0.7);
    --blur-white:rgba(255, 255, 255, 0.1);
    --white-water-color:rgba(255, 255, 255, 0.1);
    --bit-gradient:linear-gradient(0deg, rgba(0, 19, 129, 0.95) 0%, rgba(0, 81, 172, 0.95) 100%);
    --bit-gradient-rgba:linear-gradient(0deg, rgba(0, 19, 129, 0.7) 0%, rgba(0, 81, 172, 0.7) 100%);
    --bit-gradient2:linear-gradient(-90deg, rgba(0, 19, 129, 0.95) 0%, rgba(0, 81, 172, 0.95) 100%);
}

:root {
    --theme-color: #000349;
    --font-color: #333333;
    --w-light:#EEEEEE;
    --option-color: #777777;
    --disable-color: #666666;
    --disable-color-2: #BBBBBB;
    --fafafa: #FAFAFA;
    --star-color: #FBB500;
    --denger-2:#FF2D5F;
    --table-change-span-color: #12F6AB;
    --subscribe-button-font-color: #002196;
    --option-border: #CEE5EF;
    --disable-border: #C2C2C2;
    --split-icon-bg: rgba(255, 255, 255, 0.2);
    --split-icon-bg-2: #0A6EE3;
    --accordion-title-bg:#F9F9F9;
    --shadow-color:rgba(14, 95, 189, 0.07);
    --option-shadow: rgba(0, 0, 0, 0.05);
    --video-overlay: rgba(8, 71, 94, 0.5);
    --gradient: linear-gradient(90deg, #00B2FF 0%, #00FFC2 100%);
    --alert-box-3-overlay: linear-gradient(90deg, rgba(8, 71, 94, 0.63) 0%, rgba(8, 71, 94, 0) 100%);
    --alert-box-5-bg:linear-gradient(88.1deg, #9E00FF 0%, #00D092 100%);
    --subscribe-bg: #002196;
    --subscribe-from-bg: rgba(255, 255, 255, 0.1);
    --footer-overlay: linear-gradient(180deg, rgba(0, 19, 129, 0.95) 0%, rgba(0, 81, 172, 0.95) 100%);
    --btn-primary: #127BF6;
    --btn-secondary: #08475E;
    --success: #12F6AB;
    --warning: #FFB628;
    --danger: #FF2D5F;
    --disable: #EEEEEE;
    --alert-1-bg: #F1FFFA;
    --alert-2-bg: #FFFAFB;
    --alert-4-bg: #FDFFF2;
    --theme-5: #F73859;
    --midnight: #0D1930;
    --pblm-crd-shadw: rgba(0, 0, 0, 0.07);
    --v5-team: linear-gradient(176.73deg, rgba(247, 56, 89, 0.2) -16.71%, rgba(63, 114, 175, 0) 88.26%);
    --theme-6: #000579;
    --sky-blue: #00B2FF;
    --clock-clr: #0D1930;
    --roadmap-item-bg: linear-gradient(153.43deg, rgba(0, 178, 255, 0.2) -37.86%, rgba(255, 255, 255, 0) 87.58%);
    --v6-blog: linear-gradient(180deg, rgba(0, 5, 121, 0) 0%, #000579 62.5%);
    --theme-7: #3F72AF;
    --abt-vdo-overlay: #143154;
    --tbl-title-bg: #E5E6F2;
    --tbl-odd-bg: #F7F7FB;
    --change-clr: #2BBF6F;
}

body {
    font-family: var(--ff-primary);
    font-weight: 400;
    background: var(--body-bg);
    color: var(--body-color);
    font-size: 17px;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    color: var(--heading);
    font-weight: 700;
    line-height: 1.3;
}

p {
    margin-bottom: 20px;
    color: var(--paragraph);
    font-weight: 400;
    line-height: 1.9;
}

a:active, a:focus, input, select, textarea {
    outline: none !important;
}

    input:not([type="submit"]), textarea {
        background: var(--light-gray);
        border: 1px solid var(--border);
        height: 50px;
        width: 100%;
        padding: 10px 15px;
        transition: .4s;
    }

        input:not([type="submit"]):focus, textarea:focus {
            border-color: var(--primary);
        }

textarea {
    height: 145px;
}

img, svg {
    max-width: initial;
}

a, .container {
    text-decoration: none !important;
    transition: all .5s;
}

    a, a:hover {
        color: var(--primary);
    }

        a:hover, .btn, button, .btn:hover {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

section {
    overflow: hidden;
    position: relative;
}

#top {
    background: transparent;
    color: rgba(var(--black-alpha), 0.2);
    height: 40px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 1.7;
    border: 2px solid rgba(var(--black-alpha), 0.2);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    transition: .3s;
    position: fixed;
    right: 20px;
    bottom: 30px;
    display: none;
    z-index: 99;
}

    #top:hover {
        color: var(--primary);
        border-color: var(--primary);
    }

.gradient #top {
    background: var(--bit-gradient);
    color: var(--white);
    border: none;
    text-align: center;
    line-height: 40px;
    animation: moveY 1s infinite alternate;
}

    .gradient #top i {
        background: var(--success-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.blue-top #top {
    background: var(--theme-blue-light);
    color: var(--white);
    border: none;
    text-align: center;
    line-height: 40px;
    animation: moveY 1s infinite alternate;
}

@keyframes moveY {
    0% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(5px);
    }
}

.border-top, .border-right, .border-bottom, .border-left {
    border-color: var(--border) !important;
}

    .border-top.border-white, .border-right.border-white, .border-bottom.border-white, .border-left.border-white {
        border-color: var(--white) !important;
    }

iframe {
    width: 100%;
}

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

    .fw-light * {
        font-weight: 300 !important;
    }

.fw-regular {
    font-weight: normal !important;
}

    .fw-regular * {
        font-weight: normal !important;
    }

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

    .fw-medium * {
        font-weight: 500 !important;
    }

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

    .fw-semibold * {
        font-weight: 600 !important;
    }

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

    .fw-bold * {
        font-weight: 700 !important;
    }

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

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

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.w-33 {
    width: 33.333%;
}

.w-66 {
    width: 66.6666%;
}

.w-20 {
    width: 20%;
}

.flex-1 {
    flex: 1;
}

.height-100vh {
    min-height: 100vh;
}

.w100 {
    max-width: 100px;
    width: 100px;
}

.w50 {
    width: 50px;
    max-width: 50px;
}

.w200 {
    max-width: 200px;
    width: 100%;
}

.w300 {
    max-width: 300px;
    width: 100%;
}

.w400 {
    max-width: 400px;
    width: 100%;
}

.w500 {
    max-width: 500px;
    width: 100%;
}

.w600 {
    max-width: 600px;
    width: 100%;
}

.w700 {
    max-width: 700px;
    width: 100%;
}

.w850 {
    max-width: 850px;
    width: 100%;
}

.w800 {
    max-width: 800px;
    width: 100%;
}

.w900 {
    max-width: 900px;
    width: 100%;
}

.w1000 {
    max-width: 1000px;
    width: 100%;
}

.w50 {
    max-width: 50px;
    width: 100%;
}

.w150 {
    max-width: 150px;
    width: 100%;
}

.w250 {
    max-width: 250px;
    width: 100%;
}

.w350 {
    max-width: 350px;
    width: 100%;
}

.w450 {
    max-width: 450px;
    width: 100%;
}

.w550 {
    max-width: 550px;
    width: 100%;
}

.w650 {
    max-width: 650px;
    width: 100%;
}

.w750 {
    max-width: 750px;
    width: 100%;
}

.w850 {
    max-width: 850px;
    width: 100%;
}

.w950 {
    max-width: 950px;
    width: 100%;
}

.h1000 {
    height: 1000px;
}

.min-h1000 {
    min-height: 1000px;
}

.h500 {
    height: 500px;
}

.min-h500 {
    min-height: 500px;
}

.h600 {
    height: 600px;
}

.min-h600 {
    min-height: 600px;
}

.h700 {
    height: 700px;
}

.min-h700 {
    min-height: 700px;
}

.h800 {
    height: 800px;
}

.min-h800 {
    min-height: 800px;
}

.h900 {
    height: 900px;
}

.min-h900 {
    min-height: 900px;
}

.h1000 {
    height: 1000px;
}

.min-h1000 {
    min-height: 1000px;
}

.border {
    border: 1px solid var(--border);
}

.border-top {
    border-top: 1px solid var(--border);
}

.border-right {
    border-right: 1px solid var(--border);
}

.border-bottom {
    border-bottom: 1px solid var(--border);
}

.border-left {
    border-left: 1px solid var(--border);
}

.border-none {
    border: 0 !important;
}

.rounded-5 {
    border-radius: 5px !important;
}

.rounded-10 {
    border-radius: 10px !important;
}

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

.rounded-30 {
    border-radius: 30px !important;
}

.rounded-40 {
    border-radius: 40px !important;
}

.rounded-50 {
    border-radius: 50px !important;
}

.rounded-60 {
    border-radius: 60px !important;
}

.rounded-70 {
    border-radius: 70px !important;
}

.rounded-80 {
    border-radius: 80px !important;
}

.rounded-90 {
    border-radius: 90px !important;
}

.rounded-100 {
    border-radius: 100px !important;
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-heading {
    color: var(--heading) !important;
}

.text-success-gradient, .text-secondary-gradient, .text-primary-gradient {
    color: transparent !important;
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
}

.text-secondary-gradient {
    background: var(--secondary-gradient);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
}

.text-success-gradient {
    background: var(--success-gradient);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
}

.btn {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    padding: 9px 25px;
    z-index: 5;
    box-shadow: none !important;
}

    .btn i {
        position: relative;
        top: 3px;
        font-size: 22px;
    }

.btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: var(--white-permanent) !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background: transparent !important;
        border-color: var(--primary) !important;
        color: var(--primary) !important;
        box-shadow: none !important;
    }

    .btn-primary::before {
        content: "";
        height: 100%;
        width: 100%;
        background: var(--primary-gradient2);
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        transition: .4s;
        transition: all 0.5s;
    }

    .btn-primary:hover::before, .btn-primary:focus::before {
        width: 0;
        right: -3px;
        left: auto;
    }

.btn-sky {
    background-color: transparent;
    border-color: transparent;
    color: var(--theme-blue2) !important;
}

    .btn-sky:hover, .btn-sky:focus, .btn-sky:active {
        background: transparent !important;
        border-color: var(--theme-sky) !important;
        color: var(--theme-sky) !important;
        box-shadow: none !important;
    }

    .btn-sky::before {
        content: "";
        height: 100%;
        width: 100%;
        background: var(--success-gradient);
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        transition: .4s;
        transition: all 0.5s;
    }

    .btn-sky:hover::before, .btn-sky:focus::before {
        width: 0;
        right: -3px;
        left: auto;
    }

.btn-blue {
    background-color: transparent;
    border-color: transparent;
    color: var(--white-permanent) !important;
}

    .btn-blue:hover, .btn-blue:focus, .btn-blue:active {
        background: transparent !important;
        border-color: var(--theme-blue-light) !important;
        color: var(--white) !important;
        box-shadow: none !important;
    }

    .btn-blue::before {
        content: "";
        height: 100%;
        width: 100%;
        background: var(--theme-blue-light);
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        transition: .4s;
        transition: all 0.5s;
    }

    .btn-blue:hover::before, .btn-blue:focus::before {
        width: 0;
        right: -3px;
        left: auto;
    }

    .btn-blue.text-blue:hover, .btn-blue.text-blue:focus, .btn-blue.text-blue.active {
        color: var(--theme-blue-light) !important;
    }

.btn-dark {
    background-color: transparent;
    border-color: transparent;
    color: var(--white-permanent) !important;
}

    .btn-dark:hover, .btn-dark:focus, .btn-dark:active {
        background: transparent !important;
        border-color: var(--heading) !important;
        color: var(--heading) !important;
        box-shadow: none !important;
    }

    .btn-dark::before {
        content: "";
        height: 100%;
        width: 100%;
        background: var(--heading);
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        transition: .4s;
        transition: all 0.5s;
    }

    .btn-dark:hover::before, .btn-dark:focus::before {
        width: 0;
        right: -3px;
        left: auto;
    }

input.btn-primary {
    background: var(--primary);
    color: var(--white-permanent) !important;
}

.btn-secondary {
    background-color: transparent;
    border-color: transparent;
    color: var(--white-permanent) !important;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
        background: transparent !important;
        border-color: var(--secondary) !important;
        color: var(--secondary) !important;
        box-shadow: none !important;
    }

    .btn-secondary::before {
        content: "";
        height: 100%;
        width: 100%;
        background: var(--secondary-gradient);
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        transition: .4s;
        transition: all 0.5s;
    }

    .btn-secondary:hover::before, .btn-secondary:focus::before {
        width: 0;
        right: -3px;
        left: auto;
    }

.btn-success {
    background: linear-gradient(to left, #00B2FF, #00FFC2, #00B2FF) no-repeat scroll left/200%;
    border: 0;
    box-shadow: none !important;
    outline: none !important;
    color: var(--heading);
}

    .btn-success:hover {
        background-position: right;
        color: var(--heading);
    }

.btn-outline-theme {
    border: 1px solid var(--theme-sky);
    border-radius: 4px;
    color: var(--white);
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: .4s ease-in;
}

    .btn-outline-theme:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: var(--success-gradient);
        z-index: -1;
        transform: translateY(-50px);
        opacity: 0;
        transition: .4s ease-in;
    }

    .btn-outline-theme:hover {
        border-color: transparent;
        color: var(--theme-blue2);
    }

        .btn-outline-theme:hover:after {
            transform: translateY(0px);
            opacity: 1;
        }

.container-fluid {
    max-width: 1500px;
}

.p-10 {
    padding: 10px;
}

.py-10, .pt-10 {
    padding-top: 10px;
}

.py-10, .pb-10 {
    padding-bottom: 10px;
}

.p-20 {
    padding: 20px;
}

.py-20, .pt-20 {
    padding-top: 20px;
}

.py-20, .pb-20 {
    padding-bottom: 20px;
}

.p-30 {
    padding: 30px;
}

.py-30, .pt-30 {
    padding-top: 30px;
}

.py-30, .pb-30 {
    padding-bottom: 30px;
}

.p-40 {
    padding: 40px;
}

.py-40, .pt-40 {
    padding-top: 40px;
}

.py-40, .pb-40 {
    padding-bottom: 40px;
}

.py-50, .pt-50 {
    padding-top: 50px;
}

.py-50, .pb-50 {
    padding-bottom: 50px;
}

.py-60, .pt-60 {
    padding-top: 60px;
}

.py-60, .pb-60 {
    padding-bottom: 60px;
}

.py-70, .pt-70 {
    padding-top: 70px;
}

.py-70, .pb-70 {
    padding-bottom: 70px;
}

.py-80, .pt-80 {
    padding-top: 80px;
}

.py-80, .pb-80 {
    padding-bottom: 80px;
}

.py-100, .pt-100 {
    padding-top: 100px;
}

.py-100, .pb-100 {
    padding-bottom: 100px;
}

.mt--10, .my--10 {
    margin-top: -10px;
}

.mb--10, .my--10 {
    margin-bottom: -10px;
}

.mt--20, .my--20 {
    margin-top: -20px;
}

.mb--20, .my--20 {
    margin-bottom: -20px;
}

.mt--30, .my--30 {
    margin-top: -30px;
}

.mb--30, .my--30 {
    margin-bottom: -30px;
}

.mt--40, .my--40 {
    margin-top: -40px;
}

.mb--40, .my--40 {
    margin-bottom: -40px;
}

.me--1 {
    margin-right: -1px;
}

.ms--1 {
    margin-left: -1px;
}

.sec-title {
    margin-bottom: 60px;
    overflow: hidden;
}

    .sec-title h1 {
        font-size: 48px;
    }

        .sec-title h1[data-watermark] {
            padding: 30px 0;
        }

    .sec-title h1, .sec-title h2, .sec-title h3, .sec-title h4, .sec-title h5, .sec-title h6 {
        position: relative;
        overflow: hidden;
        font-weight: 700;
        z-index: 1;
        color: var(--secondary);
        margin-bottom: 0;
    }

        .sec-title h1[data-watermark]::before, .sec-title h2[data-watermark]::before, .sec-title h3[data-watermark]::before, .sec-title h4[data-watermark]::before, .sec-title h5[data-watermark]::before, .sec-title h6[data-watermark]::before {
            content: attr(data-watermark);
            position: absolute;
            left: 0;
            -webkit-text-stroke: 1px var(--title-data-watermark);
            color: transparent;
            font-size: 130px;
            line-height: .9;
            white-space: nowrap;
            top: 0;
            z-index: -1;
        }

        .sec-title h1 span, .sec-title h2 span, .sec-title h3 span, .sec-title h4 span, .sec-title h5 span, .sec-title h6 span {
            color: transparent;
            background: var(--primary-gradient2);
            -moz-background-clip: text;
            -webkit-background-clip: text;
            background-clip: text;
        }

    .sec-title p {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .sec-title.text-white h1, .sec-title.text-white h2, .sec-title.text-white h3, .sec-title.text-white h4, .sec-title.text-white h5, .sec-title.text-white h6, .sec-title.text-white p {
        color: var(--white-permanent);
    }

    .sec-title.text-center h1::before, .sec-title.text-center h2::before, .sec-title.text-center h3::before, .sec-title.text-center h4::before, .sec-title.text-center h5::before, .sec-title.text-center h6::before {
        left: 50%;
        transform: translate(-50%);
    }

.sec-title-line h1, .sec-title-line h2, .sec-title-line h3, .sec-title-line h4, .sec-title-line-modern h1, .sec-title-line-modern h2, .sec-title-line-modern h3, .sec-title-line-modern h4 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

    .sec-title-line h1::before, .sec-title-line h1::after, .sec-title-line h2::before, .sec-title-line h2::after, .sec-title-line h3::before, .sec-title-line h3::after, .sec-title-line h4::before, .sec-title-line h4::after, .sec-title-line-modern h1::before, .sec-title-line-modern h1::after, .sec-title-line-modern h2::before, .sec-title-line-modern h2::after, .sec-title-line-modern h3::before, .sec-title-line-modern h3::after, .sec-title-line-modern h4::before, .sec-title-line-modern h4::after {
        content: "";
        position: absolute;
        background: var(--primary-gradient2);
        height: 4px;
        width: 50px;
        top: calc(50% - 2px);
        right: calc(100% + 20px);
        transform: unset !important;
        left: auto !important;
        z-index: 5;
    }

    .sec-title-line h1::after, .sec-title-line h2::after, .sec-title-line h3::after, .sec-title-line h4::after, .sec-title-line-modern h1::after, .sec-title-line-modern h2::after, .sec-title-line-modern h3::after, .sec-title-line-modern h4::after {
        left: calc(100% + 20px) !important;
        right: auto;
    }

    .sec-title-line-modern h1::before, .sec-title-line-modern h1::after, .sec-title-line-modern h2::before, .sec-title-line-modern h2::after, .sec-title-line-modern h3::before, .sec-title-line-modern h3::after, .sec-title-line-modern h4::before, .sec-title-line-modern h4::after {
        width: 70px;
        background-image: url("data:image/svg+xml,%3Csvg width='70' height='4' viewBox='0 0 70 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='70' y='4' width='53.5297' height='3.99998' transform='rotate(180 70 4)' fill='url(%23paint0_linear)'%3E%3C/rect%3E%3Crect x='12.3516' y='4' width='4.11767' height='3.99998' transform='rotate(180 12.3516 4)' fill='url(%23paint1_linear)'%3E%3C/rect%3E%3Crect x='4.11719' y='4' width='4.11767' height='3.99998' transform='rotate(180 4.11719 4)' fill='url(%23paint2_linear)'%3E%3C/rect%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='70' y1='6.02816' x2='123.53' y2='6.02814' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF002E'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FF7A00'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='12.3516' y1='6.02816' x2='16.4692' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF002E'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FF7A00'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='4.11719' y1='6.02816' x2='8.23485' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF002E'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FF7A00'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    }

    .sec-title-line-modern h1::after, .sec-title-line-modern h2::after, .sec-title-line-modern h3::after, .sec-title-line-modern h4::after {
        transform: rotate(180deg) !important;
    }

.sec-title-line-modern.line-success h1::before, .sec-title-line-modern.line-success h1::after, .sec-title-line-modern.line-success h2::before, .sec-title-line-modern.line-success h2::after, .sec-title-line-modern.line-success h3::before, .sec-title-line-modern.line-success h3::after, .sec-title-line-modern.line-success h4::before, .sec-title-line-modern.line-success h4::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='70' height='4' viewBox='0 0 70 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='70' y='4' width='53.5297' height='3.99998' transform='rotate(180 70 4)' fill='url(%23paint0_linear)'%3E%3C/rect%3E%3Crect x='12.3516' y='4' width='4.11767' height='3.99998' transform='rotate(180 12.3516 4)' fill='url(%23paint1_linear)'%3E%3C/rect%3E%3Crect x='4.11719' y='4' width='4.11767' height='3.99998' transform='rotate(180 4.11719 4)' fill='url(%23paint2_linear)'%3E%3C/rect%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='70' y1='6.02816' x2='123.53' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2FF'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%2300FFC2'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='12.3516' y1='6.02816' x2='16.4692' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2FF'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%2300FFC2'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='4.11719' y1='6.02816' x2='8.23485' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2FF'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%2300FFC2'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.subtitle {
    display: block;
    color: var(--primary);
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.bg-primary {
    background: var(--primary) !important;
}

.bg-secondary {
    background: var(--secondary) !important;
}

.bg-success {
    background: var(--success) !important;
}

.bg-gray, .bg-light {
    background: var(--light-gray) !important;
}

.bg-primary-gradient {
    background: var(--primary-gradient2) !important;
}

.bg-secondary-gradient {
    background: var(--secondary-gradient) !important;
}

.bg-success-gradient {
    background: var(--success-gradient) !important;
}

.bg-overlay-primary-gradient, .bg-overlay-secondary-gradient, .bg-overlay-black-gradient, .bg-overlay-primary, .bg-overlay-secondary, .bg-overlay-black {
    position: relative;
    z-index: 5;
}

    .bg-overlay-primary-gradient::before, .bg-overlay-secondary-gradient::before, .bg-overlay-black-gradient::before, .bg-overlay-primary::before, .bg-overlay-secondary::before, .bg-overlay-black::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: .8;
    }

.bg-overlay-primary {
    background: var(--primary);
}

.bg-overlay-secondary {
    background: var(--secondary);
}

.bg-overlay-black {
    background: var(--black);
}

.bg-overlay-primary-gradient::before {
    background: var(--primary-gradient2);
}

.bg-overlay-secondary-gradient::before {
    background: var(--secondary-gradient);
}

.bg-overlay-black-gradient::before {
    background: var(--black-gradient);
}

.z-index-5 {
    z-index: 5;
    position: relative;
}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p {
    color: var(--white);
}

.box-shadow {
    box-shadow: 0px 10px 40px rgba(0,0,0,0.05);
}

.list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}

    .list li::before {
        content: "";
        position: absolute;
        height: 8px;
        width: 8px;
        border-radius: 50%;
        background: var(--primary);
        top: 7px;
        left: 0;
    }

.column-count-2 {
    column-count: 2;
}

.column-count-3 {
    column-count: 3;
}

.column-count-4 {
    column-count: 4;
}

.column-gap-20 {
    column-gap: 20px;
}

.column-gap-30 {
    column-gap: 30px;
}

.column-gap-40 {
    column-gap: 40px;
}

.column-gap-50 {
    column-gap: 50px;
}

.inline-icon {
    font-weight: 500;
    font-size: 18px;
}

    .inline-icon i {
        color: transparent;
        background: var(--primary-gradient2);
        -moz-background-clip: text;
        -webkit-background-clip: text;
        background-clip: text;
        margin-right: 5px;
    }

.carousel-dots .owl-dots {
    text-align: center;
    margin-top: 10px;
}

.carousel-dots .owl-dot {
    height: 10px;
    width: 10px;
    background: var(--gray) !important;
    border-radius: 50%;
    margin: 3px;
    outline: none !important;
}

    .carousel-dots .owl-dot.active {
        background: var(--primary) !important;
    }

b, strong {
    font-weight: 700;
}

.ply-video {
    position: absolute;
    content: "";
    width: 78px;
    height: 78px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--sky-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

    .ply-video::before, .ply-video::after {
        position: absolute;
        content: "";
        background-color: var(--sky-blue);
        width: 100%;
        height: 100%;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.5);
        border-radius: 50%;
        top: 0;
        left: 0;
        transform: scale(0.5);
        animation: play_button 1.5s linear infinite;
        opacity: 0;
        z-index: -1;
    }

    .ply-video::after {
        animation-delay: .5s;
    }

.s-py-100 {
    padding: 100px 0px;
}

.s-py-100-50 {
    padding: 100px 0px 50px;
}

.s-py-50-100 {
    padding: 50px 0px 100px;
}

.s-py-50 {
    padding: 50px 0px;
}

@media screen and (max-width: 991px) {
    .s-py-100 {
        padding: 70px 0px;
    }

    .s-py-100-50 {
        padding: 70px 0px 35px;
    }

    .s-py-50-100 {
        padding: 35px 0px 70px;
    }

    .s-py-50 {
        padding: 35px 0px;
    }
}

@media screen and (max-width: 767px) {
    .s-py-100 {
        padding: 50px 0px;
    }

    .s-py-100-50 {
        padding: 50px 0px 25px;
    }

    .s-py-50-100 {
        padding: 25px 0px 50px;
    }

    .s-py-50 {
        padding: 25px 0px;
    }

    .ply-video {
        width: 60px;
        height: 60px;
    }

        .ply-video a {
            width: 40px;
        }
}

button {
    background-color: transparent;
    border: none;
    border-radius: 0px;
}

    button:focus {
        outline: 0;
        box-shadow: none;
    }

.btn-xl {
    padding: 18px 35px !important;
}

.btn-lg {
    padding: 12px 30px !important;
}

.btn-md {
    padding: 10px 25px !important;
}

.btn-sm {
    padding: 8px 20px !important;
}

.btn-xs {
    padding: 5px 15px !important;
    font-size: 15px !important;
}

.button-wrapper {
    max-width: 960px;
    margin: 0 auto;
}

.single-button-area {
    padding-bottom: 20px;
}

    .single-button-area:last-child {
        padding-bottom: 0;
    }

    .single-button-area h6 {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 25px;
    }

.regular-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.r-button {
    font-size: 16px;
    padding: 10px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1;
    color: var(--white);
    background-color: var(--btn-primary);
    margin-right: 10px;
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
    margin-bottom: 20px;
    border-radius: 0px;
}

.r-promary {
    background-color: var(--btn-primary);
}

    .r-promary:hover {
        border-color: var(--btn-primary);
        color: var(--btn-primary);
        background-color: transparent;
    }

.r-secondary {
    background-color: var(--btn-secondary);
}

    .r-secondary:hover {
        border-color: var(--btn-secondary);
        color: var(--btn-secondary);
        background-color: transparent;
    }

.r-success {
    background-color: var(--success);
    color: var(--font-color);
}

    .r-success:hover {
        border-color: var(--success);
        color: var(--success);
        background-color: transparent;
    }

.r-warning {
    background-color: var(--warning);
    color: var(--font-color);
}

    .r-warning:hover {
        border-color: var(--warning);
        color: var(--warning);
        background-color: transparent;
    }

.r-danger {
    background-color: var(--danger);
}

    .r-danger:hover {
        border-color: var(--danger);
        color: var(--danger);
        background-color: transparent;
    }

.r-disable {
    background-color: var(--disable);
    color: var(--disable-color);
}

    .r-disable:hover {
        color: var(--disable-color);
    }

.o-button {
    background-color: transparent;
}

.o-promary {
    color: var(--btn-primary);
    border-color: var(--btn-primary);
}

    .o-promary:hover {
        color: var(--white);
        background-color: var(--btn-primary);
    }

.o-secondary {
    color: var(--btn-secondary);
    border-color: var(--btn-secondary);
}

    .o-secondary:hover {
        color: var(--white);
        background-color: var(--btn-secondary);
    }

.o-success {
    color: var(--success);
    border-color: var(--success);
}

    .o-success:hover {
        color: var(--font-color);
        background-color: var(--success);
    }

.o-warning {
    color: var(--warning);
    border-color: var(--warning);
}

    .o-warning:hover {
        color: var(--font-color);
        background-color: var(--warning);
    }

.o-danger {
    color: var(--danger);
    border-color: var(--danger);
}

    .o-danger:hover {
        color: var(--white);
        background-color: var(--danger);
    }

.o-disable {
    color: var(--disable-color-2);
    border-color: var(--disable-border);
}

    .o-disable:hover {
        color: var(--disable-color);
        background-color: var(--disable);
        border-color: transparent;
    }

.split {
    width: 170px;
    position: relative;
    overflow: hidden;
}

    .split .cp-icon {
        position: absolute;
        justify-content: center;
        align-items: center;
        display: flex;
        display: flex;
        height: 100%;
        width: 45px;
    }

        .split .cp-icon img, .split .cp-icon svg {
            width: 18px;
            height: 18px;
        }

    .split:hover {
        color: var(--white);
    }

.split-1 {
    justify-content: start;
    padding-left: 15px;
    transition: all .3s ease-in-out;
}

    .split-1 .cp-icon {
        right: 0;
        background: var(--split-icon-bg);
        transition: all .3s ease-in-out;
    }

    .split-1:hover {
        background: var(--split-icon-bg-2);
    }

        .split-1:hover .cp-icon {
            background: var(--btn-primary);
        }

.split-2 {
    justify-content: flex-end;
    padding-right: 15px;
    transition: all .3s ease-in-out;
}

    .split-2 .cp-icon {
        left: 0;
        background: var(--split-icon-bg-2);
        border-radius: 5px;
        transition: all .3s ease-in-out;
    }

    .split-2:hover {
        background: var(--split-icon-bg-2);
    }

        .split-2:hover .cp-icon {
            background: var(--btn-primary);
        }

.split-3 .cp-icon {
    border-radius: 0;
}

.split-4 {
    background: transparent;
    border-color: var(--btn-primary);
    color: var(--btn-primary);
}

.split-5 {
    background: transparent;
    border-color: var(--btn-primary);
    color: var(--btn-primary);
}

    .split-5 .cp-icon {
        border-radius: 0;
    }

.semi-rounded {
    border-radius: 5px;
}

.rounded {
    border-radius: 100px !important;
}

.theme-5-btn {
    background: var(--theme-5);
    color: var(--white);
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
    font-size: 20px;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 20px;
}

    .theme-5-btn:hover {
        background: transparent;
        border-color: var(--theme-5);
        color: var(--theme-5);
    }

.theme-6-btn {
    background: var(--sky-blue);
    color: var(--white);
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
    font-size: 20px;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 20px;
}

    .theme-6-btn:hover {
        background: transparent;
        border-color: var(--sky-blue);
        color: var(--sky-blue);
    }

.theme-7-btn {
    background: var(--theme-7);
    color: var(--white);
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
    font-size: 20px;
    font-weight: 600;
    border-radius: 0px;
    padding: 10px 20px;
}

    .theme-7-btn:hover {
        background: transparent;
        border-color: var(--theme-7);
        color: var(--theme-7);
    }

@media screen and (max-width: 991px) {
    .regular-button {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .single-button-area {
        padding-bottom: 10px;
    }

        .single-button-area h6 {
            margin-bottom: 15px;
        }

    .theme-5-btn, .theme-6-btn, .theme-7-btn {
        font-size: 17px;
        font-weight: 500;
    }
}

@media screen and (max-width: 575px) {
    .split {
        width: 150px;
    }
}

.section-title {
    max-width: 690px;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .section-title h3 {
        line-height: 1;
        padding-bottom: 15px;
        color: var(--theme-color);
        font-weight: 600;
        margin-bottom: 0px;
    }

    .section-title p {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--w-light);
        margin-bottom: 0px;
        line-height: 1.5;
    }

@media screen and (max-width: 575px) {
    .section-title h3 {
        font-size: 22px;
        padding-bottom: 10px;
    }

    .section-title p {
        padding-bottom: 10px;
        font-size: 15px;
    }
}

.typography-area {
    padding-top: 70px;
    padding-bottom: 50px;
}

.typography-wrap {
    max-width: 1365px;
    margin-left: 150px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px 20px;
}

.typography {
    background-color: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    padding: 35px 50px;
    border-radius: 10px;
}

.typo-title h1, .typo-title h2, .typo-title h3, .typo-title h5, .typo-title h6 {
    margin-bottom: 0px;
}

    .typo-title h1 span, .typo-title h2 span, .typo-title h3 span, .typo-title h5 span, .typo-title h6 span {
        font-weight: 600;
    }

.typo-title h1 {
    font-weight: 400;
    font-size: 46px;
    line-height: 72px;
    padding-bottom: 30px;
}

.typo-title h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 54px;
    padding-bottom: 30px;
}

.typo-title h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    padding-bottom: 30px;
}

.typo-title h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 30px;
}

.typo-title h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.typo-descripition h6 {
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 27px;
}

.typo-descripition .single-descripition {
    max-width: 350px;
    padding-bottom: 25px;
}

    .typo-descripition .single-descripition:last-child {
        padding-bottom: 0;
    }

    .typo-descripition .single-descripition h4 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }

    .typo-descripition .single-descripition p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 0px;
    }

.typo-descripition .text-center {
    margin: 0 auto;
}

.typo-descripition .text-end {
    margin-left: auto;
}

@media screen and (max-width: 1350px) {
    .typography-wrap {
        margin-left: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .typography-wrap {
        margin-left: 0px;
    }

    .typo-title h1 {
        font-size: 36px;
        line-height: 47px;
    }

    .typo-title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .typo-title h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .typo-title h5 {
        font-size: 16px;
        line-height: 27px;
    }

    .typo-title h6 {
        font-size: 14px;
        line-height: 25px;
    }
}

@media screen and (max-width: 991px) {
    .typography-wrap {
        grid-template-columns: 1fr;
        grid-gap: 20px 0px;
    }

    .typography-area {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .typography-area {
        padding-bottom: 35px;
    }

    .typo-title h1 {
        padding-bottom: 10px;
    }

    .typo-title h2 {
        padding-bottom: 10px;
    }

    .typo-title h3 {
        padding-bottom: 10px;
    }

    .typo-title h5 {
        padding-bottom: 10px;
    }

    .typo-title h6 {
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .typography {
        padding: 20px 20px;
        border-radius: 5px;
    }

    .typo-title h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .typo-title h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .typo-title h3 {
        font-size: 20px;
        line-height: 31px;
    }

    .typo-descripition h6 {
        margin-bottom: 15px;
    }

    .typo-descripition .single-descripition {
        padding-bottom: 15px;
    }
}

.all-option-wrap {
    position: sticky;
    top: 0;
    z-index: 9999;
}

.option-toogle {
    background: var(--primary-gradient2);
    width: 160px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    cursor: pointer;
    z-index: 99;
    transform: translateX(-165px);
    transition: all .3s ease-in-out;
}

.all-option {
    padding: 40px 0px 40px 50px;
    background-color: var(--white);
    border: 1px solid var(--option-border);
    box-shadow: 0px 10px 30px var(--option-shadow);
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

    .all-option a {
        display: block;
        padding-right: 80px;
        font-size: 18px;
        line-height: 46px;
        color: var(--option-color);
        transition: all .3s ease-in-out;
        position: relative;
    }

        .all-option a::before {
            position: absolute;
            content: "";
            height: 5px;
            width: 0px;
            top: 50%;
            transform: translateY(-50%);
            border-radius: 5px 0px 0px 5px;
            right: 0;
            background: var(--primary-gradient2);
            opacity: 0;
            transition: all .3s ease-in-out;
        }

        .all-option a:hover:before {
            width: 40px;
            opacity: 1;
        }

        .all-option a.active::before {
            width: 40px;
            opacity: 1;
        }

        .all-option a:hover, .all-option a.active {
            color: var(--primary);
        }

@media screen and (max-width: 1550px) {
    .all-option {
        transform: translateX(0px);
        transition: all .3s ease-in-out;
        top: 100px;
        opacity: 1;
        visibility: visible;
        top: 60px !important;
        height: calc(100vh - 60px);
        overflow-y: auto;
    }

        .all-option.active {
            transform: translateX(-270px);
            opacity: 0;
            visibility: hidden;
        }

    .option-toogle {
        transform: translateX(0px);
    }

    .typography-wrap, .card-wrapper, .progress-bar-wrapper, .image-wrapper, .video-wrapper, .carousel-wrapper, .input-field-wrapper, .pegination-wrapper, .alert-wrapper, .nab-tab-wrapper, .short-counter-wrapper, .coin-exchange-wrapper, .testimonial-wrapper, .st-team-wrapper, .live-chart-wrapper {
        margin-left: 0px !important;
        margin: 0 auto !important;
    }
}

.card-wrapper {
    margin-left: 170px;
    max-width: 1300px;
}

.card-top-section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.seingl-card {
    box-shadow: 0px 10px 40px var(--shadow-color);
    background-color: var(--white);
    padding: 20px;
    border-radius: 10px;
}

.card-title {
    margin-bottom: 0;
}

    .card-title h6 {
        line-height: 27px;
        font-weight: 600;
        padding-bottom: 25px;
        margin-bottom: 0px;
    }

.card-content {
    padding-top: 20px;
}

    .card-content h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }

    .card-content p {
        font-size: 14px;
        line-height: 21px;
        padding-bottom: 15px;
        margin-bottom: 0px;
        line-height: 1.5;
    }

    .card-content a {
        margin: 0;
    }

.card-style-4 {
    grid-row: 2/span 2;
}

    .card-style-4 .card-content {
        padding-top: 0;
        padding-bottom: 30px;
    }

.card-style-5 .card-content {
    padding-top: 0;
    padding-bottom: 0px;
}

.card-style-7 {
    grid-column: 2/span 2;
}

    .card-style-7 .card-content p {
        padding-bottom: 25px;
    }

.card-footer-items {
    display: flex;
    justify-content: space-between;
}

    .card-footer-items .minute-show span {
        font-size: 12px;
        line-height: 18px;
        color: var(--disable-color-2);
    }

    .card-footer-items .card-social a {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid var(--disable-color);
        color: var(--disable-color);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        margin-left: 20px;
        transition: all .3s ease-in-out;
    }

        .card-footer-items .card-social a:hover {
            border-color: transparent;
            color: var(--white);
            background-color: var(--btn-primary);
        }

.card-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-top: 20px;
    max-width: 1100px;
    margin: 0 auto;
}

.bottom-single-card {
    display: flex;
    align-items: center;
}

    .bottom-single-card .card-content {
        padding-left: 20px;
    }

        .bottom-single-card .card-content p {
            padding: 0;
        }

    .bottom-single-card .card-thumb img {
        max-width: 170px;
    }

.bottom-single-card-2 .card-content {
    padding-left: 0;
    padding-right: 20px;
}

@media screen and (max-width: 1350px) {
    .card-wrapper {
        margin-left: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .card-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 991px) {
    .seingl-card {
        padding: 20px;
        border-radius: 5px;
    }

    .card-top-section {
        grid-template-columns: 1fr 1fr;
    }

    .card-style-2 .card-thumb {
        text-align: center;
    }

    .card-style-3 {
        order: 7;
    }

        .card-style-3 .card-thumb {
            text-align: right;
        }

    .card-style-6 .card-title {
        text-align: left;
    }

    .card-style-7 {
        grid-column: unset;
    }
}

@media screen and (max-width: 767px) {
    .card-title h6 {
        line-height: 26px;
        padding-bottom: 12px;
        font-size: 17px;
    }

    .card-footer-items {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

        .card-footer-items .card-social {
            margin-top: 10px;
        }

            .card-footer-items .card-social a {
                margin: 0px 5px;
            }
}

@media screen and (max-width: 575px) {
    .card-top-section {
        grid-template-columns: 1fr;
    }

    .seingl-card {
        max-width: 400px;
        margin: 0 auto;
    }

    .card-style-7 .card-content p {
        padding-bottom: 15px;
    }

    .card-bottom {
        grid-template-columns: 1fr;
    }
}

.accordions-wrapper {
    max-width: 1270px;
    margin-left: 200px;
}

.accorion-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}

.accordion-title h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 25px;
}

.accordion {
    background-color: var(--accordion-title-bg);
    padding: 30px;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
}

    .accordion.active {
        background-color: transparent;
        border-color: var(--w-light);
    }

        .accordion.active .accordion-head h6 {
            color: var(--font-color);
        }

            .accordion.active .accordion-head h6 i {
                color: var(--btn-primary);
                transform: rotate(180deg);
            }

    .accordion .accordion-head {
        cursor: pointer;
    }

        .accordion .accordion-head h6 {
            font-size: 18px;
            font-weight: 500;
            line-height: 27px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0px;
        }

            .accordion .accordion-head h6 i {
                color: var(--btn-primary);
                transition: all .3s ease-in-out;
                font-size: 20px;
            }

    .accordion .accordion-body {
        display: none;
        padding: 0;
        padding-top: 10px;
    }

        .accordion .accordion-body p {
            font-weight: 14px;
            line-height: 21px;
            margin-bottom: 0px;
        }

.accorderon-2 {
    background-color: var(--btn-primary);
}

    .accorderon-2 .accordion-head h6 {
        color: var(--white);
    }

        .accorderon-2 .accordion-head h6 i {
            color: var(--white);
        }

.accorderon-3.active .accordion-head h6 {
    color: var(--btn-primary);
}

    .accorderon-3.active .accordion-head h6 i {
        background-color: var(--fafafa);
        color: var(--font-color);
    }

.accorderon-3 .accordion-head h6 i {
    color: var(--white);
    height: 32px;
    width: 32px;
    background-color: var(--btn-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accorderon-4.active .accordion-head .cp-icon {
    background-color: var(--accordion-title-bg);
    border-color: var(--w-light);
}

    .accorderon-4.active .accordion-head .cp-icon i {
        color: var(--btn-primary);
    }

.accorderon-4 .accordion-head {
    position: relative;
}

    .accorderon-4 .accordion-head .cp-icon {
        width: 32px;
        height: 32px;
        background-color: var(--btn-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        transition: all .3s ease-in-out;
        position: absolute;
        top: 0;
        right: 0px;
    }

        .accorderon-4 .accordion-head .cp-icon i {
            color: var(--white);
        }

@media screen and (max-width: 1350px) {
    .accordions-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .accordions-wrapper {
        margin-left: 50px;
    }
}

@media screen and (max-width: 991px) {
    .accordions-wrapper {
        margin-left: 0px;
        margin: 0 auto;
    }

    .accordion .accordion-head h6 {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .accorion-wrap {
        grid-template-columns: 1fr;
        max-width: 500px;
        margin: 0 auto;
    }

    .accordion {
        padding: 20px;
    }

    .accordion-title h6 {
        font-size: 18px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .accorion-wrap {
        grid-gap: 20px;
    }

    .accordion-title h6 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .accordion {
        padding: 10px;
    }

        .accordion .accordion-head h6 {
            font-size: 15px;
        }

            .accordion .accordion-head h6 i {
                font-size: 18px;
            }

    .accorderon-3 .accordion-head h6 i {
        height: 25px;
        width: 25px;
        font-size: 16px;
    }

    .accorderon-4 .accordion-head .cp-icon {
        width: 25px;
        height: 25px;
    }

        .accorderon-4 .accordion-head .cp-icon i {
            font-size: 16px;
        }
}

.image-wrapper {
    max-width: 1300px;
    margin-left: 170px;
}

.image-box-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.single-image {
    background: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 30px 20px 25px;
    text-align: center;
}

    .single-image h6 {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        padding-bottom: 30px;
        text-align: left;
        margin-bottom: 0px;
    }

.thumbnail-image {
    border: 5px solid #F0F0F0;
}

    .thumbnail-image img {
        width: 100%;
        height: 100%;
    }

.rounded-image {
    border-radius: 20px;
    overflow: hidden;
}

    .rounded-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.circle-image {
    border-radius: 50%;
    overflow: hidden;
}

    .circle-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.fullwidth-image img {
    width: 100%;
    height: 100%;
}

.image-box-2 {
    padding-top: 40px;
}

@media screen and (max-width: 1350px) {
    .image-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .image-wrapper {
        margin-left: 50px;
    }
}

@media screen and (max-width: 991px) {
    .image-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .image-box-1 {
        grid-template-columns: 1fr 1fr;
    }

    .image-box-2 {
        padding-top: 30px;
    }
}

@media screen and (max-width: 575px) {
    .image-box-1 {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }

    .single-image {
        padding: 20px;
    }

        .single-image h6 {
            padding-bottom: 15px;
        }

    .image-box-2 {
        padding-top: 20px;
    }
}

.video-wrapper {
    max-width: 1200px;
    margin-left: 230px;
}

.video-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.video-box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    overflow: hidden;
}

    .video-box::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: var(--video-overlay);
        top: 0;
        left: 0;
        border-radius: 10px;
    }

    .video-box img {
        width: 100%;
    }

    .video-box .play-button {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .video-box .play-button a {
            color: var(--white);
            font-size: 50px;
        }

.video-box-3 .play-button {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

    .video-box-3 .play-button::before, .video-box-3 .play-button::after {
        position: absolute;
        content: "";
        background-color: var(--white);
        width: 100%;
        height: 100%;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.5);
        border-radius: 50%;
        top: 0;
        left: 0;
        transform: scale(0.5);
        animation: play_button 1.5s linear infinite;
        opacity: 0;
        z-index: -1;
    }

    .video-box-3 .play-button::after {
        animation-delay: .5s;
    }

    .video-box-3 .play-button a {
        font-size: 50px;
        line-height: 50px;
        color: var(--white);
        position: relative;
        z-index: 9;
    }

@keyframes play_button {
    0% {
        transform: scale(0.5);
    }

    50% {
        opacity: .5;
    }

    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

@media screen and (max-width: 1350px) {
    .video-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .video-wrapper {
        margin-left: 50px;
    }
}

@media screen and (max-width: 991px) {
    .video-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .video-wrap {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 575px) {
    .video-wrap {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        max-width: 350px;
        margin: 0 auto;
    }
}

.carousel-wrapper {
    max-width: 1325px;
    margin-left: 170px;
}

.single-carousel {
    background-color: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 35px 25px 25px;
    margin-bottom: 20px;
}

    .single-carousel img {
        width: 100%;
    }

.carousel-title h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.carousel-active .items img {
    width: 100%;
}

.carousel-active.carousel-3, .carousel-active.carousel-4 {
    position: relative;
}

    .carousel-active.carousel-3::before, .carousel-active.carousel-4::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url("../img/short-code-img/carousel/carousel-3.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .carousel-active.carousel-3 .carousel-content, .carousel-active.carousel-4 .carousel-content {
        padding: 120px 35px 70px;
        text-align: center;
    }

        .carousel-active.carousel-3 .carousel-content h6, .carousel-active.carousel-4 .carousel-content h6 {
            font-weight: 600;
            line-height: 27px;
            color: var(--white);
            padding-bottom: 10px;
            margin-bottom: 0;
        }

        .carousel-active.carousel-3 .carousel-content p, .carousel-active.carousel-4 .carousel-content p {
            font-size: 15px;
            line-height: 22px;
            color: var(--white);
            margin-bottom: 0;
            line-height: 1.5;
        }

    .carousel-active.carousel-4::before {
        background-image: url("../img/short-code-img/carousel/carousel-4.png");
    }

.carousel-active-2 .carousel-thumb img {
    width: 100%;
}

.carousel-5 {
    margin-bottom: 0;
}

    .carousel-5 .content-bg {
        background-color: var(--fafafa);
    }

    .carousel-5 .owl-dots {
        display: none;
    }

    .carousel-5 .carousel-content {
        padding: 10px 22px 10px 15px;
    }

        .carousel-5 .carousel-content h6 {
            font-weight: 600;
            line-height: 27px;
            padding-bottom: 10px;
            margin-bottom: 0;
        }

        .carousel-5 .carousel-content p {
            font-size: 15px;
            line-height: 22px;
            padding-bottom: 15px;
            margin-bottom: 0;
            line-height: 1.5;
        }

        .carousel-5 .carousel-content a {
            margin: 0;
        }

    .carousel-5 .owl-nav {
        position: absolute;
        bottom: 20px;
        left: 19%;
    }

        .carousel-5 .owl-nav .owl-prev {
            display: inline-block;
            font-size: 20px;
            color: var(--white) !important;
            margin-right: 10px;
        }

        .carousel-5 .owl-nav .owl-next {
            display: inline-block;
            font-size: 20px;
            color: var(--white) !important;
            margin-left: 10px;
        }

.carousel-6 {
    margin-bottom: 0;
}

    .carousel-6 .owl-dots {
        display: none;
    }

.carousel-active {
    position: relative;
}

    .carousel-active .owl-dots {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
    }

.carousel-1 .owl-dot {
    background: var(--white) !important;
    width: 35px;
    height: 3px;
    border-radius: 20px;
    margin: 0px 8px;
}

    .carousel-1 .owl-dot.active {
        height: 6px;
    }

.carousel-2 .owl-dot {
    border: 2px solid var(--white) !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0px 8px;
}

    .carousel-2 .owl-dot.active {
        background-color: var(--white);
        height: 10px;
    }

@media screen and (max-width: 1350px) {
    .carousel-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .carousel-wrapper {
        margin-left: 50px;
    }

    .carousel-5 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .carousel-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .carousel-5 .carousel-content {
        text-align: center;
    }

    .carousel-5 .carousel-thumb img {
        max-height: 274px;
    }

    .carousel-5 .owl-nav {
        position: absolute;
        bottom: 190px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 575px) {
    .single-carousel {
        border-radius: 5px;
        padding: 10px 10px 15px;
        margin-bottom: 15px;
    }

        .single-carousel .owl-dots {
            bottom: 15px;
        }

    .carousel-3 .carousel-content {
        padding: 40px 10px;
    }

        .carousel-3 .carousel-content h6 {
            line-height: 24px;
            padding-bottom: 5px;
            font-size: 16px;
        }

    .carousel-5 .carousel-thumb img {
        max-height: 200px;
    }

    .carousel-title h6 {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 10px;
    }
}

.pegination-wrapper {
    max-width: 1400px;
    margin-left: 130px;
}

.pegination-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.single-pegination {
    background: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 25px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .single-pegination a {
        font-size: 20px;
        line-height: 1;
        font-weight: 500;
        color: var(--font-color);
        transition: all .3s ease-in-out;
        margin: 0px 5px;
    }

        .single-pegination a:hover, .single-pegination a.active {
            color: var(--btn-primary);
        }

.pegination-2 a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    margin: 0px 2px;
}

    .pegination-2 a:last-child, .pegination-2 a:first-child {
        width: 0;
        height: 0;
    }

        .pegination-2 a:last-child:hover, .pegination-2 a:first-child:hover {
            background-color: none;
            color: var(--btn-primary);
        }

    .pegination-2 a:hover, .pegination-2 a.active {
        background-color: var(--btn-primary);
        color: var(--white);
    }

.pegination-3 a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    border: 1px solid var(--w-light);
    justify-content: center;
    background-color: transparent;
    margin: 0px 2px;
}

    .pegination-3 a:last-child, .pegination-3 a:first-child {
        width: 0;
        height: 0;
    }

        .pegination-3 a:last-child:hover, .pegination-3 a:first-child:hover {
            background-color: none;
            color: var(--btn-primary);
        }

    .pegination-3 a:hover, .pegination-3 a.active {
        background-color: var(--btn-primary);
        color: var(--white);
        border-color: transparent;
    }

.pegination-4 a {
    border: unset;
    border-radius: 5px;
}

    .pegination-4 a:last-child, .pegination-4 a:first-child {
        width: 0;
        height: 0;
        color: var(--btn-primary);
    }

        .pegination-4 a:last-child:hover, .pegination-4 a:first-child:hover {
            background-color: none;
            color: var(--btn-primary);
        }

    .pegination-4 a:hover, .pegination-4 a.active {
        background-color: var(--btn-primary);
        color: var(--white);
    }

.pegination-5 a {
    position: relative;
}

    .pegination-5 a:last-child, .pegination-5 a:first-child {
        font-size: 14px;
        font-weight: 500;
    }

        .pegination-5 a:last-child::before, .pegination-5 a:first-child::before {
            display: none;
        }

    .pegination-5 a::before {
        position: absolute;
        content: "";
        width: 0px;
        height: 3px;
        background-color: var(--btn-primary);
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        transition: all .3s ease-in-out;
    }

    .pegination-5 a.active::before {
        width: 40px;
    }

    .pegination-5 a:hover:before {
        width: 40px;
    }

.pegination-6 a:last-child, .pegination-6 a:first-child {
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--btn-primary);
    padding: 7px 10px;
    border-radius: 3px;
}

    .pegination-6 a:last-child:hover, .pegination-6 a:first-child:hover {
        background-color: var(--btn-primary);
        color: var(--white);
    }

@media screen and (max-width: 1350px) {
    .pegination-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .pegination-wrapper {
        margin-left: 50px;
    }
}

@media screen and (max-width: 991px) {
    .pegination-wrapper {
        margin-left: 0px;
    }

    .pegination-wrap {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .pegination-wrapper {
        margin-left: 0px;
    }

    .pegination-wrap {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }

    .single-pegination a {
        font-size: 18px;
    }

    .pegination-2 a {
        width: 40px;
        height: 40px;
    }

    .pegination-3 a {
        width: 38px;
        height: 38px;
    }
}

@media screen and (max-width: 575px) {
    .single-pegination {
        padding: 30px 20px;
    }

    .pegination-3 a {
        width: 34px;
        height: 34px;
    }
}

.nab-tab-wrapper {
    max-width: 1300px;
    margin-left: 130px;
}

.nab-tab-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.nav-item {
    width: calc(100% / 3);
}

.nab-title h6 {
    font-weight: 600;
    line-height: 27px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.nav-tab-content {
    padding-top: 30px;
}

    .nav-tab-content h6 {
        line-height: 27px;
        font-weight: 600;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .nav-tab-content p {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 0;
        line-height: 1.5;
    }

.single-nab-tab {
    box-shadow: 0px 10px 40px var(--shadow-color);
    background-color: var(--white);
    border-radius: 10px;
    padding: 35px 30px;
}

    .single-nab-tab .nav-tab .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100px;
        height: 40px;
        padding: 0;
        text-decoration: none;
        transition: all .3s ease-in-out;
        background-color: var(--w-light);
        border-radius: 0;
        font-size: 14px;
        font-weight: 500;
        color: var(--font-color);
        margin-right: 10px;
        font-family: var(--poppins);
    }

        .single-nab-tab .nav-tab .nav-link.active {
            background-color: var(--btn-primary);
            color: var(--white);
        }

.nab-tab-2 .nav-tab {
    display: flex;
    justify-content: center;
}

    .nab-tab-2 .nav-tab .nav-link {
        margin: 0px 5px;
        background-color: transparent;
        position: relative;
    }

        .nab-tab-2 .nav-tab .nav-link.active {
            background-color: transparent;
            color: var(--btn-primary);
        }

            .nab-tab-2 .nav-tab .nav-link.active::before {
                width: 100%;
            }

        .nab-tab-2 .nav-tab .nav-link::before {
            position: absolute;
            content: "";
            width: 0px;
            height: 2px;
            background-color: var(--btn-primary);
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }

        .nab-tab-2 .nav-tab .nav-link:hover:before {
            width: 100%;
        }

.nab-tab-3 .nav-tab {
    display: flex;
    justify-content: center;
}

    .nab-tab-3 .nav-tab .nav-link {
        margin: 0px 5px;
        background-color: transparent;
    }

.nab-tab-4 .nav-tab {
    display: flex;
    justify-content: flex-end;
}

    .nab-tab-4 .nav-tab .nav-link {
        margin-left: 10px;
        background-color: transparent;
        width: 80px;
    }

        .nab-tab-4 .nav-tab .nav-link.active {
            background-color: transparent;
            color: var(--btn-primary);
        }

.nab-tab-5 .nav-tab {
    background-color: var(--btn-primary);
    border-radius: 10px 10px 0px 0px;
    padding: 16px 30px;
    display: flex;
    justify-content: space-between;
}

    .nab-tab-5 .nav-tab .nav-link {
        background-color: transparent;
        color: var(--white);
        position: relative;
        height: 100%;
        width: 100%;
    }

        .nab-tab-5 .nav-tab .nav-link::before {
            position: absolute;
            content: "";
            clip-path: polygon(50% 13%, 0 100%, 100% 100%);
            background-color: var(--white);
            width: 35px;
            height: 14px;
            bottom: -17px;
            left: 50%;
            transform: translateX(-50%);
            transition: all .3s ease-in-out;
            opacity: 0;
        }

        .nab-tab-5 .nav-tab .nav-link.active::before {
            opacity: 1;
        }

.nab-tab-6 .nav-tab {
    flex-direction: column;
    align-items: flex-start;
}

    .nab-tab-6 .nav-tab .nav-link {
        background-color: transparent;
        padding: 0;
        transition: all .3s ease-in-out;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 500;
        margin-bottom: 15px;
        color: var(--font-color);
        text-align: flex-start;
        justify-content: flex-start;
    }

        .nab-tab-6 .nav-tab .nav-link:last-child {
            margin-bottom: 0;
        }

        .nab-tab-6 .nav-tab .nav-link.active {
            background-color: transparent !important;
            color: var(--btn-primary);
        }

    .nab-tab-6 .nav-tab .nav-item {
        width: 100%;
    }

.nab-tab-6 .nav-tab-content {
    padding-top: 0px;
    padding-left: 15px;
}

@media screen and (max-width: 1350px) {
    .nab-tab-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .nab-tab-wrapper {
        margin-left: 50px;
    }

    .single-nab-tab .nav-tab .nav-link {
        width: 70px;
        height: 32px;
    }

    .nab-tab-5 .nav-tab .nav-link {
        height: 100%;
        width: 100%;
    }

    .nab-tab-4 .nav-tab .nav-link {
        margin-left: 2px;
    }
}

@media screen and (max-width: 991px) {
    .nab-tab-wrapper {
        margin-left: 0;
    }

    .nab-tab-wrap {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .single-nab-tab {
        padding: 20px 15px;
    }

    .nab-title h6 {
        padding-bottom: 15px;
    }

    .nav-tab-content {
        padding-top: 15px;
    }

    .nab-tab-5 .nav-tab {
        padding: 10px 20px;
    }
}

@media screen and (max-width: 585px) {
    .nab-tab-wrap {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }
}

.alert-wrapper {
    max-width: 1140px;
    margin-left: 200px;
}

.alart-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.single-alert-box {
    margin-bottom: 30px;
}

    .single-alert-box:last-child {
        margin-bottom: 0;
    }

    .single-alert-box .alert-warning {
        color: var(--disable-color);
        background-color: var(--alert-1-bg);
        border-color: var(--success);
    }

    .single-alert-box .alert {
        position: relative;
        padding: 28px 40px;
        margin-bottom: 0rem;
        border-radius: 5px;
    }

    .single-alert-box .alert-dismissible .btn-close {
        top: 10px;
        right: 10px;
        padding: 0px;
        color: var(--success);
        background: unset;
        font-size: 24px;
        line-height: 1;
        opacity: 1;
    }

        .single-alert-box .alert-dismissible .btn-close i:after {
            opacity: 0;
        }

.alert-2 .alert-warning {
    background-color: var(--alert-2-bg);
    border-color: var(--danger);
}

.alert-2 .alert-dismissible .btn-close {
    color: var(--danger);
}

.alert-3 .alert-warning {
    background-color: transparent;
    border-color: transparent;
    background-image: url("../img/short-code-img/alert/alert-3.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    position: relative;
    z-index: 3;
}

    .alert-3 .alert-warning::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: var(--alert-box-3-overlay);
        top: 0;
        left: 0;
        border-radius: 5px;
    }

.alert-3 .alert-dismissible .btn-close {
    color: var(--white);
}

.alert-3 .alert-content h4 {
    color: var(--white);
    z-index: 3;
    position: relative;
    margin-bottom: 0;
}

.alert-4 .alert-warning {
    background-color: var(--alert-4-bg);
    border-color: var(--warning);
}

.alert-4 .alert-dismissible .btn-close {
    color: var(--warning);
}

.alert-4 .alert {
    padding: 22px 30px;
}

.alert-4 .alert-content h6 {
    color: var(--warning);
    margin-bottom: 0;
}

.alert-5 .alert-warning {
    background-color: transparent;
    border-color: transparent;
    background: var(--alert-box-5-bg);
}

.alert-5 .alert-dismissible .btn-close {
    color: var(--white);
}

.alert-5 .alert-content h6 {
    color: var(--white);
}

.alert-5 .alert-content h4 {
    color: var(--white);
}

.alert-6 .alert-warning {
    background-color: transparent;
    border-color: transparent;
    background-image: url("../img/short-code-img/alert/alert-6.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    position: relative;
    z-index: 3;
}

.single-alert-box-2 {
    margin-bottom: 15px;
}

.alert-title h6 {
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 15px;
}

.alert-content {
    position: relative;
    z-index: 3;
}

    .alert-content h6 {
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 5px;
    }

    .alert-content h4 {
        font-size: 15px;
        font-weight: 500;
        line-height: 22.5px;
        color: var(--disable-color);
    }

@media screen and (max-width: 1350px) {
    .alert-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .alert-wrapper {
        margin-left: 50px;
    }
}

@media screen and (max-width: 991px) {
    .alert-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .single-alert-box {
        padding: 30px 20px;
    }

    .single-alert-box {
        padding: 20px;
    }

        .single-alert-box .alert {
            padding: 20px 25px;
        }

    .alart-wrap {
        grid-template-columns: 1fr;
        max-width: 500px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 575px) {
    .alert-content h6 {
        font-size: 16px;
        line-height: 26px;
    }

    .alert-content h4 {
        font-size: 14px;
        line-height: 21.5px;
        padding-right: 20px;
    }

    .single-alert-box .alert {
        padding: 15px 10px;
    }
}

.short-counter-wrapper {
    max-width: 690px;
    margin-left: 400px;
}

.single-counter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    text-align: center;
    margin-bottom: 40px;
}

    .single-counter:last-child {
        margin-bottom: 0;
    }

.single-countdown-item {
    height: 150px;
    border: 1px solid var(--w-light);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .single-countdown-item .ci-inner {
        font-size: 48px;
        font-weight: 700;
        color: var(--theme-color);
        line-height: 72px;
        padding-bottom: 10px;
    }

    .single-countdown-item h4 {
        font-size: 20px;
        line-height: 30px;
        color: var(--option-color);
        margin-bottom: 0px;
    }

.counter-2 .single-countdown-item .ci-inner {
    position: relative;
}

    .counter-2 .single-countdown-item .ci-inner::before {
        position: absolute;
        content: "";
        width: 68px;
        height: 1px;
        background-color: var(--black);
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

.counter-3 .single-countdown-item {
    border-radius: 10px;
    justify-content: flex-end;
    border: 1px solid var(--success);
}

    .counter-3 .single-countdown-item .ci-inner {
        padding-bottom: 5px;
        background: var(--gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .counter-3 .single-countdown-item h4 {
        color: var(--white);
        background-color: var(--theme-color);
        font-size: 24px;
        line-height: 40px;
        padding: 5px;
        margin-bottom: 0px;
        border-radius: 0px 0px 10px 10px;
        border-top: 1px solid var(--extra-border);
    }

.counter-4 .single-countdown-item {
    height: 100%;
    border: transparent;
}

    .counter-4 .single-countdown-item .ci-inner {
        max-width: 150px;
        height: 150px;
        border-radius: 50%;
        border: 1px solid var(--w-light);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .counter-4 .single-countdown-item h4 {
        padding-top: 10px;
        margin-bottom: 0px;
    }

.counter-5 .single-countdown-item {
    max-width: 150px;
    max-height: 150px;
    border: 1px solid var(--w-light);
    border-radius: 50%;
}

    .counter-5 .single-countdown-item .ci-inner {
        padding: 0;
    }

@media screen and (max-width: 1350px) {
    .short-counter-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .short-counter-wrapper {
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .single-countdown-item {
        height: 120px;
    }

        .single-countdown-item .ci-inner {
            font-size: 30px;
            line-height: 50px;
            padding-bottom: 0px;
        }

        .single-countdown-item h4 {
            font-size: 16px;
            line-height: 26px;
        }

    .single-counter {
        margin-bottom: 20px;
    }

    .counter-3 .single-countdown-item h4 {
        font-size: 16px;
        line-height: 40px;
        padding: 0px;
    }

    .counter-4 .single-countdown-item .ci-inner {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }

    .counter-5 .single-countdown-item {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 585px) {
    .single-counter {
        margin-bottom: 15px;
        grid-gap: 15px;
    }

    .single-countdown-item {
        height: 80px;
    }

        .single-countdown-item .ci-inner {
            font-size: 20px;
            line-height: 30px;
        }

        .single-countdown-item h4 {
            font-size: 12px;
            line-height: 24px;
        }

    .counter-2 .single-countdown-item .ci-inner::before {
        width: 40px;
        bottom: -1px;
    }

    .counter-3 .countdown-item h4 {
        font-size: 12px;
        line-height: 28px;
    }

    .counter-4 .single-countdown-item .ci-inner {
        height: 70px;
        width: 70px;
    }

    .counter-4 .single-countdown-item h4 {
        padding-top: 0px;
    }

    .counter-5 .single-countdown-item {
        height: 70px;
        width: 70px;
    }

        .counter-5 .single-countdown-item h4 {
            line-height: 20px;
        }
}

.st-team-wrapper {
    margin-left: 130px;
}

.grid-3 {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto;
}

@media all and (max-width: 1199px) {
    .st-team-wrapper {
        margin-left: 0px;
    }
}

@media all and (max-width: 991px) {
    .team-member.ct-team-member .team-img {
        height: 200px;
        width: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

        .team-member.ct-team-member .team-img .team-img-inner {
            height: 100%;
            width: 100%;
        }

    .ct-cmc-wrapper .cmc-single-content .cmcs-content-overlay {
        padding: 25px;
    }
}

@media all and (max-width: 767px) {
    .grid-3 {
        grid-template-columns: 1fr 1fr;
    }
}

@media all and (max-width: 575px) {
    .grid-3 {
        grid-template-columns: 1fr;
    }

    .mxw-sm-2.member-card {
        padding-top: 90%;
        max-width: 350px;
        margin: 0 auto;
    }

    .ct-cmc-wrapper .cmc-single-content {
        max-width: 350px;
        margin: 0 auto;
    }
}

.short-code-wrapper {
    position: relative;
}

.testimonial-wrapper {
    max-width: 1100px;
    margin-left: 250px;
}

.single-testimonial {
    background-color: var(--white);
    border: 1px solid var(--w-light);
    border-radius: 10px;
    text-align: center;
    transition: all .3s ease-in-out;
    margin-bottom: 20px;
}

    .single-testimonial:last-child {
        margin-bottom: 0;
    }

    .single-testimonial:hover {
        border: transparent;
        box-shadow: 0px 10px 30px var(--shadow-color);
    }

.testimonial-profile {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .testimonial-profile .profile-title {
        text-align: left;
        margin-left: 20px;
    }

        .testimonial-profile .profile-title a {
            display: block;
            font-size: 24px;
            font-weight: 600;
            color: var(--font-color);
            line-height: 36px;
            text-transform: capitalize;
        }

            .testimonial-profile .profile-title a span {
                display: block;
                font-size: 15px;
                line-height: 22px;
                font-weight: 400;
            }

        .testimonial-profile .profile-title ul {
            margin-top: 13px;
        }

            .testimonial-profile .profile-title ul li {
                display: inline-block;
                font-size: 20px;
                line-height: 1;
                color: var(--star-color);
                margin-right: 8px;
            }

.profile-content {
    padding-top: 20px;
}

    .profile-content p {
        font-size: 17px;
        line-height: 1.5;
        margin-bottom: 0;
    }

.testimonial-1 {
    padding: 70px 90px;
}

.testimonial-2 {
    padding: 50px 60px 50px 130px;
    align-items: flex-start;
}

    .testimonial-2 .testimonial-profile {
        align-items: flex-start;
    }

        .testimonial-2 .testimonial-profile .profile-image {
            position: relative;
        }

            .testimonial-2 .testimonial-profile .profile-image img {
                max-width: 130px;
            }

            .testimonial-2 .testimonial-profile .profile-image .quite {
                position: absolute;
                left: -70px;
                top: 50%;
                transform: translateY(-50%);
            }

                .testimonial-2 .testimonial-profile .profile-image .quite i {
                    font-size: 35px;
                    line-height: 1;
                    color: var(--theme-color);
                }

        .testimonial-2 .testimonial-profile .profile-content {
            padding-top: 0;
            text-align: left;
            padding-left: 50px;
        }

    .testimonial-2 .profile-title {
        text-align: right;
        margin-left: 0;
        margin-top: 20px;
    }

.testimonial-3 {
    padding: 40px 80px;
}

    .testimonial-3 .testimonial-profile {
        flex-direction: column;
    }

    .testimonial-3 .profile-title {
        text-align: center;
        margin-left: 0;
        margin-top: 25px;
    }

        .testimonial-3 .profile-title a {
            color: var(--btn-primary);
        }

            .testimonial-3 .profile-title a span {
                color: var(--body-color);
            }

    .testimonial-3 .quite {
        margin-top: 15px;
    }

        .testimonial-3 .quite i {
            text-align: center;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 35px;
        }

.testimonial-4 .testimonial-reating {
    padding-top: 20px;
}

    .testimonial-4 .testimonial-reating ul li {
        display: inline-block;
        font-size: 20px;
        line-height: 1;
        color: var(--star-color);
        margin: 0px 4px;
    }

@media screen and (max-width: 1350px) {
    .testimonial-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .testimonial-wrapper {
        margin-left: 50px;
    }
}

@media screen and (max-width: 991px) {
    .testimonial-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .testimonial-1 {
        padding: 30px 20px;
    }

    .testimonial-2 {
        padding: 30px 20px 30px 60px;
    }

        .testimonial-2 .testimonial-profile .profile-image img {
            max-width: 100px;
        }

        .testimonial-2 .testimonial-profile .profile-image .quite {
            left: -45px;
        }

            .testimonial-2 .testimonial-profile .profile-image .quite i {
                font-size: 25px;
            }

        .testimonial-2 .testimonial-profile .profile-content {
            padding-left: 20px;
        }

    .testimonial-3 {
        padding: 30px 20px;
    }

        .testimonial-3 .testimonial-profile .profile-image img {
            max-width: 100px;
        }

        .testimonial-3 .profile-title {
            margin-top: 15px;
        }
}

@media screen and (max-width: 575px) {
    .testimonial-1 {
        padding: 20px 10px;
    }

    .testimonial-profile .profile-title a {
        font-size: 20px;
        line-height: 30px;
    }

    .testimonial-profile .profile-title ul {
        margin-top: 8px;
    }

        .testimonial-profile .profile-title ul li {
            display: inline-block;
            font-size: 18px;
            line-height: 1;
            color: var(--star-color);
            margin-right: 3px;
        }

    .profile-content {
        padding-top: 15px;
    }

        .profile-content p {
            font-size: 15px;
            line-height: 22px;
        }

    .testimonial-2 {
        padding: 20px 10px 20px 10px;
    }

        .testimonial-2 .testimonial-profile {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .testimonial-2 .testimonial-profile .profile-content {
                text-align: center;
                padding-left: 0;
                padding-top: 15px;
            }

        .testimonial-2 .profile-title {
            text-align: center;
            margin-left: 0;
            margin-top: 15px;
        }

    .testimonial-3 {
        padding: 20px 10px;
    }

        .testimonial-3 .profile-title {
            margin-top: 10px;
        }

        .testimonial-3 .quite {
            margin-top: 10px;
        }

            .testimonial-3 .quite i {
                font-size: 25px;
            }

    .testimonial-4 .testimonial-reating {
        padding-top: 10px;
    }

        .testimonial-4 .testimonial-reating ul li {
            font-size: 18px;
            margin: 0px 3px;
        }
}

.progress-bar-wrapper {
    max-width: 1150px;
    margin-left: 200px;
}

.progress-bar-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.progress-title h6 {
    line-height: 27px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.single-progress {
    background-color: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 40px;
}

.single-bar {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .single-bar:last-child {
        margin-bottom: 0;
    }

    .single-bar .progress {
        width: calc(100% - 15px);
        background-color: var(--w-light);
        border-radius: 0;
        height: 8px;
        margin-right: 15px;
    }

    .single-bar .percent span {
        font-size: 14px;
        color: var(--font-color);
        font-weight: 500;
        line-height: 1;
    }

    .single-bar.progress-2 .progress {
        height: 4px;
    }

    .single-bar.progress-3 {
        position: relative;
        margin-bottom: 15px;
    }

        .single-bar.progress-3:last-child {
            margin-bottom: 0;
        }

        .single-bar.progress-3 .progress {
            height: 20px;
            border-radius: 80px;
            overflow: visible;
        }

            .single-bar.progress-3 .progress .progress-bar {
                border-radius: 80px;
                overflow: visible;
            }

                .single-bar.progress-3 .progress .progress-bar .span-number {
                    position: absolute;
                    right: 55%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    font-weight: 500;
                    color: var(--white);
                }

                .single-bar.progress-3 .progress .progress-bar .span-number-2 {
                    right: 37%;
                    color: var(--font-color);
                }

                .single-bar.progress-3 .progress .progress-bar .span-number-3 {
                    right: 17%;
                }

                .single-bar.progress-3 .progress .progress-bar .span-number-4 {
                    color: var(--font-color);
                }

    .single-bar.progress-4 {
        margin-bottom: 25px;
    }

        .single-bar.progress-4:last-child {
            margin-bottom: 0;
        }

        .single-bar.progress-4 .progress {
            height: 8px;
            border-radius: 18px;
        }

            .single-bar.progress-4 .progress .progress-bar {
                border-radius: 18px;
            }

                .single-bar.progress-4 .progress .progress-bar .span-rounded {
                    position: absolute;
                    top: 50%;
                    height: 38px;
                    width: 38px;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    right: 50%;
                    transform: translateY(-50%);
                    background: var(--denger-2);
                    font-weight: 500;
                    color: var(--white);
                }

                .single-bar.progress-4 .progress .progress-bar .span-rounded-2 {
                    right: 32%;
                    background: var(--warning);
                    color: var(--font-color);
                }

                .single-bar.progress-4 .progress .progress-bar .span-rounded-3 {
                    right: 17%;
                    background: var(--btn-primary);
                }

                .single-bar.progress-4 .progress .progress-bar .span-rounded-4 {
                    background: var(--success);
                    color: var(--font-color);
                }

.bg-danger {
    background-color: var(--denger-2) !important;
}

.bg-warning {
    background-color: var(--warning);
}

.bg-primary {
    background-color: var(--btn-primary);
}

.bg-sucsess {
    background-color: var(--success);
}

@media screen and (max-width: 1350px) {
    .progress-bar-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .progress-bar-wrapper {
        margin-left: 50px;
    }

    .single-bar.progress-4 .progress .progress-bar .span-rounded-3 {
        right: 10%;
    }
}

@media screen and (max-width: 991px) {
    .progress-bar-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .progress-bar-wrap {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .single-progress {
        border-radius: 5px;
        padding: 40px;
        max-width: 550px;
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (max-width: 585px) {
    .single-progress {
        padding: 20px;
    }

    .progress-title h6 {
        padding-bottom: 10px;
    }

    .single-bar.progress-3 .progress {
        height: 16px;
    }

    .single-bar.progress-4 .progress {
        height: 8px;
    }
}

.coin-exchange-wrapper {
    max-width: 860px;
    margin-left: 400px;
}

.exchange-currency-left label, .exchange-currency-right label {
    font-size: 16px;
    color: var(--theme-color);
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
}

.exchange-wrap {
    background-color: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 70px;
}

.exchange-currency {
    display: flex;
    width: 100%;
    align-items: center;
}

    .exchange-currency .list {
        height: 300px;
        overflow-y: auto;
    }

.exchange-box .currency {
    display: flex;
    position: relative;
}

    .exchange-box .currency input {
        height: 60px;
        width: 100%;
        background-color: var(--fafafa);
        border: 1px solid var(--w-light);
        border-radius: 5px;
        padding: 20px;
        outline: none;
    }

    .exchange-box .currency .select-country {
        background-color: var(--warning);
        border: transparent;
        border-radius: 5px;
        position: absolute;
        width: 95px;
        height: 100%;
        padding: 16px;
        right: 0;
        top: 0;
        font-size: 18px;
        font-weight: 500;
        color: var(--theme-color);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .exchange-box .currency .select-country::after {
            border-bottom: none;
            border-right: none;
            content: '\eab2';
            font-family: IcoFont;
            height: 15px;
            margin-top: unset;
            pointer-events: none;
            position: absolute;
            right: 20px;
            top: 50%;
            transform-origin: unset;
            transform: translateY(-50%) rotateX(0deg);
            width: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .exchange-box .currency .select-country.open::after {
            transform: translateY(-50%) rotateX(180deg);
        }

.exchange-currency-left {
    width: 45%;
}

.exchange-currency-middle {
    width: 10%;
    padding-top: 40px;
}

.exchange-currency-right {
    width: 45%;
}

    .exchange-currency-right .exchange-box .currency .select-country {
        background-color: var(--success);
    }

.change-button {
    text-align: center;
    margin-top: 40px;
}

    .change-button .rate {
        font-size: 18px;
        color: var(--theme-color);
        margin-bottom: 10px;
    }

    .change-button button {
        width: 220px;
        height: 52px;
        margin: 0;
    }

.bye-sale-wrappper {
    padding-top: 70px;
    max-width: 750px;
    margin: 0 auto;
}

.bye-sale-content h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--theme-color);
    line-height: 33px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.bye-sale-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    line-height: 1.5;
}

.bye-sale-wrap {
    margin-top: 40px;
    background-color: var(--fafafa);
    border: 1px solid var(--w-light);
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.bye-sale-left {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

    .bye-sale-left .single-bye-sale input {
        border: 1px solid var(--w-light);
        padding: 15px 20px;
        border-radius: 5px;
        width: 100%;
        height: 52px;
        font-size: 18px;
        font-weight: 500;
        color: var(--theme-color);
        outline: none;
    }

        .bye-sale-left .single-bye-sale input::-moz-placeholder {
            font-size: 18px;
            font-weight: 500;
            color: var(--theme-color);
            opacity: 1;
        }

        .bye-sale-left .single-bye-sale input::placeholder {
            font-size: 18px;
            font-weight: 500;
            color: var(--theme-color);
            opacity: 1;
        }

    .bye-sale-left .single-bye-sale-box-1 {
        max-width: 90px;
    }

    .bye-sale-left .single-bye-sale-box-2 span {
        font-size: 18px;
        font-weight: 500;
        color: var(--theme-color);
        margin: 0px 20px;
        display: inline-block;
    }

    .bye-sale-left .single-bye-sale-box-3 {
        max-width: 150px;
    }

    .bye-sale-left .select-bye-sale {
        margin-left: 20px;
        max-width: 100px;
        width: 100%;
    }

        .bye-sale-left .select-bye-sale .nice-select {
            border-radius: 5px;
            border: solid 1px var(--w-light);
            font-size: 18px;
            font-weight: 500;
            color: var(--theme-color);
            height: 52px;
            line-height: 1;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 20px;
        }

            .bye-sale-left .select-bye-sale .nice-select::after {
                border-bottom: none;
                border-right: none;
                content: '\eab2';
                font-family: IcoFont;
                color: var(--theme-color);
                height: 15px;
                margin-top: unset;
                pointer-events: none;
                position: absolute;
                right: 30px;
                top: 50%;
                transform: translateY(-50%) rotateX(0deg);
                font-size: 22px;
                display: flex;
                align-items: center;
            }

            .bye-sale-left .select-bye-sale .nice-select .list li {
                margin-block-end: 0px;
            }

                .bye-sale-left .select-bye-sale .nice-select .list li:before {
                    display: none;
                }

.btc-to-usd {
    max-width: 250px;
    width: 100%;
}

    .btc-to-usd .nice-select {
        border-radius: 5px;
        border: solid 1px var(--w-light);
        font-size: 18px;
        font-weight: 500;
        background-color: var(--btn-primary);
        color: var(--white);
        height: 52px;
        line-height: 1;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .btc-to-usd .nice-select::after {
            border-bottom: none;
            border-right: none;
            content: '\eab2';
            font-family: IcoFont;
            color: var(--white);
            height: 20px;
            margin-top: unset;
            pointer-events: none;
            position: absolute;
            right: 30px;
            top: 50%;
            transform: translateY(-50%) rotateX(0deg);
            font-size: 22px;
        }

        .btc-to-usd .nice-select.open::after {
            transform: translateY(-85%) rotateX(180deg);
        }

        .btc-to-usd .nice-select .list {
            background-color: var(--white) !important;
            width: 100%;
            position: absolute;
            color: var(--font-color);
            margin-bottom: 0px;
        }

            .btc-to-usd .nice-select .list li {
                margin-bottom: 0px;
            }

                .btc-to-usd .nice-select .list li:before {
                    display: none;
                }

@media screen and (max-width: 1350px) {
    .coin-exchange-wrapper {
        margin-left: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .coin-exchange-wrapper {
        margin-left: 50px;
    }
}

@media screen and (max-width: 991px) {
    .coin-exchange-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .exchange-wrap {
        border-radius: 5px;
        padding: 20px;
    }

    .bye-sale-wrappper {
        padding-top: 40px;
    }

    .exchange-currency-middle {
        width: 10%;
        padding-top: 40px;
    }

        .exchange-currency-middle .btn {
            padding: 10px;
        }

    .bye-sale-wrap {
        flex-direction: column;
    }

    .btc-to-usd {
        margin-top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .exchange-currency {
        flex-direction: column;
    }

    .exchange-box .currency input {
        height: 50px;
    }

    .exchange-currency-left {
        width: 100%;
    }

    .exchange-currency-right {
        width: 100%;
    }

    .exchange-currency-middle {
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }

    .exchange-currency-left label, .exchange-currency-right label {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .bye-sale-wrappper {
        padding-top: 30px;
    }

    .bye-sale-wrap {
        padding: 20px 10px;
    }

    .bye-sale-content h4 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .bye-sale-content p {
        font-size: 15px;
    }

    .bye-sale-left {
        margin-right: 0;
    }

        .bye-sale-left .single-bye-sale input {
            padding: 5px 10px;
            width: 100%;
            height: 40px;
            font-size: 14px;
        }

            .bye-sale-left .single-bye-sale input::-moz-placeholder {
                font-size: 16px;
            }

            .bye-sale-left .single-bye-sale input::placeholder {
                font-size: 16px;
            }

        .bye-sale-left .single-bye-sale-box-2 span {
            margin: 0px 10px;
        }

        .bye-sale-left .select-bye-sale {
            max-width: 80px;
            margin-left: 10px;
        }

            .bye-sale-left .select-bye-sale .nice-select {
                font-size: 16px;
                height: 40px;
                padding: 10px;
            }

    .btc-to-usd .nice-select {
        font-size: 16px;
    }

        .btc-to-usd .nice-select::after {
            height: 18px;
            font-size: 20px;
        }
}

.input-field-wrapper {
    max-width: 1300px;
    margin-left: 130px;
}

.input-field-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.single-input-field {
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    background-color: var(--white);
    padding: 40px 35px;
}

.input-title h6 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.single-input-box {
    position: relative;
    margin-bottom: 20px;
}

    .single-input-box:last-child {
        margin-bottom: 0;
    }

    .single-input-box input {
        background-color: var(--fafafa);
        border: 1px solid var(--w-light);
        border-radius: 100px;
        width: 100%;
        height: 60px;
        padding: 20px;
        outline: none;
        transition: all .3s ease-in-out;
    }

        .single-input-box input::-moz-placeholder {
            color: var(--body-color);
            font-size: 14px;
            opacity: 1;
        }

        .single-input-box input::placeholder {
            color: var(--body-color);
            font-size: 14px;
            opacity: 1;
        }

        .single-input-box input:focus {
            border-color: var(--btn-primary);
        }

    .single-input-box i {
        position: absolute;
        content: "";
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        line-height: 1;
        color: var(--disable-color);
    }

    .single-input-box.round-shape input {
        border-radius: 5px;
    }

    .single-input-box.box-1 input {
        padding-right: 60px;
    }

    .single-input-box.box-1 i {
        right: 35px;
    }

    .single-input-box.box-2 input {
        padding-left: 50px;
    }

    .single-input-box.box-2 i {
        left: 22px;
    }

    .single-input-box.box-3 {
        display: flex;
        align-items: center;
    }

        .single-input-box.box-3 label {
            font-size: 16px;
            color: var(--disable-color);
            margin-right: 20px;
            line-height: 1;
        }

        .single-input-box.box-3 input {
            padding-right: 60px;
        }

        .single-input-box.box-3 i {
            right: 35px;
        }

    .single-input-box.box-4 i {
        color: var(--btn-primary);
    }

.input-with-label {
    margin-bottom: 20px;
}

    .input-with-label:last-child {
        margin-bottom: 0;
    }

    .input-with-label label {
        font-size: 16px;
        color: var(--disable-color);
        line-height: 1;
        margin-bottom: 20px;
        display: block;
    }

    .input-with-label .single-input-box input {
        border-radius: 5px;
    }

    .input-with-label .box-1 i {
        right: 20px;
    }

    .input-with-label .box-2 input {
        padding-left: 20px;
        padding-right: 60px;
    }

    .input-with-label .box-2 i {
        left: unset;
        right: 20px;
        color: var(--btn-primary);
    }

    .input-with-label .box-3 i {
        right: 20px;
    }

    .input-with-label .box-3 label {
        margin-bottom: 0;
    }

.single-select-box .nice-select {
    background-color: var(--btn-primary);
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    height: 60px;
    padding-left: 30px;
    width: calc(100% + 2px);
    left: -1px;
    display: flex;
    align-items: center;
    transition: 0s;
    position: relative;
    margin-bottom: 20px;
}

    .single-select-box .nice-select::after {
        border-bottom: none;
        border-right: none;
        content: '\eab2';
        font-family: IcoFont;
        display: block;
        height: 15px;
        margin-top: unset;
        pointer-events: none;
        position: absolute;
        right: 25px;
        top: 50%;
        transform-origin: unset;
        transform: translateY(-50%) rotateX(0deg);
        width: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
    }

    .single-select-box .nice-select.open::after {
        transform: translateY(-50%) rotateX(180deg);
    }

    .single-select-box .nice-select .list {
        background-color: var(--white) !important;
        width: 100%;
        position: absolute;
        color: var(--font-color);
    }

.select-field-wrap.box-2 .nice-select {
    background-color: transparent !important;
    border: 1px solid var(--btn-primary);
    color: var(--font-color);
    width: calc(100% + 2px);
    left: -1px;
}

.select-field-wrap.box-3 .nice-select {
    width: 100%;
    left: 0;
}

    .select-field-wrap.box-3 .nice-select::after {
        content: '\ea67';
        right: 0px;
        top: 50%;
        height: 100%;
        width: 60px;
        background-color: #0066DD;
        border-radius: 5px;
    }

    .select-field-wrap.box-3 .nice-select.open::after {
        transform: translateY(-50%) rotateX(0);
    }

.select-field-wrap.box-4 .nice-select {
    width: 100%;
    left: 0;
    margin-bottom: 0;
    background-color: var(--fafafa);
    color: var(--font-color);
}

    .select-field-wrap.box-4 .nice-select::after {
        content: '\ea67';
        right: 0px;
        top: 50%;
        height: 100%;
        width: 60px;
        background-color: #0066DD;
        border-radius: 5px;
        color: var(--white);
    }

    .select-field-wrap.box-4 .nice-select.open::after {
        transform: translateY(-50%) rotateX(0);
    }

.input-field .single-input-box input {
    border-radius: 5px;
}

.input-field .box-3 i {
    color: var(--btn-primary);
}

.custom-input-box {
    margin-bottom: 30px;
    position: relative;
}

    .custom-input-box .main-btn {
        background-color: var(--w-light);
        height: 52px;
        border-radius: 5px;
        padding-left: 50px;
        font-size: 14px;
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        font-weight: 500;
        line-height: 1;
    }

    .custom-input-box .upload-button {
        position: absolute;
        top: 0;
        right: 0;
        background-color: var(--btn-primary);
        width: 170px;
        height: 100%;
        border-radius: 5px;
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        font-weight: 500;
        font-size: 14px;
    }

        .custom-input-box .upload-button input {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
        }

        .custom-input-box .upload-button i {
            width: 24px;
            height: 24px;
            border-radius: 5px;
            border: 2px solid var(--white);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
        }

.coustom-input-file .box-2 .custom-input-box .upload-button {
    width: 62px;
}

.coustom-input-file .box-3 .custom-input-box {
    margin-bottom: 0;
}

    .coustom-input-file .box-3 .custom-input-box .main-btn {
        padding-left: 15px;
        background-color: var(--white);
        border: 1px solid var(--btn-primary);
    }

    .coustom-input-file .box-3 .custom-input-box .upload-button {
        width: 100px;
    }

.textarea-field .single-textarea-box {
    margin-bottom: 15px;
}

    .textarea-field .single-textarea-box textarea {
        width: 100%;
        height: 100px;
        background-color: var(--white);
        border: 1px solid var(--w-light);
        border-radius: 5px;
        padding: 20px;
        resize: none;
        outline: none;
        font-size: 15px;
        transition: all .3s ease-in-out;
    }

        .textarea-field .single-textarea-box textarea::-moz-placeholder {
            color: var(--body-color);
            font-size: 14px;
            opacity: 1;
        }

        .textarea-field .single-textarea-box textarea::placeholder {
            color: var(--body-color);
            font-size: 14px;
            opacity: 1;
        }

        .textarea-field .single-textarea-box textarea:focus {
            border-color: var(--btn-primary);
        }

.textarea-field .box-2 {
    margin-bottom: 0;
}

    .textarea-field .box-2 textarea {
        background-color: var(--fafafa);
    }

@media screen and (max-width: 1350px) {
    .input-field-wrapper {
        margin-left: 100px;
    }

    .custom-input-box .main-btn {
        padding-left: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .input-field-wrapper {
        margin-left: 50px;
    }

    .input-field-wrap {
        grid-template-columns: 1fr 1fr;
    }

    .custom-input-box .upload-button {
        width: 140px;
    }
}

@media screen and (max-width: 991px) {
    .input-field-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .input-field-wrap {
        grid-template-columns: 1fr;
        max-width: 450px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 575px) {
    .single-input-field {
        padding: 15px 15px;
    }

    .input-title h6 {
        padding-bottom: 15px;
    }

    .rounded-input-filed .box-3 label {
        font-size: 15px;
        margin-right: 15px;
    }

    .custom-input-box {
        margin-bottom: 15px;
    }

    .input-field-with-label .single-input-box label {
        margin-bottom: 10px;
    }

    .input-field-with-label .box-2 i {
        left: 90%;
    }

    .single-input-box {
        margin-bottom: 15px;
    }

        .single-input-box input {
            height: 50px;
        }

        .single-input-box i {
            font-size: 17px;
        }

    .rounded-input-filed .box-1 i {
        right: 20px;
    }

    .rounded-input-filed .box-3 i {
        right: 20px;
    }

    .single-select-box .nice-select {
        height: 50px;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .textarea-field .single-textarea-box {
        margin-bottom: 10px;
    }
}

.live-chart-wrapper {
    max-width: 1220px;
    margin-left: 230px;
}

.table-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .table-title h6 {
        font-weight: 600;
        font-size: 18px;
        line-height: 1;
        color: var(--font-color);
        margin-bottom: 0;
    }

    .table-title .title-select .nice-select {
        background-color: var(--btn-primary);
        border-radius: 5px;
        border: none;
        font-family: var(--poppins);
        font-size: 18px;
        font-weight: 600;
        height: 60px;
        line-height: 1px;
        padding-left: 18px;
        padding-right: 30px;
        width: 230px;
        display: flex;
        align-items: center;
        color: var(--white);
        opacity: 1;
    }

        .table-title .title-select .nice-select::after {
            border-bottom: none;
            border-right: none;
            content: '\ea99';
            font-family: IcoFont;
            display: block;
            height: 15px;
            margin-top: unset;
            pointer-events: none;
            position: absolute;
            right: 30px;
            top: 50%;
            transform-origin: unset;
            transform: translateY(-50%) rotateX(0deg);
            width: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            font-weight: 300;
        }

        .table-title .title-select .nice-select.open::after {
            transform: translateY(-50%) rotateX(180deg);
        }

        .table-title .title-select .nice-select .list {
            background-color: var(--white) !important;
            width: 100%;
            position: absolute;
            color: var(--font-color);
        }

            .table-title .title-select .nice-select .list li {
                margin-block-end: 0px;
            }

                .table-title .title-select .nice-select .list li:before {
                    display: none;
                }

.live-coin-chart-table {
    border-bottom: none !important;
}

    .live-coin-chart-table .table-header tr th {
        color: var(--font-color);
        background-color: var(--fafafa);
        padding: 20px 20px;
        font-size: 18px;
        font-weight: 600;
        border-bottom: none;
    }

        .live-coin-chart-table .table-header tr th::before, .live-coin-chart-table .table-header tr th::after {
            display: none;
        }

    .live-coin-chart-table .table-body tr td {
        padding: 20px 18px;
        border: 1px solid var(--w-light);
    }

        .live-coin-chart-table .table-body tr td h6 {
            font-size: 16px;
            font-weight: 500;
            color: var(--disable-color);
            margin-bottom: 0;
        }

        .live-coin-chart-table .table-body tr td .table-currenct {
            display: flex;
            align-items: center;
        }

            .live-coin-chart-table .table-body tr td .table-currenct h6 {
                padding-left: 10px;
                margin-bottom: 0;
            }

        .live-coin-chart-table .table-body tr td .change h6 {
            margin-bottom: 0;
        }

            .live-coin-chart-table .table-body tr td .change h6 span {
                color: var(--table-change-span-color);
            }

            .live-coin-chart-table .table-body tr td .change h6 .span-red {
                color: var(--denger-2);
            }

@media screen and (max-width: 1350px) {
    .live-chart-wrapper {
        margin-left: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .live-chart-wrapper {
        margin-left: 50px;
    }

    .live-coin-chart-table .table-body tr .child ul.dtr-details {
        display: block;
    }

    .live-coin-chart-table .table-body tr td .table-currenct {
        padding-left: 15px;
    }

    .live-coin-chart-table .table-body tr td.dtr-control::before {
        left: 15px !important;
        height: 20px !important;
        width: 20px !important;
        margin-top: 0px !important;
        border: 0px !important;
        line-height: 20px !important;
        background-color: var(--btn-primary) !important;
        transform: translateY(-50%) !important;
    }
}

@media screen and (max-width: 991px) {
    .live-chart-wrapper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .table-title .title-select .nice-select {
        font-size: 16px;
        height: 50px;
        width: 180px;
    }

        .table-title .title-select .nice-select::after {
            font-size: 20px;
            right: 20px;
        }
}

@media screen and (max-width: 575px) {
    .table-title {
        flex-direction: column;
    }

        .table-title .title-select {
            margin-top: 15px;
        }
}

.subscribe-area {
    background-color: var(--subscribe-bg);
    margin-top: 50px;
}

.subscribe-wrapper {
    max-width: 970px;
    margin: 0 auto;
    padding: 40px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subscribe-content {
    width: calc(40% + 80px);
}

    .subscribe-content h4 {
        color: var(--white);
        font-size: 24px;
        font-weight: 600;
        line-height: 36px;
        padding-bottom: 6px;
        margin-bottom: 0;
    }

    .subscribe-content p {
        font-size: 16px;
        color: var(--white);
        margin-bottom: 0;
        line-height: 1.5;
    }

.subscribe-from {
    display: flex;
    width: 55%;
}

    .subscribe-from .input {
        position: relative;
    }

        .subscribe-from .input input {
            width: 360px;
            background: var(--subscribe-from-bg);
            border: 1px solid var(--success);
            border-radius: 5px;
            height: 60px;
            padding: 20px 50px 20px 20px;
            outline: none;
            color: var(--white);
            font-size: 16px;
        }

            .subscribe-from .input input::-moz-placeholder {
                font-size: 15px;
                line-height: 1;
                color: var(--white);
                opacity: 1;
            }

            .subscribe-from .input input::placeholder {
                font-size: 15px;
                line-height: 1;
                color: var(--white);
                opacity: 1;
            }

        .subscribe-from .input i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 20px;
            font-size: 24px;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

    .subscribe-from button {
        height: 60px;
        width: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--subscribe-button-font-color);
        font-size: 17px;
        font-weight: 500;
        background: var(--gradient);
        border-radius: 5px;
        margin-left: 10px;
    }

@media screen and (max-width: 991px) {
    .subscribe-area {
        margin-top: 35px;
    }

    .subscribe-wrapper {
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .subscribe-from {
        width: 100%;
        justify-content: center;
        margin-top: 20px;
    }

    .subscribe-content {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .subscribe-area {
        margin-top: 25px;
    }

    .subscribe-wrapper {
        padding: 20px 10px;
    }

    .subscribe-from {
        flex-direction: column;
        max-width: 400px;
    }

        .subscribe-from .input input {
            width: 100%;
            height: 55px;
            font-size: 15px;
        }

        .subscribe-from button {
            height: 55px;
            margin: 15px auto 0;
        }
}

.short-spacing {
    padding: 50px 0px;
}

.footer-area {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .footer-area::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: var(--footer-overlay);
        opacity: 0.9;
    }

.footer-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 500px;
}

.footer-wrapper {
    padding: 70px 10px;
    text-align: center;
    position: relative;
    z-index: 9;
}

.footer-content {
    max-width: 490px;
    margin: 0 auto;
}

    .footer-content p {
        color: var(--white);
        font-size: 16px;
        line-height: 24px;
        padding: 15px 0px 25px 0px;
        margin-bottom: 0;
    }

    .footer-content .footer-social a {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0px 5px;
        border: 1px solid var(--success);
        color: var(--white);
        font-size: 14px;
        position: relative;
        transition: all .3s ease-in-out;
    }

        .footer-content .footer-social a::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: var(--gradient);
            opacity: 0;
            border-radius: 50%;
            z-index: -1;
            transition: all .3s ease-in-out;
        }

        .footer-content .footer-social a:hover:before {
            opacity: 1;
        }

        .footer-content .footer-social a:hover {
            border: transparent;
        }

    .footer-content .see-location {
        color: var(--white);
        line-height: 24px;
        margin-top: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .footer-content .see-location i {
            font-size: 18px;
            padding-left: 10px;
        }

.footer-menu {
    padding-top: 50px;
    max-width: 810px;
    margin: 0 auto;
}

    .footer-menu ul li {
        display: inline-block;
    }

        .footer-menu ul li a {
            display: block;
            color: var(--white);
            margin: 0px 15px;
            font-size: 17px;
            font-weight: 500;
            transition: all .3s ease-in-out;
        }

            .footer-menu ul li a:hover {
                color: var(--success);
            }

.copy-right-area {
    background: var(--footer-overlay);
    padding: 20px 0px;
}

.copyright-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .copyright-wrapper p {
        color: var(--white);
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0;
    }

@media screen and (max-width: 991px) {
    .short-spacing {
        padding: 35px 0px;
    }
}

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

    .footer-menu ul li a {
        margin: 0px 10px 10px;
    }

    .copyright-wrapper {
        justify-content: center;
        flex-wrap: wrap;
    }

        .copyright-wrapper p {
            margin: 0px 10px 20px;
        }

            .copyright-wrapper p:last-child {
                margin-bottom: 0;
            }
}

@media screen and (max-width: 575px) {
    .short-spacing {
        padding: 25px 0px;
    }

    .footer-wrapper {
        padding: 30px 0px;
    }

    .footer-content p {
        padding: 10px 0px 15px 0px;
    }

    .footer-content .see-location {
        margin-top: 20px;
    }

    .footer-menu {
        padding-top: 30px;
    }

        .footer-menu ul li a {
            font-size: 16px;
        }

    .copyright-wrapper {
        text-align: center;
    }

        .copyright-wrapper p {
            margin: 0px 10px 10px;
        }
}

.innerpage-header-sec {
    background: url("../img/header-curve-bg.svg") no-repeat scroll left bottom/cover;
    padding-bottom: 200px;
}

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .header-top p {
        margin-bottom: 0;
        color: white;
    }

        .header-top p i {
            font-size: 20px;
            line-height: 1;
            color: #e0b557;
        }

    .header-top > * {
        padding: 5px 0;
    }

    .header-top.text-white .lang-text {
        color: var(--white-permanent);
    }

        .header-top.text-white .lang-text::before {
            border-color: var(--white-permanent);
        }

    .header-top.text-white .lang-item input:checked + span {
        color: var(--success);
    }

    .header-top.text-white .lang-item span {
        color: var(--white-permanent);
    }

    .header-top.text-white p {
        color: var(--white-permanent);
    }

.h-lang {
    display: flex;
    align-items: center;
}

.lang-item {
    margin-right: 10px;
}

    .lang-item input {
        display: none;
    }

        .lang-item input:checked + span {
            color: var(--primary);
        }

    .lang-item span {
        display: inline-block;
        cursor: pointer;
        padding: 2px;
    }

    .lang-item:last-child {
        margin-right: 0;
    }

.header-one .ch-header {
    background: var(--white-permanent);
    padding-right: 20px;
    padding-left: 20px;
}

.lang-text {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}

    .lang-text::before {
        content: "";
        position: absolute;
        right: 0;
        top: 4px;
        height: 16px;
        border-right: 1px solid var(--paragraph);
    }

.lang-item input:checked + span {
    color: #e0b557;
}

.lang-item span {
    color: #ffffff;
}

.h-menu-wrap .h-menu {
    display: flex;
    flex-wrap: wrap;
}

    .h-menu-wrap .h-menu li {
        margin-right: 19px;
        position: relative;
    }

        .h-menu-wrap .h-menu li.has-child a {
            position: relative;
        }

        .h-menu-wrap .h-menu li.has-child i {
            position: absolute;
            top: calc(50% + 25px);
            left: 50%;
            color: var(--menu-color);
            transform: translateX(-50%);
            opacity: 0;
            transition: .4s ease-in;
        }

        .h-menu-wrap .h-menu li.has-child ul {
            position: absolute;
            z-index: 555;
            width: 200px;
            background: var(--white);
            top: 100%;
            left: 0;
            padding: 5px 0;
            box-shadow: 0px 10px 40px rgba(0,0,0,0.05);
            transform: translateY(30px);
            transition: all .3s ease-in;
            opacity: 0;
            visibility: hidden;
        }

            .h-menu-wrap .h-menu li.has-child ul li {
                margin-right: 0;
            }

                .h-menu-wrap .h-menu li.has-child ul li a {
                    padding: 8px 15px;
                    display: block;
                    color: var(--menu-color);
                    border-bottom: 1px dashed var(--menu-color);
                }

                .h-menu-wrap .h-menu li.has-child ul li ul {
                    left: 100%;
                    top: 0;
                }

                .h-menu-wrap .h-menu li.has-child ul li:last-child a {
                    border-bottom: 0;
                }

                .h-menu-wrap .h-menu li.has-child ul li:hover > a {
                    color: var(--primary);
                    border-color: var(--menu-color);
                }

                .h-menu-wrap .h-menu li.has-child ul li:hover i {
                    color: var(--primary);
                }

                .h-menu-wrap .h-menu li.has-child ul li i {
                    right: 7px;
                    transform: rotate(90deg) translate(0);
                    top: 12px;
                    color: var(--menu-color);
                    line-height: 1;
                    left: unset;
                }

        .h-menu-wrap .h-menu li.has-megamenu {
            position: initial;
        }

            .h-menu-wrap .h-menu li.has-megamenu i {
                position: absolute;
                top: calc(50% + 25px);
                left: 50%;
                color: var(--menu-color);
                transform: translateX(-50%);
                opacity: 0;
                transition: .4s ease-in;
            }

            .h-menu-wrap .h-menu li.has-megamenu > i {
                display: none;
            }

        .h-menu-wrap .h-menu li:last-child {
            margin-right: 0;
        }

        .h-menu-wrap .h-menu li a {
            color: var(--menu-color);
            padding: 5px;
            display: block;
            position: relative;
        }

            .h-menu-wrap .h-menu li a:hover, .h-menu-wrap .h-menu li a.active {
                color: var(--primary);
            }

            .h-menu-wrap .h-menu li a.active {
                font-weight: 600;
            }

        .h-menu-wrap .h-menu li:hover > ul {
            transform: translateY(0);
            visibility: visible;
            opacity: 1;
        }

        .h-menu-wrap .h-menu li:hover .megamenu {
            opacity: 1;
            visibility: visible;
        }

        .h-menu-wrap .h-menu li.new, .h-menu-wrap .h-menu li.s-code {
            position: relative;
        }

            .h-menu-wrap .h-menu li.new:after, .h-menu-wrap .h-menu li.s-code:after {
                position: absolute;
                content: "New";
                top: 10px;
                right: 3px;
                padding: 2px 6px;
                font-size: 12px;
                color: var(--white);
                background: var(--primary-gradient);
                line-height: 1;
            }

            .h-menu-wrap .h-menu li.s-code:after {
                position: absolute;
                right: 0;
            }

    .h-menu-wrap .h-menu > li > a {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .h-menu-wrap .h-menu > li:hover > a {
        background: transparent;
        color: var(--primary);
    }

    .h-menu-wrap .h-menu > li:hover i {
        color: var(--primary);
        top: calc(50% + 15px);
        opacity: 1;
    }

    .h-menu-wrap .h-menu .megamenu {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background: var(--light-gray);
        padding: 50px;
        transition: .4s;
        opacity: 0;
        visibility: hidden;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

        .h-menu-wrap .h-menu .megamenu .mm-row {
            display: flex;
            flex-wrap: wrap;
            margin-left: -20px;
            margin-right: -20px;
        }

        .h-menu-wrap .h-menu .megamenu .mm-col {
            padding: 20px;
            width: 25%;
            position: relative;
        }

        .h-menu-wrap .h-menu .megamenu .mm-col-inner {
            max-width: 220px;
            margin-left: auto;
            margin-right: auto;
        }

        .h-menu-wrap .h-menu .megamenu .mm-widget-title {
            position: relative;
            margin-bottom: 20px;
            padding-bottom: 15px;
        }

            .h-menu-wrap .h-menu .megamenu .mm-widget-title::before {
                content: "";
                position: absolute;
                border-bottom: 2px solid var(--primary);
                width: 20px;
                bottom: 0;
            }

        .h-menu-wrap .h-menu .megamenu .mm-menu li {
            margin: 0 0 12px;
        }

            .h-menu-wrap .h-menu .megamenu .mm-menu li a {
                padding: 0 0 12px;
                border-bottom: 1px dashed var(--menu-color);
            }

            .h-menu-wrap .h-menu .megamenu .mm-menu li:last-child {
                margin-bottom: 0;
            }

                .h-menu-wrap .h-menu .megamenu .mm-menu li:last-child a {
                    border-bottom: 0;
                    padding-bottom: 0;
                }

.rounded-10 .megamenu {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.header-light .h-menu-wrap .h-menu li a {
    color: var(--white-permanent);
}

.header-light .h-menu-wrap .h-menu > li:hover > a {
    color: var(--primary);
}

.header-light .h-menu-wrap .h-menu .mm-menu li a {
    color: var(--menu-color);
}

    .header-light .h-menu-wrap .h-menu .mm-menu li a:hover {
        color: var(--primary);
    }

.header-light .menu-trigger span {
    background-color: var(--white-permanent);
}

.ch-header-sec {
    position: relative;
    top: 0;
    z-index: 555;
    background: #000a4f;
    padding: 0px 0 10px;
}

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

.ch-header-special {
    align-items: unset;
}

    .ch-header-special .h-logo {
        display: flex;
        align-items: center;
        padding: 10px 30px 10px 17px;
        clip-path: polygon(0 0, 100% 0%, calc(100% - 30px) 100%, 0% 100%);
        background: var(--light-gray);
        max-width: 230px;
    }

.header-menu {
    display: flex;
    flex-wrap: wrap;
}

    .header-menu > li > a::before {
        content: "\eab2";
        opacity: 0;
        position: absolute;
        font-family: IcoFont;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
        line-height: 1;
        transition: all .3s ease-in;
    }

    .header-menu > li.active > a::before {
        opacity: 1;
        bottom: -5px;
    }

    .header-menu li {
        margin-right: 10px;
    }

        .header-menu li:last-child {
            margin-right: 0;
        }

        .header-menu li a {
            padding: 10px;
            display: block;
            color: var(--menu-color);
            position: relative;
        }

            .header-menu li a:hover {
                color: var(--primary);
            }

        .header-menu li.active a {
            color: var(--primary);
        }

.header-right {
    display: flex;
    align-items: center;
}

.header-menu-wrap {
    margin-right: 40px;
}

.h-search {
    margin-right: 25px;
    font-size: 20px;
    color: var(--menu-color);
}

    .h-search i {
        cursor: pointer;
    }

@media all and (max-width: 1199px) {
    body {
        transition: .3s;
        left: 0;
        position: relative;
    }

        body.active-mobile-menu {
            position: relative;
            left: 250px;
            overflow-x: hidden !important;
            transition: .3s;
        }
}

.mobile-menu-wrap {
    position: fixed;
    padding: 15px;
    background: var(--light-gray);
    height: 100vh;
    width: 280px;
    left: -280px;
    top: 0;
    z-index: 999;
    transition: .3s;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

    .mobile-menu-wrap.active-menu {
        left: 0;
        transition: .3s;
    }

.menu-close {
    text-align: right;
    font-size: 26px;
    line-height: 1;
}

.menu-trigger {
    cursor: pointer;
}

    .menu-trigger span {
        display: block;
        height: 2px;
        width: 25px;
        background-color: var(--menu-color);
        margin: 5px 0;
        transition: 0.25s ease-in;
    }

    .menu-trigger.active {
        transition: 0.25s ease-in;
        cursor: pointer;
    }

        .menu-trigger.active span:first-child {
            transform: rotate(-45deg) translate(-4px, 6px);
            transition: 0.3s ease-in;
        }

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

        .menu-trigger.active span:last-child {
            transform: rotate(45deg) translate(-4px, -6px);
            transition: 0.3s ease-in;
        }

.mobile-menu.menu-activated {
    right: 0;
}

.mobile-menu .h-menu > li {
    margin-right: 0;
}

.mobile-menu .h-menu li {
    margin-bottom: 0;
    position: relative;
}

    .mobile-menu .h-menu li i {
        position: absolute;
        right: -10px;
        top: 3px;
        padding: 10px;
        cursor: pointer;
    }

    .mobile-menu .h-menu li > i {
        transform: rotate(180deg);
    }

    .mobile-menu .h-menu li a {
        padding: 10px 10px 10px 0;
        display: inline-block;
        color: var(--menu-color);
    }

        .mobile-menu .h-menu li a:hover {
            color: var(--primary);
        }

    .mobile-menu .h-menu li ul {
        display: none;
        padding-left: 10px;
    }

        .mobile-menu .h-menu li ul.mm-menu {
            display: block;
        }

    .mobile-menu .h-menu li.active > i {
        transform: rotate(0);
    }

    .mobile-menu .h-menu li.has-megamenu i {
        display: none;
    }

    .mobile-menu .h-menu li.has-megamenu > i {
        display: block;
    }

    .mobile-menu .h-menu li.new, .mobile-menu .h-menu li.s-code {
        position: relative;
    }

        .mobile-menu .h-menu li.new:after, .mobile-menu .h-menu li.s-code:after {
            position: absolute;
            content: "New";
            top: 10px;
            right: 3px;
            padding: 2px 6px;
            font-size: 12px;
            color: var(--white);
            background: var(--primary-gradient);
            line-height: 1;
        }

        .mobile-menu .h-menu li.s-code:after {
            position: absolute;
            right: 0;
        }

.mobile-menu .megamenu {
    display: none;
}

.mobile-menu .mm-menu {
    margin-bottom: 10px;
}

    .mobile-menu .mm-menu li a {
        padding: 6px 0;
    }

.mobile-menu .mm-widget-title {
    font-size: 18px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.livesearch-sec {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 15px;
    width: 100%;
}

.livesearch-wrap {
    position: relative;
}

    .livesearch-wrap input {
        background: var(--light-gray);
        width: 100%;
        border: 0;
        padding: 12px 20px 12px 55px;
        height: 60px;
    }

        .livesearch-wrap input::placeholder {
            color: var(--heading);
            opacity: 1;
        }

    .livesearch-wrap button[type="submit"] {
        background: transparent;
        border: 0;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        padding: 10px 10px 10px 18px;
        color: var(--heading);
    }

        .livesearch-wrap button[type="submit"] svg {
            color: var(--heading);
            stroke: var(--heading);
        }

.modal-content {
    background: var(--body-bg);
}

.searchmodal-close {
    padding-top: 40px;
    padding-right: 30px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .searchmodal-close i {
        height: 50px;
        width: 50px;
        border: 1px solid var(--paragraph);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-size: 30px;
        color: var(--heading);
    }

.founded-articles {
    margin-top: 40px;
}

.founded-articles-title {
    margin-bottom: 25px;
}

    .founded-articles-title span {
        display: inline-block;
        padding: 5px 10px;
        background: var(--primary);
        color: var(--white-permanent);
        margin-right: 7px;
    }

.fa-item {
    position: relative;
    display: block;
    padding: 20px;
    transition: .3s;
}

    .fa-item h4 {
        margin-bottom: 10px;
    }

        .fa-item h4 span {
            font-size: 16px;
            color: var(--paragraph);
            font-weight: 500;
            margin-left: 45px;
            position: relative;
            transition: .3s;
        }

            .fa-item h4 span::before {
                position: absolute;
                content: "";
                left: -40px;
                top: 8px;
                width: 30px;
                height: 2px;
                border-radius: unset;
                transform: translateY(50%);
                background-color: var(--primary);
            }

        .fa-item h4 a {
            color: var(--heading);
        }

    .fa-item p {
        color: var(--paragraph);
    }

    .fa-item:hover {
        background: var(--light-gray);
    }

        .fa-item:hover h4 span {
            color: var(--heading);
        }

.ch-preloader-sec {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
}

#ch-preloader {
    width: 70px;
    position: relative;
    cursor: pointer;
    height: 60px;
}

    #ch-preloader p {
        color: #fff;
        position: absolute;
        left: -3px;
        top: 100%;
        font-family: Arial;
        text-align: center;
        font-size: 10px;
    }

    #ch-preloader .mask {
        position: absolute;
        border-radius: 2px;
        overflow: hidden;
        perspective: 1000;
        backface-visibility: hidden;
    }

    #ch-preloader .plane {
        background: #ffffff;
        width: 400%;
        height: 100%;
        position: absolute;
        transform: translate3d(0px, 0, 0);
        z-index: 100;
        perspective: 1000;
        backface-visibility: hidden;
    }

    #ch-preloader .animation {
        transition: all 0.3s ease;
    }

#chp-top {
    width: 53px;
    height: 20px;
    left: 20px;
    transform: skew(-15deg, 0);
    z-index: 100;
}

    #chp-top .plane {
        z-index: 2000;
        animation: trans1 1.3s ease-in infinite 0s backwards;
    }

#chp-middle {
    width: 33px;
    height: 20px;
    left: 20px;
    top: 15px;
    transform: skew(-15deg, 40deg);
}

    #chp-middle .plane {
        transform: translate3d(0px, 0, 0);
        background: #bbbbbb;
        animation: trans2 1.3s linear infinite 0.3s backwards;
    }

#chp-bottom {
    width: 53px;
    height: 20px;
    top: 30px;
    transform: skew(-15deg, 0);
}

    #chp-bottom .plane {
        z-index: 2000;
        animation: trans3 1.3s ease-out infinite 0.7s backwards;
    }

@keyframes trans1 {
    from {
        transform: translate3d(53px, 0, 0);
    }

    to {
        transform: translate3d(-250px, 0, 0);
    }
}

@keyframes trans2 {
    from {
        transform: translate3d(-160px, 0, 0);
    }

    to {
        transform: translate3d(53px, 0, 0);
    }
}

@keyframes trans3 {
    from {
        transform: translate3d(53px, 0, 0);
    }

    to {
        transform: translate3d(-220px, 0, 0);
    }
}

@keyframes animColor {
    from {
        background: red;
    }

    25% {
        background: yellow;
    }

    50% {
        background: green;
    }

    75% {
        background: brown;
    }

    to {
        background: blue;
    }
}

.copyright-sec, .footer-sec {
    position: relative;
}

    .copyright-sec.bg-primary, .footer-sec.bg-primary {
        background: var(--primary-gradient2) !important;
    }

    .copyright-sec.bg-secondary, .footer-sec.bg-secondary {
        background: var(--secondary-gradient) !important;
    }

    .copyright-sec.bg-success, .footer-sec.bg-success {
        background: var(--success) !important;
    }

    .copyright-sec.bg-gray, .footer-sec.bg-gray {
        background: var(--light-gray) !important;
    }

    .copyright-sec.bg-light, .copyright-sec.bg-white, .footer-sec.bg-light, .footer-sec.bg-white {
        background: #000737 !important;
    }

        .copyright-sec.bg-light p, .copyright-sec.bg-white p, .footer-sec.bg-light p, .footer-sec.bg-white p {
            color: var(--paragraph);
        }

        .copyright-sec.bg-light .footer-widget-title, .copyright-sec.bg-white .footer-widget-title, .footer-sec.bg-light .footer-widget-title, .footer-sec.bg-white .footer-widget-title {
            color: var(--heading);
        }

        .copyright-sec.bg-light .footer-widget-menu li a, .copyright-sec.bg-white .footer-widget-menu li a, .footer-sec.bg-light .footer-widget-menu li a, .footer-sec.bg-white .footer-widget-menu li a {
            color: var(--heading);
        }

            .copyright-sec.bg-light .footer-widget-menu li a:hover, .copyright-sec.bg-white .footer-widget-menu li a:hover, .footer-sec.bg-light .footer-widget-menu li a:hover, .footer-sec.bg-white .footer-widget-menu li a:hover {
                color: var(--primary);
            }

        .copyright-sec.bg-light .footer-widget .social-icons a, .copyright-sec.bg-white .footer-widget .social-icons a, .footer-sec.bg-light .footer-widget .social-icons a, .footer-sec.bg-white .footer-widget .social-icons a {
            border-color: #ffffff;
            color: #ffffff;
        }

            .copyright-sec.bg-light .footer-widget .social-icons a:hover, .copyright-sec.bg-white .footer-widget .social-icons a:hover, .footer-sec.bg-light .footer-widget .social-icons a:hover, .footer-sec.bg-white .footer-widget .social-icons a:hover {
                border-color: var(--primary);
                color: var(--white-permanent);
            }

                .copyright-sec.bg-light .footer-widget .social-icons a:hover::before, .copyright-sec.bg-white .footer-widget .social-icons a:hover::before, .footer-sec.bg-light .footer-widget .social-icons a:hover::before, .footer-sec.bg-white .footer-widget .social-icons a:hover::before {
                    background-color: var(--primary);
                }

        .copyright-sec.bg-light .copyright-inner .cr-single-menu, .copyright-sec.bg-white .copyright-inner .cr-single-menu, .footer-sec.bg-light .copyright-inner .cr-single-menu, .footer-sec.bg-white .copyright-inner .cr-single-menu {
            color: var(--paragraph);
        }

            .copyright-sec.bg-light .copyright-inner .cr-single-menu:hover, .copyright-sec.bg-white .copyright-inner .cr-single-menu:hover, .footer-sec.bg-light .copyright-inner .cr-single-menu:hover, .footer-sec.bg-white .copyright-inner .cr-single-menu:hover {
                color: var(--primary);
            }

    .copyright-sec.bg-white, .footer-sec.bg-white {
        background-color: var(--white) !important;
    }

    .copyright-sec.footer-curve-bg-light, .footer-sec.footer-curve-bg-light {
        background: url("../img/footer-curve-bg.png") no-repeat scroll left top/cover !important;
        padding-top: 200px;
    }

    .copyright-sec.footer-curve-bg-primary, .footer-sec.footer-curve-bg-primary {
        background: url("../img/footer-curve-bg-primary.png") no-repeat scroll left top/cover !important;
        padding-top: 200px;
    }

.copyright-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

    .copyright-inner > * {
        padding: 4px 0;
    }

    .copyright-inner p {
        margin: 0;
        color: var(--white-permanent);
    }

    .copyright-inner .cr-single-menu {
        display: inline-block;
        font-size: 18px;
        color: var(--white-permanent);
    }

.footer-logo, .h-logo {
    color: var(--heading);
    font-size: 26px;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    max-width: 210px;
}

    .footer-logo svg, .h-logo svg {
        color: var(--heading);
    }

.footer-widget {
    position: relative;
}

    .footer-widget .social-icons a {
        border-color: var(--white-permanent);
        color: var(--white-permanent);
    }

        .footer-widget .social-icons a:hover {
            color: var(--white-permanent);
            border-color: var(--primary);
        }

            .footer-widget .social-icons a:hover::before {
                background: var(--primary);
            }

    .footer-widget p {
        color: var(--white-permanent);
        font-size: 17px;
        color: white !important;
    }

    .footer-widget .footer-widget-title {
        color: var(--white-permanent) !important;
        font-weight: 600;
    }

.eapps-instagram-feed {
    margin-bottom: -50px !important;
}

.eapps-link {
    clip-path: inset(0 0 100% 0);
}

.newsletter-widget {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

    .newsletter-widget input[type="email"] {
        height: 50px;
        border: 1px solid var(--primary);
        padding: 5px 110px 5px 20px;
        width: 100%;
        border-radius: 4px;
        background: var(--white);
    }

    .newsletter-widget input[type="submit"], .newsletter-widget button[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 20px;
        background-color: var(--primary);
        color: var(--white-permanent);
        border: 0;
        font-size: 18px;
        min-width: 100px;
    }

.footer-widget-menu li {
    margin-bottom: 15px;
}

    .footer-widget-menu li:last-child {
        margin-bottom: 0;
    }

    .footer-widget-menu li a {
        color: var(--white-permanent) !important;
        font-size: 16px;
        display: inline-block;
        font-weight: 400;
    }

        .footer-widget-menu li a:hover {
            opacity: .7;
        }

.footer-widget-menu.column-2 {
    column-count: 2;
}

.footer-widget-menu.column-3 {
    column-count: 3;
}

.footer-widget-menu.column-4 {
    column-count: 4;
}

.footer-widget-menu.menu-inline li {
    margin-right: 20px;
    display: inline-block;
}

    .footer-widget-menu.menu-inline li:last-child {
        margin-right: 0;
    }

.footer-bitcoin-img-one {
    position: absolute;
    bottom: -20px;
    left: 2%;
    max-width: 170px;
}

.footer-bitcoin-img-two {
    position: absolute;
    bottom: 0px;
    right: 0;
    max-width: 300px;
}

.ch-banner-sec {
    background: url("../img/bg-1.svg") no-repeat scroll bottom/cover;
    padding-bottom: 200px;
}

.hero-banner-sec {
    position: relative;
}

    .hero-banner-sec::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 70%;
        max-width: 700px;
        right: 0;
        bottom: 0;
        background: url("../img/circuit-diagram.svg") no-repeat scroll right bottom/contain;
    }

.hero-banner-text {
    position: relative;
}

    .hero-banner-text h2 {
        font-size: 45px;
        color: var(--white-permanent);
        margin-bottom: 0;
    }

    .hero-banner-text h1 {
        font-size: 60px;
        font-weight: 800;
        color: var(--white-permanent);
    }

        .hero-banner-text h1 span {
            font-size: 45px;
            font-weight: 500;
        }

    .hero-banner-text p {
        font-size: 20px;
        font-weight: 500;
        color: var(--white-permanent);
    }

    .hero-banner-text .btn {
        font-size: 18px;
        padding: 10px 30px;
    }

.token-info-table.table-borderless tr {
    border-bottom: 10px solid var(--white);
}

.token-info-table.table-borderless td {
    background: var(--light-gray);
}

    .token-info-table.table-borderless td:first-child {
        padding-left: 15px;
    }

.token-info-table td {
    border-color: var(--border);
    font-size: 18px;
    color: var(--paragraph);
    padding: 12px 15px;
}

    .token-info-table td:first-child {
        font-weight: 600;
        color: var(--heading);
    }

.countdown-sec {
    position: relative;
    padding-top: 400px;
    padding-bottom: 100px;
    background: url("../img/curve-bg.png") no-repeat scroll center/cover;
}

.countdown-item .ci-inner {
    height: 175px;
    width: 175px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 1px dashed var(--white-permanent);
    padding: 20px;
}

.countdown-item .ci-value {
    border: 1px solid var(--white-permanent);
    background: rgba(var(--white-alpha), 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    font-weight: 700;
    color: var(--white-permanent);
    font-size: 60px;
    line-height: 1;
    text-align: center;
}

.countdown-item h2, .countdown-item h3, .countdown-item h4, .countdown-item h5 {
    text-align: center;
    color: var(--white-permanent);
    margin-top: 14px;
    margin-bottom: 0;
}

.countdown-lagency .countdown-item .ci-inner {
    height: auto;
    width: auto;
    border: 1px solid var(--success);
    border-radius: 10px;
    padding: 0;
}

.countdown-lagency .countdown-item .ci-value {
    border: 0;
    background: transparent;
    border-bottom: 1px solid var(--success);
    border-radius: 0;
    padding: 20px 5px;
    background: var(--success-gradient);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.countdown-lagency .countdown-item h1, .countdown-lagency .countdown-item h2, .countdown-lagency .countdown-item h3, .countdown-lagency .countdown-item h4, .countdown-lagency .countdown-item h5, .countdown-lagency .countdown-item h6 {
    margin: 0;
    padding: 5px;
}

.call-to-action {
    background: var(--white-permanent);
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.07);
}

    .call-to-action p {
        margin-bottom: 0;
    }

    .call-to-action .cta-left {
        flex: 1;
        margin-right: 15px;
    }

.roadmap-wrap {
    position: relative;
}

    .roadmap-wrap .roadmap-img {
        position: absolute;
        width: 35%;
        max-width: 400px;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

.roadmap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .roadmap li {
        width: 50%;
        display: flex;
        margin-bottom: 50px;
    }

        .roadmap li:nth-child(3), .roadmap li:nth-child(5) {
            justify-content: flex-end;
        }

        .roadmap li:nth-child(1), .roadmap li:nth-child(6) {
            width: 100%;
            justify-content: center;
        }

        .roadmap li:first-child, .roadmap li:last-child {
            margin-bottom: 0;
        }

        .roadmap li:last-child {
            margin-top: -50px;
        }

.roadmap-item {
    background: var(--white);
    box-shadow: 0px 10px 30px rgba(0,0,0,0.05);
    padding: 25px;
    border-radius: 20px;
    max-width: 320px;
    margin-bottom: 30px;
    position: relative;
}

    .roadmap-item .date {
        color: var(--paragraph);
        font-size: 17px;
        display: block;
        margin-bottom: 8px;
    }

    .roadmap-item h2, .roadmap-item h3, .roadmap-item h4, .roadmap-item h5 {
        margin-bottom: 10px;
    }

    .roadmap-item p:last-child {
        margin-bottom: 0;
    }

.counter-sec {
    background: url("../img/curve-bg2.png") no-repeat scroll center/cover;
    position: relative;
    padding-top: 100px;
    padding-bottom: 200px;
}

.time-left {
    position: relative;
}

    .time-left::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 50%;
        max-width: 320px;
        background: url("../img/net.svg") no-repeat scroll left top/contain;
        left: 0;
        top: 0;
    }

    .time-left::after {
        content: "";
        position: absolute;
        height: 100%;
        width: 90%;
        max-width: 350px;
        background: url("../img/circuit-diagram.svg") no-repeat scroll right bottom/contain;
        right: 0;
        bottom: 0;
    }

.counter-wrap:not(.counter-secondary-wrap) {
    box-shadow: 0px 10px 30px rgba(0,0,0,0.07);
    border-radius: 95px;
    padding: 30px 10px;
    background: var(--white);
}

.counter-wrap div[class^="col"] {
    position: relative;
}

    .counter-wrap div[class^="col"]::before {
        content: "";
        position: absolute;
        height: 60px;
        border-right: 1px solid var(--border);
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }

    .counter-wrap div[class^="col"]:last-child::before {
        content: none;
    }

.counter-item h1, .counter-item h2, .counter-item h3, .counter-item h4 {
    color: transparent;
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
}

.counter-item p {
    font-weight: 500;
    font-size: 22px;
    color: var(--heading);
    margin-bottom: 0;
}

.counter-secondary-wrap .counter-item {
    background: var(--white-permanent);
    border-radius: 10px;
    padding: 20px;
}

    .counter-secondary-wrap .counter-item h1, .counter-secondary-wrap .counter-item h2, .counter-secondary-wrap .counter-item h3, .counter-secondary-wrap .counter-item h4, .counter-secondary-wrap .counter-item h5 {
        background: var(--secondary-gradient);
        -moz-background-clip: text;
        -webkit-background-clip: text;
        background-clip: text;
    }

    .counter-secondary-wrap .counter-item p {
        color: var(--secondary);
    }

.home2-team-sec {
    position: relative;
}

    .home2-team-sec::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 0;
        background: url("../img/circuit.svg") no-repeat scroll bottom/contain;
        bottom: 0;
    }

.team-member {
    position: relative;
}

    .team-member:hover .social-icons a {
        opacity: 1;
        transform: translateY(0);
    }

    .team-member:hover .team-img {
        border-color: transparent;
    }

        .team-member:hover .team-img::before {
            transform: scale(1);
            opacity: 1;
        }

    .team-member .team-img {
        padding: 25px;
        border-radius: 50%;
        height: 250px;
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid var(--paragraph);
        transition: border .6s ease-out;
        margin-bottom: 25px;
        position: relative;
    }

        .team-member .team-img::before {
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            border-radius: 50%;
            border: 2px solid var(--primary);
            left: 0;
            top: 0;
            transform: scale(0.8);
            transition: .4s ease-in;
            opacity: 0;
        }

    .team-member .team-img-inner {
        border-radius: 50%;
        overflow: hidden;
        height: 196px;
        width: 196px;
    }

        .team-member .team-img-inner img {
            width: 100%;
            height: 100%;
        }

    .team-member h2, .team-member h3, .team-member h4 {
        margin-bottom: 5px;
    }

        .team-member h2 a, .team-member h3 a, .team-member h4 a {
            color: var(--heading);
        }

            .team-member h2 a:hover, .team-member h3 a:hover, .team-member h4 a:hover {
                color: transparent;
                background: var(--primary-gradient2);
                -moz-background-clip: text;
                -webkit-background-clip: text;
                background-clip: text;
            }

    .team-member .social-icons {
        position: absolute;
        bottom: 30%;
        display: block;
        text-align: center;
        width: 100%;
        left: 0;
    }

        .team-member .social-icons a {
            border-color: var(--paragraph);
            color: var(--white);
            transform: translateY(20px);
            opacity: 0;
            transition: .3s;
            position: relative;
        }

            .team-member .social-icons a:nth-child(2) {
                transition-delay: .1s;
            }

            .team-member .social-icons a:nth-child(3) {
                transition-delay: .2s;
            }

            .team-member .social-icons a::before {
                background: var(--paragraph);
                height: 100%;
            }

            .team-member .social-icons a:hover {
                border-color: transparent;
            }

                .team-member .social-icons a:hover::before {
                    background: var(--primary-gradient2);
                }

.member-card {
    position: relative;
    padding-top: 110%;
    overflow: hidden;
}

    .member-card::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(180deg, transparent 0%, rgba(var(--secondary-alpha), 0.7) 100%);
        z-index: 3;
    }

    .member-card:hover .social-icons {
        opacity: 1;
    }

        .member-card:hover .social-icons a {
            transform: translateX(0);
            opacity: 1;
        }

            .member-card:hover .social-icons a:nth-child(2) {
                transition-delay: .2s;
            }

            .member-card:hover .social-icons a:nth-child(3) {
                transition-delay: .3s;
            }

            .member-card:hover .social-icons a:nth-child(4) {
                transition-delay: .6s;
            }

    .member-card:hover .mc-img {
        transform: scale(1.1);
    }

    .member-card .mc-img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        z-index: 2;
        transition: .5s ease-in;
    }

    .member-card .mc-text {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 4;
        padding: 24px;
    }

    .member-card h3, .member-card h4, .member-card h5 {
        color: var(--white-permanent);
        margin-bottom: 5px;
    }

        .member-card h3 a, .member-card h4 a, .member-card h5 a {
            color: var(--white-permanent);
        }

            .member-card h3 a:hover, .member-card h4 a:hover, .member-card h5 a:hover {
                color: transparent;
                background: var(--primary-gradient2);
                background-clip: text;
                -moz-background-clip: text;
                -webkit-background-clip: text;
            }

    .member-card p {
        margin-bottom: 0;
        color: var(--white-permanent);
    }

    .member-card .social-icons {
        position: absolute;
        top: 0;
        z-index: 5;
        width: 60px;
        background: linear-gradient(var(--primary) 0%, transparent 100%);
        padding: 30px 12px;
        right: 0;
        transition: .4s;
        opacity: 0;
    }

        .member-card .social-icons a {
            font-size: 20px;
            margin-right: 0;
            margin-bottom: 5px;
            color: var(--white-permanent);
            border-color: transparent;
            transform: translateX(15px);
            position: relative;
            opacity: 0;
            transition: .2s;
        }

            .member-card .social-icons a:hover {
                color: var(--primary);
            }

                .member-card .social-icons a:hover::before {
                    background: var(--white-permanent);
                }

.video-cilp-wrapper {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    margin-bottom: -70px;
}

.video-clip {
    position: relative;
    padding-top: 55%;
    border-radius: 20px;
    overflow: hidden;
}

    .video-clip .video-poster {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: -1;
    }

    .video-clip .play-icon {
        position: absolute;
        z-index: 6;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        cursor: pointer;
        max-width: 55px;
    }

.home1-block-wrap {
    padding-top: 120px;
    padding-bottom: 20px;
}

.article-lists {
    padding-left: 100px;
    position: relative;
}

    .article-lists .article-item {
        counter-increment: articlenumber;
    }

        .article-lists .article-item::before {
            content: counters(articlenumber, ".", decimal-leading-zero);
            position: absolute;
            right: calc(100% + 20px);
            color: var(--black);
            font-size: 70px;
            font-weight: 800;
            opacity: .05;
            line-height: 1;
            top: 50%;
            transform: translateY(-50%);
        }

.article-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: all .4s ease-in;
}

    .article-item .readmore {
        font-size: 18px;
        color: var(--paragraph);
    }

    .article-item .ai-img {
        width: 30%;
        max-width: 270px;
        margin-right: 25px;
        position: relative;
        display: block;
    }

        .article-item .ai-img .ai-img-inner {
            position: relative;
            display: block;
            padding-top: 90%;
            border-radius: 10px;
            overflow: hidden;
        }

        .article-item .ai-img img {
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            object-fit: cover;
            transition: .4s ease-in;
        }

    .article-item .ai-meta span {
        position: relative;
        display: inline-block;
        font-size: 16px;
        color: var(--paragraph);
        padding-right: 40px;
        margin-bottom: 8px;
        transition: all .3s;
    }

        .article-item .ai-meta span::before {
            position: absolute;
            content: "";
            height: 8px;
            width: 8px;
            border-radius: 50%;
            background: var(--paragraph);
            display: inline-block;
            right: 12px;
            top: 7px;
            transition: all .3s;
        }

        .article-item .ai-meta span:last-child {
            padding-right: 0;
        }

            .article-item .ai-meta span:last-child::before {
                content: none;
            }

    .article-item .ai-text {
        flex: 1;
        align-self: center;
    }

    .article-item .ai-title a {
        color: var(--paragraph);
    }

        .article-item .ai-title a:hover {
            color: var(--heading);
        }

    .article-item p {
        margin-bottom: 14px;
    }

    .article-item:hover {
        box-shadow: 0px 10px 40px rgba(0,0,0,0.05);
    }

        .article-item:hover:not(.bg-gray) .ai-meta span {
            color: Var(--primary);
        }

            .article-item:hover:not(.bg-gray) .ai-meta span::before {
                background: var(--primary);
            }

        .article-item:hover .readmore {
            color: transparent;
            background: var(--primary-gradient2);
            -moz-background-clip: text;
            -webkit-background-clip: text;
            background-clip: text;
        }

        .article-item:hover .ai-img img {
            transform: scale(1.06) rotate(3deg);
        }

    .article-item.bg-gray {
        padding: 0;
    }

        .article-item.bg-gray .readmore {
            font-size: 16px;
            color: var(--primary);
        }

        .article-item.bg-gray .ai-img {
            margin-right: 0;
        }

            .article-item.bg-gray .ai-img .ai-img-inner {
                height: 100%;
            }

        .article-item.bg-gray .ai-text {
            padding: 20px;
        }

        .article-item.bg-gray .ai-meta span::before {
            content: none;
        }

        .article-item.bg-gray:hover {
            background: var(--white) !important;
        }

.timeline-sec {
    position: relative;
}

    .timeline-sec::before {
        content: "";
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background: url("../img/water-shape.png") no-repeat scroll left top/contain;
    }

.timeline-img {
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    width: 45%;
    z-index: 0;
}

.timeline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 100%;
    position: relative;
    z-index: 5;
}

    .timeline::before {
        content: "";
        position: absolute;
        left: 50%;
        height: 100%;
        border-right: 2px solid var(--success);
    }

    .timeline.timeline-light::before {
        border-color: var(--primary);
    }

.timeline-light .timeline-item h3, .timeline-light .timeline-item h4, .timeline-light .timeline-item h5 {
    margin-bottom: 0;
    color: var(--heading);
}

    .timeline-light .timeline-item h3 a, .timeline-light .timeline-item h4 a, .timeline-light .timeline-item h5 a {
        color: var(--heading);
    }

        .timeline-light .timeline-item h3 a:hover, .timeline-light .timeline-item h4 a:hover, .timeline-light .timeline-item h5 a:hover {
            color: var(--primary);
        }

.timeline-light .timeline-item .tli-head::before {
    border-color: var(--primary);
}

.timeline-light .timeline-item .tli-head::after {
    border-color: var(--primary);
    background: var(--white-permanent);
}

.timeline-light .timeline-item:nth-child(2n+1) .tli-head::after {
    border-color: var(--primary);
    background: var(--white-permanent);
}

.timeline-light .timeline-item .date {
    color: var(--paragraph);
}

    .timeline-light .timeline-item .date::before {
        color: rgba(var(--black-alpha), 0.04);
    }

.timeline-light .timeline-item p {
    color: var(--paragraph);
}

.timeline-item {
    width: calc(50% - 50px);
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    counter-increment: timelinecounter;
}

    .timeline-item:nth-child(2n+1) {
        text-align: right;
    }

        .timeline-item:nth-child(2n+1) .tli-head::before {
            left: auto;
            right: -50px;
        }

        .timeline-item:nth-child(2n+1) .tli-head::after {
            content: "";
            position: absolute;
            height: 32px;
            width: 32px;
            background: var(--secondary);
            border-radius: 50%;
            border: 3px solid var(--success);
            right: -66px;
            bottom: -16px;
            z-index: 5;
        }

    .timeline-item .tli-head {
        padding-bottom: 20px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        flex-grow: 1;
        position: relative;
    }

        .timeline-item .tli-head::before {
            content: "";
            position: absolute;
            width: 100%;
            border-bottom: 2px solid var(--success);
            left: -50px;
            bottom: 0;
        }

    .timeline-item .date {
        color: var(--light-gray);
        display: block;
        position: relative;
        margin-bottom: 7px;
    }

        .timeline-item .date::before {
            content: counters(timelinecounter, "", decimal-leading-zero);
            color: rgba(var(--white-alpha), 0.05);
            font-size: 80px;
            display: block;
            font-weight: 800;
            line-height: 1;
            margin-bottom: 10px;
        }

    .timeline-item h3, .timeline-item h4, .timeline-item h5 {
        margin-bottom: 0;
        color: var(--success);
    }

        .timeline-item h3 a, .timeline-item h4 a, .timeline-item h5 a {
            color: var(--success);
        }

            .timeline-item h3 a:hover, .timeline-item h4 a:hover, .timeline-item h5 a:hover {
                color: var(--white-permanent);
            }

    .timeline-item p {
        color: var(--white-permanent);
        text-align: justify;
    }

        .timeline-item p:last-child {
            margin-bottom: 0;
        }

.icon-block {
    transition: .3s;
    background: var(--light-gray);
    padding: 30px;
    text-align: center;
    min-height: 360px;
    border-radius: 10px;
}

    .icon-block:hover {
        background: var(--white);
        box-shadow: 0px 10px 40px rgba(0,0,0,0.05);
    }

    .icon-block p:last-child {
        margin-bottom: 0;
    }

.social-icons a {
    display: inline-block;
    height: 34px;
    width: 34px;
    border: 1px solid var(--primary);
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    transition: .1s;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
}

    .social-icons a:last-child {
        margin-right: 0px;
    }

    .social-icons a i {
        position: relative;
        transition: .4s;
    }

    .social-icons a::before {
        position: absolute;
        content: "";
        height: 0%;
        width: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
        transition: .5s;
    }

    .social-icons a:hover {
        color: var(--white);
    }

        .social-icons a:hover i {
            transform: rotate(360deg);
        }

        .social-icons a:hover::before {
            background: var(--primary);
            color: var(--white);
            height: 100%;
            top: auto;
            bottom: 0;
        }

.slide-text h1 {
    font-weight: 800;
    font-size: 45px;
    line-height: 1;
}

.slide-text h1, .slide-text h2, .slide-text h3, .slide-text h4, .slide-text h5 {
    margin-bottom: 20px;
}

.slide-text p {
    font-size: 20px;
    line-height: 1.6;
    max-width: 500px;
}

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

.hero-slide-bg {
    position: absolute;
    max-height: 100%;
    right: 0;
    max-width: 60%;
    bottom: 0;
    z-index: -1;
}

.cloud-1 {
    max-width: 70px;
    top: -60px;
    position: absolute;
    left: 10%;
}

.cloud-2 {
    max-width: 150px;
    position: absolute;
    top: -40px;
    left: 48%;
}

.cloud-3 {
    max-width: 70px;
    top: 25%;
    position: absolute;
    right: -5%;
}

.hero-slider-sec {
    position: relative;
    background: #fff5e7;
}

    .hero-slider-sec .owl-item .slide-text > * {
        transform: translateY(50px);
        clip-path: inset(0 0 100% 0);
        transition: all .5s;
    }

        .hero-slider-sec .owl-item .slide-text > *:nth-child(1) {
            transition-delay: .3s;
        }

        .hero-slider-sec .owl-item .slide-text > *:nth-child(2) {
            transition-delay: .7s;
        }

        .hero-slider-sec .owl-item .slide-text > *:nth-child(3) {
            transition-delay: 1.1s;
        }

        .hero-slider-sec .owl-item .slide-text > *:nth-child(4) {
            transition-delay: 1.4s;
        }

    .hero-slider-sec .owl-item .hero-slide-img {
        transition: 1s;
        transform: scale(0.2);
        opacity: 0;
        text-align: right;
    }

    .hero-slider-sec .owl-item.active .slide-text > * {
        transform: translateY(0px);
        clip-path: inset(0 0 0 0);
    }

    .hero-slider-sec .owl-item.active .hero-slide-img {
        transform: scale(1);
        opacity: 1;
    }

    .hero-slider-sec .owl-nav {
        position: absolute;
        width: 100%;
        max-width: 230px;
        display: flex;
        justify-content: space-between;
        bottom: 0;
    }

        .hero-slider-sec .owl-nav button {
            outline: none !important;
            font-size: 23px !important;
            line-height: 1;
        }

            .hero-slider-sec .owl-nav button.disabled {
                opacity: .5;
                pointer-events: none;
            }

    .hero-slider-sec .owl-dots {
        outline: none;
        width: 170px;
        margin-left: 30px;
        position: relative;
        top: -15px;
    }

    .hero-slider-sec .owl-dot {
        counter-increment: heroslidecounter;
        outline: none !important;
        position: relative;
        display: inline-block;
    }

        .hero-slider-sec .owl-dot span {
            display: block;
            background: var(--border);
            height: 4px;
            position: relative;
        }

        .hero-slider-sec .owl-dot:first-child span {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .hero-slider-sec .owl-dot:last-child span {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        .hero-slider-sec .owl-dot::before {
            content: counters(heroslidecounter, "", decimal-leading-zero);
            transition: .3s;
            opacity: 0;
            font-weight: 600;
            font-size: 18px;
        }

        .hero-slider-sec .owl-dot.active::before {
            opacity: 1;
            color: var(--primary);
        }

        .hero-slider-sec .owl-dot.active span::before {
            content: "";
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            background: var(--primary);
            border-radius: 10px;
        }

@keyframes top-to-bottom {
    0% {
        transform: scaleY(0);
        transform-origin: left top;
    }

    50% {
        transform: scaleY(1);
        transform-origin: left top;
    }

    51% {
        transform-origin: left bottom;
    }

    100% {
        transform: scaleY(0);
        transform-origin: left bottom;
    }
}

.work-flow-video {
    background: var(--secondary-gradient);
    border-radius: 10px;
    padding: 80px 8%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

    .work-flow-video::after {
        content: "";
        height: 200px;
        max-width: 230px;
        width: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: url("../img/bitcoin6.png") no-repeat scroll center/contain;
        left: 63.5%;
        opacity: .4;
        z-index: 4;
    }

    .work-flow-video .play-icon {
        z-index: 5;
        position: relative;
        display: inline-block;
    }

    .work-flow-video .wfv-link {
        color: var(--white-permanent);
        font-size: 18px;
    }

        .work-flow-video .wfv-link i {
            color: var(--primary);
            font-size: 22px;
            line-height: 1;
        }

button.mfp-close {
    outline: none !important;
}

.paginations a {
    display: inline-block;
    height: 45px;
    width: 45px;
    border: 1px solid var(--border);
    color: var(--paragraph);
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    z-index: 5;
}

    .paginations a:hover, .paginations a.active {
        border-color: transparent;
        color: var(--white-permanent);
    }

        .paginations a:hover::before, .paginations a.active::before {
            clip-path: circle(141.2% at 0 100%);
        }

    .paginations a.active {
        pointer-events: none;
    }

    .paginations a::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: -1;
        transition: .5s;
        background: var(--primary-gradient2);
        clip-path: circle(0% at 0 100%);
    }

.breadcrumbs a {
    font-weight: 600;
    color: var(--border);
    margin-right: 35px;
    position: relative;
    display: inline-block;
    font-size: 18px;
}

    .breadcrumbs a:last-child {
        margin-right: 0;
    }

        .breadcrumbs a:last-child::before {
            content: none;
        }

    .breadcrumbs a::before {
        content: "/";
        position: absolute;
        right: -27px;
        top: -1px;
        font-size: 19px;
        font-weight: 300;
        color: var(--border);
    }

    .breadcrumbs a:hover {
        color: var(--heading);
    }

    .breadcrumbs a.current {
        pointer-events: none;
        color: var(--primary);
    }

.article-meta span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--paragraph);
    padding-right: 40px;
    margin-bottom: 8px;
    transition: all .3s;
}

    .article-meta span::before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        border-radius: 50%;
        background: var(--paragraph);
        display: inline-block;
        right: 12px;
        top: 7px;
        transition: all .3s;
    }

    .article-meta span:last-child {
        padding-right: 0;
    }

        .article-meta span:last-child::before {
            content: none;
        }

.blog-details {
    background: var(--light-gray);
    padding: 7% 7% 0 7%;
}

.comment-sec {
    padding: 0 7%;
}

.comment {
    padding: 40px calc(6% + 23px) 0px;
}

    .comment .btn {
        border-radius: 0;
        font-weight: 600;
    }

.blog-details-inner {
    padding: 40px;
    margin-bottom: 40px;
    padding-top: 0;
    position: relative;
    z-index: 5;
}

    .blog-details-inner::before {
        content: "";
        background: rgba(var(--success-alpha), 0.02);
        position: absolute;
        height: calc(100% - 150px);
        width: 100%;
        left: 0;
        bottom: 0;
        border-radius: 10px;
        z-index: 0;
    }

.blog-details-head {
    padding-left: calc(6% - 40px);
    padding-right: calc(6% - 40px);
}

.blog-details-thumbnail {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}

    .blog-details-thumbnail img {
        width: 100%;
    }

.page-content {
    position: relative;
    padding-left: calc(6% - 40px);
    padding-right: calc(6% - 40px);
}

    .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
        font-weight: 700;
        margin-bottom: 20px;
    }

    .page-content em {
        font-size: 20px;
        margin-bottom: 25px;
        color: #361e2b;
        font-style: italic;
        display: block;
    }

    .page-content a {
        color: var(--secondary);
    }

    .page-content iframe {
        margin-bottom: 25px;
    }

    .page-content p {
        line-height: 1.7;
        margin-bottom: 25px;
    }

    .page-content ul {
        margin-bottom: 30px;
    }

        .page-content ul li {
            position: relative;
            margin-bottom: 10px;
            color: var(--heading);
            padding-left: 25px;
        }

            .page-content ul li::before {
                position: absolute;
                left: 0;
                top: 8px;
                content: "";
                background: var(--primary);
                width: 9px;
                height: 9px;
                border-radius: 50%;
            }

    .page-content ol {
        padding-left: 18px;
        margin-bottom: 25px;
    }

        .page-content ol li {
            color: var(--heading);
            margin: 13px 0;
        }

    .page-content .gallery {
        margin-top: 50px;
        margin-bottom: 50px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }

        .page-content .gallery img {
            grid-row: span 1;
        }

            .page-content .gallery img:first-child {
                grid-row: span 2;
            }

    .page-content blockquote {
        text-align: center;
        color: var(--heading);
        font-size: 20px;
        font-family: var(--ff-heading);
        position: relative;
        margin-bottom: 30px;
        padding-top: 60px;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
    }

        .page-content blockquote::before {
            content: "❝";
            position: absolute;
            left: 50%;
            top: 15px;
            font-size: 70px;
            line-height: 1;
            transform: translateX(-50%);
            background: var(--success-gradient);
            color: transparent;
            -moz-background-clip: text;
            -webkit-background-clip: text;
            background-clip: text;
        }

img.align-left {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}

img.align-right {
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}

.drop-cap::first-letter {
    font-size: 45px;
    color: var(--red);
    line-height: 1;
}

.inline-checkbox {
    display: block;
    position: relative;
}

    .inline-checkbox input {
        display: none;
    }

        .inline-checkbox input:checked + span::before {
            content: "\eed6";
        }

    .inline-checkbox span {
        position: relative;
        padding-left: 30px;
        display: block;
        color: var(--paragraph);
    }

        .inline-checkbox span::before {
            content: "";
            position: absolute;
            left: 0;
            top: 2px;
            height: 20px;
            width: 20px;
            border: 1px solid var(--primary);
            font-family: IcoFont;
            font-size: 23px;
            line-height: 0.8;
            color: var(--primary);
            text-indent: -2px;
        }

.post-navigation {
    padding: 40px 6%;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

    .post-navigation .ai-title a {
        color: var(--heading);
    }

    .post-navigation .article-item {
        margin-bottom: 0;
    }

.navigation-text {
    display: inline-block;
    color: var(--paragraph);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}

    .navigation-text i {
        font-size: 24px;
        line-height: 1;
        position: relative;
        display: inline-block;
        top: 2px;
    }

.blog-details-share {
    padding-left: 6%;
}

.comments-sec {
    padding-left: 6%;
    padding-right: 6%;
}

.profile {
    display: flex;
    align-items: center;
}

    .profile .p-img {
        height: 44px;
        width: 44px;
        overflow: hidden;
        border-radius: 50%;
        margin-right: 15px;
    }

        .profile .p-img img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

    .profile h1, .profile h2, .profile h3, .profile h4, .profile h5 {
        margin-bottom: 0;
    }

    .profile .p-name {
        flex: 1;
    }

.comment-item {
    background: var(--light-gray);
    padding: 20px;
}

    .comment-item .profile {
        margin-bottom: 20px;
    }

    .comment-item p {
        line-height: 1.6;
        margin-bottom: 10px;
    }

        .comment-item p:last-child {
            margin-bottom: 0;
        }

.faq-item {
    border-bottom: 1px solid var(--border);
    padding-bottom: 25px;
    margin-bottom: 25px;
    padding-left: 120px;
    position: relative;
    counter-increment: faqlist;
}

    .faq-item::before {
        content: counters(faqlist, "", decimal-leading-zero);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 800;
        font-size: 90px;
        color: rgba(var(--black-alpha), 0.03);
    }

    .faq-item p {
        line-height: 1.7;
    }

        .faq-item p:last-child {
            margin-bottom: 0;
        }

    .faq-item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

.accordion-item {
    background: var(--light-gray);
    margin-bottom: 30px;
}

    .accordion-item .accordion-content {
        padding: 0 60px 18px 30px;
    }

        .accordion-item .accordion-content p:last-child {
            margin-bottom: 0;
        }

    .accordion-item .accordion-title {
        padding: 18px 60px 18px 30px;
        position: relative;
        margin-bottom: 0;
        cursor: pointer;
    }

        .accordion-item .accordion-title::before {
            content: "\efc2";
            font-family: IcoFont;
            position: absolute;
            right: 18px;
            cursor: pointer;
            font-size: 18px;
        }

    .accordion-item.active {
        box-shadow: 0px 10px 40px rgba(0,0,0,0.05);
        background: var(--white);
    }

        .accordion-item.active .accordion-title::before {
            content: "\ef9a";
        }

        .accordion-item.active .accordion-title span {
            display: inline-block;
            color: transparent;
            background: var(--primary-gradient2);
            -moz-background-clip: text;
            -webkit-background-clip: text;
            background-clip: text;
        }

#particles {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.signin-page-sec {
    position: relative;
    z-index: 5;
    background: var(--secondary-gradient2);
}

    .signin-page-sec::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        bottom: 0;
        left: 0;
        background: url("../img/water-shape2.png") no-repeat scroll left bottom/cover;
        z-index: -1;
    }

    .signin-page-sec .header-top p {
        color: var(--white-permanent);
    }

    .signin-page-sec .header-top .lang-text {
        color: var(--white-permanent);
    }

        .signin-page-sec .header-top .lang-text::before {
            border-color: var(--white-permanent);
        }

    .signin-page-sec .header-top .lang-item input:checked + span {
        color: var(--primary);
    }

    .signin-page-sec .header-top .lang-item span {
        color: var(--white-permanent);
    }

    .signin-page-sec ::-webkit-input-placeholder {
        color: var(--white-permanent);
    }

    .signin-page-sec ::-moz-input-placeholder {
        color: var(--white-permanent);
    }

.signin-block {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 5;
    background: var(--secondary-gradient2);
    padding: 15px 30px;
    border-radius: 10px;
}

    .signin-block input {
        background: rgba(var(--white-alpha), 0.2);
        border-radius: 7px;
        color: var(--white-permanent);
    }

        .signin-block input:focus {
            border-color: var(--white-permanent);
        }

    .signin-block p {
        color: var(--white-permanent);
        font-size: 18px;
    }

.input-icon-group-right {
    position: relative;
}

    .input-icon-group-right input {
        padding-right: 55px;
    }

    .input-icon-group-right .input-icon {
        position: absolute;
        height: 100%;
        right: 0;
        top: 0;
        font-size: 22px;
        padding: 2px 15px 2px 5px;
        display: flex;
        align-items: center;
        color: var(--white-permanent);
    }

.error-block h1 {
    font-weight: 800;
    font-size: 48px;
}

.error-block p {
    font-size: 20px;
}

.error-block .error-title {
    font-size: 200px;
    line-height: 1;
}

.inner-page-wrapper {
    padding: 50px 0px 100px;
}

.inner-single {
    position: relative;
}

    .inner-single:after {
        position: absolute;
        content: attr(data-title);
        position: absolute;
        top: 0;
        left: 0;
        color: transparent;
        background: var(--primary-gradient2);
        -moz-background-clip: text;
        -webkit-background-clip: text;
        background-clip: text;
        font-size: 20px;
        opacity: 0;
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        transition: .4s ease-in;
    }

    .inner-single:hover:after {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        opacity: 1;
        visibility: visible;
    }

    .inner-single:hover span {
        opacity: 0;
        transform: translateY(10px);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    }

    .inner-single .inr-img {
        overflow: hidden;
    }

    .inner-single a {
        display: block;
        transition: box-shadow 1s ease;
        box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.15);
        height: 300px;
        position: relative;
        width: 100%;
    }

        .inner-single a.h-2 {
            height: 210px;
        }

        .inner-single a:hover {
            filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
            box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
            -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
            -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
        }

        .inner-single a img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

    .inner-single span {
        display: block;
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 500;
        color: #1a2030;
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transition: .4s ease-in;
    }

.inner-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto;
    padding-top: 80px;
}

.btn-elnt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    flex-wrap: wrap;
}

    .btn-elnt a {
        display: block;
        margin: 5px 15px;
    }

.client-option {
    margin-top: 30px;
}

    .client-option a {
        display: inline-block;
        margin-right: 20px;
    }

@media all and (max-width: 1199px) {
    .inner-wrapper {
        grid-row-gap: 50px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media all and (max-width: 767px) {
    .inner-wrapper {
        grid-row-gap: 50px;
        grid-template-columns: 1fr 1fr;
        padding-top: 30px;
    }

    .inner-page-wrapper {
        padding: 50px 0px;
    }
}

@media all and (max-width: 450px) {
    .inner-single a {
        height: auto;
    }

    .inner-wrapper {
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
    }

    .sec-title h1 {
        font-size: 30px;
    }

    .sec-title p {
        font-size: 16px;
    }
}

#footer {
    position: relative;
    z-index: 9999;
}

.demo-banner-wrapper {
    padding: 50px 0px 350px 0px;
}

    .demo-banner-wrapper .demo-logo svg path:nth-child(1) {
        fill: var(--white);
    }

.demo-banner-content {
    padding-top: 235px;
}

    .demo-banner-content h3 {
        font-weight: 300;
        font-size: 36px;
        line-height: 54px;
        font-family: var(--ff-secondary);
        color: var(--white);
        margin-bottom: 0px;
    }

        .demo-banner-content h3 strong {
            font-weight: 600;
        }

    .demo-banner-content h2 {
        font-weight: bold;
        font-size: 90px;
        line-height: 1.3;
        font-family: var(--ff-secondary);
        color: var(--white);
        margin-bottom: 0px;
    }

        .demo-banner-content h2 span {
            color: #FF002E;
        }

    .demo-banner-content .shape {
        display: flex;
        align-items: center;
    }

        .demo-banner-content .shape h6 {
            background: linear-gradient(90deg, #FF5C00 0%, #FFB800 100.09%);
            font-weight: 600;
            font-size: 36px;
            line-height: 1.4;
            margin-bottom: 0px;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            padding-left: 5px;
        }

.demo-banner-area {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .demo-banner-area .demo-coin-chain svg {
        position: absolute;
        height: 100%;
        top: -50px;
        right: 0;
        z-index: -1;
    }

#Ripple {
    animation: moving 1s infinite alternate;
}

#Lite {
    animation: moving 1s infinite .2s alternate;
}

#Cardano {
    animation: moving 1s infinite .5s alternate;
}

#Dash {
    animation: moving 1s infinite .8s alternate;
}

#Neo {
    animation: moving 1s infinite 1s alternate;
}

#Bit {
    animation: movingXY 1s infinite alternate;
}

@keyframes moving {
    0% {
        transform: translate(-5px, -5px);
    }

    100% {
        transform: translate(5px, 5px);
    }
}

@keyframes movingXY {
    0% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(10px);
    }
}

.demo-webscreen-area {
    position: relative;
    z-index: 99;
    padding-bottom: 100px;
}

.demo-webscreen-list {
    background: #FFFFFF;
    box-shadow: 0px 10px 40px rgba(0,0,0,0.05);
    border-radius: 10px;
    padding: 40px 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -50px;
}

.sp-gradient {
    font-weight: 600;
    font-size: 27px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-family: var(--ff-secondary);
    color: #1A2030;
}

    .sp-gradient span {
        display: inline-block;
        padding-left: 5px;
        background: linear-gradient(90deg, #FF002E 0%, #FF7A00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.ipa-list p {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
}

.dhf-list {
    display: flex;
    align-items: center;
}

.list-content-wrap {
    margin-top: 10px;
    padding-left: 10px;
}

    .list-content-wrap h3 {
        font-weight: 600;
        font-size: 27px;
        line-height: 1.5;
        margin-bottom: 0px;
        font-family: var(--ff-secondary);
        color: #1A2030;
    }

    .list-content-wrap p {
        line-height: 1.5;
        margin-bottom: 0px;
    }

.ipa-list h3 {
    font-weight: 600;
    font-size: 27px;
    line-height: 1.5;
    margin-bottom: 0px;
    font-family: var(--ff-secondary);
    color: #1A2030;
}

.mlp-list p {
    margin-bottom: 0px;
}

.dh-list, .dhf-list, .mlp-list {
    margin-right: 0px 20px;
}

    .list-content-wrap p, .mlp-list p, .dh-list p {
        font-size: 18px;
        line-height: 1.5;
        color: #1A2030;
    }

    .dh-list p {
        margin-bottom: 0px;
    }

.demo-webscreen-list {
    margin-bottom: 100px;
}

.demo-webscreen-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.demo-webscreen-content {
    position: relative;
    padding-top: 50px;
}

    .demo-webscreen-content .arrow-right {
        position: absolute;
        left: -150px;
        top: 0;
        pointer-events: none;
        max-width: 230px;
    }

    .demo-webscreen-content h3 {
        white-space: nowrap;
        margin-bottom: 0px;
        font-size: 33px;
        font-family: var(--ff-secondary);
    }

    .demo-webscreen-content p {
        font-weight: 500;
        font-size: 20px;
        line-height: 1.5;
        color: #1A2030;
    }

.arrow-right {
    animation: moving-X 1s infinite alternate;
}

@keyframes moving-X {
    0% {
        transform: translateX(-10px);
    }

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

@keyframes moving-y5 {
    0% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(5px);
    }
}

.demo-webscreen-img {
    flex: 1;
}

.demo-landing-area {
    padding: 100px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dmo-heading {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

    .dmo-heading h2 {
        font-weight: 600;
        font-size: 36px;
        line-height: 1.4;
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--ff-secondary);
        margin-bottom: 5px;
    }

        .dmo-heading h2 span {
            display: block;
            padding: 0px 5px;
            color: #FF002E;
        }

    .dmo-heading p {
        font-family: var(--ff-secondary);
        font-size: 20px;
        line-height: 1.5;
        color: #FFFFFF;
        margin-bottom: 0px;
    }

    .dmo-heading.demo-black h2, .dmo-heading.demo-black p {
        color: #202020;
    }

.shadow-design ul li {
    filter: drop-shadow(0px 30px 70px rgba(0,0,0,0.07));
}

.demo-landing-content {
    text-align: center;
}

    .demo-landing-content ul {
        display: flex;
        align-items: flex-end;
        margin-bottom: 50px;
        justify-content: center;
    }

        .demo-landing-content ul li:nth-child(1) {
            margin-right: -160px;
            animation: moving-X 1s infinite .5s alternate;
        }

        .demo-landing-content ul li:nth-child(2) {
            position: relative;
            z-index: 9;
        }

        .demo-landing-content ul li:nth-child(3) {
            margin-left: -160px;
            animation: moving-X 1s infinite alternate;
        }

    .demo-landing-content .btn-primary {
        border-radius: 5px;
    }

        .demo-landing-content .btn-primary:hover {
            color: var(--white) !important;
            border-color: var(--white) !important;
        }

.demo-home-area {
    padding: 100px 0px 50px;
}

.demo-home-img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

    .demo-home-img li {
        position: relative;
        border: 1px solid #ddd;
    }

        .demo-home-img li a img {
            width: 100%;
        }

        .demo-home-img li:nth-child(5) .dnew {
            animation-duration: 1.1s;
        }

        .demo-home-img li:last-child .dnew {
            animation-duration: 1.2s;
        }

        .demo-home-img li .dnew {
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            animation: rotatexy 1s infinite alternate;
            pointer-events: none;
        }

@keyframes rotatexy {
    0% {
        transform: rotate(-5deg) scale(1);
    }

    100% {
        transform: rotate(5deg) scale(0.9);
    }
}

.market-cap-wrapper {
    max-width: 1299px;
    margin: 0 auto;
}

    .market-cap-wrapper .mc-img {
        margin-top: 20px;
    }

.demo-ftr-area {
    padding: 50px 0px;
}

.demo-ftr-img {
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

    .demo-ftr-img li:first-child {
        margin-right: 30px;
    }

    .demo-ftr-img img {
        max-width: 100%;
    }

.short-code-heading {
    padding: 75px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

    .short-code-heading .sec-title {
        margin-bottom: 0px;
    }

.demo-shortcode-wrapper {
    margin-bottom: 100px;
}

.demo-shortcode-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto;
}

    .demo-shortcode-list li {
        height: 70px;
        width: calc(100% / 4 - 10px);
        margin-bottom: 10px;
        padding: 25px;
        background: #FAFAFA;
        font-weight: 500;
        font-size: 20px;
        line-height: 1.5;
        color: #1A2030;
        white-space: nowrap;
    }

.demo-support-area {
    background: linear-gradient(90deg, #0B9CEE 0%, #260094 100%);
    padding: 20px 0px;
}

.demo-support-wrapper {
    display: flex;
    align-items: center;
}

.demo-support-img {
    margin-right: 100px;
}

.demo-support-content h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5;
    color: #FFFFFF;
    font-family: var(--ff-secondary);
    margin-bottom: 5px;
}

.demo-support-content p {
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5;
    color: #FFFFFF;
}

.dm-ftr-area {
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-position: bottom;
}

    .dm-ftr-area .call-to-action {
        padding: 0px;
    }

        .dm-ftr-area .call-to-action .btn {
            margin-top: 50px;
        }

@media all and (max-width: 1750px) {
    .demo-banner-area .demo-coin-chain svg {
        top: -100px;
    }
}

@media all and (max-width: 1550px) {
    .demo-banner-area .demo-coin-chain svg {
        top: -150px;
    }

    .demo-webscreen-list {
        flex-wrap: wrap;
    }

        .demo-webscreen-list div {
            width: calc(100% / 2);
        }

        .demo-webscreen-list .dh-list, .demo-webscreen-list .dhf-list {
            margin-bottom: 35px;
        }
}

@media all and (max-width: 1350px) {
    .demo-banner-area .demo-coin-chain svg {
        top: -50px;
    }

    .demo-banner-content {
        padding-top: 120px;
    }

        .demo-banner-content .demo-banner-content h2 {
            font-size: 70px;
        }

        .demo-banner-content .demo-banner-content h3 {
            font-size: 30px;
            line-height: 1.5;
        }

    .demo-banner-wrapper {
        padding: 50px 0px 220px 0px;
    }
}

@media all and (max-width: 1199px) {
    .demo-banner-content h2 {
        font-size: 60px;
    }

    .demo-banner-content h3 {
        font-size: 27px;
        line-height: 1.5;
    }

    .shape svg {
        height: 100px;
    }

    .demo-shortcode-list li {
        width: calc(100% / 3 - 10px);
    }
}

@media all and (max-width: 991px) {
    .demo-banner-area .demo-coin-chain svg {
        top: -130px;
    }

    .demo-webscreen-list {
        padding: 25px;
    }

    .sp-gradient {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .list-content-wrap h3 {
        font-size: 20px;
    }

    .dhf-list svg {
        width: auto;
        height: 70px;
    }

    .ipa-list h3 {
        font-size: 20px;
    }

    .ipa-list p {
        font-size: 16px;
    }

    .demo-webscreen-list {
        margin-bottom: 50px;
    }

    .demo-webscreen-wrap {
        flex-direction: column;
    }

    .demo-webscreen-img {
        order: 2;
    }

    .demo-webscreen-content {
        margin: 0 auto 35px;
    }

    .demo-home-img {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media all and (max-width: 767px) {
    .demo-banner-wrapper {
        padding: 50px 0px 160px 0px;
    }

    .demo-banner-content {
        padding-top: 100px;
    }

        .demo-banner-content h2 {
            font-size: 50px;
        }

    .shape svg {
        height: 70px;
        width: auto;
    }

    .demo-banner-content .shape h6 {
        font-size: 29px;
    }

    .demo-webscreen-list div {
        width: 100%;
    }

    .mlp-list {
        margin-bottom: 30px;
    }

    .demo-webscreen-content .arrow-right {
        left: -60px;
        max-width: 140px;
    }

    .demo-webscreen-area {
        padding-bottom: 50px;
    }

    .demo-webscreen-content h3 {
        font-size: 28px;
    }

    .demo-landing-area {
        padding: 50px 0px;
    }

    .demo-landing-content ul li:nth-child(1) {
        margin-right: -50px;
        animation: mov 1s infinite .5s alternate;
    }

    .demo-landing-content ul li:nth-child(3) {
        margin-left: -50px;
        animation: mov 1s infinite .5s alternate;
    }

    .dmo-heading h2 {
        font-size: 27px;
    }

    .demo-home-area {
        padding: 50px 0px 25px;
    }

        .demo-home-area .sec-title, .demo-hftr-wrapper .sec-title, .inner-page-wrapper .sec-title {
            margin-bottom: 30px !important;
        }

            .demo-home-area .sec-title h1, .demo-hftr-wrapper .sec-title h1, .inner-page-wrapper .sec-title h1 {
                font-size: 32px;
                line-height: 1.2;
            }

            .demo-home-area .sec-title p, .demo-hftr-wrapper .sec-title p, .inner-page-wrapper .sec-title p {
                font-size: 16px;
                line-height: 1.5;
            }

    .demo-home-img li:nth-child(3) .dnew {
        top: -30px;
        left: 50px;
        max-width: 60px;
    }

    .demo-ftr-area {
        padding: 50px 25px;
    }

    .inner-wrapper {
        padding-top: 0px;
    }

        .inner-wrapper .inner-single span {
            font-size: 16px;
        }

    .demo-shortcode-area .sec-title h1 {
        font-size: 30px;
    }

    .demo-shortcode-area .sec-title p {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .short-code-heading {
        padding: 65px 0px;
    }

    .demo-shortcode-list li {
        width: calc(100% / 2 - 10px);
    }

    .demo-support-wrapper {
        flex-direction: column;
        justify-content: center;
    }

    .demo-support-img {
        margin-right: 0px;
        max-width: 200px;
    }

    .demo-support-content {
        text-align: center;
    }

        .demo-support-content h3 {
            font-size: 20px;
        }

        .demo-support-content p {
            font-size: 16px;
        }

    .demo-support-area {
        padding: 45px 0px;
    }

    .dm-ftr-area {
        padding: 50px 0px;
    }

    .cta-left h1 {
        font-size: 30px;
    }

    .cta-left p {
        font-size: 18px !important;
    }

    .dm-ftr-area .call-to-action .btn {
        margin-top: 20px;
    }

    .market-cap-wrapper.s-py-50 {
        padding: 0;
    }
}

@media all and (max-width: 575px) {
    .demo-logo a svg {
        max-width: 180px;
    }

    .demo-banner-wrapper {
        padding: 25px 0px 160px 0px;
    }

    .demo-banner-content {
        padding-top: 55px;
        text-align: center;
    }

        .demo-banner-content h3 {
            font-size: 20px;
        }

        .demo-banner-content h2 {
            font-size: 38px;
        }

        .demo-banner-content .shape {
            justify-content: center;
        }

            .demo-banner-content .shape h6 {
                font-size: 24px;
            }

            .demo-banner-content .shape svg {
                height: 50px;
            }

    .demo-shortcode-list li {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px;
    }

    .demo-ftr-img {
        flex-direction: column;
    }

        .demo-ftr-img li:first-child {
            margin-right: 0px;
            margin-bottom: 35px;
        }

    .demo-home-img {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        max-width: 450px;
        margin: 0 auto;
    }

    .market-cap-wrapper.s-py-50 {
        padding: 0;
    }

    .market-cap-wrapper .sec-title {
        margin: 0 !important;
    }

        .market-cap-wrapper .sec-title h1 {
            font-size: 30px;
            max-width: 200px;
            margin: 0 auto;
            line-height: 1.2;
        }
}

@media all and (max-width: 1300px) {
    .countdown-sec {
        padding-top: 200px;
    }
}

@media all and (max-width: 1199px) {
    .footer-bitcoin-img-one, .footer-bitcoin-img-two {
        max-width: 14%;
    }

    .slide-text h1 {
        font-size: 50px;
    }

    .innerpage-header-sec {
        padding-bottom: 125px;
    }

    .counter-wrap:not(.counter-secondary-wrap) {
        border-radius: 15px;
    }

    .demo-banner-text h1 {
        font-size: 60px;
    }

    .demo-banner-text h2 {
        font-size: 38px;
    }
}

@media all and (max-width: 991px) {
    .home1-block-wrap {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .hero-banner-text h2 {
        font-size: 35px;
    }

    .hero-banner-text h1 {
        font-size: 50px;
    }

    .hero-banner-text p {
        font-size: 18px;
    }

    .hero-banner-text .btn {
        font-size: 17px;
    }

    .counter-wrap {
        border-radius: 10px;
    }

        .counter-wrap .col-sm-6:nth-child(2)::before {
            content: none;
        }

    .video-cilp-wrapper {
        margin-bottom: 50px;
    }

    .column-count-3, .column-count-4 {
        column-count: 2;
    }

    .countdown-sec {
        background: var(--primary-gradient2);
        padding: 60px 0;
    }

    .roadmap-wrap .roadmap-img {
        position: unset;
        width: auto;
        transform: unset;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 30px;
        max-width: 100%;
    }

    .roadmap li {
        margin: 0;
    }

        .roadmap li:first-child {
            width: 50%;
        }

        .roadmap li:last-child {
            width: 50%;
            margin: 0;
        }

        .roadmap li:nth-child(2n+1) {
            justify-content: unset !important;
        }

        .roadmap li:nth-child(2n) {
            justify-content: flex-end !important;
        }

    .copyright-sec.footer-curve-bg-light, .footer-sec.footer-curve-bg-light {
        background: var(--light-gray) !important;
        padding-top: 30px;
    }

    .article-lists {
        padding-left: 80px;
    }

        .article-lists .article-item::before {
            font-size: 56px;
        }

    .article-item .ai-img {
        width: 40%;
    }

        .article-item .ai-img .ai-img-inner {
            padding-top: 120%;
        }
}

@media all and (max-width: 767px) {
    .timeline-sec::before {
        content: none;
    }

    .copyright-inner {
        flex-direction: column;
        text-align: center;
    }

        .copyright-inner p {
            order: 3;
        }

    .call-to-action {
        text-align: center;
        display: block;
    }

        .call-to-action .cta-left {
            width: 100%;
            flex: unset;
            margin-right: 0;
        }

        .call-to-action .cta-right {
            margin-top: 20px;
        }

    .roadmap li {
        width: 100%;
    }

        .roadmap li:first-child, .roadmap li:last-child {
            width: 100%;
        }

    .roadmap-item {
        max-width: 400px;
    }

    .article-item .ai-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        max-width: 100%;
    }

        .article-item .ai-img .ai-img-inner {
            padding-top: 60%;
        }

    .sec-title {
        margin-bottom: 40px;
    }

        .sec-title h1 {
            font-size: 45px;
        }

            .sec-title h1[data-watermark] {
                padding: 15px 0;
            }

                .sec-title h1[data-watermark]::before, .sec-title h2[data-watermark]::before, .sec-title h3[data-watermark]::before, .sec-title h4[data-watermark]::before, .sec-title h5[data-watermark]::before, .sec-title h6[data-watermark]::before {
                    font-size: 100px;
                }

    .column-count-2, .column-count-3, .column-count-4 {
        column-count: 1;
    }

    .error-block .error-title {
        font-size: 150px;
    }
}

@media all and (max-width: 575px) {
    .py-80, .pb-80 {
        padding-bottom: 40px;
    }

    .py-80, .pt-80 {
        padding-top: 40px;
    }

    .py-100, .pb-100 {
        padding-bottom: 50px;
    }

    .py-100, .pt-100 {
        padding-top: 50px;
    }

    .footer-widget-menu.column-4 {
        column-count: 3;
    }

    .counter-wrap div[class^="col"]::before {
        content: none;
    }

    .timeline::before {
        left: 12px;
    }

    .timeline-item {
        width: 100%;
        padding-left: 30px;
    }

        .timeline-item:nth-child(2n+1) {
            text-align: left;
        }

        .timeline-item .tli-head::before {
            left: auto !important;
            right: 15px !important;
        }

        .timeline-item .tli-head::after {
            content: "";
            position: absolute;
            height: 25px !important;
            width: 25px !important;
            background: var(--secondary);
            border-radius: 50%;
            border: 3px solid var(--success);
            right: auto !important;
            bottom: -13px !important;
            z-index: 5;
            left: -29px;
        }

        .timeline-item time::before {
            color: rgba(var(--white-alpha), 0.12);
        }

    .article-lists {
        padding-left: 0;
    }

        .article-lists .article-item::before {
            content: none;
        }

    .work-flow-video .play-icon {
        max-width: 45px;
    }

    .blog-details-inner {
        padding: 20px;
    }

    .faq-item {
        padding-left: 70px;
    }

        .faq-item::before {
            font-size: 50px;
        }

    .accordion-item .accordion-title {
        padding: 18px 45px 18px 20px;
    }

        .accordion-item .accordion-title::before {
            font-size: 15px;
        }

    .demo-block {
        min-height: auto;
    }

    .demo-block-responsive {
        padding: 15px;
    }
}

@media all and (max-width: 400px) {
    .footer-widget-menu.column-3, .footer-widget-menu.column-4 {
        column-count: 2;
    }

    .hero-banner-text h2 {
        font-size: 28px;
    }

    .hero-banner-text h1 {
        font-size: 37px;
    }

        .hero-banner-text h1 span {
            font-size: 37px;
        }
}

.cripto-banner-sec {
    background-color: var(--theme-blue);
}

    .cripto-banner-sec .h-logo svg path:nth-child(1) {
        fill: var(--white);
    }

.crazy-header .h-menu > li > a {
    color: var(--white);
}

.crazy-header .menu-trigger span {
    background-color: var(--white);
}

.crazy-header .mobile-menu-wrap {
    background-color: var(--theme-blue);
}

.crazy-header .menu-close {
    color: var(--white);
}

.crazy-header .mobile-menu .h-menu li i {
    color: var(--white);
}

.crazy-header .mobile-menu .h-menu .has-child a {
    color: var(--white);
}

.crazy-header .mobile-menu .mm-widget-title {
    color: var(--white);
}

.crazy-header .mobile-menu .mm-menu li a {
    color: var(--white);
}

.selectpicker .nice-select {
    border-radius: 5px;
    background: var(--primary-gradient2);
    border: none;
    color: var(--white);
    height: 35px;
    line-height: 35px;
}

    .selectpicker .nice-select:after {
        border-color: var(--white);
    }

    .selectpicker .nice-select .list {
        left: unset;
        right: 0;
    }

        .selectpicker .nice-select .list li {
            color: var(--heading);
            margin-bottom: 0px;
        }

            .selectpicker .nice-select .list li::before {
                display: none;
            }

@media all and (max-width: 1199px) {
    .crazy-header .selectpicker {
        display: none;
    }
}

.tread-title-area {
    padding: 8px 0px;
    background-color: var(--theme-blue-light);
}

    .tread-title-area .tread-slider-wrapper p {
        margin-bottom: 0px;
        color: var(--white);
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        font-family: var(--ff-secondary);
    }

.cripto-banner {
    position: relative;
    padding: 190px 0px 230px;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cripto-banner-text {
    max-width: 715px;
}

    .cripto-banner-text h3 {
        font-family: var(--ff-secondary);
        font-size: 30px;
        font-weight: bold;
        color: var(--white);
        margin-bottom: 5px;
    }

        .cripto-banner-text h3 span {
            font-weight: normal;
            display: inline-block;
            margin: 0px 5px;
        }

    .cripto-banner-text h2 {
        font-family: var(--ff-secondary);
        font-size: 64px;
        font-weight: normal;
        color: var(--white);
        margin-bottom: 15px;
    }

        .cripto-banner-text h2 strong {
            font-weight: bold;
            display: inline-block;
            margin: 0px 5px;
        }

    .cripto-banner-text p {
        color: var(--white);
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 30px;
    }

    .cripto-banner-text .btn {
        border-radius: 5px;
        padding: 15px 25px;
    }

.cripto-banner-anime {
    position: absolute;
    right: 0;
    bottom: 150px;
    z-index: -1;
}

@keyframes zoom {
    0% {
        clip-path: circle(40% at 0 0);
    }

    100% {
        clip-path: circle(200% at 0 0);
    }
}

.cripto-banner-counter {
    padding: 45px 50px;
    background: var(--blur-white);
    border: 1px solid var(--cripto-border);
    box-sizing: border-box;
    backdrop-filter: blur(15px);
    border-radius: 10px;
    font-family: var(--ff-secondary);
}

    .cripto-banner-counter h3 {
        font-size: 30px;
        font-weight: 600;
        color: var(--white);
        line-height: 1.5;
    }

    .cripto-banner-counter p {
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 0px;
        color: var(--white);
        line-height: 1.5;
    }

    .cripto-banner-counter .btn {
        margin-bottom: 40px;
        padding: 15px 25px;
        border-radius: 5px;
    }

    .cripto-banner-counter p span {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
    }

    .cripto-banner-counter ul {
        display: flex;
        align-items: center;
    }

        .cripto-banner-counter ul li {
            padding: 10px;
        }

            .cripto-banner-counter ul li:first-child {
                padding-left: 0px;
            }

.cripto-counter {
    margin-top: 40px;
    margin-bottom: 20px;
}

    .cripto-counter .countdown-clock {
        display: grid;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: 30px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin: 0 auto;
    }

    .cripto-counter .ci-inner {
        text-align: center;
        width: 70px;
    }

        .cripto-counter .ci-inner > div {
            width: 100%;
            height: 70px;
            background-color: var(--white);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: var(--theme-blue-light);
            margin-bottom: 10px;
            font-weight: 600;
        }

        .cripto-counter .ci-inner h4 {
            font-size: 16px;
            color: var(--white);
            font-weight: normal;
        }

@media all and (max-width: 1550px) {
    .cripto-banner {
        padding: 100px 0px 150px;
    }
}

@media all and (max-width: 1350px) {
    .cripto-banner-text h3 {
        font-size: 25px;
    }

    .cripto-banner-text h2 {
        font-size: 50px;
    }

    .cripto-counter .countdown-clock {
        grid-gap: 15px;
    }
}

@media all and (max-width: 991px) {
    .cripto-banner-counter {
        margin-top: 50px;
        max-width: 600px;
    }

    .cripto-counter .countdown-clock {
        grid-gap: 30px;
        max-width: 400px;
        margin: unset;
    }
}

@media all and (max-width: 575px) {
    .cripto-banner {
        padding: 50px 0px 100px;
    }

    .cripto-banner-text h3 {
        font-size: 20px;
    }

    .cripto-banner-text h2 {
        font-size: 40px;
    }

    .cripto-banner-counter {
        padding: 35px 15px;
    }

        .cripto-banner-counter h3 {
            font-size: 22px;
            margin-bottom: 5px;
        }

        .cripto-banner-counter p {
            font-size: 16px;
        }

        .cripto-banner-counter .cripto-counter {
            margin-top: 25px;
            margin-bottom: 10px;
        }

            .cripto-banner-counter .cripto-counter .countdown-clock {
                grid-gap: 10px;
            }

        .cripto-banner-counter .btn {
            margin-bottom: 25px;
        }
}

@media all and (max-width: 380px) {
    .cripto-banner-counter .cripto-counter .countdown-clock {
        max-width: 100%;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
}

.cripto-about-area {
    padding: 70px 0px 100px;
}

.cripto-about-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cripto-about-content {
    flex: 1;
    margin-left: 60px;
}

    .cripto-about-content p {
        font-size: 17px;
        line-height: 1.5;
        margin-bottom: 20px;
        max-width: 700px;
    }

    .cripto-about-content ul {
        max-width: 400px;
        margin-bottom: 30px;
    }

        .cripto-about-content ul li {
            position: relative;
            font-size: 15px;
            line-height: 1.5;
            font-family: var(--ff-secondary);
            margin-bottom: 10px;
            padding-left: 20px;
            font-weight: 400;
        }

            .cripto-about-content ul li:after {
                position: absolute;
                content: "";
                top: 7px;
                left: 0;
                height: 8px;
                width: 8px;
                background-color: var(--theme-blue-light);
                border-radius: 50%;
            }

    .cripto-about-content .btn {
        border-radius: 5px;
    }

.cripto-heading h2 {
    font-family: var(--ff-secondary);
    font-size: 30px;
    font-weight: 600;
    position: relative;
    padding: 35px 0px;
    display: inline-block;
    text-transform: capitalize;
}

    .cripto-heading h2 span {
        display: inline-block;
        padding: 0px 5px;
        color: var(--theme-blue-light);
    }

    .cripto-heading h2:after {
        content: attr(data-watermark);
        position: absolute;
        left: calc(100% - 100px);
        -webkit-text-stroke: 1px var(--title-border);
        color: transparent;
        font-size: 130px;
        line-height: .9;
        white-space: nowrap;
        text-transform: uppercase;
        top: 50%;
        z-index: -1;
        transform: translateY(-50%);
    }

@media all and (max-width: 1350px) {
    .cripto-heading h2:after {
        left: 0;
    }

    .cripto-about-area {
        padding: 70px 0px;
    }
}

@media all and (max-width: 1199px) {
    .cripto-about-img {
        max-width: 45%;
    }

    .cripto-heading h2:after {
        font-size: 90px;
    }
}

@media all and (max-width: 991px) {
    .cripto-about-content {
        margin-left: 35px;
    }
}

@media all and (max-width: 767px) {
    .cripto-about-wrapper {
        flex-direction: column;
    }

    .cripto-about-img {
        max-width: 500px;
        order: 2;
    }

    .cripto-about-content {
        margin-left: 0px;
        order: 1;
        margin-bottom: 50px;
    }
}

.cripto-works-area {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 70px 0px;
    color: var(--white);
    overflow: hidden;
    z-index: 1;
}

.cripto-works-anime {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: -1;
}

    .cripto-works-anime svg {
        height: 100%;
    }

.cripto-works-wrapper {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.cripto-works-content {
    flex: 1;
    margin-right: 170px;
}

.cripto-works-list {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 80px;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
}

.cripto-works-heading {
    margin-bottom: 30px;
}

    .cripto-works-heading h2 {
        font-size: 30px;
        font-weight: 600;
        color: var(--white);
        font-family: var(--ff-secondary);
    }

    .cripto-works-heading p {
        color: var(--white);
        margin-bottom: 0px;
        line-height: 1.5;
    }

.cripto-works-single-list {
    position: relative;
    z-index: 1;
    padding-top: 70px;
}

    .cripto-works-single-list:after {
        position: absolute;
        content: attr(data-number);
        font-family: var(--ff-secondary);
        font-weight: 900;
        font-size: 150px;
        line-height: 1;
        color: rgba(0,178,255,0.05);
        top: 0;
        right: 0;
        z-index: -1;
    }

    .cripto-works-single-list span {
        color: var(--white);
        font-size: 16px;
        display: block;
        margin-bottom: 10px;
    }

    .cripto-works-single-list h3 {
        font-size: 20px;
        font-weight: 600;
        color: var(--white);
        font-family: var(--ff-secondary);
        color: var(--white);
    }

    .cripto-works-single-list p {
        margin-bottom: 0px;
        color: var(--light-gray);
        line-height: 1.5;
    }

.cripto-works-img {
    margin-right: 180px;
}

@media all and (max-width: 1350px) {
    .cripto-works-content {
        margin-right: 50px;
    }

    .cripto-works-img {
        margin-right: 80px;
    }
}

@media all and (max-width: 1199px) {
    .cripto-works-list {
        grid-gap: 50px;
    }

    .cripto-works-img {
        margin-right: 0px;
        width: 50%;
        margin: 0 auto;
    }
}

@media all and (max-width: 991px) {
    .cripto-works-content {
        margin-right: 0px;
        flex: unset;
        margin-bottom: 50px;
    }

    .cripto-works-img {
        margin-right: 0px;
        width: 430px;
        margin: 0 auto;
    }

    .cripto-works-anime {
        display: none;
    }

    .cripto-works-heading {
        max-width: 500px;
    }

    .cripto-works-list {
        grid-gap: 100px;
        grid-row-gap: 35px;
    }
}

@media all and (max-width: 767px) {
    .cripto-works-list {
        grid-gap: 50px;
        grid-row-gap: 35px;
    }

    .cripto-works-single-list:after {
        font-size: 90px;
    }

    .cripto-works-single-list {
        padding-top: 30px;
    }
}

@media all and (max-width: 575px) {
    .cripto-works-list {
        grid-template-columns: 1fr;
    }
}

.cripto-token-area {
    padding: 60px 0px 100px;
}

.cripto-token-wrapper {
    margin-bottom: 70px;
}

    .cripto-token-wrapper .sec-title {
        max-width: 700px;
        margin: 0 auto;
        padding-bottom: 40px;
    }

        .cripto-token-wrapper .sec-title h1 {
            font-size: 30px;
            padding: 50px 0px;
        }

            .cripto-token-wrapper .sec-title h1 span {
                color: var(--theme-blue-light);
            }

            .cripto-token-wrapper .sec-title h1:before {
                font-size: 150px;
            }

        .cripto-token-wrapper .sec-title p {
            font-size: 16px;
        }

.cripto-token-card-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .cripto-token-card-wrapper .cripto-single-token {
        padding: 30px;
        margin-bottom: 30px;
        border: 1px solid var(--title-border);
        margin-right: 20px;
        font-family: var(--ff-secondary);
    }

        .cripto-token-card-wrapper .cripto-single-token h4 {
            font-size: 18px;
            font-weight: 600;
            color: var(--theme-blue-light);
            margin-bottom: 10px;
        }

        .cripto-token-card-wrapper .cripto-single-token p {
            font-size: 16px;
            color: var(--heading);
            margin-bottom: 0px;
        }

.cripto-token-wrapper .btn {
    display: flex;
    margin: 0 auto;
    border-radius: 5px;
    padding: 15px 20px;
}

    .cripto-token-wrapper .btn i {
        padding-left: 15px;
    }

.cripto-sale-heading {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 40px;
}

    .cripto-sale-heading h2 {
        font-family: var(--ff-primary);
        font-size: 24px;
        font-weight: 600;
        color: var(--theme-blue-dark);
        margin-bottom: 10px;
    }

    .cripto-sale-heading p {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 1.5;
    }

.cripto-sale-content {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto;
}

.cripto-sale-card {
    background: var(--light-gray);
    border: 1px solid var(--title-border);
    border-radius: 10px;
    overflow: hidden;
    transition: .4s ease-in;
}

    .cripto-sale-card .cripto-sale-title {
        transition: .4s ease-in;
        padding: 20px;
        border-radius: 0px 0px 10px 10px;
        background-color: var(--theme-blue-dark);
        text-align: center;
    }

        .cripto-sale-card .cripto-sale-title h3 {
            font-size: 18px;
            font-family: var(--ff-secondary);
            color: var(--white);
            margin-bottom: 0px;
        }

    .cripto-sale-card.active, .cripto-sale-card:hover {
        background-color: transparent;
        border-color: var(--theme-blue-light);
    }

        .cripto-sale-card.active .cripto-sale-title, .cripto-sale-card:hover .cripto-sale-title {
            background-color: var(--theme-blue-light);
        }

    .cripto-sale-card:hover {
        transform: translateY(-10px);
    }

.cripto-sale-card-content {
    padding: 50px;
    font-family: var(--ff-secondary);
}

    .cripto-sale-card-content h4 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        color: var(--theme-blue-light);
    }

    .cripto-sale-card-content h5 {
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .cripto-sale-card-content p {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 0px;
        font-weight: 300;
    }

@media all and (max-width: 1199px) {
    .cripto-sale-card-content {
        padding: 25px 35px;
    }
}

@media all and (max-width: 991px) {
    .cripto-sale-content {
        grid-template-columns: 1fr 1fr;
    }
}

@media all and (max-width: 767px) {
    .cripto-sale-content {
        grid-template-columns: 1fr;
        max-width: 500px;
    }

    .cripto-token-area {
        padding: 80px 0px;
    }
}

.cripto-roadmap-area {
    padding: 60px 0px 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--copyright-bg);
}

.cripto-roadmap-wrapper .sec-title {
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 60px;
}

    .cripto-roadmap-wrapper .sec-title h1 {
        font-size: 30px;
        color: var(--white);
        padding: 40px 0px;
        font-family: var(--ff-secondary);
    }

        .cripto-roadmap-wrapper .sec-title h1:before {
            -webkit-text-stroke: 1px rgba(238,238,238,0.4);
            font-size: 145px;
            text-transform: uppercase;
        }

    .cripto-roadmap-wrapper .sec-title p {
        color: var(--white);
        font-size: 16px;
        line-height: 1.5;
        padding-top: 20px;
        font-family: var(--ff-secondary);
        margin: 0px 35px;
    }

.cripto-roadmap-content {
    margin-top: 175px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 120px;
    counter-reset: counter;
}

    .cripto-roadmap-content li {
        width: calc(100% / 3 - 150px);
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        height: auto;
        box-sizing: border-box;
        font-family: var(--ff-secondary);
        z-index: 1;
        transition: .4s ease-in;
    }

        .cripto-roadmap-content li:nth-child(even) {
            margin-top: -320px;
            margin-left: -100px;
            margin-right: -100px;
        }

            .cripto-roadmap-content li:nth-child(even):hover {
                transform: translateY(20px);
            }

        .cripto-roadmap-content li:nth-child(odd):hover {
            transform: translateY(-20px);
        }

        .cripto-roadmap-content li:before {
            position: absolute;
            counter-increment: counter;
            content: "0" counter(counter);
            top: -35px;
            left: 50%;
            transform: translateX(-50%);
            height: 70px;
            width: 70px;
            background-color: #0D005B;
            border: 2px solid #5D44BE;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            font-size: 20px;
            font-weight: 500;
            color: var(--white);
            transition: .4s ease-in-out;
        }

        .cripto-roadmap-content li:hover:before {
            background-color: #5D44BE;
            border-color: #00B2FF;
        }

        .cripto-roadmap-content li h5 {
            font-size: 15px;
            line-height: 1.4;
            margin-bottom: 5px;
            color: var(--white);
            font-weight: 500;
        }

        .cripto-roadmap-content li h3 {
            font-size: 18px;
            font-weight: 600;
            color: var(--white);
            padding-bottom: 15px;
            margin-bottom: 15px;
            position: relative;
        }

            .cripto-roadmap-content li h3:after {
                position: absolute;
                content: "";
                bottom: 0;
                left: 50%;
                height: 1px;
                width: 80px;
                background-color: var(--white);
                transform: translateX(-50%);
            }

        .cripto-roadmap-content li p {
            font-size: 16px;
            line-height: 1.5;
            color: var(--white);
            margin-bottom: 0px;
        }

.hex {
    -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
    -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
    padding: 50px 60px 35px;
    text-align: center;
    background: #00B2FF;
}

    .hex:after {
        position: absolute;
        content: "";
        background-color: var(--theme-blue-light);
        top: 2px;
        left: 2px;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
        -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
        z-index: -1;
    }

.hexo-design-area {
    position: relative;
    padding-bottom: 50px;
}

    .hexo-design-area .hexo-image-area .hexo-1 {
        position: absolute;
        bottom: 0;
        left: 300px;
    }

    .hexo-design-area .hexo-image-area .hexo-2 {
        position: absolute;
        bottom: 50px;
        left: 50%;
        height: 100px;
    }

    .hexo-design-area .hexo-image-area .hexo-3 {
        position: absolute;
        top: -150px;
        right: 300px;
        height: 70px;
    }

@media all and (max-width: 1350px) {
    .cripto-roadmap-wrapper .sec-title {
        padding-bottom: 90px;
    }

    .cripto-roadmap-content {
        flex-wrap: wrap;
        padding-right: 0px;
        justify-content: flex-start;
        max-width: 1145px;
        margin: 0 auto;
    }

        .cripto-roadmap-content li {
            width: 300px;
        }

            .cripto-roadmap-content li:nth-child(even) {
                margin-top: 0px;
                margin-left: 0px;
                margin-right: 0px;
            }

            .cripto-roadmap-content li:nth-child(2) {
                margin-top: 0px;
                margin-left: 120px;
                margin-right: 120px;
            }

            .cripto-roadmap-content li:nth-child(4) {
                margin-top: -80px;
                margin-left: 210px;
                margin-right: 0px;
            }

            .cripto-roadmap-content li:nth-child(5) {
                margin-top: -100px;
                margin-left: 120px;
                margin-right: 0px;
            }

            .cripto-roadmap-content li:nth-child(6) {
                margin-top: -80px;
                margin-left: 425px;
                margin-right: 0px;
            }

    .hexo-design-area {
        padding-bottom: 0px;
    }

        .hexo-design-area .hexo-image-area .hexo-3 {
            top: 0px;
            right: 26%;
        }

        .hexo-design-area .hexo-image-area .hexo-2 {
            bottom: unset;
            top: 0px;
            right: unset;
            left: 26%;
        }

        .hexo-design-area .hexo-image-area .hexo-1 {
            bottom: 180px;
            left: 5%;
        }
}

@media all and (max-width: 1199px) {
    .cripto-roadmap-content {
        max-width: 930px;
    }

        .cripto-roadmap-content li:nth-child(3) {
            margin-top: -80px;
            margin-left: 210px;
        }

        .cripto-roadmap-content li:nth-child(4) {
            margin-top: -80px;
            margin-left: 120px;
        }

        .cripto-roadmap-content li:nth-child(5) {
            margin-top: -80px;
            margin-left: 0px;
        }

        .cripto-roadmap-content li:nth-child(6) {
            margin-top: -80px;
            margin-left: 120px;
        }

    .hexo-design-area .hexo-image-area .hexo-2 {
        left: 33%;
    }

    .hexo-design-area .hexo-image-area .hexo-3 {
        right: 10%;
    }

    .hexo-design-area .hexo-image-area .hexo-1 {
        bottom: 0px;
        left: 35%;
        width: 150px;
    }
}

@media all and (max-width: 991px) {
    .cripto-roadmap-content {
        max-width: 725px;
    }

        .cripto-roadmap-content li:nth-child(2) {
            margin-right: 0px;
        }

        .cripto-roadmap-content li:nth-child(4) {
            margin-top: -80px;
            margin-left: 0px;
        }

        .cripto-roadmap-content li:nth-child(5) {
            margin-top: -80px;
            margin-left: 120px;
        }

        .cripto-roadmap-content li:nth-child(6) {
            margin-left: 210px;
        }

    .hexo-design-area .hexo-image-area .hexo-1 {
        left: 10%;
        width: 100px;
    }

    .hexo-design-area .hexo-image-area .hexo-2 {
        left: 40%;
    }

    .hexo-design-area .hexo-image-area .hexo-3 {
        top: unset;
        bottom: 0;
    }

    .cripto-roadmap-wrapper .sec-title h1 {
        padding: 20px 0px;
    }

        .cripto-roadmap-wrapper .sec-title h1:before {
            font-size: 90px;
        }
}

@media all and (max-width: 767px) {
    .cripto-roadmap-content {
        max-width: 100%;
        justify-content: space-between;
    }

        .cripto-roadmap-content li {
            width: calc(100% / 2 - 25px);
        }

            .cripto-roadmap-content li:nth-child(2) {
                margin-left: 0px;
            }

            .cripto-roadmap-content li:nth-child(3) {
                margin-top: 70px;
                margin-left: 0px;
            }

            .cripto-roadmap-content li:nth-child(4) {
                margin-top: 70px;
                margin-left: 0px;
            }

            .cripto-roadmap-content li:nth-child(5) {
                margin-top: 70px;
                margin-left: 0px;
            }

            .cripto-roadmap-content li:nth-child(6) {
                margin-left: 0px;
                margin-top: 70px;
            }

    .hexo-design-area .hexo-image-area .hexo-2, .hexo-design-area .hexo-image-area .hexo-1, .hexo-design-area .hexo-image-area .hexo-3 {
        left: 50%;
        transform: translateX(-50%);
    }

    .hexo-design-area .hexo-image-area .hexo-1 {
        width: 100px;
        top: 250px;
    }

    .hexo-design-area .hexo-image-area .hexo-3 {
        top: unset;
        bottom: 250px;
    }
}

@media all and (max-width: 575px) {
    .cripto-roadmap-wrapper .sec-title h1 {
        padding: 5px 0px;
    }

        .cripto-roadmap-wrapper .sec-title h1:before {
            font-size: 60px;
        }

    .cripto-roadmap-area {
        padding: 60px 0px 60px;
        background-color: #0d005f;
    }

    .cripto-roadmap-content {
        max-width: 350px;
        justify-content: space-between;
    }

        .cripto-roadmap-content li {
            max-width: 350px;
            width: 100%;
        }

            .cripto-roadmap-content li:nth-child(2) {
                margin-left: 0px;
                margin-top: 70px;
            }

    .hexo-image-area {
        display: none;
    }
}

.cripto-ico-area {
    margin-top: -200px;
    position: relative;
    padding-bottom: 100px;
    z-index: 1;
}

    .cripto-ico-area:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        height: calc(100% - 200px);
        width: 100%;
        background-color: var(--copyright-bg);
        z-index: -1;
    }

    .cripto-ico-area .cripto-ico-shape {
        position: absolute;
        top: 200px;
        left: 0;
    }

.cripto-ico-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.cripto-ico-content {
    flex: 1;
    font-family: var(--ff-secondary);
    margin: 120px 0px 100px 100px;
    background-color: var(--copyright-bg);
    margin-right: -50px;
    position: relative;
    z-index: 1;
}

    .cripto-ico-content h2 {
        font-size: 30px;
        line-height: 1.4;
        margin-bottom: 10px;
        color: var(--theme-blue-dark);
    }

    .cripto-ico-content p {
        font-size: 16px;
        line-height: 1.5;
    }

    .cripto-ico-content .btn {
        border-radius: 5px;
    }

.cripto-ico-image {
    max-width: 60%;
    position: relative;
    z-index: 2;
}

    .cripto-ico-image .video-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 50px;
        width: 50px;
        z-index: 1;
    }

        .cripto-ico-image .video-play:after, .cripto-ico-image .video-play:before {
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            border-radius: 50%;
            top: 0;
            left: 0;
            background: var(--white);
            z-index: -1;
        }

        .cripto-ico-image .video-play:after {
            animation: zooming1 1s infinite .3s linear;
        }

        .cripto-ico-image .video-play:before {
            animation: zooming2 1s infinite 1s linear;
        }

@keyframes zooming1 {
    0% {
        transform: scale(0.8);
        opacity: 0.3;
    }

    100% {
        transform: scale(1.5);
        opacity: 0.1;
    }
}

@keyframes zooming2 {
    0% {
        transform: scale(0.8);
        opacity: 0.3;
    }

    100% {
        transform: scale(1.8);
        opacity: 0.1;
    }
}

@media all and (max-width: 991px) {
    .cripto-ico-shape {
        top: 100px;
    }
}

@media all and (max-width: 991px) {
    .cripto-ico-content {
        margin: 120px 0px 50px 100px;
    }

    .cripto-ico-image {
        max-width: 50%;
    }
}

@media all and (max-width: 767px) {
    .cripto-ico-wrapper {
        flex-direction: column;
    }

    .cripto-ico-area {
        margin-top: -50px;
    }

    .cripto-ico-content {
        margin: 0 auto;
        background-color: transparent;
        max-width: 500px;
    }

    .cripto-ico-area .cripto-ico-shape {
        width: 270px;
    }

    .cripto-ico-image {
        max-width: 500px;
        margin-top: 35px;
    }

    .cripto-ico-area:after {
        height: 100%;
    }
}

@media all and (max-width: 575px) {
    .cripto-ico-area {
        margin-top: 0px;
        padding: 80px 0px 50px !important;
    }

    .cripto-ico-image {
        margin: 0 auto;
        margin-top: 35px;
    }

    .cripto-ico-content {
        text-align: center;
    }

        .cripto-ico-content h2 {
            font-size: 26px;
        }
}

.cripto-member-area {
    background-color: var(--copyright-bg);
    padding-bottom: 70px;
}

    .cripto-member-area .sec-title {
        max-width: 760px;
        margin: 0 auto;
    }

        .cripto-member-area .sec-title p {
            font-size: 16px;
            line-height: 1.5;
        }

        .cripto-member-area .sec-title h1 {
            font-size: 30px;
            line-height: 1.4;
            padding: 40px 0px;
            font-family: var(--ff-secondary);
        }

            .cripto-member-area .sec-title h1 span {
                color: var(--theme-blue-light);
            }

            .cripto-member-area .sec-title h1::before {
                font-size: 130px;
                text-transform: uppercase;
            }

.cripto-member-content {
    padding-top: 50px;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto;
}

.cmc-single-content {
    position: relative;
    border-radius: 53% 45% 34% 66% / 30% 52% 48% 71%;
    overflow: hidden;
}

    .cmc-single-content .cmcs-content-overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        transition: 0.5s ease-in;
        padding: 25px 50px;
    }

        .cmc-single-content .cmcs-content-overlay ul {
            display: flex;
            transform: translateY(50px);
            opacity: 0;
            visibility: hidden;
            transition: .4s ease-in-out;
        }

            .cmc-single-content .cmcs-content-overlay ul li a {
                height: 35px;
                width: 35px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                border: 1px solid var(--white);
                font-size: 17px;
                color: var(--white);
                margin: 10px;
            }

                .cmc-single-content .cmcs-content-overlay ul li a:hover {
                    border-color: var(--theme-blue-light);
                    background-color: var(--theme-blue-light);
                }

        .cmc-single-content .cmcs-content-overlay h3 {
            font-size: 20px;
            color: var(--white);
            margin-bottom: 0px;
            transform: translateY(50px);
            opacity: 0;
            visibility: hidden;
            transition: .4s ease-in-out;
            transition-delay: .2s;
        }

        .cmc-single-content .cmcs-content-overlay p {
            font-size: 16px;
            color: var(--white);
            margin-bottom: 0px;
            line-height: 1.5;
            transform: translateY(50px);
            opacity: 0;
            visibility: hidden;
            transition: .4s ease-in-out;
            transition-delay: .4s;
        }

        .cmc-single-content .cmcs-content-overlay:hover {
            background: rgba(93,68,190,0.75);
        }

            .cmc-single-content .cmcs-content-overlay:hover ul, .cmc-single-content .cmcs-content-overlay:hover h3, .cmc-single-content .cmcs-content-overlay:hover p {
                transform: translateY(0px);
                opacity: 1;
                visibility: visible;
            }

    .cmc-single-content .cmcs-content-img img {
        width: 100%;
        transform: scale(1.1);
    }

.cripto-load-more {
    margin-top: 70px;
    display: flex;
    justify-content: center;
}

    .cripto-load-more .btn {
        border-radius: 5px;
    }

@media all and (max-width: 1199px) {
    .cmc-single-content .cmcs-content-overlay ul {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

        .cmc-single-content .cmcs-content-overlay ul li a {
            height: 30px;
            width: 30px;
            font-size: 15px;
            margin: 5px;
        }
}

@media all and (max-width: 991px) {
    .cripto-member-content {
        grid-template-columns: 1fr 1fr;
        max-width: 560px;
    }

    .cripto-load-more {
        margin-top: 50px;
    }
}

@media all and (max-width: 575px) {
    .cripto-member-content {
        grid-template-columns: 1fr;
        max-width: 290px;
    }

    .cripto-member-area .sec-title h1 {
        padding: 20px 0px;
        margin-bottom: 15px;
    }

        .cripto-member-area .sec-title h1::before {
            font-size: 100px;
            text-transform: uppercase;
        }
}

.cripto-faq-area {
    padding: 80px 0px;
}

    .cripto-faq-area .sec-title {
        max-width: 760px;
        margin: 0 auto;
        margin-bottom: 40px;
    }

        .cripto-faq-area .sec-title p {
            font-size: 16px;
            font-family: var(--ff-secondary);
            line-height: 1.5;
        }

        .cripto-faq-area .sec-title h1 {
            font-size: 30px;
            font-family: var(--ff-secondary);
            padding: 50px 0px;
        }

            .cripto-faq-area .sec-title h1 span {
                color: var(--theme-blue-light);
            }

            .cripto-faq-area .sec-title h1:before {
                font-size: 150px;
                font-family: var(--ff-secondary);
                text-transform: uppercase;
            }

.single-accordion {
    padding: 30px 50px;
    border-radius: 10px;
    background-color: var(--light-gray2);
    margin-bottom: 30px;
    transition: .4s ease-in-out;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

    .single-accordion:last-child {
        margin-bottom: 0px;
    }

    .single-accordion .accordion-head {
        position: relative;
    }

        .single-accordion .accordion-head h6 {
            margin-bottom: 0px;
            font-size: 18px;
            font-weight: 500;
            color: var(--black2);
        }

        .single-accordion .accordion-head:after, .single-accordion .accordion-head:before {
            position: absolute;
            content: "";
            height: 25px;
            width: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 0px;
            top: 0px;
            transition: .4s ease-in;
        }

        .single-accordion .accordion-head:after {
            background-color: #DADADA;
        }

        .single-accordion .accordion-head:before {
            content: "\ea99";
            font-family: IcoFont;
            font-size: 16px;
            color: var(--black);
            transform: rotateX(0deg);
            z-index: 1;
        }

    .single-accordion .accordion-body {
        display: none;
    }

    .single-accordion.active {
        background: #FFFFFF;
        box-shadow: 0px 10px 40px rgba(0,0,0,0.07);
    }

        .single-accordion.active .accordion-head:after {
            background-color: var(--theme-blue-light);
        }

        .single-accordion.active .accordion-head:before {
            transform: rotateX(180deg);
            color: var(--white);
        }

    .single-accordion .accordion-body {
        padding: 20px 0px 0px;
    }

        .single-accordion .accordion-body p {
            font-family: var(--ff-secondary);
            font-size: 16px;
            margin-bottom: 15px;
        }

        .single-accordion .accordion-body ul li {
            margin-bottom: 15px;
            padding-left: 15px;
            position: relative;
        }

            .single-accordion .accordion-body ul li:after {
                position: absolute;
                content: "";
                height: 6px;
                width: 6px;
                border-radius: 50%;
                background-color: #555555;
                top: 8px;
                left: 0;
            }

            .single-accordion .accordion-body ul li:last-child {
                margin-bottom: 0px;
            }

@media all and (max-width: 991px) {
    .cripto-faq-wrapper {
        max-width: 600px;
        margin: 0 auto;
    }

    .mt-md-30 {
        margin-top: 30px;
    }
}

@media all and (max-width: 575px) {
    .cripto-member-area {
        padding-bottom: 50px;
    }

    .cripto-faq-area {
        padding: 50px 0px;
    }

        .cripto-faq-area .sec-title h1 {
            font-size: 26px;
            padding: 30px 0px;
            margin-block-end: 10px;
        }

            .cripto-faq-area .sec-title h1:before {
                font-size: 100px;
            }

    .single-accordion {
        padding: 15px 35px 15px 25px;
        margin-bottom: 20px;
    }

        .single-accordion .accordion-head:before, .single-accordion .accordion-head:after {
            right: -25px;
        }
}

.cripto-contact-area {
    padding: 90px 0px;
    background-color: var(--light-gray2);
}

    .cripto-contact-area .sec-title {
        max-width: 800px;
        margin: 0 auto;
        margin-bottom: 50px;
    }

        .cripto-contact-area .sec-title h1 {
            font-size: 30px;
            font-family: var(--ff-secondary);
            padding: 45px 0px;
            margin-bottom: 15px;
        }

            .cripto-contact-area .sec-title h1 span {
                color: var(--theme-blue-light);
            }

            .cripto-contact-area .sec-title h1::before {
                font-size: 150px;
                text-transform: uppercase;
            }

        .cripto-contact-area .sec-title p {
            font-size: 16px;
            font-family: var(--ff-secondary);
            line-height: 1.5;
            margin-bottom: 0px;
            max-width: 700px;
            margin: 0 auto;
        }

.cripto-contact-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    grid-gap: 0px 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto;
}

    .cripto-contact-wrapper .btn {
        border-radius: 5px;
        display: inline-flex;
    }

.cripto-contact-form {
    grid-column-start: 1;
    grid-column-end: span 2;
    margin-right: 100px;
}

.ccf-input-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0px 30px;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
}

.ccf-heading {
    max-width: 480px;
    margin-bottom: 30px;
}

    .ccf-heading h3 {
        font-size: 18px;
        color: var(--heading);
        font-weight: 600;
        margin-bottom: 10px;
        font-family: var(--ff-secondary);
    }

    .ccf-heading p {
        line-height: 1.5;
        margin-bottom: 0px;
        font-size: 16px;
        font-family: var(--ff-secondary);
    }

.ccf-input-group {
    margin-bottom: 20px;
}

    .ccf-input-group input, .ccf-input-group textarea {
        border-radius: 10px;
        background-color: var(--white);
        border: 1px solid #EEEEEE;
        padding: 10px 30px;
    }

        .ccf-input-group input:focus, .ccf-input-group textarea:focus {
            border-color: var(--theme-blue-light);
        }

    .ccf-input-group textarea {
        width: 100%;
        height: 125px;
        padding: 15px 30px;
    }

    .ccf-input-group input {
        height: 50px;
    }

.cripto-address ul {
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;
}

    .cripto-address ul:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 2px;
        background-color: var(--theme-blue-light);
        top: 0;
        left: 0;
    }

    .cripto-address ul li {
        font-family: var(--ff-secondary);
        font-size: 16px;
        font-weight: 500;
        color: #666;
        margin-bottom: 15px;
    }

        .cripto-address ul li:last-child {
            margin-bottom: 0px;
        }

        .cripto-address ul li span {
            display: inline-block;
            padding-right: 20px;
            color: var(--theme-blue-light);
            font-size: 16px;
            font-weight: normal;
        }

@media all and (max-width: 1350px) {
    .cripto-contact-form {
        margin-right: 30px;
    }

    .cripto-contact-area {
        padding: 90px 0px 50px;
    }
}

@media all and (max-width: 991px) {
    .cripto-contact-area .sec-title h1 {
        padding: 15px 0px;
    }

        .cripto-contact-area .sec-title h1::before {
            font-size: 80px;
        }

    .cripto-contact-wrapper {
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
    }

    .cripto-address {
        order: 3;
    }

    .cripto-contact-form {
        margin-right: 0px;
    }
}

@media all and (max-width: 767px) {
    .cripto-contact-wrapper {
        grid-template-columns: 1fr;
    }

    .cripto-contact-form {
        grid-column-start: unset;
        grid-column-end: unset;
    }

    .cripto-address ul {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .cripto-contact-area {
        padding: 50px 0px;
    }
}

@media all and (max-width: 575px) {
    .cripto-contact-area .sec-title h1 {
        padding: 5px 0px;
    }

        .cripto-contact-area .sec-title h1::before {
            font-size: 55px;
        }

    .ccf-input-wrapper {
        grid-template-columns: 1fr;
    }
}

.cripto-footer-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--copyright-bg);
    overflow: hidden;
}

.cripto-footer-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 100px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto;
}

.cripto-ftr-menu-wrapper {
    display: flex;
}

.mr-100 {
    margin-right: 100px;
}

.cripto-footer-wrapper {
    padding: 190px 0px 100px;
}

.cripto-ftr-menu h3 {
    font-size: 20px;
    color: var(--white);
    font-family: var(--ff-secondary);
    font-weight: 600;
    margin-bottom: 20px;
}

.cripto-ftr-menu ul li {
    padding-bottom: 10px;
}

    .cripto-ftr-menu ul li:last-child {
        padding-bottom: 0px;
    }

    .cripto-ftr-menu ul li a {
        font-display: 16px;
        color: var(--white);
        font-family: var(--ff-secondary);
        transition: .4s ease-in-out;
        font-weight: 400;
        font-family: var(--ff-secondary);
    }

        .cripto-ftr-menu ul li a:hover {
            background: #FF002E;
            background: -webkit-linear-gradient(to left, #FF002E 0%, #FF7A00 100%);
            background: -moz-linear-gradient(to left, #FF002E 0%, #FF7A00 100%);
            background: linear-gradient(to left, #FF002E 0%, #FF7A00 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

.cripto-ftr-content {
    text-align: center;
}

    .cripto-ftr-content p {
        margin-top: 20px;
        line-height: 1.5;
        color: var(--white);
    }

    .cripto-ftr-content .social-icons {
        margin-bottom: 25px;
    }

        .cripto-ftr-content .social-icons a {
            color: var(--white);
            border: 1px solid var(--white);
            transition: .4s ease-in;
        }

            .cripto-ftr-content .social-icons a:before {
                background: var(--white);
            }

            .cripto-ftr-content .social-icons a:hover {
                color: var(--theme-blue-dark);
                border-color: transparent;
            }

    .cripto-ftr-content a {
        color: var(--white);
    }

.cripto-ftr-subscribe h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--ff-secondary);
    color: var(--white);
    margin-bottom: 5px;
}

.cripto-ftr-subscribe p {
    font-family: var(--ff-secondary);
    color: var(--white);
    font-size: 16px;
}

.cripto-subscribe {
    border-radius: 50px;
    background-color: var(--white);
    height: 60px;
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
}

    .cripto-subscribe input[type=email] {
        height: 100%;
        width: 70%;
        border: none;
        background-color: #fff;
    }

    .cripto-subscribe input[type=submit] {
        position: absolute;
        height: calc(100% - 10px);
        top: 5px;
        right: 8px;
        background: linear-gradient(90deg, #FF002E 0%, #FF7A00 100%);
        border: none;
        color: var(--white);
        border-radius: 50px;
        padding: 10px 25px;
        line-height: 1;
    }

.cripto-sub-footer {
    background-color: var(--theme-blue-dark);
    width: 100%;
}

.cripto-sub-footer {
    padding: 20px 0px;
}

    .cripto-sub-footer p {
        text-align: center;
        color: var(--white);
        margin-bottom: 0px;
        font-family: var(--ff-secondary);
    }

@media all and (max-width: 1350px) {
    .cripto-footer-wrapper {
        padding: 150px 0px 50px;
        display: flex;
        grid-gap: 0px;
        flex-wrap: wrap;
    }

    .cripto-ftr-menu-wrapper {
        order: 2;
        width: 50%;
        justify-content: center;
    }

    .cripto-ftr-content {
        order: 1;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 50px;
    }

        .cripto-ftr-content p {
            max-width: 500px;
            margin: 0 auto;
            margin-bottom: 30px;
        }

    .cripto-ftr-subscribe {
        width: 450px;
        order: 3;
        margin: 0 auto;
    }
}

@media all and (max-width: 991px) {
    .cripto-ftr-subscribe {
        width: calc(50% - 50px);
        margin: 0 auto;
    }

    .cripto-footer-area {
        background-position: left;
    }

    .cripto-footer-wrapper {
        padding: 100px 0px 50px;
    }
}

@media all and (max-width: 767px) {
    .cripto-footer-wrapper {
        flex-direction: column;
    }

    .cripto-ftr-menu-wrapper {
        margin: 0 auto;
    }

    .cripto-ftr-subscribe {
        width: 450px;
        margin-top: 30px;
    }

    .cripto-footer-area {
        background-position: inherit;
    }
}

@media all and (max-width: 575px) {
    .cripto-sub-footer p {
        text-align: center;
        font-size: 15px;
    }

    .cripto-ftr-menu-wrapper {
        width: 100%;
    }

    .cripto-ftr-content {
        width: 100%;
        max-width: 475px;
    }

    .cripto-ftr-subscribe {
        width: 100%;
        max-width: 450px;
    }

    .cripto-footer-wrapper {
        padding: 80px 0px 50px;
    }

    .cripto-address ul {
        padding-left: 15px;
    }

        .cripto-address ul li {
            font-size: 15px;
        }

            .cripto-address ul li span {
                padding-right: 10px;
                font-size: 12px;
            }

    .ccf-heading p {
        font-size: 15px;
    }

    .cripto-contact-area .sec-title p {
        font-size: 15px;
    }
}

#dash-animi {
    stroke-dasharray: 5000;
    stroke-dashoffset: 0;
    -webkit-animation: dash 2s infinite alternate;
    -o-animation: dash 2s infinite alternate;
    -moz-animation: dash 2s infinite alternate;
    animation: dash 5s infinite alternate;
}

#banner-animi {
    fill: none;
    stroke-width: 1px;
    stroke-miterlimit: 1px;
    stroke: #0a1491;
}

@keyframes dash {
    from {
        stroke-dashoffset: 5000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

#dash-animi2 {
    stroke-dasharray: 10000;
    stroke-dashoffset: 0;
    -webkit-animation: dash2 5s infinite alternate;
    -o-animation: dash2 5s infinite alternate;
    -moz-animation: dash2 5s infinite alternate;
    animation: dash2 5s infinite alternate;
}

#banner-animi2 {
    fill: none;
    stroke-width: 1px;
    stroke-miterlimit: 1px;
    stroke: rgba(255,255,255,0.7);
}

@keyframes dash2 {
    from {
        stroke-dashoffset: 10000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.cripto-about-img, .cripto-works-img, .cripto-ico-image {
    animation: moveX 1s infinite alternate;
}

@keyframes moveX {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-15px);
    }
}

.landing-header-area {
    background-color: rgba(255,255,255,0.1);
    padding: 0px 30px;
    border-radius: 150px;
    border: 1px solid #00FFC2;
}

    .landing-header-area .h-menu li a {
        color: var(--white);
        position: relative;
    }

        .landing-header-area .h-menu li a:after {
            position: absolute;
            content: "";
            bottom: -10px;
            width: 30px;
            left: 50%;
            transform: translateX(-50%);
            height: 4px;
            border-radius: 50px;
            background: linear-gradient(90deg, #00B2FF 0%, #00FFC2 100%);
            opacity: 0;
            visibility: visible;
            transition: .4s ease-in;
        }

        .landing-header-area .h-menu li a:hover, .landing-header-area .h-menu li a.active {
            color: var(--white);
        }

            .landing-header-area .h-menu li a:hover:after, .landing-header-area .h-menu li a.active:after {
                bottom: -2px;
                opacity: 1;
                visibility: visible;
            }

    .landing-header-area .short-code a {
        border-radius: 50px;
        color: var(--theme-blue);
        font-size: 16px;
        line-height: 1.4;
    }

.bitcoin-banner-sec {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bitcoin-banner-wrap {
    padding-top: 30px;
}

    .bitcoin-banner-wrap.sticky {
        position: fixed;
        top: 0;
        left: 50%;
        z-index: 99;
        width: 100%;
        transform: translateX(-50%);
        padding: 0px 100px;
        max-width: 1700px;
    }

        .bitcoin-banner-wrap.sticky .landing-header-area {
            background: var(--bit-gradient);
            border: none;
        }

.ico-area {
    padding: 130px 0px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.ico-content {
    max-width: 700px;
}

    .ico-content h1 {
        font-size: 75px;
        font-weight: 300;
        font-family: var(--ff-secondary);
        color: var(--white);
        margin-bottom: 15px;
    }

        .ico-content h1 span {
            display: inline-block;
            margin: 0px 5px;
            font-weight: 600;
        }

    .ico-content p {
        font-weight: 600;
        font-size: 30px;
        line-height: 1.5px;
        font-family: var(--ff-secondary);
        color: var(--white);
    }

        .ico-content p:nth-child(1) {
            margin-bottom: 30px;
        }

    .ico-content h5 {
        font-weight: 600;
        font-size: 48px;
        font-family: var(--ff-secondary);
        color: var(--white);
        margin-bottom: 35px;
        padding-top: 10px;
    }

.gradient-cripto-counter {
    margin: 0px;
    padding: 50px 0px;
    max-width: 600px;
}

    .gradient-cripto-counter .countdown-clock {
        display: grid;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .gradient-cripto-counter .cripto-item .ci-inner {
        height: 150px;
        width: 150px;
        border-style: solid;
        border-width: 1px;
        border-image: radial-gradient(#00B2FF, #00FFC2) 1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .gradient-cripto-counter .cripto-item .ci-inner div {
            font-size: 64px;
            line-height: 1;
            width: auto;
            height: auto;
            background-color: transparent;
            background: var(--success-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .gradient-cripto-counter .cripto-item .ci-inner h4 {
            font-size: 20px;
            margin-bottom: 0px;
            font-family: var(--ff-secondary);
            font-weight: 300;
            color: var(--white);
        }

.ico-animation-img-wrapper {
    width: 60%;
    position: absolute;
    right: -95px;
    bottom: -50px;
    z-index: -1;
    height: 100%;
}

    .ico-animation-img-wrapper .ico-ani2 {
        position: absolute;
        top: calc(50% - 280px);
        left: calc(50% - 180px);
        z-index: 9;
        animation: icomoving 1s infinite .5s alternate;
    }

    .ico-animation-img-wrapper .ico-ani3 {
        position: absolute;
        top: calc(50% - 230px);
        left: calc(50% - 190px);
        height: 300px;
        animation: icomoving 1s infinite alternate;
    }

    .ico-animation-img-wrapper .ico-ani1 {
        position: absolute;
        height: 100%;
        width: 100%;
        animation: icoscale 1s infinite alternate;
    }

@keyframes icomoving {
    0% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(20px, 20px);
    }
}

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

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

@media all and (max-width: 1199px) {
    .landing-header-area {
        background: var(--bit-gradient);
        border: none;
    }

        .landing-header-area .menu-trigger span {
            background: var(--success-gradient);
        }

        .landing-header-area .menu-close i {
            background: var(--success-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .landing-header-area .mobile-menu-wrap {
            background: var(--theme-blue2);
        }

        .landing-header-area .h-menu li a:hover:after, .landing-header-area .h-menu li a.active:after {
            display: none;
        }

    .ico-content h1 {
        font-size: 50px;
    }

    .ico-content p {
        font-weight: 500;
        font-size: 20px;
    }

    .gradient-cripto-counter {
        padding: 30px 0px;
        max-width: 470px;
    }

        .gradient-cripto-counter .cripto-item .ci-inner {
            height: 100px;
            width: 100px;
        }

            .gradient-cripto-counter .cripto-item .ci-inner div {
                font-size: 40px;
            }

            .gradient-cripto-counter .cripto-item .ci-inner h4 {
                font-size: 15px;
            }

    .ico-content h5 {
        font-size: 35px;
        margin-bottom: 25px;
    }

    .ico-animation-img-wrapper {
        width: 75%;
    }

        .ico-animation-img-wrapper .ico-ani3 {
            top: calc(50% - 160px);
            left: calc(50% - 115px);
            height: 200px;
        }

        .ico-animation-img-wrapper .ico-ani2 {
            top: calc(50% - 210px);
            left: calc(50% - 130px);
            width: 120px;
        }
}

@media all and (max-width: 991px) {
    .ico-animation-img-wrapper {
        right: -200px;
        bottom: -125px;
        width: 100%;
    }

        .ico-animation-img-wrapper .ico-ani3 {
            top: calc(50% - 120px);
            left: calc(50% - 100px);
            height: 160px;
        }

        .ico-animation-img-wrapper .ico-ani2 {
            top: calc(50% - 180px);
            left: calc(50% - 130px);
            width: 100px;
        }
}

@media all and (max-width: 767px) {
    .ico-animation-img-wrapper {
        right: -100px;
        bottom: -225px;
    }

    .ico-area {
        padding: 50px 0px 250px;
    }
}

@media all and (max-width: 575px) {
    .ico-animation-img-wrapper {
        display: none;
    }

    .ico-area {
        padding: 50px 0px;
    }

    .gradient-cripto-counter .countdown-clock {
        width: 100%;
        justify-content: flex-start;
    }

    .gradient-cripto-counter .cripto-item .ci-inner {
        height: 80px;
        width: 80px;
    }

        .gradient-cripto-counter .cripto-item .ci-inner div {
            font-size: 25px;
            margin-bottom: 10px;
        }

        .gradient-cripto-counter .cripto-item .ci-inner h4 {
            font-size: 14px;
        }

    .ico-content h1 {
        font-size: 30px;
    }

    .ico-content p {
        font-weight: 500;
        font-size: 16px;
    }
}

@media all and (max-width: 415px) {
    .gradient-cripto-counter .countdown-clock {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

.bitcoin-about-area {
    padding: 100px 0px 50px;
    background: var(--bit-gradient);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .bitcoin-about-area .bit-about-overlay {
        position: absolute;
        top: 20px;
        left: -45px;
        height: 100%;
        width: 100%;
        pointer-events: none;
        z-index: -1;
    }

        .bitcoin-about-area .bit-about-overlay img, .bitcoin-about-area .bit-about-overlay svg {
            width: 100%;
        }

.bitcoin-about-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    grid-gap: 100px;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
}

.bit-sub {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 2px;
    position: relative;
    padding-right: 25px;
    display: inline-block;
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .bit-sub:after {
        position: absolute;
        content: "";
        top: 50%;
        right: 0;
        height: 3px;
        width: 20px;
        background: var(--success-gradient);
        transform: translateY(-50%);
    }

.bit-title {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.4;
    color: var(--white);
    margin-bottom: 15px;
}

.bitcoin-about-content {
    width: calc(100% - 80px);
}

    .bitcoin-about-content > h3 {
        font-weight: 600;
        font-size: 24px;
        line-height: 1.4;
        color: var(--white);
        margin-bottom: 15px;
    }

    .bitcoin-about-content p {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        color: var(--white);
        margin-bottom: 10px;
    }

    .bitcoin-about-content ul {
        padding-left: 20px;
        max-width: 430px;
    }

        .bitcoin-about-content ul li {
            list-style: disc;
            font-weight: normal;
            font-size: 16px;
            line-height: 160%;
            color: #FFFFFF;
            margin-bottom: 15px;
        }

            .bitcoin-about-content ul li:last-child {
                margin-bottom: 0px;
            }

.relative {
    position: relative;
}

.bit-data-watermark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    right: calc(0px - 280px);
    pointer-events: none;
}

    .bit-data-watermark h2 {
        font-weight: bold;
        font-size: 150px;
        color: var(--white-water-color);
        line-height: 0.9;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

.moving-y {
    animation: moving-y infinite 1s alternate;
}

.delay-0 {
    animation-delay: 1.3s;
}

.delay-1 {
    animation-delay: 1.5s;
}

.delay-2 {
    animation-delay: 1.7s;
}

.delay-3 {
    animation-delay: 1.9s;
}

.delay-4 {
    animation-delay: 2.1s;
}

.delay-5 {
    animation-delay: 2.3s;
}

.delay-6 {
    animation-delay: 2.5s;
}

.delay-7 {
    animation-delay: 2.7s;
}

.delay-8 {
    animation-delay: 2.9s;
}

.delay-9 {
    animation-delay: 3.1s;
}

@keyframes moving-y {
    0% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(15px);
    }
}

#dash-animi3 {
    stroke-dasharray: 900;
    stroke-dashoffset: 0;
    -webkit-animation: dash3 5s infinite alternate;
    -o-animation: dash3 5s infinite alternate;
    -moz-animation: dash3 5s infinite alternate;
    animation: dash3 5s infinite alternate;
}

@keyframes dash3 {
    from {
        stroke-dashoffset: 1500;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@media all and (max-width: 1550px) {
    .bit-data-watermark {
        right: calc(0px - 130px);
    }

        .bit-data-watermark h2 {
            font-size: 90px;
        }
}

@media all and (max-width: 1350px) {
    .bitcoin-about-wrapper {
        grid-gap: 50px;
    }
}

@media all and (max-width: 991px) {
    .bitcoin-about-wrapper {
        grid-template-columns: 1fr;
    }

    .bitcoin-about-img {
        order: 2;
    }

    .bit-data-watermark {
        right: unset;
        top: -10px;
        transform: translate(0%) rotate(0deg);
        left: 0;
    }

    .bitcoin-about-area .bit-sub {
        padding: 15px 25px 15px 0px;
    }

    .bitcoin-about-img {
        max-width: 500px;
        margin: 0 auto;
    }

        .bitcoin-about-img svg {
            height: auto;
        }
}

@media all and (max-width: 575px) {
    .bit-title {
        font-size: 30px;
    }

    .bitcoin-about-content > h3 {
        font-size: 20px;
    }
}

.cripto-batch-area {
    background-color: var(--theme-blue2);
    padding: 50px 0px;
}

.cripto-batch-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto;
}

.cripto-single-batch {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    border: 1px solid #5D7DEF;
    border-radius: 10px;
    padding: 30px;
}

    .cripto-single-batch h3 {
        background: var(--success-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 600;
        font-size: 30px;
        line-height: 1.5;
        margin-bottom: 5px;
    }

    .cripto-single-batch p {
        font-weight: 400;
        font-size: 20px;
        line-height: 1.5;
        text-align: center;
        color: var(--white);
        margin-bottom: 0px;
    }

.cripto-services-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 120px 0px;
}

.cripto-services-heading {
    max-width: 690px;
    margin: 0 auto 50px;
}

    .cripto-services-heading h2 {
        margin-bottom: 10px;
    }

    .cripto-services-heading p {
        color: var(--white);
        margin-bottom: 0px;
    }

.cripto-services-content {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto;
}

.cripto-services-single {
    padding: 30px 40px;
    border-radius: 10px;
    border: 1px solid var(--theme-sky);
    text-align: center;
}

.cs-single-img {
    width: 50px;
    height: 50px;
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cs-single-img img {
        max-width: 100%;
        max-height: 100%;
    }

.cs-single-sontent h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    color: var(--white);
    margin-bottom: 10px;
}

.cs-single-sontent p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0px;
    color: var(--white);
}

.bit-data-watermark.cripto-services-water {
    right: calc(100% - 175px);
}

@media all and (max-width: 991px) {
    .cripto-batch-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }
}

@media all and (max-width: 450px) {
    .cripto-batch-wrapper {
        grid-template-columns: 1fr;
    }
}

@media all and (max-width: 1750px) {
    .cripto-services-area .bit-data-watermark {
        right: unset;
        top: -10px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg);
    }

        .cripto-services-area .bit-data-watermark h2 {
            font-size: 90px;
        }

    .cripto-services-area .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px;
    }
}

@media all and (max-width: 1199px) {
    .cripto-services-area {
        padding: 80px 0px;
    }
}

@media all and (max-width: 991px) {
    .cripto-services-content {
        grid-template-columns: 1fr 1fr;
    }
}

@media all and (max-width: 767px) {
    .cripto-services-area .bit-data-watermark h2 {
        font-size: 65px;
    }

    .cripto-services-area .bit-sub {
        font-size: 24px;
        padding: 5px 25px 5px 0px;
    }

    .cripto-services-area .bit-title {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .cripto-services-heading p {
        font-size: 16px;
    }

    .cripto-services-single {
        padding: 25px 15px;
    }

        .cripto-services-single .cs-single-img {
            width: 35px;
            height: 40px;
            margin: 0 auto 10px;
        }
}

@media all and (max-width: 575px) {
    .cripto-services-content {
        grid-template-columns: 1fr;
    }

    .cripto-services-single {
        padding: 25px 15px;
        max-width: 350px;
        margin: 0 auto;
    }

    .cripto-services-area {
        padding: 50px 0px;
    }

    .bitcoin-about-area {
        padding: 50px 0px;
    }

    .cripto-join-area {
        margin: 50px auto 0;
    }
}

.cripto-price-table {
    padding: 110px 0px;
    background: var(--bit-gradient);
    position: relative;
    z-index: 1;
}

.cripto-price-heading {
    max-width: 650px;
    margin: 0 auto 50px;
}

    .cripto-price-heading h2 {
        margin-bottom: 10px;
    }

    .cripto-price-heading p {
        color: var(--white);
        line-height: 1.5;
        margin-bottom: 0px;
    }

.cripto-price-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto;
}

.cripto-single-table {
    padding: 50px 70px;
    background: var(--theme-blue3);
    border-radius: 10px;
    border: 1px solid var(--theme-blue3);
    transition: .4s ease-in;
    position: relative;
}

    .cripto-single-table .btn {
        margin-top: 25px;
    }

    .cripto-single-table .cst-price {
        position: absolute;
        top: 50px;
        right: 0px;
        padding: 10px 35px;
        border-radius: 50px 0px 0px 50px;
        background: var(--bit-gradient2);
        font-weight: 600;
        font-size: 36px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        transition: .4s ease-in;
        overflow: hidden;
        z-index: 1;
    }

        .cripto-single-table .cst-price:after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: var(--success-gradient);
            z-index: -1;
            opacity: 0;
            visibility: hidden;
            transform: translateX(50px);
            transition: .4s ease-in;
        }

        .cripto-single-table .cst-price span {
            font-size: 25px;
            display: block;
            padding: 0px 2px;
        }

    .cripto-single-table.active .btn {
        background: var(--success-gradient);
        border-color: var(--theme-blue3);
        color: var(--theme-blue3);
    }

        .cripto-single-table.active .btn:hover {
            border-color: var(--theme-blue3);
        }

    .cripto-single-table.active, .cripto-single-table:hover {
        border: 1px solid var(--theme-sky);
    }

        .cripto-single-table.active .cst-price, .cripto-single-table:hover .cst-price {
            color: var(--theme-blue3);
        }

            .cripto-single-table.active .cst-price:after, .cripto-single-table:hover .cst-price:after {
                opacity: 1;
                visibility: visible;
                transform: translateX(0px);
            }

    .cripto-single-table:hover {
        transform: translateY(-10px) !important;
    }

        .cripto-single-table:hover .btn {
            border-color: transparent;
        }

            .cripto-single-table:hover .btn:after {
                opacity: 1;
                visibility: visible;
                transform: translateY(0px);
            }

.cst-heading {
    position: relative;
}

    .cst-heading h3 {
        display: inline-block;
        font-weight: 600;
        font-size: 30px;
        background: var(--success-gradient2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 5px;
    }

    .cst-heading p {
        font-weight: 600;
        font-size: 18px;
        line-height: 1.5;
        padding-bottom: 10px;
        position: relative;
        margin-bottom: 30px;
        color: var(--white);
    }

        .cst-heading p:after {
            position: absolute;
            content: "";
            bottom: 0;
            left: 0;
            height: 3px;
            width: 20px;
            background: var(--success-gradient);
            transform: translateY(-50%);
        }

.cst-list li {
    font-size: 16px;
    padding: 15px 0px;
    border-bottom: 1px solid #0C2D9E;
    color: var(--white);
}

    .cst-list li.active {
        background: var(--success-gradient2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .cst-list li:last-child {
        border-bottom: none;
    }

.cripto-price-table .bit-data-watermark {
    right: calc(0px - 350px);
}

.cripto-join-area {
    max-width: 920px;
    margin: 70px auto 0;
    padding: 20px 30px;
    background: var(--theme-blue3);
    border: 1px solid #5D7DEF;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .cripto-join-area .btn {
        border-radius: 4px;
    }

.cripto-join-content {
    flex: 1;
}

    .cripto-join-content h3 {
        font-weight: 600;
        font-size: 30px;
        margin-bottom: 5px;
        line-height: 1;
        color: var(--white);
        font-family: var(--ff-primary);
    }

    .cripto-join-content p {
        font-family: var(--ff-primary);
        margin-bottom: 0px;
        font-size: 16px;
        color: var(--white);
        font-weight: 400;
    }

.cripto-price-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

@media all and (max-width: 1350px) {
    .cripto-single-table .cst-price {
        padding: 10px 25px;
        font-size: 25px;
        top: 100px;
    }

    .cripto-single-table {
        padding: 50px 40px;
    }

    .cripto-price-table {
        padding: 80px 0px;
    }
}

@media all and (max-width: 1750px) {
    .cripto-price-table .bit-data-watermark {
        right: unset;
        top: -10px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg);
    }

        .cripto-price-table .bit-data-watermark h2 {
            font-size: 90px;
        }

    .cripto-price-table .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px;
    }
}

@media all and (max-width: 1500px) {
    .bitcoin-banner-wrap {
        padding-top: 30px;
    }

        .bitcoin-banner-wrap.sticky {
            padding: 0px 15px;
        }
}

@media all and (max-width: 1199px) {
    .cripto-single-table {
        padding: 25px 20px;
    }

    .cst-heading h3 {
        font-size: 27px;
    }

    .cst-heading p {
        font-weight: 500;
        font-size: 16px;
    }

    .cripto-single-table .cst-price {
        top: 60px;
    }
}

@media all and (max-width: 991px) {
    .cripto-price-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media all and (max-width: 767px) {
    .cripto-price-wrapper {
        grid-template-columns: 1fr;
        max-width: 360px;
    }

    .cripto-join-area {
        align-items: flex-start;
        flex-direction: column;
    }

    .cripto-join-content {
        margin-bottom: 20px;
    }
}

@media all and (max-width: 575px) {
    .cripto-price-table {
        padding: 50px 0px;
    }

        .cripto-price-table .bit-data-watermark h2 {
            font-size: 70px;
        }

        .cripto-price-table .bit-sub {
            font-size: 24px;
            padding: 5px 25px 5px 0px;
        }

        .cripto-price-table .bit-title {
            font-size: 25px;
        }

    .cripto-join-content h3 {
        font-size: 25px;
        margin-bottom: 5px;
    }
}

.cripto-journey-area {
    padding: 110px 0px 0px;
    background: var(--bit-gradient);
}

.cripto-journey-heading {
    max-width: 690px;
    margin: 0 auto 50px;
}

    .cripto-journey-heading h3 {
        margin-bottom: 0px;
    }

    .cripto-journey-heading p {
        font-size: 16px;
        color: var(--white);
        line-height: 1.5;
        margin-bottom: 0px;
    }

.cripto-journey-wrapper {
    position: relative;
    z-index: 1;
}

    .cripto-journey-wrapper:after {
        position: absolute;
        content: "";
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: 2px;
        width: 100%;
        background-color: var(--white);
        z-index: -1;
    }

    .cripto-journey-wrapper ul {
        display: flex;
        justify-content: space-between;
        position: relative;
    }

        .cripto-journey-wrapper ul:after, .cripto-journey-wrapper ul:before {
            position: absolute;
            content: "";
            top: 50%;
            transform: translateY(-50%);
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: var(--success-gradient);
            z-index: 1;
        }

        .cripto-journey-wrapper ul:after {
            left: 0;
        }

        .cripto-journey-wrapper ul:before {
            right: 0;
        }

        .cripto-journey-wrapper ul li {
            position: relative;
            text-align: center;
        }

            .cripto-journey-wrapper ul li span {
                display: block;
                font-weight: 500;
                font-size: 15px;
                line-height: 1.5;
                margin-bottom: 5px;
                color: var(--white);
            }

                .cripto-journey-wrapper ul li span:after {
                    position: absolute;
                    content: "";
                    height: 60px;
                    width: 1px;
                    border: 1px dashed var(--white);
                    left: 50%;
                    transform: translateY(-50%);
                }

            .cripto-journey-wrapper ul li h3 {
                font-weight: 600;
                font-size: 20px;
                color: var(--white);
                margin-bottom: 0px;
            }

            .cripto-journey-wrapper ul li:after {
                position: absolute;
                content: "";
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                height: 35px;
                width: 35px;
                border-radius: 50%;
                background: var(--success-gradient);
                z-index: 1;
            }

            .cripto-journey-wrapper ul li:before {
                position: absolute;
                content: "";
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                height: 20px;
                width: 20px;
                border-radius: 50%;
                background: var(--theme-blue3);
                z-index: 2;
            }

            .cripto-journey-wrapper ul li:nth-child(odd) {
                padding-top: 200px;
            }

                .cripto-journey-wrapper ul li:nth-child(odd) span:after {
                    bottom: 35px;
                }

            .cripto-journey-wrapper ul li:nth-child(even) span:after {
                bottom: 100px;
            }

@media all and (max-width: 1750px) {
    .cripto-journey-area .cripto-journey-water.bit-data-watermark {
        right: unset;
        top: 100px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg);
    }

        .cripto-journey-area .cripto-journey-water.bit-data-watermark h2 {
            font-size: 90px;
        }

    .cripto-journey-area .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px;
    }
}

@media all and (max-width: 991px) {
    .cripto-journey-wrapper ul {
        padding-top: 50px;
        flex-direction: column;
    }

        .cripto-journey-wrapper ul:before, .cripto-journey-wrapper ul:after {
            top: 0;
            transform: translate(-50%, 0%);
            left: 50%;
        }

        .cripto-journey-wrapper ul::before {
            right: unset;
        }

        .cripto-journey-wrapper ul::after {
            bottom: 0 !important;
            top: unset;
        }

        .cripto-journey-wrapper ul li {
            margin-bottom: 50px;
        }

            .cripto-journey-wrapper ul li:nth-child(odd) {
                padding-top: 0px;
                padding-right: 380px;
            }

                .cripto-journey-wrapper ul li:nth-child(odd) span:after {
                    left: calc(50% - 50px);
                }

            .cripto-journey-wrapper ul li:nth-child(even) {
                padding-top: 0px;
                padding-left: 380px;
            }

                .cripto-journey-wrapper ul li:nth-child(even) span:after {
                    left: calc(50% + 50px);
                }

            .cripto-journey-wrapper ul li span:after {
                height: 1px;
                width: 50px;
                left: 50%;
                transform: translate(-50%, -50%);
                top: 50%;
            }

    .cripto-journey-wrapper:after {
        top: 50%;
        transform: translate(0%, -50%);
        left: 50%;
        height: 100%;
        width: 2px;
    }

    .cripto-journey-area {
        padding: 80px 0px 0px;
    }

        .cripto-journey-area .cripto-journey-water.bit-data-watermark {
            top: 70px;
        }

        .cripto-journey-area .bit-title {
            font-size: 30px;
            margin-bottom: 10px;
        }
}

@media all and (max-width: 767px) {
    .cripto-journey-wrapper ul li:before {
        height: 15px;
        width: 15px;
    }

    .cripto-journey-wrapper ul li:after {
        height: 25px;
        width: 25px;
    }

    .cripto-journey-wrapper ul li:nth-child(odd) {
        padding-right: 300px;
    }

        .cripto-journey-wrapper ul li:nth-child(odd) span:after {
            left: calc(50% - 30px);
        }

    .cripto-journey-wrapper ul li:nth-child(even) {
        padding-left: 300px;
    }

        .cripto-journey-wrapper ul li:nth-child(even) span:after {
            left: calc(50% + 30px);
        }

    .cripto-journey-wrapper ul li span:after {
        width: 25px;
    }

    .blockchain-area {
        padding: 50px 15px 70px !important;
    }

    .block-heading {
        max-width: 550px;
        margin: 0 auto 30px;
    }
}

@media all and (max-width: 575px) {
    .cripto-journey-wrapper {
        padding-left: 15px;
    }

        .cripto-journey-wrapper:after {
            top: 0;
            transform: translate(0%, 0%);
            left: 14px;
        }

        .cripto-journey-wrapper ul {
            justify-content: flex-start;
            align-items: flex-start;
        }

            .cripto-journey-wrapper ul:before, .cripto-journey-wrapper ul:after {
                transform: translate(-50%, 0%);
                left: 0;
            }

            .cripto-journey-wrapper ul li {
                padding-left: 50px !important;
            }

                .cripto-journey-wrapper ul li:before, .cripto-journey-wrapper ul li:after {
                    left: 0;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }

                .cripto-journey-wrapper ul li:nth-child(odd) {
                    padding-right: 0px;
                }

                    .cripto-journey-wrapper ul li:nth-child(odd) span:after {
                        left: 0;
                        transform: translate(0%, -50%);
                    }

                .cripto-journey-wrapper ul li:nth-child(even) {
                    padding-left: 0px;
                }

                    .cripto-journey-wrapper ul li:nth-child(even) span:after {
                        left: 0;
                        transform: translate(0%, -50%);
                    }

                .cripto-journey-wrapper ul li span {
                    text-align: left;
                }

                .cripto-journey-wrapper ul li h3 {
                    text-align: left;
                }

    .cripto-journey-area {
        padding: 50px 0px;
    }

        .cripto-journey-area .cripto-journey-water.bit-data-watermark {
            top: 50px;
        }

            .cripto-journey-area .cripto-journey-water.bit-data-watermark h2 {
                font-size: 50px;
            }

        .cripto-journey-area .bit-sub {
            padding: 5px 25px 5px 0px;
        }
}

.blockchain-area {
    padding: 70px 0px 110px;
    position: relative;
    z-index: 1;
}

    .blockchain-area .blockchain-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        pointer-events: none;
    }

        .blockchain-area .blockchain-overlay img {
            height: 100%;
            object-fit: contain;
        }

.blockchain-wrapper {
    max-width: 720px;
    margin: 0 auto;
}

.block-heading {
    text-align: center;
    margin-bottom: 30px;
}

    .block-heading h3 {
        font-weight: 600;
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 5px;
        background: var(--success-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .block-heading p {
        color: var(--white);
        margin-bottom: 0px;
        line-height: 1.5;
    }

.blockchain-video {
    position: relative;
}

    .blockchain-video img {
        width: 100%;
    }

    .blockchain-video .blockchain-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.cripto-team-member {
    padding: 110px 0px;
    background: var(--bit-gradient);
    position: relative;
    z-index: 1;
}

.bit-data-watermark.cripto-journey-water {
    right: unset;
    left: -200px;
}

.cripto-team-heading {
    max-width: 690px;
    margin: 0 auto 50px;
}

    .cripto-team-heading h2 {
        margin-bottom: 5px;
    }

    .cripto-team-heading p {
        color: var(--white);
        line-height: 1.5;
        margin-bottom: 0px;
    }

.cripto-team-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.one-third {
    width: calc(100% / 3 - 20px);
}

.cripto-team-single {
    margin: 10px;
    position: relative;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    transform: translateY(0px);
    transition: .4s ease-in-out;
}

    .cripto-team-single:nth-child(4), .cripto-team-single:nth-child(5) {
        margin-top: -200px;
    }

    .cripto-team-single img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cripto-team-single .ct-single-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--bit-gradient-rgba);
        clip-path: polygon(50% 0%, 50% 0, 0 50%, 0% 50%);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        transition: .4s ease-in;
        opacity: 0;
    }

        .cripto-team-single .ct-single-overlay:after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            clip-path: polygon(50% 0, 0 50%, 50% 100%, 50% .5%, 99.5% 50%, 50% 99.5%, .5% 50%, 50% .5%, 50% 100%, 100% 50%);
            background: var(--success-gradient);
        }

        .cripto-team-single .ct-single-overlay h4 {
            background: var(--success-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 26px;
            margin-bottom: 5px;
            line-height: 1;
            transition-delay: .3s !important;
        }

        .cripto-team-single .ct-single-overlay p {
            background: var(--success-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 15px;
            font-size: 18px;
            transition-delay: .5s !important;
        }

        .cripto-team-single .ct-single-overlay ul {
            display: flex;
            align-items: center;
            transition-delay: .7s !important;
        }

            .cripto-team-single .ct-single-overlay ul li {
                margin: 0px 7px;
            }

                .cripto-team-single .ct-single-overlay ul li a {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 35px;
                    width: 35px;
                    border-radius: 50%;
                    border: 1px solid var(--theme-sky);
                    color: var(--white);
                    position: relative;
                    z-index: 1;
                    overflow: hidden;
                    transition: .4s ease-in;
                }

                    .cripto-team-single .ct-single-overlay ul li a i {
                        font-size: 15px;
                    }

                    .cripto-team-single .ct-single-overlay ul li a:after {
                        position: absolute;
                        content: "";
                        height: 0%;
                        width: 100%;
                        background: var(--success-gradient);
                        z-index: -1;
                        overflow: hidden;
                        top: 0;
                        left: 0;
                        transition: .4s;
                    }

                    .cripto-team-single .ct-single-overlay ul li a:hover {
                        border-color: transparent;
                    }

                        .cripto-team-single .ct-single-overlay ul li a:hover:after {
                            height: 100%;
                            top: auto;
                            bottom: 0;
                        }

        .cripto-team-single .ct-single-overlay h4, .cripto-team-single .ct-single-overlay p, .cripto-team-single .ct-single-overlay ul {
            opacity: 0;
            transition: .4s ease-in-out;
            transform: translateY(50px);
        }

    .cripto-team-single:hover {
        transform: translateY(-10px);
    }

        .cripto-team-single:hover .ct-single-overlay {
            opacity: 1;
            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        }

            .cripto-team-single:hover .ct-single-overlay h4, .cripto-team-single:hover .ct-single-overlay p, .cripto-team-single:hover .ct-single-overlay ul {
                opacity: 1;
                transform: translateY(0px);
            }

.cripto-line-mark {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

.cripto-faq-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 110px 0px;
}

.cripto-faq-heading {
    max-width: 690px;
    margin: 0 auto 50px;
}

    .cripto-faq-heading p {
        color: var(--white);
        line-height: 1.5;
        margin-bottom: 0px;
    }

.cripto-single-accordion {
    max-width: 720px;
    margin: 0 auto 10px;
    border-radius: 10px;
    border: 1px solid var(--theme-sky);
    background-color: transparent;
    transition: .4s ease-in;
}

    .cripto-single-accordion:last-child {
        margin-bottom: 0px;
    }

    .cripto-single-accordion.active {
        background: var(--white-water-color);
    }

        .cripto-single-accordion.active .cripto-accordion-head {
            padding-top: 45px;
        }

            .cripto-single-accordion.active .cripto-accordion-head::after {
                content: "\ef9a";
                top: 45px;
            }

            .cripto-single-accordion.active .cripto-accordion-head h6 {
                background: var(--success-gradient);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

.cripto-accordion-head {
    padding: 25px 50px;
    transition: .4s ease-in-out;
    position: relative;
    cursor: pointer;
}

    .cripto-accordion-head h6 {
        margin-bottom: 0px;
        line-height: 1.5;
        color: var(--white);
        font-weight: 500;
        font-size: 18px;
        font-family: var(--ff-secondary);
        transition: .4s ease-in-out;
    }

    .cripto-accordion-head:after {
        position: absolute;
        content: "\efc2";
        font-family: IcoFont;
        top: 25px;
        right: 25px;
        font-size: 18px;
        background: var(--success-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transition: .4s ease-in-out;
    }

.cripto-accordion-body {
    padding: 0px 50px 45px;
    border-radius: 10px;
    display: none;
}

    .cripto-accordion-body p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: var(--white);
        margin-bottom: 25px;
        font-family: var(--ff-secondary);
        max-width: 550px;
    }

    .cripto-accordion-body ul {
        list-style: disc;
        padding-left: 20px;
    }

        .cripto-accordion-body ul li {
            font-family: var(--ff-secondary);
            font-size: 16px;
            font-weight: 400;
            color: var(--white);
            margin-bottom: 5px;
        }

            .cripto-accordion-body ul li:last-child {
                margin-bottom: 0px;
            }

.bit-data-watermark.cripto-faq-water {
    right: unset;
    left: -210px;
}

@media all and (max-width: 1750px) {
    .cripto-team-member .bit-data-watermark {
        right: unset;
        top: -10px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg);
    }

        .cripto-team-member .bit-data-watermark h2 {
            font-size: 90px;
        }

    .cripto-team-member .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px;
    }
}

@media all and (max-width: 1399px) {
    .cripto-team-single:nth-child(4), .cripto-team-single:nth-child(5) {
        margin-top: -175px;
    }
}

@media all and (max-width: 1199px) {
    .cripto-team-single:nth-child(4), .cripto-team-single:nth-child(5) {
        margin-top: -150px !important;
    }

    .cripto-team-single .ct-single-overlay h4 {
        font-size: 22px;
        margin-bottom: 0px;
    }

    .cripto-team-single .ct-single-overlay ul li a {
        height: 30px;
        width: 30px;
    }

        .cripto-team-single .ct-single-overlay ul li a i {
            font-size: 12px;
        }

    .bitcoin-banner-wrap.sticky {
        position: relative;
        top: unset;
        left: auto;
    }
}

@media all and (max-width: 991px) {
    .cripto-team-single.one-third {
        width: calc(100% / 2 - 20px);
    }

        .cripto-team-single.one-third:nth-child(3) {
            margin: -145px 100px 0px;
        }

        .cripto-team-single.one-third:nth-child(4), .cripto-team-single.one-third:nth-child(5) {
            margin-top: -175px;
        }

    .cripto-team-member {
        padding: 80px 0px;
        overflow: hidden;
    }

        .cripto-team-member .cripto-team-heading {
            max-width: 550px;
        }

    .cripto-line-mark {
        top: unset;
        left: -235px;
        bottom: 0;
        transform: rotate(180deg);
    }
}

@media all and (max-width: 767px) {
    .cripto-team-single.one-third:nth-child(3) {
        margin: -125px 100px 0px;
    }

    .cripto-team-single.one-third:nth-child(4), .cripto-team-single.one-third:nth-child(5) {
        margin-top: -115px !important;
    }

    .cripto-team-single .ct-single-overlay h4 {
        font-size: 18px;
    }

    .cripto-team-single .ct-single-overlay p {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .cripto-team-single .ct-single-overlay ul li {
        margin: 0px 5px;
    }

    .cripto-team-heading .bit-title {
        font-size: 30px;
        margin-bottom: 10px;
    }
}

@media all and (max-width: 575px) {
    .cripto-team-wrapper {
        flex-direction: column;
    }

    .cripto-team-single.one-third {
        width: 100%;
        max-width: 350px;
    }

        .cripto-team-single.one-third:nth-child(3) {
            margin: 10px;
        }

        .cripto-team-single.one-third:nth-child(4), .cripto-team-single.one-third:nth-child(5) {
            margin-top: unset !important;
        }

    .cripto-team-member {
        padding: 50px 0px;
    }

        .cripto-team-member .bit-sub {
            font-size: 24px;
            padding: 5px 25px 5px 0px;
        }

        .cripto-team-member .bit-data-watermark h2 {
            font-size: 70px;
        }

    .cripto-team-single, .one-third {
        width: 100%;
        max-width: 350px;
    }
}

.cripto-contacts-area {
    padding: 110px 0px;
    background: var(--bit-gradient);
    overflow: hidden;
}

    .cripto-contacts-area .bit-data-watermark {
        right: calc(0px - 300px);
    }

.cripto-contacts-from, .cripto-contacts, .cripto-contacts-map {
    max-width: 960px;
    margin: 0 auto;
}

.cripto-contacts-heading {
    max-width: 650px;
    margin: 0 auto 50px;
}

    .cripto-contacts-heading p {
        color: var(--white);
        line-height: 1.5;
        margin-bottom: 0px;
    }

.cripto-contacts {
    padding: 30px 50px;
    border-radius: 5px;
    background: var(--white-water-color);
    margin-bottom: 30px;
}

    .cripto-contacts ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .cripto-contacts ul li {
            display: flex;
            align-items: center;
            margin-left: 25px;
            font-family: var(--ff-secondary);
            font-weight: 500;
            font-size: 16px;
            line-height: 1.5;
            color: var(--white);
        }

            .cripto-contacts ul li a {
                color: var(--white);
            }

            .cripto-contacts ul li:first-child {
                margin-left: 0px;
            }

            .cripto-contacts ul li i {
                font-size: 25px;
                display: block;
                margin-right: 20px;
                background: var(--success-gradient);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

.cripto-contacts-from {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .cripto-contacts-from .btn {
        border-radius: 5px;
        margin-top: 20px;
    }

.cripto-contact-group, .input-text-group {
    width: calc(100% / 2 - 10px);
}

.cripto-contact-group {
    margin-right: 20px;
}

    .cripto-contact-group .input-group input {
        width: 100%;
        background: var(--white-water-color);
        border: 1px solid var(--title-border);
        box-sizing: border-box;
        border-radius: 5px;
        padding: 15px 30px;
        color: var(--white);
    }

        .cripto-contact-group .input-group input::placeholder {
            color: var(--white);
        }

        .cripto-contact-group .input-group input:focus {
            border-color: var(--theme-sky);
        }

    .cripto-contact-group .input-group.mb-20 {
        margin-bottom: 20px;
    }

.input-text-group textarea {
    width: 100%;
    background: var(--white-water-color);
    border: 1px solid var(--title-border);
    border-radius: 5px;
    padding: 15px 30px;
    color: var(--white);
    height: 125px;
}

    .input-text-group textarea::placeholder {
        color: var(--white);
    }

    .input-text-group textarea:focus {
        border-color: var(--theme-sky);
    }

.cripto-contacts-from {
    margin-bottom: 70px;
}

.cripto-contacts-map {
    overflow: hidden;
}

    .cripto-contacts-map #gmap_canvas {
        border-radius: 10px;
    }

.cripto-contacts-area {
    position: relative;
    z-index: 1;
}

    .cripto-contacts-area .cripto-contacts-shape {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

@media all and (max-width: 1750px) {
    .cripto-faq-area .bit-data-watermark, .cripto-contacts-area .bit-data-watermark {
        right: unset;
        top: -10px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg);
    }

        .cripto-faq-area .bit-data-watermark h2, .cripto-contacts-area .bit-data-watermark h2 {
            font-size: 90px;
        }

    .cripto-faq-area .bit-sub, .cripto-contacts-area .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px;
    }
}

@media all and (max-width: 991px) {
    .cripto-faq-area, .cripto-contacts-area {
        padding: 80px 0px;
    }

        .cripto-faq-area .bit-title, .cripto-contacts-area .bit-title {
            font-size: 30px;
            margin-bottom: 10px;
        }

    .cripto-single-accordion.active .cripto-accordion-head {
        padding-top: 25px;
    }

        .cripto-single-accordion.active .cripto-accordion-head::after {
            top: 25px;
        }

    .cripto-accordion-head {
        padding: 20px 50px 20px 25px;
    }

    .cripto-accordion-body {
        padding: 0px 25px 25px;
    }

    .cripto-contacts {
        padding: 30px;
    }

        .cripto-contacts ul {
            flex-wrap: wrap;
        }

            .cripto-contacts ul li {
                padding-bottom: 15px;
            }

                .cripto-contacts ul li:last-child {
                    margin-left: 0px;
                    padding-bottom: 0px;
                }

    .cripto-contacts-from {
        margin-bottom: 30px !important;
    }

        .cripto-contacts-from .btn {
            flex: unset;
            margin-top: 20px;
        }

    .input-text-group {
        width: calc(100% / 2 - 20px);
        margin-right: 0px;
    }

    .cripto-contact-group {
        width: calc(100% / 2 - 20px);
        margin-right: 20px;
    }
}

@media all and (max-width: 767px) {
    .cripto-contacts ul {
        align-items: flex-start;
        flex-direction: column;
    }

        .cripto-contacts ul li {
            margin-left: 0px;
        }

    .input-text-group {
        width: 100%;
        margin-right: 0px;
    }

    .cripto-contact-group {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

@media all and (max-width: 575px) {
    .cripto-accordion-head h6, .cripto-contacts-area h6 {
        font-size: 16px;
    }

    .cripto-contacts-area .bit-sub {
        padding: 5px 25px 5px 0px;
    }

    .cripto-contacts-area .bit-data-watermark h2 {
        font-size: 70px;
    }

    .cripto-faq-area, .cripto-contacts-area {
        padding: 50px 0px;
    }

    .cripto-contacts-map #gmap_canvas {
        height: 350px;
    }

    .cripto-contacts-shape {
        display: none;
    }
}

body.hidden {
    overflow: hidden;
}

.mt-70 {
    margin-top: 70px;
}

.demo-click {
    position: fixed;
    top: 50%;
    right: -47px;
    transform: translateY(-50%) rotate(90deg);
    background: #0B668D;
    border-radius: 0px 0px 10px 10px;
    padding: 7px 18px;
    z-index: 9999;
    cursor: pointer;
}

    .demo-click span {
        font-family: var(--ff-secondary);
        font-size: 18px;
        line-height: 2px;
        letter-spacing: 0.4em;
        color: #FFFFFF;
    }

.demo-popup-area {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow-y: auto;
    z-index: -999;
    padding: 70px 0px;
    background: rgba(13,25,48,0.85);
    backdrop-filter: blur(15px);
    opacity: 0;
}

    .demo-popup-area.show-popup {
        opacity: 1;
        z-index: 9999999;
    }

.demo-popup-wrapper {
    position: relative;
}

.demo-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

    .demo-popup-close img, .demo-popup-close svg {
        max-width: 18px;
        max-height: 18px;
    }

.demo-popup-heading {
    margin-bottom: 40px;
}

    .demo-popup-heading h2 {
        font-family: var(--ff-primary);
        font-weight: 800;
        font-size: 48px;
        line-height: 1;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .demo-popup-heading p {
        font-family: var(--ff-primary);
        font-weight: 600;
        font-size: 24px;
        line-height: 1.2;
        color: #F73859;
    }

.demo-popup-gallery {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 40px 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.demo-popup-single {
    text-align: center;
}

    .demo-popup-single .demo-popup-img {
        position: relative;
        display: block;
        margin-bottom: 20px;
        transition: .4s ease-in;
    }

        .demo-popup-single .demo-popup-img:after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: rgba(13,25,48,0.2);
            backdrop-filter: blur(15px);
            transition: .2s ease-in;
            opacity: 0;
            pointer-events: none;
        }

        .demo-popup-single .demo-popup-img .demo-new {
            max-width: 60px;
            position: absolute;
            right: 15px;
            bottom: -20px;
            z-index: 9;
        }

    .demo-popup-single.dps-overlay .demo-popup-img:after {
        opacity: 1;
        pointer-events: unset;
    }

    .demo-popup-single a {
        color: #fff;
        display: block;
        font-size: 20px;
        font-family: var(--ff-primary);
        transition: .4s ease-in;
        font-weight: 500;
    }

    .demo-popup-single:hover .demo-popup-img {
        transform: translateY(-5px);
    }

    .demo-popup-single:hover a {
        color: #F73859;
        transform: translateY(-5px);
    }

@media screen and (max-width: 991px) {
    .demo-popup-gallery {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .demo-popup-heading h2 {
        font-size: 35px;
    }

    .demo-popup-heading p {
        font-size: 20px;
    }

    .demo-popup-single .demo-popup-img {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .demo-popup-gallery {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 575px) {
    .demo-popup-gallery {
        grid-template-columns: 1fr;
    }

    .demo-popup-area {
        padding: 35px 0px;
    }

    .demo-popup-close {
        right: 10px;
    }

    .demo-popup-single {
        max-width: 325px;
    }
}

.home-v5-tread-title-area {
    background: var(--midnight);
}

.home-v5-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    width: 100%;
    transform: translateX(0);
    background-color: var(--white);
    box-shadow: 0px 30px 30px rgba(0,0,0,0.07);
    animation-name: fadeInDown !important;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.v5-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
}

.v5-header-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 150px;
    width: 100%;
}

    .v5-header-right .h-menu-wrap .h-menu > li > a {
        font-size: 20px;
        font-family: var(--ff-primary);
        color: var(--body-color);
        position: relative;
    }

        .v5-header-right .h-menu-wrap .h-menu > li > a::before {
            position: absolute;
            content: "";
            height: 2px;
            background: var(--theme-5);
            bottom: 20px;
            left: 5px;
            border-radius: 20px;
            width: 0;
            opacity: 0;
            transition: all .3s ease-in-out;
        }

        .v5-header-right .h-menu-wrap .h-menu > li > a:hover, .v5-header-right .h-menu-wrap .h-menu > li > a.active {
            color: var(--theme-5);
        }

            .v5-header-right .h-menu-wrap .h-menu > li > a:hover::before, .v5-header-right .h-menu-wrap .h-menu > li > a.active::before {
                opacity: 1;
                width: 20px;
            }

.h5-h-btn a {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--ff-primary);
}

@media screen and (max-width: 1400px) {
    .v5-header-right {
        padding: 0;
        justify-content: flex-end;
        width: 100%;
    }

        .v5-header-right .h-menu-wrap .h-menu li {
            margin-right: 10px;
        }
}

@media screen and (max-width: 1199px) {
    .v5-header-right {
        justify-content: flex-end;
        max-width: 100%;
    }
}

.v5-heroa-rea {
    background: var(--midnight);
    padding: 170px 0px;
    position: relative;
    z-index: 1;
}

.v5-hero-thumb {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.v5-hero-content {
    max-width: 100% !important;
}

    .v5-hero-content .title {
        max-width: 650px;
    }

        .v5-hero-content .title h4 {
            color: var(--theme-5) !important;
        }

    .v5-hero-content .v5-hero-btn {
        margin-top: 30px;
    }

    .v5-hero-content .home-v7-timeOut {
        max-width: 480px;
    }

@media screen and (max-width: 1350px) {
    .v5-hero-thumb {
        max-width: 900px;
    }
}

@media screen and (max-width: 1199px) {
    .v5-heroa-rea {
        padding: 90px 0px;
    }

    .v5-hero-content .title {
        max-width: 500px;
    }

    .v5-hero-thumb {
        max-width: 700px;
    }
}

@media screen and (max-width: 991px) {
    .v5-heroa-rea {
        padding: 70px 0px;
    }

    .v5-hero-thumb {
        max-width: 500px;
    }
}

@media screen and (max-width: 767px) {
    .v5-heroa-rea {
        padding: 50px 0px;
    }

    .v5-hero-thumb {
        max-width: 700px;
        position: unset;
        transform: translateY(0);
    }

    .v5-hero-content {
        text-align: center;
        margin-bottom: 20px;
    }

        .v5-hero-content .title {
            margin: 0 auto;
        }

        .v5-hero-content .home-v7-timeOut {
            margin: 30px auto 0px;
        }

            .v5-hero-content .home-v7-timeOut .counter {
                display: flex;
                justify-content: center;
            }
}

.v5-section-title {
    margin-bottom: 40px;
}

    .v5-section-title > span {
        font-family: var(--ff-primary);
        color: var(--theme-5);
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
    }

    .v5-section-title h2 {
        max-width: 508px;
        font-size: 36px;
        font-weight: 700;
        color: var(--midnight);
        line-height: 1.2;
        margin: 10px 0px 0px;
    }

        .v5-section-title h2 span {
            font-weight: 400;
        }

.v5-sctn-title-white h2 {
    color: var(--white);
}

@media screen and (max-width: 767px) {
    .v5-section-title {
        margin-bottom: 30px;
        text-align: center;
    }

        .v5-section-title > span {
            font-size: 20px;
        }

        .v5-section-title h2 {
            font-size: 24px;
            margin: 10px 0px 0px;
        }
}

.v5-about-wrapper {
    display: flex;
    align-items: center;
    max-width: 1365px;
    justify-content: space-between;
}

.v5-about-content {
    max-width: 720px;
    width: 100%;
    margin-right: 30px;
}

    .v5-about-content p {
        margin: 0;
        font-size: 18px;
        line-height: 1.5;
    }

    .v5-about-content ul {
        max-width: 520px;
        margin-top: 20px;
    }

        .v5-about-content ul li {
            padding-left: 25px;
            position: relative;
            font-size: 18px;
            font-weight: 700;
            color: var(--midnight);
            line-height: 1.5;
            margin-bottom: 15px;
        }

            .v5-about-content ul li:last-child {
                margin-bottom: 0;
            }

            .v5-about-content ul li span {
                color: var(--paragraph);
                font-weight: 400;
            }

            .v5-about-content ul li i {
                position: absolute;
                content: "";
                left: 0;
                top: 2px;
                color: var(--theme-5);
                font-size: 22px;
            }

    .v5-about-content .v5-section-title {
        margin-bottom: 30px;
    }

@media screen and (max-width: 991px) {
    .v5-about-wrapper {
        flex-direction: column;
    }

    .v5-about-content {
        margin-right: 0;
    }

    .v5-about-thumb {
        margin-top: 20px;
        max-width: 500px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .v5-about-content p {
        font-size: 16px;
        padding-bottom: 10px;
    }

        .v5-about-content p:last-child {
            padding-bottom: 0 !important;
        }

    .v5-about-content ul {
        margin-top: 5px;
    }

        .v5-about-content ul li {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 20px;
        }

            .v5-about-content ul li i {
                font-size: 18px;
            }

    .v5-about-content .v5-section-title {
        margin-bottom: 15px;
    }
}

.v5white-paper-area {
    background: var(--midnight);
}

.v5white-paper-title span {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    display: block;
    color: var(--theme-5);
}

.v5white-paper-title h2 {
    max-width: 534px;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--white);
    margin: 10px 0px 0px;
}

.v5-white-paper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-top: 20px;
}

.single-v5-wt-ppr {
    background: var(--white);
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 50px 0px;
    border-radius: 10px;
}

    .single-v5-wt-ppr:last-child {
        margin-right: 0;
    }

    .single-v5-wt-ppr:hover a span {
        color: var(--theme-5);
    }

    .single-v5-wt-ppr a {
        text-align: center;
    }

        .single-v5-wt-ppr a span {
            display: block;
            font-size: 24px;
            font-weight: 600;
            color: var(--midnight);
            margin-top: 20px;
            line-height: 1;
            transition: all .3s ease-in-out;
        }

@media screen and (max-width: 991px) {
    .v5-white-paper-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .v5-white-paper-wrapper {
        margin-top: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .v5white-paper-title span {
        font-size: 18px;
    }

    .v5white-paper-title h2 {
        max-width: 370px;
        font-size: 24px;
        margin: 7px 0px 0px;
    }

    .single-v5-wt-ppr {
        padding: 30px 0px;
    }

        .single-v5-wt-ppr a img {
            max-width: 50px;
        }

        .single-v5-wt-ppr a span {
            font-size: 18px;
            margin-top: 15px;
        }
}

@media screen and (max-width: 575px) {
    .v5-white-paper-wrapper {
        grid-gap: 10px;
        margin-top: 20px;
    }

    .single-v5-wt-ppr {
        width: 100%;
        padding: 20px 10px;
        margin: 0px;
    }

        .single-v5-wt-ppr a span {
            font-size: 16px;
            margin-top: 10px;
        }
}

.v5-token-sale-area .v5-section-title {
    margin-bottom: 60px;
}

    .v5-token-sale-area .v5-section-title h2 {
        max-width: 560px;
    }

.v5-tkn-sale-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.b5-tkn-sale {
    max-width: 690px;
    width: 100%;
    padding: 100px;
    background: var(--light-gray);
    border-radius: 10px;
    margin: 0px 20px;
}

    .b5-tkn-sale .v5counter {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 20px;
    }

        .b5-tkn-sale .v5counter .single-countdown-item {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            border-radius: 10px;
            border: 1px solid var(--body-color);
            height: 100%;
        }

            .b5-tkn-sale .v5counter .single-countdown-item .ci-inner {
                font-size: 48px;
                font-weight: 700;
                font-family: var(--ff-primary);
                color: var(--midnight);
                line-height: 1;
                margin: 0;
            }

            .b5-tkn-sale .v5counter .single-countdown-item h4 {
                color: var(--paragraph);
                font-size: 18px;
                font-weight: 400;
                font-family: var(--ff-primary);
                line-height: 1;
                margin: 0;
            }

    .b5-tkn-sale .progress {
        margin-top: 60px;
        height: 30px;
        border-radius: 46px;
        background: var(--border);
        overflow: visible;
    }

        .b5-tkn-sale .progress .progress-bar {
            border-radius: 46px;
            background: var(--theme-5);
            position: relative;
            overflow: visible;
        }

            .b5-tkn-sale .progress .progress-bar span {
                position: absolute;
                right: -10%;
                color: var(--theme-5);
                bottom: -90px;
                z-index: 999;
                font-size: 28px;
                font-weight: 600;
                font-family: var(--ff-primary);
            }

                .b5-tkn-sale .progress .progress-bar span::before {
                    position: absolute;
                    content: "";
                    height: 30px;
                    width: 1px;
                    background: var(--theme-5);
                    bottom: 100%;
                    left: 50%;
                    transform: translateX(-50%);
                    border-radius: 10px;
                }

    .b5-tkn-sale .content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 30px;
    }

        .b5-tkn-sale .content p {
            margin: 0;
            line-height: 1;
            font-size: 20px;
            color: var(--midnight);
            font-weight: 600;
        }

            .b5-tkn-sale .content p span {
                display: block;
                color: var(--paragraph);
                font-weight: 400;
                font-size: 16px;
                margin-bottom: 10px;
                line-height: 1;
            }

            .b5-tkn-sale .content p:last-child {
                text-align: right;
            }

.v5-tkn-dtls ul li {
    font-size: 24px;
    font-weight: 600;
    color: var(--midnight);
    line-height: 1;
    padding-left: 27px;
    position: relative;
    margin-bottom: 40px;
}

    .v5-tkn-dtls ul li:last-child {
        margin-bottom: 0;
    }

    .v5-tkn-dtls ul li span {
        display: block;
        font-size: 18px;
        font-weight: 500;
        color: var(--paragraph);
        line-height: 1.3;
        margin-top: 5px;
    }

    .v5-tkn-dtls ul li i {
        position: absolute;
        top: 0px;
        left: 0;
        color: var(--theme-5);
    }

@media screen and (max-width: 1400px) {
    .b5-tkn-sale {
        max-width: 500px;
        padding: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .b5-tkn-sale {
        max-width: 450px;
        padding: 30px;
    }

        .b5-tkn-sale .progress {
            margin-top: 35px;
            height: 20px;
        }

    .v5-tkn-dtls ul li {
        font-size: 20px;
        padding-left: 22px;
        margin-bottom: 20px;
    }

        .v5-tkn-dtls ul li span {
            font-size: 16px;
        }
}

@media screen and (max-width: 991px) {
    .v5-token-sale-area .v5-section-title {
        margin-bottom: 40px;
    }

    .v5-tkn-sale-wrapper {
        flex-wrap: wrap;
    }

    .b5-tkn-sale {
        max-width: 100%;
        padding: 30px;
        order: 3;
        margin: 30px 0px 0px 0px;
    }
}

@media screen and (max-width: 767px) {
    .v5-token-sale-area .v5-section-title {
        margin-bottom: 30px;
    }

    .b5-tkn-sale .v5counter .single-countdown-item .ci-inner {
        font-size: 40px;
    }

    .b5-tkn-sale .v5counter .single-countdown-item h4 {
        margin-top: 10px;
    }

    .b5-tkn-sale .progress .progress-bar span {
        right: -7%;
        bottom: -84px;
        font-size: 20px;
    }
}

@media screen and (max-width: 575px) {
    .v5-token-sale-area .v5-section-title {
        margin-bottom: 15px;
    }

    .v5-tkn-dtls {
        margin-right: 20px;
        margin-top: 15px;
    }

        .v5-tkn-dtls:last-child {
            margin-right: 0;
        }

        .v5-tkn-dtls ul li {
            font-size: 18px;
            padding-left: 20px;
            margin-bottom: 15px;
        }

    .b5-tkn-sale {
        padding: 20px;
        margin: 20px 0px 0px 0px;
    }

        .b5-tkn-sale .v5counter {
            grid-gap: 10px;
        }

            .b5-tkn-sale .v5counter .single-countdown-item .ci-inner {
                font-size: 30px;
            }

            .b5-tkn-sale .v5counter .single-countdown-item h4 {
                font-size: 16px;
                margin-top: 7px;
            }

        .b5-tkn-sale .progress {
            margin-top: 20px;
            height: 15px;
        }

            .b5-tkn-sale .progress .progress-bar span {
                right: -10%;
                bottom: -70px;
                font-size: 18px;
            }

        .b5-tkn-sale .content {
            margin-top: 20px;
        }

            .b5-tkn-sale .content p {
                font-size: 18px;
            }

                .b5-tkn-sale .content p span {
                    margin-bottom: 7px;
                }
}

@media screen and (max-width: 420px) {
    .b5-tkn-sale .v5counter {
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
}

.v5-roadmap-area {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    .v5-roadmap-area::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: var(--midnight);
        mix-blend-mode: normal;
        opacity: 0.9;
        z-index: -1;
    }

    .v5-roadmap-area .v5-section-title h2 {
        max-width: 700px;
    }

.v5-roadmap-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px 30px;
    text-align: center;
}

.single-v5-roadmap {
    position: relative;
}

    .single-v5-roadmap::before {
        position: absolute;
        content: "";
        width: calc(100% + 20px);
        height: 5px;
        background: var(--theme-5);
        top: 25%;
        right: -60%;
        z-index: -1;
    }

    .single-v5-roadmap:nth-child(4n+0)::before {
        display: none;
    }

    .single-v5-roadmap.rm-with-line::before {
        background: var(--white);
    }

    .single-v5-roadmap span {
        color: var(--theme-5);
        font-size: 20px;
        font-weight: 700;
        font-family: var(--ff-primary);
        display: block;
        line-height: 1;
    }

    .single-v5-roadmap .dot {
        margin: 25px auto;
        width: 28px;
        height: 28px;
        background: var(--white);
        border-radius: 50%;
        border: 6px solid var(--theme-5);
    }

    .single-v5-roadmap p {
        font-size: 18px;
        line-height: 1.4;
        color: var(--white);
        max-width: 233px;
        margin: 0 auto;
    }

@media screen and (max-width: 1199px) {
    .single-v5-roadmap::before {
        top: 21%;
    }
}

@media screen and (max-width: 991px) {
    .v5-roadmap-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 50px 30px;
    }

    .single-v5-roadmap:nth-child(3n+0)::before {
        display: none;
    }

    .single-v5-roadmap:nth-child(4n+0)::before {
        display: block;
    }

    .single-v5-roadmap:last-child::before {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .v5-roadmap-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px 10px;
    }

    .single-v5-roadmap::before {
        right: -55%;
        top: 24%;
    }

    .single-v5-roadmap:nth-child(3n+0)::before {
        display: block;
    }

    .single-v5-roadmap:nth-child(even)::before {
        display: none;
    }

    .single-v5-roadmap span {
        font-size: 18px;
    }

    .single-v5-roadmap .dot {
        margin: 15px auto;
        width: 24px;
        height: 24px;
        border: 5px solid var(--theme-5);
    }

    .single-v5-roadmap p {
        font-size: 16px;
    }
}

@media screen and (max-width: 575px) {
    .v5-roadmap-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .single-v5-roadmap {
        max-width: 450px;
        margin: 0 auto;
        text-align: left;
        padding-left: 50px;
    }

        .single-v5-roadmap::before {
            width: 5px;
            height: calc(100% + 25px);
            left: 10px;
        }

        .single-v5-roadmap:nth-child(even)::before {
            display: block;
        }

        .single-v5-roadmap:last-child::before {
            display: none;
        }

        .single-v5-roadmap .dot {
            margin: 0;
            position: absolute;
            left: 0px;
            top: 10px;
        }

        .single-v5-roadmap p {
            margin-top: 10px;
            max-width: 100%;
        }
}

.pblm-slutn-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.single-pblm-slutn {
    text-align: center;
    background: var(--light-gray);
    padding: 40px 15px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}

    .single-pblm-slutn:hover {
        background: var(--white);
        box-shadow: 0px 30px 30px var(--pblm-crd-shadw);
    }

        .single-pblm-slutn:hover img {
            transform: scale(1.1);
        }

    .single-pblm-slutn img {
        width: 80px;
        height: 80px;
        margin: 0 auto;
        object-fit: contain;
        transition: all .3s ease-in-out;
    }

    .single-pblm-slutn h4 {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.3;
        color: var(--midnight);
        margin-top: 20px;
        margin-bottom: 0;
    }

    .single-pblm-slutn p {
        font-size: 18px;
        font-weight: 400;
        max-width: 325px;
        margin: 20px auto 0px;
        line-height: 1.5;
    }

@media screen and (max-width: 991px) {
    .pblm-slutn-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .pblm-slutn-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .single-pblm-slutn {
        padding: 20px 15px;
    }

        .single-pblm-slutn img {
            width: 60px;
            height: 60px;
        }

        .single-pblm-slutn h4 {
            font-size: 18px;
            margin-top: 15px;
        }

        .single-pblm-slutn p {
            font-size: 16px;
            margin: 10px auto 0px;
        }
}

@media screen and (max-width: 575px) {
    .pblm-slutn-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        max-width: 450px;
        margin: 0 auto;
    }
}

.v5-team-area .v5-section-title h2 {
    max-width: 542px;
}

.v5-team-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 22px;
    padding-top: 54px;
}

.single-v5-team {
    text-align: center;
    padding: 0px 10px 40px 20px;
    transition: all .4s ease-in-out;
    position: relative;
    z-index: 1;
}

    .single-v5-team::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: var(--v5-team);
        left: 0;
        top: 0;
        z-index: -1;
        transition: all .4s ease-in-out;
        clip-path: inset(0 0 0 0);
    }

    .single-v5-team:hover {
        box-shadow: 0px 30px 30px var(--pblm-crd-shadw);
        background: var(--white);
    }

        .single-v5-team:hover::before {
            clip-path: inset(0 0 100% 0);
        }

        .single-v5-team:hover .img {
            border-color: transparent;
            border-radius: 50%;
        }

            .single-v5-team:hover .img::before {
                opacity: 1;
                transform: scale(1);
            }

    .single-v5-team .img {
        margin: -54px auto 0px;
        max-width: 172px;
        max-height: 172px;
        border: 9px solid var(--white);
        position: relative;
        transition: all .4s ease-in-out;
        border-radius: 50%;
    }

        .single-v5-team .img::before {
            position: absolute;
            content: "";
            width: calc(100% + 16px);
            height: calc(100% + 16px);
            top: -8px;
            left: -8px;
            border: 9px solid var(--theme-5);
            border-radius: 50%;
            transform: scale(0.9);
            opacity: 0;
            transition: all .4s ease-in-out;
        }

        .single-v5-team .img img {
            border-radius: 50%;
        }

    .single-v5-team .title {
        margin-top: 25px;
    }

        .single-v5-team .title a {
            display: block;
            font-size: 24px;
            font-weight: 500;
            color: var(--midnight);
            line-height: 1;
        }

        .single-v5-team .title span {
            font-size: 18px;
            color: var(--paragraph);
            font-weight: 400;
            line-height: 1;
            margin-top: 10px;
            display: block;
        }

    .single-v5-team .social {
        margin-top: 50px;
    }

        .single-v5-team .social a {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 1px solid var(--paragraph);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--paragraph);
            margin: 0px 10px;
            position: relative;
            z-index: 1;
            transition: all .4s ease-in-out;
            font-size: 15px;
        }

            .single-v5-team .social a::before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                background: var(--theme-5);
                clip-path: circle(.3% at 0 100%);
                border-radius: 50%;
                z-index: -1;
                opacity: 0;
                transition: all .4s ease-in-out;
            }

            .single-v5-team .social a:hover {
                color: var(--white);
                border-color: transparent;
            }

                .single-v5-team .social a:hover::before {
                    opacity: 1;
                    clip-path: circle(70.7% at 50% 50%);
                }

.v5-team-btn {
    margin-top: 70px;
}

@media screen and (max-width: 1199px) {
    .v5-team-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 74px 20px;
    }

    .v5-team-btn {
        margin-top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .v5-team-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .single-v5-team .img {
        max-width: 130px;
        max-height: 130px;
    }

    .single-v5-team .social {
        margin-top: 30px;
    }

        .single-v5-team .social a {
            margin: 0px 5px;
        }
}

@media screen and (max-width: 575px) {
    .v5-team-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 74px;
        max-width: 400px;
        margin: 0 auto;
    }

    .single-v5-team {
        padding: 0px 15px 20px 15px;
    }

        .single-v5-team .img {
            max-width: 130px;
            max-height: 130px;
        }

        .single-v5-team .title {
            margin-top: 15px;
        }

            .single-v5-team .title a {
                font-size: 20px;
            }

            .single-v5-team .title span {
                font-size: 16px;
                margin-top: 7px;
            }

    .v5-team-btn {
        margin-top: 30px;
    }
}

.v5-blog-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.single-v5-blog:hover .img img {
    transform: scale(0.9) rotate(-3deg);
}

.single-v5-blog:hover .content h2 a {
    text-decoration: underline !important;
    text-decoration-color: var(--theme-5) !important;
}

.single-v5-blog .img {
    border-radius: 5px;
    overflow: hidden;
}

    .single-v5-blog .img img {
        transition: all .4s ease-in-out;
        width: 100%;
    }

.single-v5-blog .content {
    max-width: 375px;
    margin: 20px auto 0px;
}

    .single-v5-blog .content h2 {
        line-height: 1;
        margin: 0;
    }

        .single-v5-blog .content h2 a {
            display: inline-block;
            font-size: 24px;
            font-weight: 500;
            color: var(--midnight);
            line-height: 1.4;
            transition: all .4s ease-in-out;
            text-decoration-skip-ink: none;
            text-underline-offset: 7px;
            text-decoration: unset;
            text-decoration-color: var(--theme-5) !important;
        }

    .single-v5-blog .content .time {
        display: flex;
        margin-top: 15px;
        align-items: center;
    }

        .single-v5-blog .content .time p {
            font-size: 16px;
            line-height: 1;
            color: var(--paragraph);
            font-weight: 400;
            padding: 0;
            margin: 0;
        }

        .single-v5-blog .content .time span {
            width: 5px;
            height: 5px;
            background: var(--theme-5);
            border-radius: 50%;
            margin: 0px 10px;
        }

@media screen and (max-width: 991px) {
    .v5-blog-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .v5-blog-wrapper {
        grid-gap: 20px;
    }

    .single-v5-blog .content {
        margin: 15px auto 0px;
    }

        .single-v5-blog .content h2 a {
            font-size: 18px;
        }

        .single-v5-blog .content .time {
            margin-top: 10px;
        }

            .single-v5-blog .content .time p {
                font-size: 15px;
            }
}

@media screen and (max-width: 575px) {
    .v5-blog-wrapper {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }
}

.v5-footer {
    position: relative;
    z-index: 1;
    padding: 70px 0px;
}

    .v5-footer::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: var(--midnight);
        opacity: 0.9;
        top: 0;
        left: 0;
        z-index: -1;
    }

.v5footer-logo p {
    color: var(--white);
    max-width: 392px;
    line-height: 1.5;
    font-size: 18px;
}

.v5footer-widget-title {
    color: var(--theme-5);
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 25px;
}

.v5footer-widget-menu li {
    font-size: 18px;
}

    .v5footer-widget-menu li a {
        transition: all .3s ease-in-out;
    }

        .v5footer-widget-menu li a:hover {
            color: var(--theme-5);
        }

.v5ftr-trams li a:hover {
    opacity: 1;
}

.v5ftr-newsltr .newsletter-widget input[type="email"] {
    border: none;
}

.v5ftr-newsltr .newsletter-widget input[type="submit"], .v5ftr-newsltr .newsletter-widget button[type="submit"] {
    background-color: var(--theme-5);
}

.v5copyright-wrapper {
    border-top: 1px solid var(--theme-5);
    padding-top: 30px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .v5copyright-wrapper .social a {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: 1px solid var(--theme-5);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        margin: 0px 10px;
        position: relative;
        z-index: 1;
        transition: all .4s ease-in-out;
        font-size: 15px;
    }

        .v5copyright-wrapper .social a:first-child {
            margin-left: 0;
        }

        .v5copyright-wrapper .social a::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background: var(--theme-5);
            clip-path: circle(.3% at 0 100%);
            border-radius: 50%;
            z-index: -1;
            opacity: 0;
            transition: all .4s ease-in-out;
        }

        .v5copyright-wrapper .social a:hover {
            color: var(--white);
            border-color: transparent;
        }

            .v5copyright-wrapper .social a:hover::before {
                opacity: 1;
                clip-path: circle(70.7% at 50% 50%);
            }

    .v5copyright-wrapper p {
        font-size: 16px;
        line-height: 1;
        margin: 0;
        padding: 0;
        color: var(--white);
    }

@media screen and (max-width: 575px) {
    .v5-footer {
        padding: 40px 0px 20px;
    }

    .v5footer-logo {
        margin-top: 0 !important;
    }

        .v5footer-logo .footer-logo {
            margin-bottom: 10px !important;
            max-width: 210px;
        }

        .v5footer-logo p {
            font-size: 16px;
            margin: 0;
        }

    .v5footer-widget {
        margin-top: 20px;
    }

    .v5footer-widget-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .v5footer-widget-menu {
        max-width: 350px;
    }

    .v5ftr-trams {
        margin-bottom: 0 !important;
    }

    .v5ftr-newsltr {
        max-width: 400px;
    }

    .v5copyright-wrapper {
        padding-top: 20px;
        justify-content: center;
    }

        .v5copyright-wrapper .social {
            margin-bottom: 20px;
        }

        .v5copyright-wrapper p {
            text-align: center;
            line-height: 1.2;
        }
}

.v6-header .home-v5-tread-title-area {
    background: var(--theme-6);
}

.v6-header .v5-header-right {
    justify-content: flex-end;
}

    .v6-header .v5-header-right .h-menu-wrap .h-menu > li:hover a {
        color: var(--theme-6);
    }

        .v6-header .v5-header-right .h-menu-wrap .h-menu > li:hover a::before {
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        }

    .v6-header .v5-header-right .h-menu-wrap .h-menu > li > a.active {
        color: var(--theme-6);
    }

        .v6-header .v5-header-right .h-menu-wrap .h-menu > li > a.active::before {
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        }

    .v6-header .v5-header-right .h-menu-wrap .h-menu > li > a::before {
        height: 12px;
        width: 23px;
        background: var(--theme-6);
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 0px;
        opacity: 1;
        transition: all .3s ease-in-out;
        clip-path: polygon(50% 100%, 0% 100%, 100% 100%);
    }

.v6-header .theme-5-btn {
    background: var(--theme-6);
    border-radius: 60px;
}

    .v6-header .theme-5-btn:hover {
        background: transparent;
        border-color: var(--theme-6);
        color: var(--theme-6);
    }

.v6-hero-area {
    background-size: cover;
    background-position: top bottom;
    background-repeat: no-repeat;
    padding: 65px 0px 180px;
}

.v6-hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.v6-hero-content {
    max-width: 517px;
    width: 100%;
}

    .v6-hero-content .title h2 {
        font-size: 60px;
        font-weight: 800;
        color: var(--white);
        margin: 0;
        padding: 0;
        line-height: 1.3;
    }

    .v6-hero-content .title h4 {
        color: var(--sky-blue);
        font-size: 30px;
        line-height: 1;
        margin: 15px 0px 0px;
    }

    .v6-hero-content .title p {
        font-size: 18px;
        font-weight: 400;
        color: var(--white);
        line-height: 1.5;
        margin: 15px 0px 30px;
    }

    .v6-hero-content .timeOut {
        margin-top: 40px;
    }

        .v6-hero-content .timeOut > h4 {
            font-size: 24px;
            font-weight: 600;
            color: var(--white);
            line-height: 1;
            margin-bottom: 20px;
        }

        .v6-hero-content .timeOut .counter {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 20px;
        }

            .v6-hero-content .timeOut .counter .single-countdown-item {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 10px;
                background: var(--light-gray);
                border: 1px solid var(--border);
                border-radius: 10px;
                height: auto;
            }

                .v6-hero-content .timeOut .counter .single-countdown-item .ci-inner {
                    color: var(--clock-clr);
                    font-size: 48px;
                    line-height: 1;
                    font-weight: 700;
                    padding: 0;
                }

                .v6-hero-content .timeOut .counter .single-countdown-item h4 {
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1;
                    color: var(--paragraph);
                    margin: 10px 0px 0px;
                }

.v6-hero-thumb {
    max-width: 770px;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .v6-hero-area {
        padding: 50px 0px 100px;
    }

    .v6-hero-wrapper {
        flex-direction: column;
    }

    .v6-hero-content {
        max-width: 100%;
    }

        .v6-hero-content .timeOut {
            max-width: 500px;
        }
}

@media screen and (max-width: 767px) {
    .v6-hero-area {
        padding: 50px 0px 50px;
    }

    .v6-hero-content .title h2 {
        font-size: 40px;
    }

    .v6-hero-content .title h4 {
        font-size: 24px;
    }

    .v6-hero-content .title p {
        margin: 15px 0px 20px;
    }

    .v6-hero-content .timeOut {
        margin-top: 30px;
        max-width: 400px;
    }

        .v6-hero-content .timeOut > h4 {
            font-size: 20px;
        }

        .v6-hero-content .timeOut .counter {
            grid-gap: 10px;
        }

            .v6-hero-content .timeOut .counter .single-countdown-item .ci-inner {
                font-size: 40px;
            }

            .v6-hero-content .timeOut .counter .single-countdown-item h4 {
                margin-top: 5px;
            }
}

@media screen and (max-width: 575px) {
    .v6-hero-content .title h2 {
        font-size: 30px;
    }

    .v6-hero-content .title h4 {
        font-size: 18px;
        margin: 10px 0px 0px;
    }

    .v6-hero-content .title p {
        font-size: 16px;
        margin: 10px 0px 20px;
    }

    .v6-hero-content .timeOut {
        margin-top: 25px;
        max-width: 320px;
    }

        .v6-hero-content .timeOut > h4 {
            font-size: 18px;
        }

        .v6-hero-content .timeOut .counter {
            grid-gap: 10px;
        }

            .v6-hero-content .timeOut .counter .single-countdown-item {
                width: 70px;
                height: 70px;
            }

                .v6-hero-content .timeOut .counter .single-countdown-item .ci-inner {
                    font-size: 30px;
                }

                .v6-hero-content .timeOut .counter .single-countdown-item h4 {
                    font-size: 16px;
                    margin: 6px 0px 0px;
                }
}

.v6-section-title {
    margin-bottom: 40px;
}

    .v6-section-title p {
        color: var(--sky-blue);
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
        margin: 0;
    }

    .v6-section-title h4 {
        max-width: 550px;
        font-size: 36px;
        font-weight: 700;
        color: var(--clock-clr);
        line-height: 1.2;
        margin: 10px 0px 0px;
    }

        .v6-section-title h4 span {
            font-weight: 400;
        }

.v6-sctn-title-white h4 {
    color: var(--white);
}

@media screen and (max-width: 767px) {
    .v6-section-title {
        margin-bottom: 30px;
        text-align: center;
    }

        .v6-section-title p {
            font-size: 20px;
            margin: 0;
        }

        .v6-section-title h4 {
            font-size: 24px;
            margin: 7px 0px 0px;
        }
}

.v6-about-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 140px;
}

.v6-about-content .v6-section-title {
    margin-bottom: 20px;
}

.v6-about-content > p {
    margin: 0px 0px 10px;
    font-size: 18px;
    line-height: 1.5;
}

.v6-about-content ul {
    max-width: 520px;
    margin-top: 20px;
}

    .v6-about-content ul li {
        padding-left: 25px;
        position: relative;
        font-size: 18px;
        font-weight: 700;
        color: var(--sky-blue);
        line-height: 1.5;
        margin-bottom: 15px;
    }

        .v6-about-content ul li:last-child {
            margin-bottom: 0;
        }

        .v6-about-content ul li span {
            color: var(--paragraph);
            font-weight: 400;
        }

        .v6-about-content ul li i {
            position: absolute;
            content: "";
            left: 0;
            top: 2px;
            color: var(--sky-blue);
            font-size: 22px;
        }

.v6-about-content a {
    margin-top: 20px;
}

.v6-about-thumb {
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

    .v6-about-thumb img {
        width: 100%;
        height: 100%;
    }

    .v6-about-thumb::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: var(--theme-6);
        opacity: 0.3;
        border-radius: 20px;
    }

    .v6-about-thumb .ply-video {
        left: 100%;
    }

@media screen and (max-width: 1199px) {
    .v6-about-wrapper {
        grid-gap: 40px;
        align-items: center;
    }

    .v6-about-thumb .ply-video {
        left: 50%;
    }
}

@media screen and (max-width: 991px) {
    .v6-about-wrapper {
        grid-gap: 30px;
        grid-template-columns: 1fr;
    }

    .v6-about-thumb {
        max-height: 500px;
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .v6-about-content .v6-section-title {
        text-align: left;
    }

    .v6-about-content a {
        margin-top: 10px;
    }
}

@media screen and (max-width: 575px) {
    .v6-about-content > p {
        font-size: 16px;
    }

    .v6-about-content ul {
        margin-top: 5px;
    }

        .v6-about-content ul li {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 20px;
        }

            .v6-about-content ul li i {
                font-size: 18px;
            }
}

.v6-tknsale-area {
    background: var(--theme-6);
    position: relative;
    z-index: 1;
}

    .v6-tknsale-area .shape-01 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
    }

    .v6-tknsale-area .shape-02 {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        max-width: 490px;
        z-index: -1;
    }

.v6-tknsale-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.v6-tknsale-content {
    max-width: 626px;
    width: 100%;
    margin-right: 30px;
}

    .v6-tknsale-content .v6-tkn-dtls ul li {
        color: var(--white);
    }

        .v6-tknsale-content .v6-tkn-dtls ul li:nth-child(3) {
            margin-bottom: 0;
        }

        .v6-tknsale-content .v6-tkn-dtls ul li span {
            color: var(--border);
        }

        .v6-tknsale-content .v6-tkn-dtls ul li i {
            color: var(--sky-blue);
        }

    .v6-tknsale-content .v6-tknsale-dcption {
        margin-top: 40px;
    }

        .v6-tknsale-content .v6-tknsale-dcption h4 {
            color: var(--white);
            font-size: 24px;
            font-weight: 700;
            line-height: 1;
            margin: 0;
            padding-bottom: 5px;
        }

        .v6-tknsale-content .v6-tknsale-dcption p {
            color: var(--white);
            font-size: 18px;
            line-height: 1.5;
            margin: 15px 0px 0px;
        }

        .v6-tknsale-content .v6-tknsale-dcption a {
            margin-top: 30px;
        }

@media screen and (max-width: 1400px) {
    .v6-roadmap-area {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1199px) {
    .v6-tknsale-area .shape-02 {
        max-width: 290px;
    }
}

@media screen and (max-width: 991px) {
    .v6-tknsale-area .shape-02 {
        top: auto;
        transform: translateY(0);
        bottom: 10%;
        max-width: 390px;
    }

    .v6-tknsale-wrapper {
        flex-direction: column;
    }

    .v6-tknsale-content {
        max-width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .v6-tknsale-area .shape-02 {
        display: none;
    }

    .v6-tknsale-content .v6-section-title {
        text-align: left;
    }

    .v6-tknsale-content .column-count-2 {
        column-count: 2;
    }
}

@media screen and (max-width: 575px) {
    .v6-tknsale-content .v6-section-title {
        text-align: left;
    }

    .v6-tknsale-content .column-count-2 {
        column-count: 1;
    }

    .v6-tknsale-content .v6-tkn-dtls ul li:nth-child(3) {
        margin-bottom: 15px;
    }

    .v6-tknsale-content .v6-tknsale-dcption {
        margin-top: 25px;
    }

        .v6-tknsale-content .v6-tknsale-dcption h4 {
            font-size: 20px;
        }

        .v6-tknsale-content .v6-tknsale-dcption p {
            font-size: 16px;
            margin: 10px 0px 0px;
        }

        .v6-tknsale-content .v6-tknsale-dcption a {
            margin-top: 20px;
        }
}

.v6-roadmap-title {
    max-width: 650px;
    margin: 0 auto;
}

    .v6-roadmap-title .v6-section-title h4 {
        max-width: 650px;
        text-decoration: underline;
        text-underline-offset: 5px;
        text-decoration-thickness: from-font;
    }

.v6-roadmep-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.v6-rdmp-line {
    width: 100%;
    height: 7px;
    background: var(--sky-blue);
    border-radius: 20px;
    position: relative;
    z-index: -1;
}

.v6-roadmap-items-top, .v6-roadmap-items-bottom {
    display: grid;
    grid-gap: 25px;
}

.v6-roadmap-items-top {
    grid-template-columns: repeat(4, 1fr);
}

    .v6-roadmap-items-top .v6-single-rdmp-item {
        padding-bottom: 100px;
    }

        .v6-roadmap-items-top .v6-single-rdmp-item::before {
            bottom: 0;
        }

        .v6-roadmap-items-top .v6-single-rdmp-item .dot {
            bottom: -18px;
        }

.v6-roadmap-items-bottom {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1020px;
    margin: 0 130px;
}

    .v6-roadmap-items-bottom .v6-single-rdmp-item {
        padding-top: 100px;
    }

        .v6-roadmap-items-bottom .v6-single-rdmp-item::before {
            top: 0;
        }

        .v6-roadmap-items-bottom .v6-single-rdmp-item .dot {
            top: -18px;
        }

.v6-single-rdmp-item {
    position: relative;
}

    .v6-single-rdmp-item::before {
        position: absolute;
        content: "";
        height: 100px;
        border: 1px dashed var(--sky-blue);
        left: 50%;
        transform: translateX(-50%);
    }

    .v6-single-rdmp-item .dot {
        width: 28px;
        height: 28px;
        background-color: var(--white);
        border: 7px solid var(--sky-blue);
        border-radius: 50%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9;
    }

.v6-rdmp-inner {
    background: var(--roadmap-item-bg);
    padding: 30px;
    text-align: center;
}

    .v6-rdmp-inner span {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        color: var(--sky-blue);
        line-height: 1;
    }

    .v6-rdmp-inner p {
        font-size: 18px;
        line-height: 1.5;
        color: var(--paragraph);
        margin: 0;
        padding-top: 10px;
    }

@media screen and (max-width: 1199px) {
    .v6-roadmap-items-top .v6-single-rdmp-item {
        padding-bottom: 70px;
    }

    .v6-roadmap-items-bottom .v6-single-rdmp-item {
        padding-top: 70px;
    }

    .v6-single-rdmp-item::before {
        height: 70px;
    }
}

@media screen and (max-width: 991px) {
    .v6-roadmep-wrapper {
        flex-direction: row;
    }

    .v6-roadmap-items-top, .v6-roadmap-items-bottom {
        display: grid;
        grid-gap: 25px;
        grid-template-columns: 1fr;
    }

        .v6-roadmap-items-top .v6-single-rdmp-item {
            padding-bottom: 0px;
            padding-right: 30px;
        }

            .v6-roadmap-items-top .v6-single-rdmp-item .dot {
                left: auto;
                top: 50%;
                right: -13px;
                transform: translate(0, -50%);
            }

            .v6-roadmap-items-top .v6-single-rdmp-item::before {
                bottom: 50%;
                right: 0px;
            }

    .v6-roadmap-items-bottom {
        max-width: 100%;
        margin: 130px 0px;
    }

        .v6-roadmap-items-bottom .v6-single-rdmp-item {
            padding-top: 0;
            padding-left: 30px;
        }

            .v6-roadmap-items-bottom .v6-single-rdmp-item .dot {
                top: 50%;
                left: -13px;
                transform: translate(0, -50%);
            }

            .v6-roadmap-items-bottom .v6-single-rdmp-item::before {
                top: 50%;
                left: 0;
            }

    .v6-rdmp-line {
        width: 20px;
        height: auto;
        background: var(--sky-blue);
        border-radius: 20px;
        position: relative;
        z-index: -1;
    }

    .v6-single-rdmp-item {
        position: relative;
    }

        .v6-single-rdmp-item::before {
            height: 1px;
            width: 30px;
            left: auto;
            transform: translateX(0%);
        }

        .v6-single-rdmp-item .dot {
            width: 20px;
            height: 20px;
            border: 5px solid var(--sky-blue);
        }
}

@media screen and (max-width: 575px) {
    .v6-roadmep-wrapper {
        flex-direction: column;
        position: relative;
        max-width: 450px;
        margin: 0 auto;
    }

    .v6-rdmp-line {
        width: 5px;
        z-index: 1;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
    }

    .v6-roadmap-items-top, .v6-roadmap-items-bottom {
        grid-gap: 20px;
    }

        .v6-roadmap-items-top .v6-single-rdmp-item {
            padding: 0px 0px 0px 30px;
        }

            .v6-roadmap-items-top .v6-single-rdmp-item::before {
                right: auto;
                left: 0;
            }

            .v6-roadmap-items-top .v6-single-rdmp-item .dot {
                left: -7px;
                right: auto;
            }

    .v6-roadmap-items-bottom {
        margin: 20px 0px 0px;
    }

        .v6-roadmap-items-bottom .v6-single-rdmp-item .dot {
            left: -8px;
        }

    .v6-rdmp-inner span {
        font-size: 18px;
    }

    .v6-rdmp-inner p {
        font-size: 16px;
        line-height: 1.5;
        color: var(--paragraph);
        margin: 0;
        padding-top: 5px;
    }
}

.v6-work-area {
    padding: 200px 0px 100px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

    .v6-work-area .shape {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0;
        z-index: -1;
        left: 0;
    }

.work-video {
    max-width: 1000px;
    margin: 100px auto 0px;
}

    .work-video .thumb {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }

        .work-video .thumb img {
            width: 100%;
        }

        .work-video .thumb::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: var(--clock-clr);
            opacity: 0.6;
            border-radius: 10px;
        }

    .work-video p {
        text-align: center;
        color: var(--white);
        font-size: 18px;
        line-height: 1.5;
        max-width: 821px;
        margin: 40px auto 0px;
    }

@media screen and (max-width: 1199px) {
    .v6-work-area {
        padding: 170px 0px 100px;
    }
}

@media screen and (max-width: 991px) {
    .v6-work-area {
        padding: 170px 0px 70px;
    }

    .work-video {
        margin: 70px auto 0px;
    }
}

@media screen and (max-width: 767px) {
    .work-video {
        margin: 50px auto 0px;
    }

        .work-video p {
            margin-top: 20px;
        }

    .v6-work-area {
        padding: 180px 0px 50px;
    }
}

@media screen and (max-width: 575px) {
    .work-video {
        margin: 40px auto 0px;
    }

        .work-video p {
            font-size: 16px;
        }
}

.v6-team-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
}

.single-v6-team {
    background: var(--light-gray);
    padding: 50px 30px;
    text-align: center;
    transition: all .4s ease-in-out;
}

    .single-v6-team:hover {
        box-shadow: 0px 30px 30px var(--pblm-crd-shadw);
        background: var(--white);
    }

        .single-v6-team:hover .member .shape img, .single-v6-team:hover .member .shape svg {
            transform: scale(1.05);
        }

            .single-v6-team:hover .member .shape img path, .single-v6-team:hover .member .shape svg path {
                fill: var(--sky-blue);
            }

    .single-v6-team .title h4 {
        margin: 0;
        line-height: 1;
    }

        .single-v6-team .title h4 a {
            display: block;
            color: var(--clock-clr);
            font-size: 24px;
            font-weight: 500;
            line-height: 1;
        }

    .single-v6-team .title span {
        color: var(--paragraph);
        font-weight: 400;
        font-size: 18px;
        display: block;
        line-height: 1;
        margin-top: 10px;
    }

    .single-v6-team .member {
        margin-top: 30px;
        position: relative;
        z-index: 1;
    }

        .single-v6-team .member img {
            border-radius: 90px 125px 85px 140px;
        }

        .single-v6-team .member .shape {
            position: absolute;
            top: -6px;
            left: -4px;
            width: calc(100% + 20px);
            z-index: -1;
        }

            .single-v6-team .member .shape img, .single-v6-team .member .shape svg {
                transition: all .4s ease-in-out;
            }

                .single-v6-team .member .shape img path, .single-v6-team .member .shape svg path {
                    transition: all .4s ease-in-out;
                }

    .single-v6-team .social {
        margin-top: 30px;
    }

        .single-v6-team .social a {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 1px solid var(--paragraph);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--paragraph);
            margin: 0px 6px;
            position: relative;
            z-index: 1;
            transition: all .4s ease-in-out;
            font-size: 15px;
        }

            .single-v6-team .social a::before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                background: var(--sky-blue);
                clip-path: circle(.3% at 0 100%);
                border-radius: 50%;
                z-index: -1;
                opacity: 0;
                transition: all .4s ease-in-out;
            }

            .single-v6-team .social a:hover {
                color: var(--white);
                border-color: transparent;
            }

                .single-v6-team .social a:hover::before {
                    opacity: 1;
                    clip-path: circle(70.7% at 50% 50%);
                }

@media screen and (max-width: 1199px) {
    .v6-team-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 991px) {
    .v6-team-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .v6-team-wrapper {
        grid-gap: 20px;
    }

    .single-v6-team {
        padding: 30px 20px;
    }

        .single-v6-team .title h4 a {
            font-size: 20px;
        }

        .single-v6-team .title span {
            font-size: 16px;
            margin-top: 6px;
        }
}

@media screen and (max-width: 575px) {
    .v6-team-area .v6-section-title {
        max-width: 400px;
        margin: 0px auto 30px;
    }

    .v6-team-wrapper {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }

    .single-v6-team .social {
        margin-top: 20px;
    }

        .single-v6-team .social a {
            width: 30px;
            height: 30px;
            margin: 0px 5px;
            font-size: 14px;
        }
}

.single-v6-blog {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

    .single-v6-blog::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background: var(--v6-blog);
        opacity: 0.6;
        border-radius: 10px;
        z-index: 9;
    }

    .single-v6-blog:hover .img img {
        transform: scale(1.1) rotate(2deg);
    }

    .single-v6-blog:hover .content h2 a {
        text-decoration-color: var(--sky-blue) !important;
    }

    .single-v6-blog .img img {
        transition: all .6s ease-in-out;
    }

    .single-v6-blog .content {
        width: 100%;
        margin: 0;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
        padding: 0px 20px;
    }

        .single-v6-blog .content h2 a {
            color: var(--white);
            text-decoration-color: var(--sky-blue) !important;
        }

        .single-v6-blog .content .time p {
            color: var(--white);
        }

        .single-v6-blog .content .time span {
            background: var(--sky-blue);
        }

@media screen and (max-width: 767px) {
    .single-v6-blog .content {
        bottom: 20px;
        padding: 0px 15px;
    }
}

.v6-contact-area {
    background: var(--light-gray);
}

.v6-contact-wrapper {
    max-width: 700px;
    margin: 0 auto;
}

.v6-contact-title h2 {
    font-weight: 700;
    color: var(--clock-clr);
    line-height: 1;
    font-size: 30px;
    margin: 0;
}

.v6-contact-title p {
    line-height: 1.5;
    font-size: 18px;
    color: var(--paragraph);
    margin-top: 5px;
    max-width: 481px;
    margin-bottom: 0;
}

.v6-contact-form {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

    .v6-contact-form .input-fild input {
        background: var(--white);
        border: 1px solid var(--w-light);
        margin-bottom: 20px;
        height: 52px;
        border-radius: 5px;
    }

    .v6-contact-form .textarea textarea {
        background: var(--white);
        border: 1px solid var(--w-light);
        height: 124px;
        border-radius: 5px;
    }

@media screen and (max-width: 767px) {
    .v6-contact-form {
        margin-top: 20px;
        grid-template-columns: 1fr;
        grid-gap: 0px;
    }

        .v6-contact-form .input-fild input {
            margin-bottom: 10px;
        }

    .v6-contact-button {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 575px) {
    .v6-contact-title h2 {
        font-size: 24px;
    }

    .v6-contact-title p {
        font-size: 16px;
    }
}

.v6-footer {
    padding: 0;
}

    .v6-footer::before {
        display: none;
    }

.v6-footer-area {
    background-color: var(--theme-6);
    padding: 70px 0px;
}

    .v6-footer-area .v5footer-logo .social {
        margin-top: 25px;
    }

        .v6-footer-area .v5footer-logo .social a {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 1px solid var(--white);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--white);
            margin-right: 20px;
            position: relative;
            z-index: 1;
            transition: all .4s ease-in-out;
            font-size: 15px;
        }

            .v6-footer-area .v5footer-logo .social a::before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                background: var(--sky-blue);
                clip-path: circle(.3% at 0 100%);
                border-radius: 50%;
                z-index: -1;
                opacity: 0;
                transition: all .4s ease-in-out;
            }

            .v6-footer-area .v5footer-logo .social a:hover {
                color: var(--white);
                border-color: transparent;
            }

                .v6-footer-area .v5footer-logo .social a:hover::before {
                    opacity: 1;
                    clip-path: circle(70.7% at 50% 50%);
                }

    .v6-footer-area .v5footer-widget-title {
        color: var(--sky-blue);
    }

    .v6-footer-area .v5ftr-newsltr .newsletter-widget input[type="submit"], .v6-footer-area .v5ftr-newsltr .newsletter-widget button[type="submit"] {
        background-color: var(--sky-blue);
    }

    .v6-footer-area .footer-widget-menu li a:hover {
        color: var(--sky-blue);
    }

    .v6-footer-area .v5ftr-trams li a {
        color: var(--white);
    }

        .v6-footer-area .v5ftr-trams li a:hover {
            color: var(--white);
        }

.v6-copyright-sec {
    background-color: var(--clock-clr);
    padding: 15px 0px;
}

    .v6-copyright-sec p {
        color: var(--white);
        text-align: center;
        font-size: 16px;
        line-height: 1.4;
        margin: 0;
    }

@media screen and (max-width: 1199px) {
    .v6-footer-area .v5footer-logo {
        margin-bottom: 30px;
    }

    .v6-footer-area .v5ftr-trams.mb-4 {
        margin-bottom: 0 !important;
    }
}

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

@media screen and (max-width: 575px) {
    .v6-footer-area {
        padding: 40px 0px;
    }

        .v6-footer-area .v5footer-logo {
            margin-bottom: 0px;
        }

            .v6-footer-area .v5footer-logo .social {
                margin-top: 15px;
            }

                .v6-footer-area .v5footer-logo .social a {
                    font-size: 15px;
                    font-size: 15px;
                }

        .v6-footer-area .newsletter-widget {
            margin-bottom: 0 !important;
        }
}

.home-v7-tread-title-area {
    background-color: var(--theme-7);
}

.v7-header .h-menu-wrap .h-menu > li:hover > a {
    color: var(--theme-7);
}

.v7-header .h-menu-wrap .h-menu > li > a::before {
    display: none;
}

.v7-header .h-menu-wrap .h-menu > li > a.active {
    color: var(--theme-7);
}

.v7-header .v5-header-right {
    padding-left: 130px;
}

.v7-header-btn .signin {
    background-color: var(--light-gray);
    margin-right: -5px;
}

    .v7-header-btn .signin:hover {
        background-color: var(--light-gray);
        border-color: transparent;
        color: transparent;
    }

@media screen and (max-width: 1400px) {
    .v7-header .v5-header-right {
        justify-content: flex-end;
        padding-left: 0;
    }
}

.v7-hero-area {
    padding: 120px 0px;
}

.v7-hero-content {
    max-width: 510px;
}

    .v7-hero-content .title h2 {
        color: var(--clock-clr);
    }

    .v7-hero-content .title h4 {
        color: var(--theme-7);
    }

    .v7-hero-content .title p {
        color: var(--paragraph);
    }

    .v7-hero-content .home-v7-timeOut > h4 {
        color: var(--clock-clr);
    }

    .v7-hero-content .home-v7-timeOut .counter .single-countdown-item {
        padding: 20px;
        background: transparent;
        width: 110px;
        height: 110px;
        border-radius: 50%;
        position: relative;
        border-width: 3px;
        border-color: var(--theme-7);
    }

        .v7-hero-content .home-v7-timeOut .counter .single-countdown-item .ci-inner {
            font-size: 40px;
        }

        .v7-hero-content .home-v7-timeOut .counter .single-countdown-item h4 {
            font-size: 16px;
            margin: 5px 0px 0px;
        }

@media screen and (max-width: 1199px) {
    .v7-hero-area {
        padding: 90px 0px;
    }
}

@media screen and (max-width: 991px) {
    .v7-hero-area {
        padding: 70px 0px;
    }

    .v7-hero-content {
        max-width: 100%;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .v7-hero-area {
        padding: 50px 0px;
    }

    .v7-hero-content {
        margin-bottom: 30px;
    }

        .v7-hero-content .home-v7-timeOut .counter .single-countdown-item {
            width: 100px;
            height: 100px;
        }

            .v7-hero-content .home-v7-timeOut .counter .single-countdown-item:last-child::before {
                width: 50px;
                height: 56px;
            }

            .v7-hero-content .home-v7-timeOut .counter .single-countdown-item .ci-inner {
                font-size: 34px;
            }
}

@media screen and (max-width: 575px) {
    .v7-hero-content .timeOut .counter {
        grid-gap: 10px;
        display: flex;
        flex-wrap: wrap;
    }

        .v7-hero-content .timeOut .counter .single-countdown-item {
            border-width: 2px;
            width: 90px;
            height: 90px;
        }

            .v7-hero-content .timeOut .counter .single-countdown-item:last-child::before {
                width: 46px;
                height: 52px;
                top: -2px;
                right: -2px;
            }

            .v7-hero-content .timeOut .counter .single-countdown-item .ci-inner {
                font-size: 30px;
            }
}

.theme-7-clr {
    color: var(--theme-7);
}

.v7-about-area {
    background-color: var(--light-gray);
}

.v7-abt-wrapper {
    display: flex;
    justify-content: space-between;
}

.v7-abt-content {
    max-width: 612px;
    width: 100%;
    margin-right: 30px;
}

    .v7-abt-content p {
        font-size: 18px;
        line-height: 1.5;
        color: var(--clock-clr);
        margin-bottom: 20px;
    }

        .v7-abt-content p:last-child {
            margin-bottom: 0;
        }

.v7-abt-list ul {
    margin-top: 0;
}

    .v7-abt-list ul li {
        color: var(--theme-7);
    }

        .v7-abt-list ul li i {
            color: var(--theme-7);
        }

.v7-abt-list a {
    margin-top: 30px;
}

.abt-vdo-sec {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 40px;
}

    .abt-vdo-sec::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: var(--abt-vdo-overlay);
        opacity: 0.7;
        z-index: 2;
    }

    .abt-vdo-sec .ply-video::before, .abt-vdo-sec .ply-video::after {
        background-color: var(--theme-7);
        z-index: -1;
    }

@media screen and (max-width: 1199px) {
    .v7-abt-content {
        max-width: 500px;
    }
}

@media screen and (max-width: 767px) {
    .v7-abt-wrapper {
        flex-direction: column;
    }

    .v7-abt-content {
        margin-right: 0;
    }

    .v7-abt-list {
        margin-top: 30px;
    }

        .v7-abt-list a {
            margin-top: 20px;
        }

    .abt-vdo-sec {
        height: 150px;
        margin-top: 30px;
        border-radius: 10px;
    }

        .abt-vdo-sec img {
            height: 100%;
            object-fit: cover;
        }
}

@media screen and (max-width: 575px) {
    .v7-abt-content p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .v7-abt-list {
        margin-top: 20px;
    }
}

.v7-tknsale-list-wrapper {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
}

.sngle-tknlist-v7 {
    background: var(--light-gray);
    padding: 40px 50px;
}

    .sngle-tknlist-v7 p {
        padding-left: 26px;
        position: relative;
        font-size: 24px;
        color: var(--clock-clr);
        font-weight: 600;
        line-height: 1.4;
        margin: 0;
    }

        .sngle-tknlist-v7 p span {
            display: block;
            font-weight: 400;
            color: var(--paragraph);
            font-size: 18px;
            margin-top: 5px;
        }

        .sngle-tknlist-v7 p i {
            position: absolute;
            color: var(--theme-7);
            left: 0px;
            font-size: 24px;
            top: 0;
        }

.v7-tknsale-dec-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.v7-tknsale-dec {
    max-width: 612px;
    width: 100%;
    margin-right: 30px;
}

    .v7-tknsale-dec h4 {
        font-size: 24px;
        line-height: 1;
        color: var(--clock-clr);
        font-weight: 700;
        margin-bottom: 20px;
    }

    .v7-tknsale-dec p {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 15px;
    }

        .v7-tknsale-dec p:last-child {
            margin-bottom: 0;
        }

.b7-tkn-sale {
    padding: 0;
    background: transparent;
    max-width: 500px;
    width: 100%;
}

    .b7-tkn-sale .v5counter .single-countdown-item {
        border-color: var(--theme-7);
    }

        .b7-tkn-sale .v5counter .single-countdown-item .ci-inner {
            color: var(--theme-7);
        }

    .b7-tkn-sale .progress {
        margin-top: 40px;
        height: 15px;
    }

        .b7-tkn-sale .progress .progress-bar {
            background: var(--theme-7);
        }

            .b7-tkn-sale .progress .progress-bar span {
                color: var(--theme-7);
                font-size: 24px;
                bottom: -85px;
            }

                .b7-tkn-sale .progress .progress-bar span::before {
                    background: var(--theme-7);
                }

@media screen and (max-width: 1199px) {
    .sngle-tknlist-v7 {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 991px) {
    .v7-tknsale-list-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .v7-tknsale-dec-wrapper {
        flex-direction: column;
    }

    .v7-tknsale-dec {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .v7-tknsale-list-wrapper {
        grid-gap: 20px;
    }

    .sngle-tknlist-v7 p {
        padding-left: 20px;
        font-size: 18px;
    }

        .sngle-tknlist-v7 p i {
            font-size: 20px;
        }

        .sngle-tknlist-v7 p span {
            font-size: 16px;
        }

    .v7-tknsale-dec-wrapper {
        margin-top: 30px;
    }
}

@media screen and (max-width: 575px) {
    .v7-tkn-sale-area .v6-section-title {
        max-width: 400px;
        margin: 0px auto 30px;
    }

    .v7-tknsale-list-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 15px;
        max-width: 400px;
        margin: 0 auto;
    }

    .v7-tknsale-dec h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .v7-tknsale-dec p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .b7-tkn-sale .progress {
        margin-top: 20px;
    }

        .b7-tkn-sale .progress .progress-bar span {
            font-size: 20px;
            bottom: -68px;
        }
}

.v7-roadmap-area .v6-section-title h4 {
    max-width: 692px;
}

.v7roadmap-wrapper {
    position: relative;
}

    .v7roadmap-wrapper .owl-nav {
        position: absolute;
        top: 40%;
        transform: translateY(-50%);
        width: 100%;
    }

        .v7roadmap-wrapper .owl-nav .owl-next, .v7roadmap-wrapper .owl-nav .owl-prev {
            width: 40px;
            height: 40px;
            border: 1px solid var(--theme-7) !important;
            transition: all .3s ease-in-out;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }

            .v7roadmap-wrapper .owl-nav .owl-next i, .v7roadmap-wrapper .owl-nav .owl-prev i {
                font-size: 20px;
                color: var(--theme-7);
                transition: all .3s ease-in-out;
                line-height: 1;
            }

            .v7roadmap-wrapper .owl-nav .owl-next:hover, .v7roadmap-wrapper .owl-nav .owl-prev:hover {
                background: var(--theme-7) !important;
            }

                .v7roadmap-wrapper .owl-nav .owl-next:hover i, .v7roadmap-wrapper .owl-nav .owl-prev:hover i {
                    color: var(--white);
                }

        .v7roadmap-wrapper .owl-nav .owl-prev {
            left: -80px;
            position: absolute;
        }

        .v7roadmap-wrapper .owl-nav .owl-next {
            right: -80px;
            position: absolute;
        }

.single-rdmp-v7 {
    margin-right: 130px;
    text-align: center;
}

    .single-rdmp-v7 .content {
        border: 4px solid var(--theme-7);
        padding: 40px 50px;
        border-radius: 50%;
        width: 335px;
        height: 335px;
        text-align: center;
        position: relative;
    }

        .single-rdmp-v7 .content::before {
            position: absolute;
            content: "";
            width: 270px;
            height: 240px;
            background-image: url("../img/home7/roadmap-line.svg");
            background-size: cover;
            background-position: 100% 100%;
            top: 146px;
            right: -96px;
        }

        .single-rdmp-v7 .content h2 {
            margin: 0;
            font-size: 48px;
            line-height: 1;
            color: var(--theme-7);
            font-weight: 800;
        }

        .single-rdmp-v7 .content p {
            font-size: 18px;
            font-weight: 400;
            line-height: 1.5;
            margin: 10px 0px 0px;
        }

    .single-rdmp-v7 span {
        display: block;
        margin-top: 70px;
        color: var(--theme-7);
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        padding-left: 30px;
    }

@media screen and (max-width: 1500px) {
    .v7roadmap-wrapper .owl-nav .owl-prev {
        left: -50px;
    }

    .v7roadmap-wrapper .owl-nav .owl-next {
        right: -50px;
    }
}

@media screen and (max-width: 1400px) {
    .v7roadmap-wrapper {
        text-align: center;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0px 40px;
    }

        .v7roadmap-wrapper .owl-nav .owl-prev {
            left: -20px;
        }

        .v7roadmap-wrapper .owl-nav .owl-next {
            right: -20px;
        }

    .single-rdmp-v7 {
        margin: 0px 10px;
    }

        .single-rdmp-v7 .content {
            margin: 0 auto;
        }

            .single-rdmp-v7 .content::before {
                display: none;
            }

        .single-rdmp-v7 span {
            padding-left: 0;
            margin-top: 30px;
        }
}

@media screen and (max-width: 1199px) {
    .v7roadmap-wrapper {
        padding: 0px 60px;
    }

        .v7roadmap-wrapper .owl-nav .owl-prev {
            left: 0px;
        }

        .v7roadmap-wrapper .owl-nav .owl-next {
            right: 0px;
        }

    .single-rdmp-v7 span {
        margin-top: 20px;
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .v7roadmap-wrapper {
        padding: 0px 50px;
    }

    .single-rdmp-v7 .content {
        border-width: 3px;
    }

    .v7-roadmap-area {
        padding-top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .v7roadmap-wrapper {
        max-width: 350px;
        margin: 0 auto;
        padding: 0;
    }

        .v7roadmap-wrapper .owl-nav {
            top: 90%;
            transform: translateY(0);
        }

            .v7roadmap-wrapper .owl-nav .owl-next, .v7roadmap-wrapper .owl-nav .owl-prev {
                width: 34px;
                height: 34px;
                background: var(--white) !important;
            }

    .single-rdmp-v7 {
        margin: 0;
    }

        .single-rdmp-v7 .content {
            border-width: 2px;
            padding: 30px;
            height: 280px;
            width: 280px;
        }

            .single-rdmp-v7 .content h2 {
                font-size: 40px;
            }

            .single-rdmp-v7 .content p {
                font-size: 16px;
                margin: 5px 0px 0px;
            }

        .single-rdmp-v7 span {
            font-size: 18px;
        }
}

.v7pblm-slutn-wrapper .single-pblm-slutn {
    background-color: transparent;
    border: 1px solid var(--border);
}

    .v7pblm-slutn-wrapper .single-pblm-slutn:hover {
        border-color: transparent;
    }

.v7-team-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 35px;
}

.single-team-v7 {
    position: relative;
    text-align: center;
    padding: 50px 30px;
    z-index: 1;
}

    .single-team-v7::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: var(--theme-6);
        opacity: 0.03;
        z-index: -1;
    }

    .single-team-v7 .img {
        max-width: 190px;
        max-height: 190px;
        border-radius: 50%;
        border: 10px solid var(--white);
        margin: 0 auto;
    }

        .single-team-v7 .img img {
            border-radius: 50%;
        }

    .single-team-v7 .title {
        margin-top: 35px;
    }

        .single-team-v7 .title a {
            display: block;
            font-size: 24px;
            font-weight: 500;
            color: var(--midnight);
            line-height: 1;
        }

        .single-team-v7 .title span {
            font-size: 18px;
            color: var(--paragraph);
            font-weight: 400;
            line-height: 1;
            margin-top: 10px;
            display: block;
        }

    .single-team-v7 .social {
        margin-top: 35px;
    }

        .single-team-v7 .social a {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 1px solid var(--paragraph);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--paragraph);
            margin: 0px 10px;
            position: relative;
            z-index: 1;
            transition: all .4s ease-in-out;
            font-size: 15px;
        }

            .single-team-v7 .social a::before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                background: var(--theme-7);
                clip-path: circle(.3% at 0 100%);
                border-radius: 50%;
                z-index: -1;
                opacity: 0;
                transition: all .4s ease-in-out;
            }

            .single-team-v7 .social a:hover {
                color: var(--white);
                border-color: transparent;
            }

                .single-team-v7 .social a:hover::before {
                    opacity: 1;
                    clip-path: circle(70.7% at 50% 50%);
                }

.unic-team .profile {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .unic-team .profile .img {
        border-color: var(--theme-7);
        border-width: 7px;
        max-width: 110px;
        max-height: 110px;
        margin: 0px 20px 0px 0px;
    }

        .unic-team .profile .img img {
            transform: scale(1.02);
        }

    .unic-team .profile .title {
        text-align: left;
        margin: 0;
    }

.unic-team p {
    font-size: 18px;
    line-height: 1.5;
    margin: 20px 0px 0px;
}

.unic-team .social {
    margin-top: 20px;
}

.v7-team-btn {
    margin-top: 50px;
}

@media screen and (max-width: 1199px) {
    .v7-team-wrapper {
        grid-gap: 25px;
    }

    .single-team-v7 {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 991px) {
    .v7-team-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-gap: 25px;
    }
}

@media screen and (max-width: 767px) {
    .v7-team-wrapper {
        grid-gap: 20px;
    }

    .unic-team .profile .img {
        border-width: 5px;
        max-width: 80px;
        max-height: 80px;
        margin: 0px 15px 0px 0px;
    }

    .unic-team p {
        font-size: 16px;
    }

    .single-team-v7 .img {
        max-width: 150px;
        max-height: 150px;
    }

    .single-team-v7 .title {
        margin-top: 15px;
    }

        .single-team-v7 .title a {
            font-size: 20px;
        }

        .single-team-v7 .title span {
            font-size: 16px;
            margin-top: 7px;
        }

    .single-team-v7 .social {
        margin-top: 20px;
    }

        .single-team-v7 .social a {
            width: 30px;
            height: 30px;
            margin: 0px 5px;
            font-size: 14px;
        }

    .v7-team-btn {
        margin-top: 30px;
    }
}

@media screen and (max-width: 575px) {
    .v7-team-wrapper {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }
}

.v7-blog-area .v6-section-title {
    max-width: 480px;
}

.single-v7-blog {
    position: relative;
    z-index: 1;
}

    .single-v7-blog::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #DADADA;
        opacity: 0.2;
        z-index: -1;
        transition: all .3s ease-in-out;
    }

    .single-v7-blog:hover .img img {
        transform: scale(1.05);
    }

    .single-v7-blog:hover .content h2 a {
        text-decoration: none !important;
        color: var(--theme-7);
    }

    .single-v7-blog:hover .content > a {
        color: var(--theme-7);
    }

    .single-v7-blog .img {
        border-radius: 0;
    }

        .single-v7-blog .img img {
            transform: scale(1.1);
        }

    .single-v7-blog .content {
        padding: 30px;
        margin: 0;
        max-width: 100%;
        position: relative;
        z-index: 2;
    }

        .single-v7-blog .content .time {
            margin-top: 0;
        }

            .single-v7-blog .content .time span {
                background: var(--theme-7);
            }

        .single-v7-blog .content h2 a {
            margin: 15px 0px;
            text-decoration: none !important;
        }

        .single-v7-blog .content > a {
            font-size: 18px;
            color: var(--clock-clr);
            font-weight: 600;
            line-height: 1;
            transition: all .3s ease-in-out;
        }

@media screen and (max-width: 767px) {
    .single-v7-blog .content {
        padding: 15px;
    }

        .single-v7-blog .content h2 a {
            margin: 10px 0px;
        }

        .single-v7-blog .content > a {
            font-size: 17px;
        }
}

.v7-footer::before {
    background: var(--theme-7);
    opacity: 0.1;
    z-index: -1;
}

.v7-footer .v5footer-logo p {
    color: var(--paragraph);
}

.v7-footer .footer-widget-menu li a {
    color: var(--paragraph);
}

    .v7-footer .footer-widget-menu li a:hover {
        color: var(--theme-7);
        opacity: 1;
    }

.v7-footer .v5footer-widget-title {
    color: var(--theme-7);
}

.v7-footer .v5copyright-wrapper {
    border-top: 1px solid var(--theme-7);
}

    .v7-footer .v5copyright-wrapper .social a {
        color: var(--paragraph);
        border: 1px solid var(--theme-7);
    }

        .v7-footer .v5copyright-wrapper .social a:hover {
            color: var(--white);
            border-color: transparent;
        }

            .v7-footer .v5copyright-wrapper .social a:hover::before {
                background: var(--theme-7);
            }

    .v7-footer .v5copyright-wrapper p {
        color: var(--paragraph);
    }

.v7-footer .v5ftr-newsltr .newsletter-widget input[type="submit"], .v7-footer .v5ftr-newsltr .newsletter-widget button[type="submit"] {
    background-color: var(--theme-7);
}

.mc-header .home-v5-header {
    background-color: var(--light-gray);
}

.mc-area .v5-section-title {
    margin-bottom: 10px;
}

    .mc-area .v5-section-title h2 {
        max-width: 594px;
    }

.mc-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .mc-top-bar p {
        font-size: 18px;
        line-height: 1;
        margin: 0;
    }

    .mc-top-bar .search {
        position: relative;
        max-width: 350px;
        width: 100%;
    }

        .mc-top-bar .search input {
            height: 52px;
            color: var(--theme-blue-dark);
            padding-right: 50px;
        }

            .mc-top-bar .search input::-moz-placeholder {
                color: var(--theme-blue-dark);
            }

            .mc-top-bar .search input::placeholder {
                color: var(--theme-blue-dark);
            }

        .mc-top-bar .search img, .mc-top-bar .search svg {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 20px;
        }

.mc-live table {
    border: none !important;
}

    .mc-live table .table-header tr {
        background-color: var(--tbl-title-bg);
    }

        .mc-live table .table-header tr th {
            border-bottom: inherit !important;
            padding: 17px 30px;
            font-size: 20px;
            line-height: 1;
            color: var(--midnight);
            font-weight: 600;
        }

            .mc-live table .table-header tr th:last-child {
                width: 200px !important;
                display: block !important;
                text-align: center;
            }

            .mc-live table .table-header tr th::before, .mc-live table .table-header tr th::after {
                display: none;
            }

    .mc-live table .table-body .odd {
        background-color: var(--tbl-odd-bg);
    }

        .mc-live table .table-body .odd td:first-child, .mc-live table .table-body .odd td:last-child {
            background-color: var(--tbl-odd-bg);
        }

    .mc-live table .table-body .even td:first-child, .mc-live table .table-body .even td:last-child {
        background-color: #fff;
    }

    .mc-live table .table-body tr {
        position: relative;
        border-bottom: none !important;
    }

        .mc-live table .table-body tr td {
            padding: 15px 30px;
            background-color: transparent;
        }

            .mc-live table .table-body tr td:last-child {
                padding: 0px 30px;
                display: block !important;
            }

            .mc-live table .table-body tr td.rank {
                width: 36px;
                height: 36px;
                background: var(--tbl-title-bg);
                border-radius: 3px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .mc-live table .table-body tr td.rank h6 {
                    margin: 0;
                    font-size: 18px;
                    font-weight: 500;
                    color: var(--midnight);
                    line-height: 1;
                }

            .mc-live table .table-body tr td .currency {
                display: flex;
                align-items: center;
            }

                .mc-live table .table-body tr td .currency img {
                    margin-right: 10px;
                    width: 32px;
                }

                .mc-live table .table-body tr td .currency h6 {
                    margin: 0;
                    font-size: 18px;
                    color: var(--midnight);
                    line-height: 1;
                }

            .mc-live table .table-body tr td .market-cap h6, .mc-live table .table-body tr td .last-price h6, .mc-live table .table-body tr td .volume h6, .mc-live table .table-body tr td .change h6 {
                font-size: 18px;
                font-weight: 500;
                color: var(--midnight);
                margin: 0;
            }

            .mc-live table .table-body tr td .change h6 {
                color: var(--change-clr);
            }

            .mc-live table .table-body tr td .change.decrease h6 {
                color: var(--theme-5);
            }

            .mc-live table .table-body tr td .graph {
                width: 190px;
                height: 100px;
            }

            .mc-live table .table-body tr td.dtr-control:before {
                left: unset !important;
                right: 6px;
                opacity: 0;
            }

.mc-pagination {
    max-width: 400px;
    margin: 40px auto 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .mc-pagination a {
        font-size: 18px;
        font-weight: 600;
        color: var(--heading);
        line-height: 1;
        transition: all .4s ease-in-out;
    }

        .mc-pagination a:hover {
            color: var(--theme-5);
        }

        .mc-pagination a:first-child, .mc-pagination a:last-child {
            background-color: var(--tbl-odd-bg);
            padding: 12px 20px;
            border-radius: 5px;
        }

            .mc-pagination a:first-child:hover, .mc-pagination a:last-child:hover {
                background-color: var(--theme-5);
                color: var(--white);
            }

@media screen and (max-width: 1350px) {
    .mc-live table .table-body tr td.dtr-control:before {
        opacity: 1;
    }
}

@media screen and (max-width: 1199px) {
    #mc-tbl-chart .table-body tr td:first-child {
        padding-left: 40px;
    }

    #mc-tbl-chart .table-body tr td.dtr-control {
        margin-right: 10px;
    }

        #mc-tbl-chart .table-body tr td.dtr-control::before {
            left: 10px;
            height: 20px;
            width: 20px;
            margin-top: 0px;
            border: 0px;
            background-color: var(--theme-5);
            transform: translateY(-50%);
            box-shadow: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    #mc-tbl-chart .table-body tr td.child {
        text-align: left;
        padding: 20px 25px 10px;
    }

        #mc-tbl-chart .table-body tr td.child ul {
            display: block;
        }

            #mc-tbl-chart .table-body tr td.child ul li {
                padding: 15px 0;
            }

                #mc-tbl-chart .table-body tr td.child ul li:last-child {
                    margin-bottom: 0;
                }

                #mc-tbl-chart .table-body tr td.child ul li span.dtr-title {
                    margin-bottom: 6px;
                    font-size: 18px;
                    color: var(--midnight);
                }
}

@media screen and (max-width: 767px) {
    .mc-top-bar {
        flex-direction: column;
        margin-top: 20px;
    }

        .mc-top-bar p {
            margin-bottom: 15px;
        }

        .mc-top-bar .search input {
            height: 50px;
        }

        .mc-top-bar .search img, .mc-top-bar .search svg {
            width: 20px;
        }

    #mc-tbl-chart .table-header tr th {
        font-size: 18px;
        padding: 15px 30px;
    }

    #mc-tbl-chart .table-body tr td {
        padding: 10px 30px;
    }

        #mc-tbl-chart .table-body tr td .currency h6, #mc-tbl-chart .table-body tr td .market-cap h6, #mc-tbl-chart .table-body tr td .last-price h6, #mc-tbl-chart .table-body tr td .volume h6, #mc-tbl-chart .table-body tr td .change h6 {
            font-size: 16px;
        }

    .mc-pagination {
        margin-top: 20px;
        max-width: 350px;
    }

        .mc-pagination a {
            font-size: 16px;
            font-weight: 600;
            color: var(--heading);
            line-height: 1;
            transition: all .4s ease-in-out;
        }
}

.mc-excange-area {
    background-color: var(--light-gray);
}

    .mc-excange-area .v5-section-title {
        max-width: 745px;
        margin: 0 auto 40px;
    }

        .mc-excange-area .v5-section-title h2 {
            max-width: 694px;
        }

.mc-coin-exchange-wrapper {
    max-width: 745px;
    margin: 0 auto;
}

    .mc-coin-exchange-wrapper .exchange-wrap {
        background-color: transparent;
        box-shadow: none;
        border-radius: 0px;
        padding: 0px;
    }

    .mc-coin-exchange-wrapper .exchange-box .currency input {
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        border-radius: 0px;
    }

    .mc-coin-exchange-wrapper .exchange-box .currency .select-country {
        background-color: #E5E6ED;
        color: var(--midnight);
        border-radius: 0;
    }

        .mc-coin-exchange-wrapper .exchange-box .currency .select-country::after {
            color: var(--theme-5);
            font-size: 20px;
        }

    .mc-coin-exchange-wrapper .exchange-currency-middle {
        width: 10%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

        .mc-coin-exchange-wrapper .exchange-currency-middle button {
            padding: 0;
        }

            .mc-coin-exchange-wrapper .exchange-currency-middle button svg path, .mc-coin-exchange-wrapper .exchange-currency-middle button img path {
                fill: var(--theme-5);
            }

    .mc-coin-exchange-wrapper .change-button {
        text-align: left;
        margin-top: 30px;
    }

        .mc-coin-exchange-wrapper .change-button .rate {
            display: none;
        }

        .mc-coin-exchange-wrapper .change-button .ex-btn {
            height: auto;
            width: auto;
            border-radius: 0;
            background-color: var(--theme-blue-dark);
        }

            .mc-coin-exchange-wrapper .change-button .ex-btn:hover {
                color: var(--white);
                border-color: transparent;
            }

@media screen and (max-width: 767px) {
    .mc-excange-area .v5-section-title {
        margin: 0px auto 30px;
    }

    .mc-coin-exchange-wrapper .exchange-currency {
        flex-direction: column;
        align-items: flex-start;
    }

        .mc-coin-exchange-wrapper .exchange-currency .exchange-currency-right, .mc-coin-exchange-wrapper .exchange-currency .exchange-currency-left {
            width: 100%;
        }

    .mc-coin-exchange-wrapper .exchange-currency-middle {
        max-width: 40px;
        margin: 12px auto;
    }

    .change-button {
        margin-top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .mc-coin-exchange-wrapper .exchange-box .currency .select-country {
        font-size: 16px;
    }

        .mc-coin-exchange-wrapper .exchange-box .currency .select-country::after {
            font-size: 18px;
            margin-top: -2px;
        }

    .mc-coin-exchange-wrapper .exchange-box .currency input {
        height: 54px;
    }

    .mc-coin-exchange-wrapper .exchange-currency-middle {
        margin: 6px auto;
    }

        .mc-coin-exchange-wrapper .exchange-currency-middle img, .mc-coin-exchange-wrapper .exchange-currency-middle svg {
            width: 25px;
        }
}

/*# sourceMappingURL=style.css.map */


.pricingTable {
    color: #B185E8;
    background: #f4f4f4;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    padding: 15px 20px;
    margin: 0 0 20px;
    border-radius: 20px;
    position: relative;
}

    /*.pricingTable:before {
        content: '';
        background: linear-gradient(#ebd3ff, transparent);
        border-radius: 46px;
        position: absolute;
        left: 0;
        right: 0;
        top: 160px;
        bottom: 0;
    }*/

    .pricingTable .pricingTable-header {
        margin: 0 0 20px;
    }

    .pricingTable .title {
        font-size: 24px;
        font-weight: 700;
        text-transform: capitalize;
        margin: 0;
    }

    .pricingTable .price-value {
        height: 170px;
        width: 170px;
        padding: 50px 10px;
        margin: 0 auto 25px;
        border-radius: 50%;
        border: 2px solid #B383EB;
        border-left-color: transparent;
        position: relative;
        z-index: 1;
    }

        .pricingTable .price-value:before {
            content: '';
            background: linear-gradient(to top, #ebd3ff, transparent);
            border-radius: 50%;
            border: 2px solid #B383EB;
            border-right-color: transparent;
            position: absolute;
            left: 10px;
            right: 10px;
            top: 10px;
            bottom: 10px;
            z-index: -1;
        }

        .pricingTable .price-value .amount {
            font-size: 50px;
            line-height: 45px;
            font-weight: 700;
            margin: 0 0 5px;
            display: block;
        }

        .pricingTable .price-value .duration {
            font-size: 16px;
            line-height: 16px;
            font-weight: 400;
            display: block;
        }

    .pricingTable .pricing-content {
        text-align: left;
        padding: 0;
        margin: 0 0 0;
        width: 100%;
        list-style: none;
        display: inline-block;
    }

        .pricingTable .pricing-content li {
            font-size: 16px;
            font-weight: 600;
            line-height: 22px;
            padding: 0;
            color: #013367;
            margin: 0 0 10px;
            position: relative;
        }

            .pricingTable .pricing-content li:last-child {
                margin-bottom: 0;
            }

            .pricingTable .pricing-content li i {
                margin-right: 5px;
            }

    .pricingTable .pricingTable-signup a {
        color: #fff;
        background-color: #B185E8;
        font-size: 22px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 6px 20px;
        margin: 0 auto;
        border: none;
        border-radius: 20px;
        display: inline-block;
        position: relative;
        transition: all 0.3s ease 0s;
    }

        .pricingTable .pricingTable-signup a:hover {
            color: #fff;
            box-shadow: 0 0 10px rgba(0,0,0,0.4);
        }

        .pricingTable .pricingTable-signup a:before {
            content: '';
            background-color: rgba(255,255,255,0.2);
            height: 100%;
            width: 0;
            border-radius: 20px;
            transform: scale(0.9,0.8);
            position: absolute;
            left: 0;
            top: 0;
            transition: all 0.3s ease 0s;
        }

        .pricingTable .pricingTable-signup a:hover:before {
            width: 100%;
        }

    .pricingTable.green {
        color: #2982A4;
    }

        .pricingTable.green:before {
            background: linear-gradient(#d1f3ff, transparent);
        }

        .pricingTable.green .price-value {
            border-color: #2982A4;
            border-left-color: transparent;
        }

            .pricingTable.green .price-value:before {
                background: linear-gradient(to top,#d1f3ff, transparent);
                border-color: #2982A4;
                border-right-color: transparent;
            }

        .pricingTable.green .pricingTable-signup a {
            background-color: #2982A4;
        }

    .pricingTable.pink {
        color: #FF679C;
    }

        .pricingTable.pink:before {
            background: linear-gradient(#ffc4da, transparent);
        }

        .pricingTable.pink .price-value {
            border-color: #FF679C;
            border-left-color: transparent;
        }

            .pricingTable.pink .price-value:before {
                background: linear-gradient(to top, #ffc4da, transparent);
                border-color: #FF679C;
                border-right-color: transparent;
            }

        .pricingTable.pink .pricingTable-signup a {
            background-color: #FF679C;
        }

@media only screen and (max-width: 990px) {
    .pricingTable {
        margin: 0 15px 40px;
    }
}

select {
    background: var(--light-gray);
    border: 1px solid var(--border);
    height: 50px;
    width: 100%;
    padding: 10px 15px;
    transition: .4s;
}

.signin-block select {
    background: rgba(var(--white-alpha), 0.2);
    border-radius: 7px;
    color: var(--white-permanent);
}

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


.panel {
    background: transparent;
    padding: 0;
    border-radius: 0;
    border: none;
}

    .panel .panel-heading {
        background-color: rgb(0 3 73 / 70%);
        padding: 6px 15px;
        border-radius: 10px 10px 0 0;
        margin: 0;
        border-radius: 10px;
    }

        .panel .panel-heading .title {
            color: #fff;
            font-size: 24px;
            font-weight: 500;
            text-transform: capitalize;
            line-height: 40px;
            margin: 0;
        }

        .panel .panel-heading .btn {
            color: rgba(255, 255, 255, 0.5);
            background: transparent;
            font-size: 16px;
            text-transform: capitalize;
            border: 2px solid #fff;
            border-radius: 50px;
            transition: all 0.3s ease 0s;
        }

            .panel .panel-heading .btn:hover {
                color: #fff;
                text-shadow: 3px 3px rgba(255, 255, 255, 0.2);
            }

    .panel .panel-body {
        padding: 15px 0;
    }

        .panel .panel-body .table {
            background: #fafafa;
            border-radius: 15px;
        }

            .panel .panel-body .table thead tr th {
                color: #004079;
                font-size: 16px;
                font-weight: 700;
                text-transform: capitalize;
                padding: 12px;
                border: none;
                text-align: center;
            }

            .panel .panel-body .table tbody tr td {
                color: #000;
                font-size: 17px;
                padding: 10px 12px;
                vertical-align: middle;
                text-align: center;
                border: none;
            }

            .panel .panel-body .table tbody .action-list {
                padding: 0;
                margin: 0;
                list-style: none;
            }

                .panel .panel-body .table tbody .action-list li {
                    display: inline-block;
                    margin: 0 5px;
                }

                    .panel .panel-body .table tbody .action-list li a {
                        color: #fff;
                        font-size: 15px;
                        position: relative;
                        z-index: 1;
                        transition: all 0.3s ease 0s;
                    }

                        .panel .panel-body .table tbody .action-list li a:hover {
                            text-shadow: 3px 3px 0 rgba(255,255,255,0.3);
                        }

                        .panel .panel-body .table tbody .action-list li a:before,
                        .panel .panel-body .table tbody .action-list li a:after {
                            content: attr(data-tip);
                            color: #fff;
                            background-color: #111;
                            font-size: 12px;
                            padding: 5px 7px;
                            border-radius: 4px;
                            text-transform: capitalize;
                            display: none;
                            transform: translateX(-50%);
                            position: absolute;
                            left: 50%;
                            top: -32px;
                            transition: all 0.3s ease 0s;
                        }

                        .panel .panel-body .table tbody .action-list li a:after {
                            content: '';
                            height: 15px;
                            width: 15px;
                            padding: 0;
                            border-radius: 0;
                            transform: translateX(-50%) rotate(45deg);
                            top: -18px;
                            z-index: -1;
                        }

                        .panel .panel-body .table tbody .action-list li a:hover:before,
                        .panel .panel-body .table tbody .action-list li a:hover:after {
                            display: block;
                        }

    .panel .panel-footer {
        color: #fff;
        background-color: rgb(76 78 127);
        padding: 10px;
        border: none;
        border-radius: 10px;
    }

        .panel .panel-footer .col {
            line-height: 30px;
        }

.pagination {
    margin: 0;
}

    .pagination li a {
        color: rgba(255,255,255,0.4);
        background-color: transparent;
        border: 2px solid rgba(255,255,255,0.4);
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        line-height: 27px;
        width: 31px;
        height: 31px;
        padding: 0;
        margin: 0 3px;
        border-radius: 10px;
        transition: all 0.3s ease 0s;
    }

        .pagination li a:hover {
            color: #fff;
            background-color: transparent;
            border-color: #fff;
        }

        .pagination li a:focus,
        .pagination li.active a,
        .pagination li.active a:hover {
            color: #fff;
            background-color: transparent;
            border-color: #fff;
        }

    .pagination li:first-child a,
    .pagination li:last-child a {
        border-radius: 10px;
        width: auto;
        padding: 0 10px;
    }

@media only screen and (max-width:767px) {
    .panel .panel-heading .title {
        text-align: center;
        margin: 0 0 10px;
    }

    .panel .panel-heading .btn_group {
        text-align: center;
    }
}


.loader {
    display: none;
    background: #ffffffd6;
    top: 0;
    left: 0;
    padding: 100px;
    text-align: center;
    width: 100%;
    border-radius: 4px;
    bottom: 0;
    z-index: 999;
    position: absolute;
}


#testy {
    margin: 0 auto;
    position: fixed;
    z-index: 999999999;
    right: 30px;
    text-align: left;
    top: 30px;
}
@media only screen and (min-width: 200px) and (max-width: 1000px)  {
    .hero-slide-img{display: none!important;}
   
}