/* ========================================
   GLOBAL STYLES
======================================== */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Great+Vibes&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Manrope:wght@200..800&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&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');

body {
    margin: 0 auto;
    background-color: #fff;
    color: #0F0F0F;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
}

html,
body {
    width: auto !important;
    overflow-x: clip;
}

.damion-regular {
    font-family: "Damion", serif;
    font-weight: 400;
    font-style: normal;
}

.dprice,
.pdisc {
    margin-top: 0;
}

/* Font smoothing */
h1, h2, h3, h4, h5, h6,
p, span, div, body, strong {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Superscript */
sup {
    color: #fc7800;
}

/* Links */
body a {
    color: #FFF021;
}

/* Remove unwanted space above the site header */
html,
body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#page,
#content,
.site,
.site-content,
.elementor-location-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Reset the first header container */
.elementor-location-header > .e-con:first-child {
    margin-top: 0 !important;
}

/* ========================================
   HEADINGS AND TYPOGRAPHY
======================================== */

h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 700;
    line-height: 1.2;
	letter-spacing: .005em;
    margin: 0;
}

/* H1 */

.heroheading h1.elementor-heading-title  {
    font-size: clamp(3.4rem, 9.4vw, 9.25rem)!important;
	letter-spacing: .005em;
	font-weight: 400;
    line-height: .90;
}

.statnum h3.elementor-heading-title {
    font-size: clamp(26px, 2.5vw, 45px) !important;
}{
	
}
.entry-content h1,
h1.elementor-heading-title {
    font-size: clamp(40px, 4.5vw, 65px) !important;
}

/* H2 */
h2.elementor-heading-title {
    font-size: clamp(32px, 3.9vw, 50px) !important;
}

/* H3 */
h3.elementor-heading-title {
    font-size: clamp(26px, 2.5vw, 30px) !important;
}

/* H4 */
h4.elementor-heading-title {
    font-size: clamp(22px, 2vw, 24px) !important;
}

/* H5 */
h5.elementor-heading-title {
    font-size: clamp(18px, 1.5vw, 20px) !important;
}

/* H6 */
h6.elementor-heading-title {
    font-size: clamp(16px, 1.25vw, 18px) !important;
}

div.elementor-widget-heading .elementor-heading-title {
    font-family: "Bebas Neue", sans-serif;
    font-size: inherit;
    font-weight: 700;
    line-height: 1.2;
	letter-spacing: .005em;
    margin: 0;
    color: #000000;
}

.main-title {
    background: linear-gradient(
        to right,
        #FFFFFF 0%,
        #FC7800 50%,
        #08033B 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.50;
}

/* Image Box */
.author h3.elementor-image-box-title {
    margin-top: 8px !important;
}

/* Featured In */
.featuredin .elementor-heading-title {
    font-family: "Inter", sans-serif;
    font-size: 16px;
}

/* Text Editor */
div.elementor-widget-text-editor {
    color: #0F0F0F;
    font-family: "Inter", sans-serif;
    font-size: clamp(16px, 1.25vw, 18px);
    font-weight: 400;
    line-height: 1.6;
}

/* ========================================
   FORM PLACEHOLDERS
======================================== */

.gform_wrapper ::placeholder {
    color: #000000;
    opacity: 1;
}

/* ========================================
   ELEMENTOR CONTAINER LAYOUT
======================================== */

/*
Assign content-row to the parent container.
Assign content-left and content-right to its children.
Set the parent container to Row direction in Elementor.
*/

.content-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 4%;
    width: 100%;
}

.content-row > .content-left,
.content-row > .content-right {
    flex: 0 0 48%;
    width: 48%;
    min-width: 0;
}

/* Content alignment containers */
.content-top,
.content-center,
.content-bottom {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
}

/* Inner content container */
.inner {
    position: relative;
    width: 100%;
    max-width: 1240px;
    margin-inline: auto;
    box-sizing: border-box;
}

/* Main section wrapper
   Assign section-wrap to the Elementor Container. */
.section-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1950px;
    margin-inline: auto;
    padding: 60px 0;
    box-sizing: border-box;
    z-index: 1;
}

/* Container holding multiple blocks */
.blocks-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    text-align: center;
}

/* Individual block/container */
.block {
    display: flex;
    flex-direction: column;
    flex: 0 1 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* White text utility */
.white-text,
.white-text p,
.white-text a,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text div,
.white-text ul,
.white-text li,
.white-text ol {
    color: #fff;
}

/* ========================================
   CUSTOM BUTTONS
======================================== */

.custom-btn .elementor-button {
    display: inline-block;
    padding: 18px 32px;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1.25vw, 20px)!important;
    font-weight: 400;
    line-height: 1;
    color: #000;
    background-color: #FFF021;
    border: 1px solid #fff;
    border-radius: 16px;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.custom-btn .elementor-button:hover {
    color: #fff;
    background-color: #000;
    border-color: #fff;
}

/* ========================================
   PAGE TITLE DECORATIONS
======================================== */

.page-title-wrap {
    position: relative;
}

.page-title-wrap::before {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    z-index: 9;
    width: 70px;
    height: 70px;
    margin: auto;
    background: #fc7800;
    border: solid #fff 6px;
    border-radius: 50%;
    border-top-left-radius: 0;
    transform: rotate(45deg);
    box-sizing: border-box;
}

.page-title-wrap-inner {
    position: relative;
}

.page-title-wrap-inner::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: -1px;
    right: 0;
    z-index: 9;
    width: 150px;
    height: 150px;
    margin: auto;
    background-image: url("/wp-content/uploads/2025/02/cross-svgrepo-com.svg");
    background-repeat: no-repeat;
    background-position: -30px -50px;
    border-radius: 6px;
}

/* ========================================
   ICONS AND FEATURED IMAGES
======================================== */

.eicon-play {
    content: url("/wp-content/uploads/2021/07/Group-16096.svg") !important;
}

.list-top-align.elementor-widget-icon-list ul li {
    align-items: flex-start;
}

.list-top-align.elementor-widget-icon-list
.elementor-icon-list-icon {
    padding-top: 5px;
}

.featured img {
    max-width: unset;
}

/* ========================================
   ABOUT SECTION
======================================== */

@media (max-width: 1200px) {
    .aboutsec {
        background: linear-gradient(
            180deg,
            rgba(250, 250, 250, 1) 17%,
            rgba(252, 120, 0, 1) 62%,
            rgba(8, 3, 59, 1) 91%
        ) !important;
    }

    .aboutsec > .elementor-background-overlay {
        background-image: none !important;
    }
}

/* ========================================
   RESPONSIVE CONTAINER STYLES
======================================== */

@media (max-width: 1366px) {
    .featured img {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 1150px) {
    .section-wrap {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .content-row {
        gap: 30px;
    }

    .content-row > .content-left,
    .content-row > .content-right {
        flex-basis: 100%;
        width: 100% !important;
    }
}

/* Tablet and mobile typography */
@media (max-width: 960px) {
    h1.elementor-heading-title {
        font-size: 40px;
    }

    h2.elementor-heading-title {
        font-size: 35px;
    }

    h3.elementor-heading-title {
        font-size: 30px;
    }

    h4.elementor-heading-title {
        font-size: 24px;
    }

    h5.elementor-heading-title {
        font-size: 20px;
    }

    h6.elementor-heading-title {
        font-size: 18px;
    }

    body {
        font-size: 16px;
    }

    div.elementor-widget-text-editor {
        font-size: 16px;
    }
}

/* ========================================
   HOMEPAGE SECTION 4 - BLOCKS
======================================== */

@media (max-width: 800px) {
    .homepage.section4 .blocks-wrap {
        align-items: center;
        justify-content: center;
    }

    .homepage.section4 .block {
        display: flex;
        flex: 0 1 100%;
        flex-direction: column;
        width: 100%;
        max-width: 375px;
        min-height: 630px;
        margin: 35px 0 30px;
        padding: 70px 30px 30px;
        background: #fff;
        box-sizing: border-box;
    }

    .homepage.section4 .block:first-child {
        margin-top: 0;
    }
}

/* Small mobile */
@media (max-width: 600px) {
    .section-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .custom-btn .elementor-button {
        max-width: 100%;
        padding: 16px 30px;
        box-sizing: border-box;
    }
}