@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body,
html {
    max-width: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
}

h1,
h2,
h3 {
    font-family: 'Playfair Display', Georgia, "Times New Roman", serif;
}

:root {
    --primary: #f8b90e;
    --primary-100: #f8b90e;
    --primary-200: #f8b90e;
    --primary-300: #f8b90e;
    --primary--100: #f8b90e;
    --primary--200: #f5f38c;
    --primary--300: #f9f3bf;
    --primary-rgba-0: rgba(66, 70, 253, 0);
    --primary-rgba-10: rgba(66, 70, 253, 0.1);
    --primary-rgba-20: rgba(66, 70, 253, 0.2);
    --primary-rgba-30: rgba(66, 70, 253, 0.3);
    --primary-rgba-40: rgba(66, 70, 253, 0.4);
    --primary-rgba-50: rgba(66, 70, 253, 0.5);
    --primary-rgba-60: rgba(66, 70, 253, 0.6);
    --primary-rgba-70: rgba(66, 70, 253, 0.7);
    --primary-rgba-80: rgba(66, 70, 253, 0.8);
    --primary-rgba-90: rgba(66, 70, 253, 0.9);
    --secondary: #f8b90e;
    --secondary-100: #f3d971;
    --secondary-200: #f6f075;
    --secondary-300: #6f06dc;
    --secondary--100: #9535fa;
    --secondary--200: #9c41fa;
    --secondary--300: #a24efa;
    --secondary-rgba-0: rgba(136, 28, 249, 0);
    --secondary-rgba-10: rgba(136, 28, 249, 0.1);
    --secondary-rgba-20: rgba(136, 28, 249, 0.2);
    --secondary-rgba-30: rgba(136, 28, 249, 0.3);
    --secondary-rgba-40: rgba(136, 28, 249, 0.4);
    --secondary-rgba-50: rgba(136, 28, 249, 0.5);
    --secondary-rgba-60: rgba(136, 28, 249, 0.6);
    --secondary-rgba-70: rgba(136, 28, 249, 0.7);
    --secondary-rgba-80: rgba(136, 28, 249, 0.8);
    --secondary-rgba-90: rgba(136, 28, 249, 0.9);
    --tertiary: #f5f3fb;
    --tertiary-100: #e5e0f5;
    --tertiary-200: #ddd6f1;
    --tertiary-300: #d5cdee;
    --tertiary--100: #ffffff;
    --tertiary--200: #ffffff;
    --tertiary--300: #ffffff;
    --tertiary-rgba-0: rgba(245, 243, 251, 0);
    --tertiary-rgba-10: rgba(245, 243, 251, 0.1);
    --tertiary-rgba-20: rgba(245, 243, 251, 0.2);
    --tertiary-rgba-30: rgba(245, 243, 251, 0.3);
    --tertiary-rgba-40: rgba(245, 243, 251, 0.4);
    --tertiary-rgba-50: rgba(245, 243, 251, 0.5);
    --tertiary-rgba-60: rgba(245, 243, 251, 0.6);
    --tertiary-rgba-70: rgba(245, 243, 251, 0.7);
    --tertiary-rgba-80: rgba(245, 243, 251, 0.8);
    --tertiary-rgba-90: rgba(245, 243, 251, 0.9);
    --quaternary: #222529;
    --quaternary-100: #16181b;
    --quaternary-200: #111214;
    --quaternary-300: #0b0c0d;
    --quaternary--100: #2e3237;
    --quaternary--200: #33383e;
    --quaternary--300: #393e45;
    --quaternary-rgba-0: rgba(34, 37, 41, 0);
    --quaternary-rgba-10: rgba(34, 37, 41, 0.1);
    --quaternary-rgba-20: rgba(34, 37, 41, 0.2);
    --quaternary-rgba-30: rgba(34, 37, 41, 0.3);
    --quaternary-rgba-40: rgba(34, 37, 41, 0.4);
    --quaternary-rgba-50: rgba(34, 37, 41, 0.5);
    --quaternary-rgba-60: rgba(34, 37, 41, 0.6);
    --quaternary-rgba-70: rgba(34, 37, 41, 0.7);
    --quaternary-rgba-80: rgba(34, 37, 41, 0.8);
    --quaternary-rgba-90: rgba(34, 37, 41, 0.9);
    --dark: #212529;
    --dark-100: #16181b;
    --dark-200: #101214;
    --dark-300: #0a0c0d;
    --dark--100: #2c3237;
    --dark--200: #32383e;
    --dark--300: #383f45;
    --dark-rgba-0: rgba(33, 37, 41, 0);
    --dark-rgba-10: rgba(33, 37, 41, 0.1);
    --dark-rgba-20: rgba(33, 37, 41, 0.2);
    --dark-rgba-30: rgba(33, 37, 41, 0.3);
    --dark-rgba-40: rgba(33, 37, 41, 0.4);
    --dark-rgba-50: rgba(33, 37, 41, 0.5);
    --dark-rgba-60: rgba(33, 37, 41, 0.6);
    --dark-rgba-70: rgba(33, 37, 41, 0.7);
    --dark-rgba-80: rgba(33, 37, 41, 0.8);
    --dark-rgba-90: rgba(33, 37, 41, 0.9);
    --light: #FFF;
    --light-100: #f2f2f2;
    --light-200: #ececec;
    --light-300: #e6e6e6;
    --light--100: #ffffff;
    --light--200: #ffffff;
    --light--300: #ffffff;
    --light-rgba-0: rgba(255, 255, 255, 0);
    --light-rgba-10: rgba(255, 255, 255, 0.1);
    --light-rgba-20: rgba(255, 255, 255, 0.2);
    --light-rgba-30: rgba(255, 255, 255, 0.3);
    --light-rgba-40: rgba(255, 255, 255, 0.4);
    --light-rgba-50: rgba(255, 255, 255, 0.5);
    --light-rgba-60: rgba(255, 255, 255, 0.6);
    --light-rgba-70: rgba(255, 255, 255, 0.7);
    --light-rgba-80: rgba(255, 255, 255, 0.8);
    --light-rgba-90: rgba(255, 255, 255, 0.9);
}

.big-text {
    font-size: 45px;
    line-height: 1.2;
}

.James-allen-logo {
    width: 400px;
}

.text-gold {
    color: rgba(255, 174, 0, 0.906);
}

.gold-background {
    background: linear-gradient(135deg, rgb(218 116 2 / 94%), rgb(255 194 0 / 90%) 99%) !important;
}

.app-link {
    display: inline-block;
    margin: 5px 5px;
}

.download-text {
    line-height: 1.2;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}

.download-text h2 {
    margin: 0;
}

.feature-box {
    margin: 5px;
}

.custom-feature-box-1 .feature-box-icon {
    width: 45px;
    height: 40px;
}
.hero-section{
    padding: 0px 130px;
}

@media (max-width: 767px) {
    .James-allen-logo {
        width: 300px;
    }
    .big-text {
        font-size: 40px;
    }
    .custom-feature-box-1 .feature-box-icon {
        width: 40px;
        height: 40px;
    }
    .btm-footer{
        flex-direction: column;
    }
    .hero-section{
        padding: 0px 20px;
    }
    .footer-bottom-link{
        flex-direction:column;
    }
}

.owl-carousel .owl-item img {
    transform-style: unset;
    height: 663px;
    z-index: -99999;
    overflow: hidden;
    border-radius: 40px;
}
.custom-carousel-1 .owl-carousel {
    padding: 16px 0 0 3px;
}
.p-font-style {
    padding-bottom: 15px !important;
    line-height: 27px;
    font-weight: 400;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    color: #2d2d2d;
    font-size:18px;
}
.title {
      color: #2d2d2d !important;
      font-family: 'Playfair Display', Georgia, "Times New Roman", serif;
      word-wrap: break-word;
}
.owl-carousel.stage-margin .owl-stage-outer {
    margin-left: 54px !important;
    margin-right: 38px !important;
}