@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&family=Inter+Tight:wght@300;400;700&family=Satisfy&display=swap');

/*@font-face {

  font-family: 'DM Sans';

  src: url('../fontsnew/64dc92016f35a1fa4debb270_DMSans-Regular.woff2') format('woff2'), url('../fontsnew/6203ea4a6e6b69efb3bd98b8_DMSans-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: 'DM Sans';

  src: url('../fontsnew/64dc9201ddd3737042933b5e_DMSans-Bold.woff2') format('woff2'), url('../fontsnew/6203ea70768c896994dd236d_DMSans-Bold.ttf') format('truetype');

  font-weight: 900;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: 'DM Sans';

  src: url('../fontsnew/6203ea5a60490580334f9c89_DMSans-Italic.ttf') format('truetype');

  font-weight: 400;

  font-style: italic;

  font-display: swap;

}

@font-face {

  font-family: 'DM Sans';

  src: url('../fontsnew/6203ea6f2b63035d276b4e6c_DMSans-BoldItalic.ttf') format('truetype');

  font-weight: 900;

  font-style: italic;

  font-display: swap;

}*/

html {

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    height: 100%;

}

body, html {

    margin: 0;

    padding: 0;

    -webkit-font-smoothing: antialiased;

    font-weight: 400;

}

body {

    background-color: #0f1e35;

    font-family: 'Inter Tight', sans-serif !important;

    letter-spacing: 1px ;

    overflow: visible!important;

    color: #333;

    font-size: 14px;

    line-height: 20px;

    min-height: 100%;

}

/*::-webkit-scrollbar {

    width: 0px;

}*/

a, a:hover {

    text-decoration: none !important;

    display: inline-block;

    font-weight: 400;

}

ol, 

ul {

    margin: 0 !important;

    padding: 0 !important;

    list-style: none;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    margin: 0;

    margin-bottom: 0;

}

.align-center {

    align-items: center;

}

.text-right {

    text-align: right;

}

.text-left {

    text-align: letf;

}

.text-center {

    text-align: center;

}

.overflow-hidden {

    overflow: hidden;

}

.relative {

    position: relative;

}

.section {

    padding: 70px 0;

}

.global-cantainer {

    max-width: 928px;

    padding-left: 0;

    padding-right: 0;

    display: block;

    margin-left: auto;

    margin-right: auto;

}

img {

    max-width: 100%;

    vertical-align: middle;

    display: inline-block;

    border: 0;

}

.sticky {

    max-height: 400px;

    display: block;

    position: -webkit-sticky;

    position: sticky;

    top: 10%;

    overflow: hidden;

}

.go-to-top {

    display: flex !important;

    z-index: 9;

    justify-content: center;

    align-items: center;

    font-size: 20px;

    color: #fff;

    text-decoration: none;

    opacity: 0;

    pointer-events: none;

    transition: .5s;

    background: #9e9e9ec2;

    position: fixed;

    bottom: 16px;

    right: 20px;

    height: 55px;

    width: 55px;

    border-radius: 50%;

    box-shadow: 0 2px 5px rgba(0,0,0,.2);

}

.go-to-top.active {

    bottom: 27px;

    pointer-events: auto;

    opacity: 1;

    transform: translateY(-55px);

    text-decoration: none;

    color: #0f1e35;

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

}

.go-to-top.active:hover i {

    transform: rotateY(180deg);

    -webkit-animation: moveUpArrow 1s;

    -moz-animation: moveUpArrow 1s;

    animation: moveUpArrow 1s;

}

@keyframes moveUpArrow {

  0%, 55% {

    opacity: 1;

    -webkit-transform: translateY(0) scale(1);

    -moz-transform: translateY(0) scale(1);

    transform: translateY(0) scale(1);

  }

  25% {

    opacity: 0;

    -webkit-transform: translateY(-13px) scale(0.9);

    -moz-transform: translateY(-13px) scale(0.9);

    transform: translateY(-13px) scale(0.9);

  }

  26% {

    opacity: 0;

    -webkit-transform: translateY(13px) scale(0.9);

    -moz-transform: translateY(13px) scale(0.9);

    transform: translateY(13px) scale(0.9);

  }

}

.chat-with-us {

    position: fixed;

    bottom: 0;

    right: 0;

    padding: 20px;

    z-index: 1;

}

.chat-with-us .chat-icon {

    display: flex;

    align-items: center;

}

.chat-with-us .chat-icon .text {

    background: rgb(255, 255, 255);

    height: 35px;

    padding: 0 20px;

    border-radius: 10px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-family: 'Roboto', sans-serif;

    font-size: 15px;

    margin-right: 10px;

    box-shadow: 0px 3px 20px 0px rgba(13, 21, 75, 0.3);

    transition: all .4s;

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

}

.chat-with-us .chat-icon.open .text {

    transform: translateY(50px);

    opacity: 0;

    visibility: hidden;

}

.chat-with-us .chat-icon .text img {

    height: 20px;

    margin-left: 14px;

}

.chat-with-us .chat-icon .icon {

    position: relative;

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    

    height: 55px;

    width: 55px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    cursor: pointer;

    box-shadow: 0px 3px 20px 0px rgba(13, 21, 75, 0.3);

}

.chat-with-us .chat-icon .icon:before {

    content: "\f232";

    color: #0f1e35;

    font-size: 28px;

    font-family: 'FontAwesome';

    transition: all .4s;

    position: absolute;

    z-index: 1;

}

.chat-with-us .chat-icon.open .icon:before {

    transform: scale(0) rotate(-1turn);

    opacity: 0;

}

.chat-with-us .chat-icon .icon:after {

    content: "\f00d";

    color: #0f1e35;

    font-size: 28px;

    font-family: 'FontAwesome';

    transition: all .4s;

    position: absolute;

    transform: scale(0) rotate(-1turn);

    opacity: 0;

    z-index: 2;

}

.chat-with-us .chat-icon.open .icon:after {

    transform: scale(1) rotate(0deg);

    opacity: 1;

}

.chat-with-us .chat-box {

/*    box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;*/

    box-shadow: 0px 3px 20px 0px rgba(13, 21, 75, 0.3);

    bottom: 85px;

    right: 20px;

    position: absolute;

    padding: 30px 16px;

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    z-index: 1;

    border-radius: 16px;

    overflow: hidden;

    opacity: 0;

    transition: all .4s;

    width: 400px;

    visibility: hidden;

    transform: translateY(50px);

}

.chat-with-us .chat-box.open {

    bottom: 85px;

    opacity: 1;

    visibility: visible;

    transform: translate(0);

}

.chat-with-us .chat-box .head {

    align-items: center;

    display: flex;

    margin-bottom: 30px;

}

.chat-with-us .chat-box .head .logos-area {

    background-color: #0f1e35;

    padding: 8px 12px;

    border-radius: 5px;

}

.chat-with-us .chat-box .head .logos-area img {

    height: 22px;

}

.chat-with-us .chat-box ul {

    margin-left: auto !important;

    margin-right: 0 !important;

}

.chat-with-us .chat-box ul li {

    display: inline-block;

}

.chat-with-us .chat-box ul li:not(:last-child) {

    margin-right: 5px;

}

.chat-with-us .chat-box ul li img {

    height: 32px;

    border-radius: 50%;

}

.chat-with-us .chat-box .content .text1 {

    color: rgb(24, 23, 30);

    text-shadow: rgba(255, 255, 255, 0.3) 0px 0px 30px;

    opacity: 0.7;

    font-weight: 700;

    font-size: 30px;

    font-family: math;

}

.chat-with-us .chat-box .content .text2 {

    color: rgb(24, 23, 30);

    text-shadow: rgba(255, 255, 255, 0.3) 0px 0px 30px;

    font-weight: 700;

    font-size: 30px;

    font-family: math;

}

.chat-with-us .chat-box .head, 

.chat-with-us .chat-box .content {

    padding: 0 14px;

}

.chat-with-us .chat-box .content-box {

    position: relative;

    background: #fff;

    border-radius: 10px;

    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.06) 0px 2px 8px;

    padding: 10px 20px;

    margin-top: 10px;

    margin-bottom: 15px;

}

.chat-with-us .chat-box .content-box:before {

    content: "\f1d8";

    color: #d4af37;

    font-size: 15px;

    line-height: 15px;

    font-family: 'FontAwesome';

    position: absolute;

    right: 20px;

    top: 41%;

}

.chat-with-us .chat-box .content-box .text1 {

    display: block;

    font-family: 'Roboto', sans-serif;

    color: rgb(24, 23, 30);

    font-weight: 600;

    font-size: 14px;

    margin-bottom: 1px;

}

.chat-with-us .chat-box .content-box .text2 {

    display: block;

    color: rgb(115, 115, 115);

    font-size: 14px;

}

.chat-with-us .chat-box .start-chat .chat-btn {

    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.06) 0px 2px 8px;

    width: 100%;

    text-align: center;

    border-radius: 10px;

    background-color: #0f1e35;

    color: rgb(255,255,255);

    padding: 6px;

    font-family: math;

    font-size: 18px;

    letter-spacing: 1px;

}



/* start main css */

.header-new {

    z-index: 100;

    width: 100%;

    height: 85px;

    opacity: 1;

    color: #0f1e35;

    background-color: #0f1e35;

    padding-top: 0;

    padding-bottom: 0;

    position: absolute;

    top: 0;

}

.header-new .navbar {

    background-color: transparent;

    z-index: 1000;

    height: 84px;

    max-width: 100%;

    justify-content: flex-start;

    align-items: center;

    padding-left: 5px;

    padding-right: 5px;

    line-height: 55px;

    display: flex;

}

.header-new .navbar .navbar-brand {

    float: left;

}

.header-new .navbar .navbar-brand .logo {

        width: 235px;

}

.header-new .navbar .header-menus-container {

    width: 100%;

    color: #fff;

    justify-content: space-between;

    margin-left: 50px;

    display: flex;

}

.header-new .navbar .header-menus-container .navbar-nav {

    justify-content: flex-start;

    align-items: center;

    margin-left: 0;

    display: flex;

    float: right;

    position: relative;

    grid-column-gap: 50px;

    color: #fff;

}

.header-new .navbar .navbar-toggler {

    padding: 0;

    border: none;

}

.header-new .navbar .number-mobile a, 

.header-new .navbar .header-menus-container .nav-link {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    line-height: 21px;

    padding: 0;

    display: inline-block;

    position: relative;

    font-family: 'Inter Tight', sans-serif;

}

.header-new .navbar .header-menus-container .login-nav {

    justify-content: flex-start;

    align-items: center;

    margin-left: 0;

    display: flex;

    float: right;

    position: relative;

    grid-column-gap: 29px;

    color: #fff;

}

.header-new .navbar .header-menus-container .login-nav .card-btn .nav-link {

    font-style: normal;

    font-weight: 500;

    color: #0f1e35;

    line-height: 40px;

    cursor: pointer;

/*    background-image: linear-gradient(90deg,#d4af37,#d4af37);*/

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    border: 0 solid #000;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    margin-bottom: 0;

    padding: 0 15px;

    font-size: 16px;

    display: flex;

}

.header-new .navbar .navbar-collapse .navbar-toggler-btn-menu {

    display: none;

}







.herosection.first-container {

    background-color: #0f1e35;

    padding-top: 20px;

    padding-bottom: 10px;

    background-image: url('../img/wave.png');

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

}

.herosection .first-section {

    margin-top: 100px;

    margin-bottom: 100px;

    border: 1px #000;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding-left: 15px;

    padding-right: 15px;

    display: flex;

    position: relative;

    overflow: visible;

}

/*.herosection .first-section .h1-white {

    line-height: 84px;

    font-size: 64px;

    margin-bottom: 30px;

    color: #fff;

    margin-top: 20px;

    font-weight: 700;

}*/

.herosection .first-section .h1-white {

    line-height: 90px;

    font-size: 75px;

    margin-bottom: 50px;

    color: #fff;

    margin-top: 60px;

    text-transform: capitalize;

    letter-spacing: 3px;

    font-weight: 700;

    font-family: 'Inter Tight', sans-serif; 

}

.herosection .first-section .big-text-gray {

    margin-bottom: 87px;

    max-width: 700px;

    text-align: center;

    color: rgba(255,255,255,.7);

    font-size: 22px;

    line-height: 36px;

    letter-spacing: 0.5px;

    font-weight: 100;

    /* font-family: 'Inter Tight', sans-serif; */

}

.herosection .first-section .big-text-gray sub {

    bottom: -0.25em;

    vertical-align: baseline;

    font-size: 75%;

    line-height: 0;

    position: relative;

}

.herosection .first-section .big-text-gray .scrolltaps {

    padding-top: 80px;

    display: inline-block;

    /*-webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);*/

    color: #fff;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: .1em;

    text-decoration: none;

    transition: opacity .3s;

    position: relative;

    margin-top: 15px;

}

.herosection .first-section .big-text-gray .scrolltaps span {

    position: absolute;

    top: 0;

    left: 50%;

    width: 18px;

    height: 18px;

    margin-left: -12px;

    border-left: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-animation: sdb07 2s infinite;

    animation: sdb07 2s infinite;

    opacity: 0;

    box-sizing: border-box;

}

@keyframes sdb07 {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

.herosection .first-section .big-text-gray .scrolltaps span:nth-of-type(1) {

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}

.herosection .first-section .big-text-gray .scrolltaps span:nth-of-type(2) {

    top: 16px;

    -webkit-animation-delay: .15s;

    animation-delay: .15s;

}

.herosection .first-section .big-text-gray .scrolltaps span:nth-of-type(3) {

    top: 32px;

    -webkit-animation-delay: .3s;

    animation-delay: .3s;

}

.herosection .first-section .sticky.sticky-lottie {

    z-index: 4;

    justify-content: center;

    align-items: center;

    display: flex;

    top: 7%;

    overflow: visible;

}

.herosection .first-section .sticky-lottie .mobilo-card-desktop {

    height: 287px;

    max-width: 539px;

    z-index: 3;

    max-height: 400px;

/*  margin-bottom: 112px;*/

    margin-bottom: 0;

    padding-bottom: 0;

    position: relative;

    border-radius: 12px;

}

.herosection .first-section .sticky-lottie .dark-shadow {

    width: 100%;

    opacity: 0;

    color: #000;

    background-color: #000;

    position: relative;

    left: 0;

}

.dark-block {

    z-index: 2;

    width: 150px;

    height: 0;

    background-color: #000;

    position: absolute;

    top: 0%;

    bottom: 0%;

    left: -220px;

    right: 0%;

    box-shadow: 0 0 100px 120px #000;

}

.herosection .first-section .div-block-3 {

    justify-content: space-between;

    width: 100%;

    flex-direction: row;

    align-self: flex-start;

    align-items: center;

/*    margin-top: 218px;*/

    margin-top: 0;

    padding-top: 0;

    display: flex;

    position: sticky;

    top: 80px;

}

.herosection .first-section .div-block-3 .div-block-84 {

    width: 40%;

}

.herosection .first-section .div-block-3 .div-block-84 .h1-white {

    font-size: 64px;

    line-height: 84px;

    text-align: left;

    margin-bottom: 30px;

    height: 100%;

    justify-content: center;

    align-items: center;

    display: flex;

    color: #fff;

    margin-top: 20px;

    letter-spacing: 3px;

    font-weight: 700;

    font-family: 'Inter Tight', sans-serif;

}

.herosection .first-section .div-block-3 .div-block-84 .big-text-gray {

    color: rgba(255,255,255,.7);

    font-size: 22px;

    line-height: 36px;

    text-align: left;

    letter-spacing: 0.5px;

    font-weight: 100;

    margin-bottom: 0;

    /* font-family: 'Inter Tight', sans-serif; */

}

.herosection .first-section .div-block-3 .sticky-2 {

    width: 60%;

    justify-content: flex-end;

    align-self: flex-end;

    align-items: flex-start;

    margin-top: 100px;

    display: flex;

    position: relative;

}

.herosection .first-section .div-block-3 .sticky-2 .box-shadow-block {

    z-index: 1;

    width: 100%;

    height: 100%;

    opacity: 1;

    background-color: transparent;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    display: flex;

    position: absolute;

}

.herosection .first-section .div-block-3 .sticky-2 .box-shadow-block .div-block-85 {

    width: 0;

    height: 30%;

    background-color: rgba(255,255,255,.5);

    border: 1px #000;

    box-shadow: 49px -11px 600px 60px #fff;

}

.herosection .first-section .div-block-3 .sticky-2 .lottie-animation-2 {

    box-shadow: none;

    background-color: transparent;

    height: 650px;

    z-index: 2;

    justify-content: flex-end;

    display: block;

    position: relative;

    top: 20px;

    overflow: visible;

}

.herosection .first-section .div-block-4 {

    z-index: 10;

    width: 100%;

    justify-content: space-between;

/*    margin-top: 200px;*/

    margin-top: 0;

    padding-bottom: 110px;

    padding-left: 0;

    padding-right: 10px;

    display: flex;

    position: relative;

}

.herosection .first-section .div-block-4 .div-block-5 {

    flex-direction: column;

    justify-content: center;

/*    margin-top: 100px;*/

    margin-top: 0;

    margin-bottom: 100px;

    display: flex;

}

.herosection .first-section .div-block-4 .div-block-5 .h1-white {

    font-size: 64px;

    line-height: 84px;

    color: #fff;

    text-align: left;

    margin-top: 20px;

    margin-bottom: 0;

    font-weight: 700;

    letter-spacing: 3px;

    font-family: 'Inter Tight', sans-serif;

}

.herosection .first-section .div-block-4 .div-block-5 .div-block-6 {

    text-align: left;

    flex-direction: row;

    justify-content: flex-start;

    margin-top: 90px;

    display: flex;

}

.herosection .first-section .div-block-4 .div-block-5 .div-block-6 .hero {

    font-style: normal;

    font-weight: 500;

    color: #0f1e35;

    line-height: 40px;

    cursor: pointer;

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    border: 0 solid #000;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    margin-bottom: 0;

    padding: 0 15px;

    font-size: 16px;

    display: flex;

    width: 170px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.card-modes {

    background-color: #f7f7f7;

    padding: 70px 0;

    position: relative;

    overflow: hidden;

}

.content-global {

    margin-bottom: 60px;

}

.content-global .block-title {

    /*color: #262626;

    margin-top: 0;

    margin-bottom: 23px;

    font-size: 32px;

    font-weight: 700;

    line-height: 42px;*/



    color: #262626;

    margin-top: 0;

    margin-bottom: 25px;

    font-size: 32px;

    font-weight: 600;

    line-height: 40px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.content-global .description-5 {

    /*width: 700px;

    font-size: 22px;

    line-height: 26px;

    color: #646d7a;

    text-align: center;

    font-family: DM Sans,sans-serif;

    margin: auto;

    margin-bottom: 10px;*/



    font-size: 18px;

    line-height: 32px;

    color: #646d7a;

    text-align: center;

    /* font-family: 'Inter Tight', sans-serif; */

    margin: auto;

    margin-bottom: 10px;

    letter-spacing: 0px;

    font-weight: 100;

}

.card-modes .card-modes-grid {

    grid-template-rows: auto;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-row-gap: 16px;

    grid-column-gap: 16px;

    grid-auto-columns: 1fr;

    display: grid;

}

.card-modes .card-modes-grid .card-gird-box {

    height: 100%;

    justify-content: space-around;

    text-align: center;

    flex-direction: column;

    align-items: center;

    padding-left: 0;

    padding-right: 0;

    display: flex;

}

.card-modes .card-modes-grid .icon-block-space {

    width: 140px;

    height: 280px;

    box-shadow: none;

    margin-bottom: 20px;

    border-radius: 5px;

    justify-content: center;

    align-items: center;

    display: flex;

    position: relative;

}

.card-modes .card-modes-grid .icon-block-space .image-116 {

    height: auto;

    border-radius: 20px;

}

.card-modes .card-modes-grid .card-gird-box .heading-2 {

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 18px;

    font-weight: 700;

    line-height: 24px;

    color: #474747;

        font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.card-modes .card-modes-grid .card-gird-box .description-4 {

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-size: 14px;

    line-height: 24px;

    margin-top: 6px;

}

.card-modes .card-modes-grid .card-gird-box .gradient-button {

    font-style: normal;

    font-weight: 500;

    color: #fff;

    line-height: 40px;

    cursor: pointer;

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    border: 0 solid #000;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    margin-bottom: 0;

    margin-top: 10px;

    padding: 0px 15px;

    font-size: 16px;

    display: flex;

    width: 150px;

    transition: .3s;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.card-modes .card-modes-grid .card-gird-box .gradient-button:hover {

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    color: #0f1e35;

}

.mobile-feature {

    background-color: #f7f7f7;

    padding: 70px 0;

    position: relative;

    overflow: hidden;

}

.mobile-feature .feature-tabs .tabs {

    justify-content: space-between;

    width: 100%;

    margin-bottom: 35px !important;

    display: flex;

    overflow: auto;

    margin-top: -23px !important;

}

.mobile-feature .feature-tabs .tabs li {

    display: inline-block;

    text-align: center;

    background-color: transparent;

    cursor: pointer;

    color: #222;

    padding: 9px 0;

    text-decoration: none;

    position: relative;

    font-size: 22px;

    line-height: 36px;

    transition: all .3s;

    border-bottom: 2px solid transparent;

        /* font-family: 'Inter Tight', sans-serif; */

    letter-spacing: 1px;

    font-weight: 600;

}

.mobile-feature .feature-tabs .tabs li.active {

        color: #d4af37;

        border-bottom: 2px solid #d4af37;

}

.mobile-feature .feature-tabs .tabs-all-content {

    grid-template-rows: auto;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 30px;

    grid-auto-columns: 1fr;

    display: none;

}

.mobile-feature .feature-tabs .tabs-all-content.active {

    display: grid;

}

.mobile-feature .feature-tabs .tabs-all-content .div-block-65498 {

    background-color: #fff;

    border-radius: 12px;

    padding: 40px 40px;

}

.mobile-feature .feature-tabs .tabs-all-content .features-icon {

    min-height: 45px;

    max-height: 45px;

    max-width: 45px;

}

.mobile-feature .feature-tabs .tabs-all-content .h3-black {

    margin-top: 25px;

    margin-bottom: 15px;

    font-size: 19px;

    line-height: 25px;

    text-align: left;

    justify-content: flex-start;

    width: 100%;

    display: flex;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-weight: 400;

}

.mobile-feature .feature-tabs .tabs-all-content .text-gray {

    max-width: 440px;

    font-size: 14px;

    line-height: 22px;

    width: 100%;

    text-align: left;

    justify-content: center;

    align-items: center;

    margin-top: 0;

    margin-bottom: 0;

    display: flex;

    color: #646d7a;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.next-generation {

    background-color: #fff;

    padding: 70px 0;

    position: relative;

    overflow: hidden;

}

/*.next-generation .next-generation-slider .item {

    position: relative;

    display: flex;

    flex-direction: column;

    scroll-snap-align: end;

}*/

.next-generation .next-generation-slider02 .item, 

.next-generation .next-generation-slider .item {

    position: relative;

    display: flex;

    flex-direction: column;

    scroll-snap-align: end;

    background: #f1f1f1;

    padding: 10px 20px;

    border-radius: 20px;

    padding-bottom: 40px;

    margin-top: 80px;

}

/*.next-generation .next-generation-slider .product-item__image-wrapper {

    margin-bottom: 24px;

    position: relative;

    overflow: hidden;

    height: 350px;

    background: #f5f5f5;

    display: flex;

    align-items: center;

    justify-content: center;

}*/

.next-generation .next-generation-slider02 .product-item__label-list, 

.next-generation .next-generation-slider .product-item__label-list {

    /*position: absolute;

    z-index: 1;

    top: 10px;

    left: 10px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    pointer-events: none;*/

    position: relative;

    display: flex;

    align-items: center;

    pointer-events: none;

    justify-content: space-between;

}

.next-generation .next-generation-slider02 .product-item__label-list .label--custom, 

.next-generation .next-generation-slider .product-item__label-list .label--custom {

/*    margin-bottom: 4px;*/

    background: rgb(46,46,46);

    color: rgb(255,255,255);

}

.next-generation .next-generation-slider02 .product-item__label-list .label, 

.next-generation .next-generation-slider .product-item__label-list .label {

    /*font-size: 12px;

    display: inline-block;

    padding: 0 5px;

    vertical-align: top;

    text-transform: uppercase;

    letter-spacing: .5px;

    font-weight: 500;

    line-height: 20px;*/

    font-size: 12px;

    display: inline-block;

    padding: 0 5px;

    vertical-align: top;

    text-transform: uppercase;

    letter-spacing: .5px;

    font-weight: 500;

    line-height: 20px;

}

.next-generation .next-generation-slider02 .product-item__label-list .label--highlight, 

.next-generation .next-generation-slider .product-item__label-list .label--highlight {

    background: #d4af37;

    color: #fff;

}

/*.next-generation .next-generation-slider .product-item__image-wrapper .dark-shadow {

    width: 100%;

    color: #000;

    background-color: #000;

    position: relative;

    height: 100%;

}

.next-generation .next-generation-slider .product-item__image-wrapper .dark-shadow .dark-block {

    z-index: 2;

    width: 80px;

    height: 0;

    background-color: #000;

    position: absolute;

    top: 0;

    margin-top: -115px;

    left: 117px;

    box-shadow: 0 0 70px 85px #000;

}*/

/*.next-generation .next-generation-slider .product-item__image-wrapper img {

    transform: scale(1);

    height: 245px;

    width: auto;

    transition: all 0.5s ease-in-out;

    z-index: 3;

    position: relative;

    transform: rotate(15deg);

}

.next-generation .next-generation-slider .item:hover .product-item__image-wrapper img {

    transform: scale(1.1);

}*/

.next-generation .next-generation-slider02 .item .product-item__image-wrapper img, 

.next-generation .next-generation-slider .item .product-item__image-wrapper img {

    margin-top: -75px;

}

.next-generation .next-generation-slider02 .product-item__info, 

.next-generation .next-generation-slider .product-item__info {

    /*display: flex;

    flex-direction: column;

    justify-content: flex-start;

    flex-grow: 1;*/

    text-align: center;

}

.next-generation .next-generation-slider02 .product-item-meta__title, 

.next-generation .next-generation-slider .product-item-meta__title {

    /*line-height: 1.5;

    display: block;

    margin-bottom: 8px;

    color: #262626;

    font-weight: 600;*/

    line-height: 1.5;

    display: block;

    margin-bottom: 8px;

    color: #262626;

    font-weight: 900;

    font-size: 19px;

    padding-top: 30px;

    padding-bottom: 10px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    min-height: 97px;

}

.next-generation .next-generation-slider02 .price-list, 

.next-generation .next-generation-slider .price-list {

    /*display: inline-flex;

    flex-wrap: wrap;

    align-items: baseline;

    justify-content: center;*/

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 20px;

}

.next-generation .next-generation-slider02 .price-list .price-area, 

.next-generation .next-generation-slider .price-list .price-area {

    color: #d4af37;

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 0px !important;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-style: italic;

}

/*.next-generation .next-generation-slider .price-list .price--highlight {

    margin-right: 10px;

    color: rgb(222, 42, 42);

    font-size: 16px;

}*/

.next-generation .next-generation-slider02 .price-list .price--compare, 

.next-generation .next-generation-slider .price-list .price--compare {

    /*text-decoration: line-through;

    opacity: .7;

    font-size: 16px;*/

    text-decoration: line-through;

    opacity: .7;

    font-size: 16px;

    font-weight: 100;

    color: #333;

}

.next-generation .next-generation-slider02 .price-list .button-area .gradient-button, 

.next-generation .next-generation-slider .price-list .button-area .gradient-button {

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

    color: #fff;

    padding: 8px 15px;

    border-radius: 20px;

    transition: .3s;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.next-generation .next-generation-slider02 .price-list .button-area .gradient-button:hover, 

.next-generation .next-generation-slider .price-list .button-area .gradient-button:hover {

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    color: #0f1e35;

}

.next-generation .section__footer {

    margin-top: 40px;

    text-align: center;

}

.next-generation .section__footer .button {

    font-style: normal;

    font-weight: 500;

    color: #fff;

    line-height: 40px;

    cursor: pointer;

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    border: 0 solid #000;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    padding: 0px 15px;

    font-size: 16px;

    display: flex;

    width: 150px;

    margin: auto;

    transition: .3s;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.next-generation .section__footer .button:hover {

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    color: #0f1e35;

}

.next-generation .next-generation-slider .owl-dots {

    display: none;

}

.next-generation .next-generation-slider .owl-nav {

    position: absolute;

    pointer-events: none;

    display: flex;

    justify-content: space-between;

    width: 100%;

    top: 40%;

    margin: 0;

}

.next-generation .next-generation-slider .owl-nav button {

    width: 56px;

    height: 56px;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    transform: scale(.5);

    transition: opacity .15s ease-in-out,visibility .15s ease-in-out,transform .15s ease-in-out;

    display: flex;

    justify-content: center;

    align-items: center;

    background: rgb(255,255,255);

    color: #262626;

    border: 1px solid #262626;

    margin: 0;

    pointer-events: auto;

    font-size: 16px;

}

.next-generation .next-generation-slider .owl-nav button:hover {

    background: rgb(255,255,255);

    color: #262626;

}

.next-generation .next-generation-slider:hover .owl-nav button {

    opacity: 1;

    visibility: visible;

    transform: scale(1);

}

.next-generation .next-generation-slider .owl-nav button.owl-prev {

    margin-left: -25px;

}

.next-generation .next-generation-slider .owl-nav button span {

    display: none;

}

.next-generation .next-generation-slider .owl-nav button.owl-next:before {

    content: "\f061";

    font-family: 'FontAwesome';

}

.next-generation .next-generation-slider .owl-nav button.owl-prev:before {

    content: "\f060";

    font-family: 'FontAwesome';

}

@keyframes moverightArrow {

    0%, 55% {

        opacity: 1;

        transform: translateX(0px) scale(1);

    }



    25% {

        opacity: 0;

        transform: translateX(13px) scale(0.9);

    }



    26% {

        opacity: 0;

        transform: translateX(-13px) scale(0.9);

    }

}

@keyframes moveleftArrow {

    0%, 55% {

        opacity: 1;

        transform: translateX(0px) scale(1);

    }



    25% {

        opacity: 0;

        transform: translateX(-13px) scale(0.9);

    }



    26% {

        opacity: 0;

        transform: translateX(13px) scale(0.9);

    }

}

.next-generation .next-generation-slider .owl-nav button.owl-prev:hover:before {

    animation: 1s ease 0s 1 normal none running moveleftArrow;

}

.next-generation .next-generation-slider .owl-nav button.owl-next:hover:before {

    animation: 1s ease 0s 1 normal none running moverightArrow;

}

.next-generation .next-generation-slider02 {

    grid-template-rows: auto;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 30px;

    grid-row-gap: 40px;

    display: grid;

}

.next-generation .filter-btn .title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 25px;

    font-size: 24px;

    font-weight: 400;

    line-height: 30px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.next-generation .filter-btn .category_tab {

    font-style: normal;

    font-weight: 500;

    color: #fff;

    line-height: 40px;

    cursor: pointer;

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    border: 0 solid #000;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    padding: 0px 15px;

    font-size: 16px;

    display: inline-flex;

    width: 150px;

    margin: auto;

    transition: .3s;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.next-generation .filter-btn .category_tab:hover {

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    color: #0f1e35;

}

.next-generation .filter-btn .category_tab:not(:last-child) {

    margin-right: 30px;

}

.products-top-bar {

    background-color: #f7f7f7;

    border-bottom: 1px solid #e5e7eb;

    padding: 20px 0;

}

.products-top-bar .content a {

    color: #262626;

    margin-top: 0;

    margin-bottom: 0;

    font-size: 15px;

    font-weight: 500;

    line-height: 16px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.products-top-bar .content a.active {

    color: #d4af37;

}

.products-top-bar .content span {

    font-size: 16px;

    margin: 0 12px;

    font-family: 'Inter Tight', sans-serif;

    font-weight: 500;

}

.get-your-card {

    background-color: #f7f7f7;

    padding: 70px 0;

    position: relative;

    overflow: hidden;

}

.get-your-card .get-your-card-slider .item {

    background: rgb(255, 255, 255);

    overflow: hidden;

    display: grid;

    grid-template-rows: auto;

    grid-template-columns: 1fr 1fr;

    grid-auto-columns: 1fr;

    align-items: center;

    opacity: .2;

    will-change: opacity;

    transition: opacity .25s ease-in-out;

}

.get-your-card .get-your-card-slider .owl-item.center .item {

    opacity: 1;

}

.get-your-card .get-your-card-slider .item .timeline__image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

.get-your-card .get-your-card-slider .item .timeline__content {

    padding: 64px;

}

.get-your-card .get-your-card-slider .item .timeline__content .heading {

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 20px;

    color: #262626;

    text-transform: capitalize;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.get-your-card .get-your-card-slider .item .timeline__content p {

    font-size: 14px;

    line-height: 24px;

    margin: 0;

    color: #646d7a;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.get-your-card .get-your-card-slider .item .timeline__content p a,

.get-your-card .get-your-card-slider .item .timeline__content p strong {

    color: #262626;

}

.get-your-card .get-your-card-slider .owl-nav {

    margin: 0;

    position: absolute;

    top: 43%;

    z-index: 1;

    display: inline-grid;

    pointer-events: none;

    right: 150px;

}

.get-your-card .get-your-card-slider .owl-nav button {

    width: 56px;

    height: 56px;

    z-index: 1;

    transition: opacity .15s ease-in-out,visibility .15s ease-in-out,transform .15s ease-in-out;

    display: flex;

    justify-content: center;

    align-items: center;

    background: rgb(255,255,255);

    color: #262626;

    margin: 0;

    pointer-events: auto;

    font-size: 16px;

}

.get-your-card .get-your-card-slider .owl-nav button:hover {

    background: rgb(255,255,255);

    color: #262626;

}

.get-your-card .get-your-card-slider .owl-nav button.owl-prev {

    margin-bottom: 3px;

}

.get-your-card .get-your-card-slider .owl-nav button span {

    display: none;

}

.get-your-card .get-your-card-slider .owl-nav button.owl-next:before {

    content: "\f061";

    font-family: 'FontAwesome';

}

.get-your-card .get-your-card-slider .owl-nav button.owl-prev:before {

    content: "\f060";

    font-family: 'FontAwesome';

}

.get-your-card .get-your-card-slider .owl-nav button.owl-prev:hover:before {

    animation: 1s ease 0s 1 normal none running moveleftArrow;

}

.get-your-card .get-your-card-slider .owl-nav button.owl-next:hover:before {

    animation: 1s ease 0s 1 normal none running moverightArrow;

}

.get-your-card .get-your-card-slider .owl-dots {

    margin-top: 40px;

}

.get-your-card .get-your-card-slider .owl-dots {

    margin: auto;

    margin-top: 40px;

    width: 48%;

    display: grid;

    grid-template-rows: auto;

    grid-template-columns: 1fr 1fr 1fr;

    grid-auto-columns: 1fr;

}

.get-your-card .get-your-card-slider .owl-dots span {

    margin: 0;

    width: 100%;

    border-radius: 0;

    height: auto;

    background: transparent !important;

    padding-top: 18px;

    border-top: 2px solid #d1d1d1;

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 1px;

    font-weight: 600;

    color: #9E9E9E;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.get-your-card .get-your-card-slider .owl-dots button.active span {

    color: #262626;

    border-top: 2px solid #262626;

}

.get-your-card .get-your-card-slider .owl-dots button {

    text-align: left;

    outline: none;

}

.get-your-card .get-your-card-slider .owl-dots button:nth-child(1) span:before {

    content: "1. Order your card";

}

.get-your-card .get-your-card-slider .owl-dots button:nth-child(2) span:before {

    content: "2. Create your profile";

}

.get-your-card .get-your-card-slider .owl-dots button:nth-child(3) span:before {

    content: "3. Tap, Share, Go";

}

.footer-top-section {

    background: #fff;

    padding: 40px 0;

    border-top: 1px solid rgb(224, 224, 224);

}

.footer-top-section .content {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 48px;

    text-align: center;

}

.footer-top-section .content span {

    margin-bottom: 16px;

    display: block;

}

.footer-top-section .content .heading {

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 1px;

    font-weight: 600;

    margin-bottom: 15px;

    color: #262626;

}

.footer-top-section .content p {

    color: #646d7a;

    font-size: 14px;

    line-height: 22px;

    margin: 0;

}

.footer {

    padding-top: 72px;

    padding-bottom: 24px;

    background: rgb(255, 255, 255);

    background-color: #0f1e35;

    background-image: url('../img/wave.png');

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: scroll;

}

.footer .div-1-5 {

    justify-content: space-between;

    width: 100%;

    display: flex;

}

.footer .div-1-5-1:nth-child(4) {

    width: 350px;

}

.footer .div-1-5-1 .content .heading {

    margin-bottom: 20px;

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 1px;

    font-weight: 600;

    color: #fff;

}

.footer .div-1-5-1 .content p {

    color: #fff;

    font-size: 13px;

    line-height: 22px;

    font-weight: 300;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1.5px;

}

.footer .div-1-5-1 .content .linklist .linklist__item:not(:first-child) {

    padding-top: 8px;

}

.footer .div-1-5-1 .content .linklist  .linklist__item a {

    display: inline-block;

    word-break: break-word;

    transition: opacity .25s ease-in-out;

    color: #fff;

}

.footer .footer__newsletter-form {

    margin-top: 16px;

}

.footer .footer__newsletter-form .input-1 .input__field {

    text-align: left;

    width: 100%;

    height: 52px;

    line-height: 52px;

    padding: 0 18px;

    border: 1px solid #fff;

    box-shadow: none;

    background: transparent;

    color: #fff;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1.5px;

    font-weight: 100;

    transition: border .2s ease-in-out,box-shadow .2s ease-in-out;

}

.footer .footer__newsletter-form .input-1 .input__field::placeholder {

  color: #fff;

}

.footer .footer__newsletter-form .input-1 {

    position: relative;

}

.footer .footer__newsletter-form .input-1 .input__field:focus {

    border-color: rgb(46, 46, 46);

    box-shadow: 0 0 0 1px #fff inset;

    outline: none;

}

.footer .footer__newsletter-form .input__submit-icon {

    position: absolute;

    top: 50%;

    right: 20px;

    transform: translateY(-50%);

    padding: 0;

    overflow: visible;

    background: none;

    border: none;

    border-radius: 0;

    cursor: pointer;

    appearance: none;

    touch-action: manipulation;

    color: #fff;

}

.footer .social-media {

    margin-top: 20px !important;

    display: flex;

    flex-wrap: wrap;

}

.footer .social-media .social-media__item {

    position: relative;

    box-shadow: 1px 0 0 0 rgb(224, 224, 224),0 1px 0 0 rgb(224, 224, 224),1px 1px 0 0 rgb(224, 224, 224),1px 0 0 0 rgb(224, 224, 224) inset,0 1px 0 0 rgb(224, 224, 224) inset;

    transform: translateZ(0);

        margin: 0 !important;

}

.footer .social-media .social-media__item:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: calc(100% + 1px);

    height: calc(100% + 1px);

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    -webkit-clip-path: polygon(0 25%,100% 0,100% 100%,0% 100%);

    clip-path: polygon(0 25%,100% 0,100% 100%,0% 100%);

    transform: scaleY(0);

    transform-origin: bottom;

    transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-clip-path .3s cubic-bezier(.215,.61,.355,1);

    transition: transform .3s cubic-bezier(.215,.61,.355,1),clip-path .3s cubic-bezier(.215,.61,.355,1);

    transition: transform .3s cubic-bezier(.215,.61,.355,1),clip-path .3s cubic-bezier(.215,.61,.355,1),-webkit-clip-path .3s cubic-bezier(.215,.61,.355,1);

    pointer-events: none;

    z-index: 1;

}

.footer .social-media .social-media__item:hover:before {

    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);

    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);

    transform: scaleY(1);

}

.footer .social-media .social-media__item .social-media__link {

    height: 55px;

    width: 55px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1;

    transition: color .3s cubic-bezier(.215,.61,.355,1);

    background: none;

    color: currentColor;

    border-radius: 0;

    color: #fff;

}

.footer .social-media .social-media__item:hover .social-media__link {

    color: #0f1e35;

}



.benefits-section {

    background-color: #fff;

    padding: 70px 0;

    position: relative;

    overflow: hidden;

}

.benefits-section .content-global .description-5 {

    width: 100%;

}

.benefits-section .mobile-responsive {

    padding: 3rem 0;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}
.benefits-section .mobile-responsive02 {
     display: none;
}

.benefits-section .mobile-responsive p.best-p-1 {

    font-weight: 700;

    font-size: 16px;

    left: 400px;

    top: 35px;

    color: #262626!important;

    position: absolute;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.benefits-section .mobile-responsive p.best-p-2 {

    position: absolute;

    text-align: right;

    font-size: 16px;

    color: #262626;

    font-weight: 700;

    left: 260px;

    top: 270px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.benefits-section .mobile-responsive p.best-p-3 {

    font-size: 16px;

    font-weight: 700;

    color: #262626!important;

    text-align: right;

    position: absolute;

    left: 300px;

    bottom: 30px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.benefits-section .mobile-responsive p.best-p-22 {

    font-size: 16px;

    color: #262626;

    font-weight: 700;

    text-align: -webkit-left;

    position: absolute;

    top: 35px;

    right: 450px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.benefits-section .mobile-responsive p.best-p-33 {

    font-size: 16px;

    color: #262626;

    font-weight: 700;

    text-align: -webkit-left;

    position: absolute;

    right: 265px;

    top: 92px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.benefits-section .mobile-responsive p.best-p-44 {

    font-size: 16px;

    color: #262626;

    font-weight: 700;

    text-align: -webkit-left;

    position: absolute;

    right: 275px;

    bottom: 240px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.benefits-section .mobile-responsive p.best-p-55 {

    font-weight: 700;

    font-size: 16px;

    position: absolute;

    right: 410px;

    color: #262626;

    bottom: 60px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.card-slider-section {

    background-color: #fff;

    padding-bottom: 40px;

}

@keyframes scroll {

    0% {

        transform: translateX(0)

    }



    100% {

        transform: translateX(calc(-250px * 7))

    }

}



@-webkit-keyframes scrollrtl {

    0% {

        transform: translateX(0)

    }



    100% {

        transform: translateX(calc(+250px * 7))

    }

}

.card-slider-section .SliderBody {

    align-items: center;

    background: #fff;

    display: flex;

    justify-content: center;

}

.card-slider-section .slider {

    background: #fff;

    margin: auto;

    overflow: hidden;

    position: relative;

}

.card-slider-section .slider .slide-track {

    -webkit-animation: scroll 80s linear infinite;

    animation: scroll 80s linear infinite;

    display: flex;

}

.card-slider-section .fist-card-slider .slide-track {

    flex-wrap: nowrap;

}

.card-slider-section .slider .slide {

    text-align: center;

    margin: 0 0;

    padding: 0;

}

.card-slider-section .fist-card-slider .slide-track .slide {

    display: flex;

    align-items: end;

    justify-content: center;

    padding: 0;

}

.card-slider-section .fist-card-slider .slide-track .slide img {

    width: 100%;

}

.card-slider-section .slider .slide .Vertical-img {

    width: 80%!important;

}

.card-slider-section .slider .slide-track-rtl {

    -webkit-animation: scrollrtl 80s linear infinite;

    animation: scrollrtl 80s linear infinite;

    display: flex;

    flex-direction: row-reverse;

}

.card-slider-section .slide-track-rtl {

    flex-wrap: nowrap;

}

.card-slider-section .slide-track-rtl .slide img {

    width: 100%;

}

.card-slider-section .slide-track-rtl .slide .Vertical-img {

    width: 80%!important;

}

.partners-section {

    background-color: #f7f7f7;

    padding: 70px 0;

    position: relative;

    overflow: hidden;

}

.ultra-gap99 {

    width: 100%;

    height: 85px;

}



.content-page-area {

    background-color: #fff;

    padding: 70px 0;

    position: relative;

    overflow: hidden;

}

.content-page-area .contact-area-wrapper {

    grid-gap: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.content-page-area .contact-area-wrapper .contact-area-wrapper-info {

    padding: 0 120px;

}

.content-page-area .contact-area-wrapper .info-box {

    background-color: #fff;

    border-radius: 8px;

    position: relative;

    padding: 20px 20px 20px 75px;

    border: 1px solid #e6e6e6;

    box-shadow: 7px 7px 20px 10px rgba(0,0,0,.05);

}

.content-page-area .contact-area-wrapper .info-box:not(:last-child) {

    margin-bottom: 30px;

}

.content-page-area .contact-area-wrapper .info-box .icon-area {

    color: #fff;

    position: absolute;

    background-color: #0f1e35;

    height: 35px;

    width: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    left: 20px;

    top: 20px;

    font-size: 15px;

}

.content-page-area .contact-area-wrapper .info-box .icon-area.location:before {

    content: "\f3c5";

    font-family: "FontAwesome";

}

.content-page-area .contact-area-wrapper .info-box .icon-area.contact:before {

    content: "\f2bb";

    font-family: "FontAwesome";

}

.content-page-area .contact-area-wrapper .info-box .title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 18px;

    font-size: 28px;

    font-weight: 500;

    line-height: 30px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.content-page-area .contact-area-wrapper .info-box a, 

.content-page-area .contact-area-wrapper .info-box p {

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 0;

    display: block;

    color: #333;    

}

.content-page-area .contact-area-wrapper .contact-form {

    background-color: #0f1e35;

    padding: 30px 40px;

    background-image: url(../img/wave.png);

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: scroll;

    border-radius: 12px;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

}

.content-page-area .contact-area-wrapper .contact-form .title {

    color: #fff;

    margin-top: 0;

    margin-bottom: 15px;

    font-size: 32px;

    font-weight: 600;

    line-height: 40px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.content-page-area .contact-area-wrapper .contact-form p {

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 30px;

    display: block;

    color: rgba(255,255,255,.7);

}

.content-page-area .contact-area-wrapper .contact-form .form-group .form-control {

    height: 45px;

    width: 100%;

    font-size: 14px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1.5px;

    font-weight: 100;

    box-shadow: none;

    margin-bottom: 17px;

}

.content-page-area .contact-area-wrapper .contact-form .form-group .form-control:focus {

    box-shadow: none;

    outline: none;

}

.content-page-area .contact-area-wrapper .contact-form .form-group textarea.form-control {

    height: auto;

}

.content-page-area .contact-area-wrapper .contact-form .boxed-btn {

    font-style: normal;

    font-weight: 500;

    color: #0f1e35;

    line-height: 40px;

    cursor: pointer;

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    border: 0 solid #000;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    margin-bottom: 0;

    padding: 0 15px;

    font-size: 16px;

    display: flex;

    width: 170px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    margin-top: 30px;

}





.product-view-section {

    background-color: #fff;

    padding: 70px 0;

    position: relative;

}

.product-view-section .grid-row {

    grid-template-rows: auto;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;

    display: grid;

}

.product-view-section .product-img-area {

    margin: 0px 40px;

}

.product-view-section .product-img-tabs {

    position: sticky;

    top: 150px;

}

.product-view-section .product-img-tabs .tabs-content {

    margin-bottom: 15px;

    position: relative;

    display: flex;

    flex-direction: column;

    scroll-snap-align: end;

    background: #f1f1f1;

    padding: 0 60px;

    border-radius: 20px;

    padding-bottom: 30px;

    margin-top: 80px;

}

.product-view-section .product-img-tabs .tabs-all-content.active {

    margin-top: -75px;

}

.product-view-section .product-img-tabs .tabs {

    text-align: center;

} 

.product-view-section .product-img-tabs .tabs li {

    display: inline-block;

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    padding: 10px;

    border-radius: 5px;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

} 

.product-view-section .product-img-tabs .tabs li:not(:last-child) {

    margin-right: 15px;

}

.product-view-section .product-img-tabs .tabs li img {

    height: 55px;

} 

.product-view-section .product-info-area {

    padding-top: 80px;

}

.product-view-section .product-info-area .rating {

    display: inline-flex;

    gap: 2px;

}

.product-view-section .product-info-area .rating i {

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.product-view-section .product-info-area .rating span {

    color: #262626;

    margin-top: 0;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 16px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    margin-left: 2px;

}

.product-view-section .product-info-area .product-title {

    color: #262626;

    margin-top: 15px;

    margin-bottom: 25px;

    font-size: 32px;

    font-weight: 500;

    line-height: 40px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.product-view-section .product-info-area .description-area, 

.product-view-section .product-info-area .description-area p {

    font-size: 16px;

    line-height: 30px;

    color: #646d7a;

    font-family: 'Inter Tight', sans-serif;

    margin: auto;

    margin-bottom: 0;

    letter-spacing: 0.5px;

    font-weight: 100;

}

.product-view-section .product-info-area .price-flex {

    display: flex;

    align-items: center;

    pointer-events: none;

    justify-content: space-between;

    padding-top: 20px;

}

.product-view-section .product-info-area .price-list {

    display: flex;

    align-items: center;

}

.product-view-section .product-info-area .price-list .price-area {

    color: #262626;

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 0px !important;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-style: italic;

}

.product-view-section .product-info-area .price-list .price--compare {

    text-decoration: line-through;

    opacity: .7;

    font-size: 16px;

    font-weight: 100;

    color: #333;

}

.product-view-section .product-info-area .price-list .product-item__label-list {

    padding-left: 20px;

}

.product-view-section .product-info-area .price-list .product-item__label-list .label--highlight {

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    color: #fff;

    font-size: 12px;

    display: inline-block;

    padding: 0 5px;

    vertical-align: top;

    text-transform: uppercase;

    letter-spacing: .5px;

    font-weight: 500;

    line-height: 20px;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

}

.product-view-section .product-info-area .stock-area {

    display: none;

}

.product-view-section .product-info-area .stock-area .badge {

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    color: #0f1e35;

    font-size: 12px;

    display: inline-block;

    padding: 0 5px;

    vertical-align: top;

    text-transform: uppercase;

    letter-spacing: .5px;

    font-weight: 500;

    border-radius: 0;

    line-height: 20px;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

}

.product-view-section .product-info-area .stock-area .badge.bg-danger {

    background: red;

    color: #fff;

}

.product-view-section .product-info-area .form-area {

    border-top: 1px solid rgb(224, 224, 244);

    margin-top: 22px;

    padding-top: 22px;

}

.product-view-section .product-info-area .discount-title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 18px;

    font-size: 18px;

    font-weight: 500;

    line-height: 26px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.product-view-section .product-info-area .upsell__products {

    border: 1px solid rgb(224, 224, 244);

    border-radius: 5px;

    padding: 0 20px;

        margin-bottom: 25px;

}

.product-view-section .product-info-area .bulk-upsell__product {

    

    display: flex;

    justify-content: space-between;

    padding: 15px 0;

}

.product-view-section .product-info-area .bulk-upsell__product:not(:last-child) {

    border-bottom: 1px solid #ebebeb;

}

.product-view-section .product-info-area .bulk-upsell__product h4 {

    color: #262626;

    margin-top: 0;

    margin-bottom: 0px;

    font-size: 15px;

    font-weight: 500;

    line-height: 22px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.product-view-section .product-info-area .bulk-upsell__product p {

    font-size: 16px;

    line-height: 22px;

    color: #646d7a;

    font-family: 'Inter Tight', sans-serif;

    margin: auto;

    margin-bottom: 0;

    letter-spacing: 0.5px;

    font-weight: 100;

}

.product-view-section .product-info-area .bulk-upsell__product .icon {

    align-items: left;

    display: flex;

    justify-content: left;

    padding: 0;

    position: relative;

    height: 35px;

}

.product-view-section .product-info-area .form-row-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 25px;

}

.product-view-section .product-info-area .form-row-grid .form-label {

    color: #262626;

    margin-top: 0;

    margin-bottom: 4px;

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.product-view-section .product-info-area .form-row-grid .form-control {

        width: 100%;

    border: 1px solid #d0d0d0;

    padding: 10px;

    font-size: 15px;

    outline: none;

    border-radius: 5px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

}

.product-view-section .product-info-area .form-btn-box .addToCartButton {

    font-style: normal;

    font-weight: 500;

    color: #fff;

    line-height: 40px;

    cursor: pointer;

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    border: 0 solid #000;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    padding: 0px 15px;

    font-size: 16px;

    display: flex;

    width: 150px;

    margin: auto;

    margin-right: 0;

    margin-top: 35px;

    transition: .3s;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.product-view-section .product-info-area .form-btn-box .addToCartButton:hover {

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    color: #0f1e35;

}

.chechout-section {

    background-color: #fff;

    position: relative;

}

.chechout-section .grid-row {

    display: flex;

}

.chechout-section .grid-row .basic-information-area {

    width: 55%;

    padding: 50px 40px;

    padding-left: 250px;

    background-color: #fff;

    border-right: 1px solid #e5e7eb;

}

.chechout-section .grid-row .basic-information-area form {

    height: 100%;

}

.chechout-section .grid-row .basic-information-area .basic-information-box {

    position: sticky;

    top: 50px;

}

.chechout-section .grid-row .productcart-deatils-area {

    width: 45%;

    padding: 50px 40px;

    padding-right: 250px;

    background-color: #f7f7f7;

}

.chechout-section .grid-row .basic-information-area .title-area .title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 10px;

    font-size: 20px;

    font-weight: 600;

    line-height: 26px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.chechout-section .grid-row .basic-information-area .title-area .title02 {

    margin-top: 35px;

}

.chechout-section .grid-row .basic-information-area .form-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;

}

.chechout-section .grid-row .basic-information-area .form-grid .form-label {

    color: #262626;

    margin-top: 0;

    margin-bottom: 4px;

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.chechout-section .grid-row .basic-information-area .form-grid .form-control {

    width: 100%;

    border: 1px solid #d0d0d0;

    padding: 10px;

    font-size: 15px;

    outline: none;

    border-radius: 5px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

}

.chechout-section .grid-row .productcart-deatils-area .title-area .title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 25px;

    font-size: 20px;

    font-weight: 600;

    line-height: 26px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-boxs {

    margin-bottom: 25px;

    background: #fff;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    padding: 15px;

    border-radius: 5px;

    position: relative;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-single, 

.chechout-section .grid-row .productcart-deatils-area .product-item-total-single {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-single .remove-btn {

    position: absolute;

    top: -15px;

    right: -11px;

    color: #262626;

    font-size: 22px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    transition: all .3s;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-single .remove-btn:hover {

    color: red;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-single .img-area {

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    padding: 10px;

    border-radius: 5px;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

}

.chechout-section .grid-row .productcart-deatils-area .product-item-single .img-area img {

    height: 55px;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-single .name-area {

    margin-left: 20px;

    margin-right: auto;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-single .name-area .title, 

.chechout-section .grid-row .productcart-deatils-area .product-item-total-single .name-area .total-title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 600;

    line-height: 26px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-single .name-area .title {

    margin-bottom: 3px;

}



.chechout-section .grid-row .productcart-deatils-area .product-item-single .price-area .product-price, 

.chechout-section .grid-row .productcart-deatils-area .product-item-total-single .price-area .product-price {

    color: #262626;

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 0px !important;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-style: italic;

    transition: all .3s;

}

.chechout-section .grid-row .productcart-deatils-area .cart-details-text p {

    color: #262626;

    margin-top: 0;

    margin-bottom: 0px;

    font-size: 13px;

    font-weight: 500;

    line-height: 26px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.chechout-section .grid-row .productcart-deatils-area .cart-details-text p span {

    font-weight: 600;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-total-box {

    margin-top: 20px;

    padding: 0 15px;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-total-single {

    margin-bottom: 10px;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-total-single .name-area .total-title {

    font-size: 14px;

    font-weight: 500;

}

.chechout-section .grid-row .productcart-deatils-area .product-item-total-single.grand-total {

    border-top: 1px solid rgb(224, 224, 244);

    padding: 12px 0;

    border-bottom: 1px solid rgb(224, 224, 244);

}

.chechout-section .grid-row .productcart-deatils-area .product-item-total-single.grand-total .name-area .total-title, 

.chechout-section .grid-row .productcart-deatils-area .product-item-total-single.grand-total .price-area .product-price {

    font-weight: 600;

}

.chechout-section .grid-row .productcart-deatils-area .place-btn {

    padding: 0 15px;

}

.chechout-section .grid-row .productcart-deatils-area .place-btn .btn {

    font-style: normal;

    font-weight: 500;

    color: #fff;

    line-height: 40px;

    cursor: pointer;

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    border: 0 solid #000;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    padding: 0px 15px;

    font-size: 16px;

    display: flex;

    width: 150px;

    margin: auto;

    margin-right: 0; 

    margin-top: 35px;

    transition: .3s;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.chechout-section .grid-row .productcart-deatils-area .place-btn .btn:hover {

        background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    color: #0f1e35;

}

.chechout-section .grid-row .productcart-deatils-area .why-tapnstore-area {

    margin: 0 15px;

    border-top: 1px solid #b0b0b2;

    font-size: 1rem;

    position: relative;

    margin-top: 50px;

    padding-top: 25px;

}

.chechout-section .grid-row .productcart-deatils-area .why-tapnstore-area h4 {

    color: #262626;

    font-size: 18px;

    padding: 0 15px;

    font-weight: 500;

    line-height: 26px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    background: #f7f7f7;

    position: absolute;

    text-align: center;

    top: -15px;

    transform: translateX(-50%) translateZ(0);

    white-space: nowrap;

    left: 50%;

}

.chechout-section .grid-row .productcart-deatils-area .why-tapnstore-area p {

    color: #262626;

    margin-top: 0;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 28px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.chechout-section .grid-row .productcart-deatils-area .coupon-area {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

    padding: 0 15px;

}

.chechout-section .grid-row .productcart-deatils-area .coupon-area .form-input-coupon {

    width: 100%;

}

.chechout-section .grid-row .productcart-deatils-area .coupon-area .form-control {

    width: 100%;

    border: 1px solid #d0d0d0;

    padding: 10px;

    font-size: 15px;

    outline: none;

    margin: 0;

    border-radius: 8px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

}

.chechout-section .grid-row .productcart-deatils-area .coupon-area .btn-apply {

    font-style: normal;

    font-weight: 500;

    color: #fff;

    line-height: 44px;

    cursor: pointer;

    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);

    border: 0 solid #000;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    padding: 0px 15px;

    font-size: 16px;

    display: flex;

    width: 110px;

    margin-left: 5px;

    transition: .3s;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.chechout-section .grid-row .productcart-deatils-area .coupon-area .btn-apply:hover {

    background: linear-gradient(to right, #BF953F, #cfca96, #B38728);

    color: #0f1e35;

}

.about-top-area {

    background-color: #0f1e35;

    padding: 70px 0;

    height: 560px;

}

.about-top-area .global-cantainer {

    background-image: url(../img/svgicon/tapnstore-the-best-business-card-in-the-world.svg);

    background-repeat: no-repeat;

    background-position: center right;

    background-size: contain;

    height: 100%;

    display: flex;

    align-items: center;

}

.about-top-area .content-global {

    margin: 0;

    width: 50%;

}

.about-top-area .content-global .block-title {

    color: #fff;

    margin-bottom: 40px;

}

.about-top-area .content-global .description-5 {

    color: rgba(255,255,255,.7);

    font-size: 22px;

    line-height: 36px;

    text-align: left;

    letter-spacing: 0.5px;

    font-weight: 100;

    margin-bottom: 0px;

}

.about-top-area .content-global .description-5:not(:last-child) {

    margin-bottom: 20px;

}

.about-page-area {

    background-color: #f7f7f7;

    position: relative;

}

.about-page-area .row-grid {

    grid-template-rows: auto;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;

    display: grid;

    align-items: center;

}

.about-page-area .img-area {

    text-align: center;

}

.about-page-area .img-area img {

    height: 600px;

}

.about-page-area02 .img-area img {

    height: 530px;

}

.about-page-area .content-area .title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 35px;

    font-size: 28px;

    font-weight: 600;

    line-height: 26px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.about-page-area .content-area p {

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 0;

}

.about-page-area .content-area p:not(:last-child) {

    margin-bottom: 12px;

}

.about-page-area02 {

    margin-top: -40px;

    background-color: #fff;

}

.fouder-area {

    background-color: #f7f7f7;

    position: relative;

    padding: 70px 0;

}

.fouder-area .row-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}

.fouder-area .fouder-item {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    align-items: center;

}

.fouder-area .fouder-item .img-area img {

    margin-left: 50px;

    border-radius: 5px;

}

.fouder-area .fouder-item .content-area {

    background-color: #fff;

    border-radius: 5px;

    padding: 30px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    text-align: center;

}

.fouder-area .fouder-item .content-area .title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 0;

    font-size: 22px;

    font-weight: 600;

    line-height: 30px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.fouder-area .fouder-item .content-area .subtitle {

    font-size: 14px;

    line-height: 24px;

    margin: 0;

    color: #d4af37;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    display: block;

    font-weight: 600;

    margin-bottom: 12px;

}

.fouder-area .fouder-item .content-area p {

    font-size: 14px;

    line-height: 22px;

    margin: 0;

    color: #646d7a;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.fouder-area .fouder-item .content-area .social-media {

        text-align: center;

    margin-top: 15px !important;

}

.fouder-area .fouder-item .content-area .social-media li {

    display: inline-block;

}

.fouder-area .fouder-item .content-area .social-media li:not(:last-child) {

    margin-right: 8px;

}

.fouder-area .fouder-item .content-area .social-media li a {

    color: #646d7a;

    font-size: 16px;

}



.features-page-area {

    background-color: #ffffff;

    position: relative;

    padding: 70px 0;

}

.features-page-area01 .row-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    align-items: center;

    grid-gap: 40px;

}

.features-page-area01 .colum {

    text-align: center;

    background-color: #f7f7f7;

        padding: 20px 0;

    padding-bottom: 0;

    border-radius: 12px;

    height: 100%;

}

.features-page-area01 .colum .title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 8px;

    font-size: 22px;

    font-weight: 600;

    line-height: 30px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.features-page-area01 .colum a {

    color: #d4af37;

    margin-top: 0;

    margin-bottom: 8px;

    font-size: 16px;

    font-weight: 500;

    line-height: 22px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;
    display: block;

}

.features-page-area01 .colum a i {

    margin-left: 5px;

}

.features-page-area01 .colum img {

        height: 185px;

    margin-top: 15px;

}

.features-page-area01 .colum p {

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-size: 12px;

    line-height: 18px;

    margin-bottom: 0;

        padding: 0 20px;

}

.features-page-area.features-page-area02 {

    background-color: #f7f7f7;

    position: relative;

    padding-bottom: 0;

}

.features-page-area.features-page-area02.lastpedding {

    padding-bottom: 70px;

}

.features-page-area02 .row-grid {

    grid-template-rows: auto;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;

    display: grid;

    align-items: center;

    background: #fff;

    border-radius: 12px;

}

.features-page-area02 .img-area {

    text-align: center;

}

.features-page-area02 .img-area img {

    height: 415px;

}

.features-page-area02 .img-area02 {

    padding: 20px 0;

}

.features-page-area02 .content-area-right {

    padding: 30px 0;

    padding-right: 100px;

}

.features-page-area02 .content-area-left {
 
    padding: 30px 0;

    padding-left: 100px;

}

.features-page-area02 .content-area .title {

    color: #262626;

    margin-top: 0;

    margin-bottom: 25px;

    font-size: 28px;

    font-weight: 600;

    line-height: 40px;

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

}

.features-page-area02 .content-area p {

    font-family: 'Inter Tight', sans-serif;

    letter-spacing: 1px;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 0;

}

.features-page-area02 .content-area p:not(:last-child) {

    margin-bottom: 12px;

}

.features-page-area02 .content-area .title-area:not(:first-child) {

    margin-top: 50px;

}
.swal-overlay--show-modal {
    display: flex;
    align-items: center;
    justify-content: center;
        width: 100%;
}
.swal-overlay--show-modal .swal-modal {
    display: block;
    text-align: center;
        width: 410px
            margin: auto;
}
.swal-button {
        margin: auto;
}
.swal-button-container {
    margin: 5px;
    display: block;
    position: relative;
    text-align: center;
}
.thanku-section {
    background-color: #f7f7f7;
    padding: 70px 0;
    position: relative;
}
.thanku-section .title-area .title {
    color: #262626;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    font-family: 'Inter Tight', sans-serif;
    letter-spacing: 1px;
}
.thanku-section .title-area .title span {
        font-style: italic;
    font-weight: 400;
}
.thanku-section .productcart-deatils-box {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    display: grid;
}
.thanku-section .productcart-deatils-box .product-item-boxs {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 15px;
    border-radius: 5px;
    position: relative;
}
.thanku-section .productcart-deatils-box .product-item-boxs .product-item-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.thanku-section .productcart-deatils-box .product-item-boxs .product-item-single .img-area {
    background: linear-gradient(180deg, #2c3138 0%, #191c1e 100%);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.thanku-section .productcart-deatils-box .product-item-boxs .product-item-single .img-area img {
    height: 55px;
}
.thanku-section .productcart-deatils-box .product-item-boxs .product-item-single .name-area {
    margin-left: 20px;
    margin-right: auto;
}
.thanku-section .productcart-deatils-box .product-item-boxs .product-item-single .name-area .title {
    color: #262626;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    font-family: 'Inter Tight', sans-serif;
    letter-spacing: 1px;
}
.thanku-section .productcart-deatils-box .product-item-boxs .product-item-single .name-area .title {
    margin-bottom: 3px;
}
.thanku-section .productcart-deatils-box .product-item-boxs .cart-details-text p {
    color: #262626;
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    font-family: 'Inter Tight', sans-serif;
    letter-spacing: 1px;
}
.thanku-section .productcart-deatils-box .product-item-boxs .cart-details-text p span {
    font-weight: 600;
}
.thanku-section .productcart-deatils-box .product-item-boxs .product-item-single .price-area .product-price {
    color: #262626;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px !important;
    font-family: 'Inter Tight', sans-serif;
    letter-spacing: 1px;
    font-style: italic;
    transition: all .3s;
}