:root {
    --color-primary: #FF5C0B;
    --color-secondary: #fb6087;
    --color-accent: #FFD6C2;
    --color-background: #DADADA;
    --color-link: #323232;
    --color-white: #FFFFFF;
    --yalda-red: #C23345;
    --yalda-red-dark: #8C1622;
    --yalda-green: #007A3D;
    --yalda-green-dark: #00522E;
    --yalda-cream: #F6E7C1;
    --yalda-gold: #C9A227;
    --yalda-black: #191919;
    --font-regular: 'YekanBakhFaNum-Regular';
    --font-heading: 'YekanBakhFaNum-Bold';
    --font-button: 'PeydaWebFaNum', sans-serif;
    --font-light: 'YekanBakhFaNum-Light';
    --font-extrabold: 'YekanBakhFaNum-ExtraBold';
    --font-code: 'Courier New', monospace;
    --radius-none: 0;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 30px;
    --radius-full: 9999px
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

* {
    box-sizing: border-box
}

html {
    overflow-x: hidden
}

body {
    margin: 0 auto;
    padding: 0;
    font-size: 1rem;
    overflow-x: hidden;
    font-family: var(--font-regular) !important;
    overflow-x: hidden;
    background: url(https://avaads.ai/wp-content/uploads/bg-stars.svg), linear-gradient(0deg, #251d2c 100%, #1e1e28 50%);
}

main {
    padding-left: 15px;
    padding-right: 15px;
}

a {
    text-decoration: none
}

p {
    text-align: justify
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-extrabold) !important;
    color: var(--color-link);
}

.main-container {
    max-width: 1920px;
    margin: auto
}

.container {
    margin: auto;
}

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

.radius-xl {
    border-radius: var(--radius-xl)
}

.object-fit {
    object-fit: cover
}

.over-hidden {
    overflow: hidden
}

.color-link {
    color: var(--color-link)
}

.container2 {
    max-width: 1320px;
    margin: auto
}

.container2 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    margin-left: auto;
    margin-right: auto
}

.container3 {
    max-width: 1520px;
    margin: auto
}

.yekan-light {
    font-family: var(--font-light) !important
}

.yekan-regular {
    font-family: var(--font-regular) !important
}

.yekan-bold {
    font-family: "YekanBakhFaNum-Bold" !important
}

p {
    font-size: 15px;
    line-height: 25px
}

@font-face {
    font-display: swap;
    font-family: "YekanBakhFaNum-Black";
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/yekanbakh/YekanBakhFaNum-Black.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "YekanBakhFaNum-Bold";
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/yekanbakh/YekanBakhFaNum-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "YekanBakhFaNum-ExtraBlack";
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/yekanbakh/YekanBakhFaNum-ExtraBlack.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "YekanBakhFaNum-ExtraBold";
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/yekanbakh/YekanBakhFaNum-ExtraBold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "YekanBakhFaNum-Light";
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/yekanbakh/YekanBakhFaNum-Light.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "YekanBakhFaNum-Regular";
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/yekanbakh/YekanBakhFaNum-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "YekanBakhFaNum-SemiBold";
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/yekanbakh/YekanBakhFaNum-SemiBold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "YekanBakhFaNum-Thin";
    src: url(/wp-content/themes/hello-theme-child-master/assets/fonts/yekanbakh/YekanBakhFaNum-Thin.woff2) format("woff2")
}

.d-flex-jc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.d-flex-js {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

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

.line-height-6 {
    line-height: 60px;
}

.sec {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.d-block {
    display: block;
}

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

.yalda-gold {
    color: var(--yalda-gold);
}

.num-ff {
    font-family: var(--font-heading);
}

.ps-lg-5 {
    padding-right: 0;
}

.pe-lg-5 {
    padding-left: 0;
}

.mt-lg-5 {
    margin-top: 5rem;
}

.mt-lg-3 {
    margin-top: 3rem;
}

.w-100 {
    width: 100%;
}

.d-none {
    display: none;
}

.position-relative {
    position: relative;
}

/* Timer Style */

@keyframes flip-top {
    to {
        transform: rotateX(90deg);
    }
}

@keyframes flip-bottom {
    to {
        transform: rotateX(0deg);
    }
}

#first-section {
    width: 100%;
    overflow: hidden;
    /* background: url(../img/bg-stars.svg), linear-gradient(0deg, #251d2c 33%, #1e1e28 50%); */
}

.counter-wrapper {
    margin-bottom: 3rem;
}

main .cards {
    display: flex;
    gap: 15px;
    font-family: "Red Hat Text", sans-serif;
    direction: ltr;
    position: relative;
}

main .cards::before {
    content: "🍉 مانده تا یلدا";
    display: block;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -70%);
    color: var(--color-white);
    font-family: var(--font-regular);
}

main .cards .card {
    text-align: center;
    font-size: 25px;
}

main .cards .card span {
    display: block;
    color: #8486a9;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: var(--font-regular);
    text-align: center;
}

main .cards .card .flip-card {
    display: flex;
    flex-direction: column;
    box-shadow: 0 7px 3px 0 #151515;
    position: relative;
    margin: 15px auto;
}

main .cards .card .top-half,
main .cards .card .bottom-half,
main .cards .card .top-flip,
main .cards .card .bottom-flip {
    color: var(--yalda-red);
    font-size: 35px;
    height: 51px;
    width: 77px;
    padding: 25px 7px;
    overflow: hidden;
    text-align: center;
    will-change: transform !important;
    box-shadow: 0 3px rgba(71, 83, 115, 0.2) inset;
}

main .cards .card .top-half,
main .cards .card .top-flip {
    color: var(--yalda-red);
    border-radius: 5px 5px 0 0;
    background-color: #2c2c44;
}

main .cards .card .top-half::before,
main .cards .card .top-flip::before {
    content: "";
    background-color: #191a24;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    left: -5px;
}

main .cards .card .top-half::after,
main .cards .card .top-flip::after {
    content: "";
    background-color: #191a24;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    right: -5px;
}

main .cards .card .bottom-half,
main .cards .card .bottom-flip {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 0 0 5px 5px;
    background-color: #343650;
    box-shadow: 0 -2px 5px 0 rgba(71, 83, 115, 0.7) inset;
}

main .cards .card .bottom-half::before,
main .cards .card .bottom-flip::before {
    content: "";
    background-color: #191a24;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    left: -5px;
}

main .cards .card .bottom-half::after,
main .cards .card .bottom-flip::after {
    content: "";
    background-color: #191a24;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    right: -5px;
}

main .cards .card .top-flip {
    position: absolute;
    transform-origin: bottom;
    transform: rotateX(0deg);
    animation: flip-top 0.5s ease-in forwards;
}

main .cards .card .bottom-flip {
    position: absolute;
    bottom: 0;
    transform-origin: top;
    transform: rotateX(90deg);
    animation: flip-bottom 0.5s ease-out 0.5s;
}

/* main .cards .top-half,
main .cards .bottom-half,
main .cards .top-flip,
main .cards .bottom-flip {
    font-size: 70px !important;
    height: 80px !important;
    width: 125px !important;
    padding: 34px 7px !important;
} */

/* Timer Style */

.btn-yalda {
    padding: 12px 28px 12px 12px;
    height: 48px;
    width: 180px;
    background: var(--yalda-red);
    color: #fff;
    border-radius: var(--radius-md);
    font-weight: bold;
    transition: 0.3s;
    display: flex;
    align-items: center;
    position: relative;
}

.btn-yalda::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url(https://avaads.ai/wp-content/uploads/call-icon-yalda.svg) no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 13px;
    left: 16px;
}

.btn-yalda:hover {
    background: var(--yalda-red-dark);
}

.bg-yalda {
    background: var(--yalda-green);
    color: #fff;
}

.title-yalda {
    color: var(--yalda-gold);
}

.form-wrapper {
    width: 100%;
    min-height: 350px;
    background-color: #EFEFEF !important;
    border-radius: var(--radius-lg);
    position: relative;
    padding: 2rem;
}

.form-wrapper::before {
    display: block;
    content: '';
    width: 300px;
    height: 142px;
    background: url(https://avaads.ai/wp-content/uploads/form-b.svg) no-repeat;
    background-size: cover;
    position: absolute;
    top: -100px;
    left: 0;
    z-index: -1;
}

.form-wrapper::after {
    display: block;
    content: '';
    width: 230px;
    height: 185px;
    background: url(https://avaads.ai/wp-content/uploads/form-a.svg) no-repeat;
    background-size: cover;
    position: absolute;
    top: -70px;
    right: 140px;
    z-index: -1;
}

.why-yalda {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.why-yalda-item {
    background-color: #EFEFEF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    row-gap: 1rem;
    border-radius: var(--radius-lg);
    transition: 0.3s;
}

.why-yalda-item:hover {
    transform: translateY(-4px);
}

.faq-item {
    border: 1px solid #DDDDDD;
    border-radius: 16px;
    margin-bottom: 1rem;
    overflow: hidden;
}

.faq-question {
    cursor: pointer;
    padding: 12px 15px 12px 36px;
    transition: all 0.3s ease;
    border-radius: 10px;
    position: relative;
    color: var(--color-white);
}

.faq-item.active .faq-question {
    background-color: #EFEFEF;
    color: var(--yalda-red);
}

.faq-question::before {
    display: block;
    content: '';
    width: 19px;
    height: 8px;
    background: url(https://avaads.ai/wp-content/uploads/yalda-faq-arrow.svg) no-repeat center / cover;
    position: absolute;
    top: calc(50% - 3.5px);
    left: 18px;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question::before {
    transform: rotate(180deg);
}

.faq-number {
    font-size: 21px;
    padding-left: 6px;
}

.faq-answer {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}

.faq-answer p,
.faq-answer ul {
    margin: 15px 0;
    padding: 0 63px 0;
    border-radius: 10px;
    color: var(--color-white);
}

.why-yalda>*:last-child {
    grid-column: span 2;
}

.yalda-num {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    background-color: var(--yalda-gold);
    width: 30px;
    height: 30px;
    border-radius: 50px;
    font-size: 20px;
    position: relative;
}

.yalda-num::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #c9a32771;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.custom-class2::before {
    display: block;
    content: '';
    width: 230px;
    height: 900px;
    background: url(https://avaads.ai/wp-content/uploads/custom-b1.svg) no-repeat center / cover;
    position: absolute;
    top: -120px;
    left: -30px;
}

.title-b::before {
    display: block;
    content: '';
    width: 100px;
    height: 87px;
    background: url(https://avaads.ai/wp-content/uploads/title-b.png) no-repeat center / cover;
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
}

#first-section::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    max-width: 1920px;
    max-height: 1010px;
    background: url(https://avaads.ai/wp-content/uploads/doone-anar.png) no-repeat center / contain;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}

#floating-call {
    position: fixed;
    bottom: 5px;
    left: 20px;
    transform: scale(0.9);
}

header,
footer,
#yalda-banner-wrapper {
    display: none;
}

.wrapper {
    padding-top: 0;
    padding-bottom: 3rem;
}

/*Form Style*/

#gform_fields_1 {
    grid-row-gap: 20px !important;
}


#gform_submit_button_1 {
    padding: 1.1rem 0;
    font-family: "YekanBakhFaNum-Bold" !important;
    font-size: 18px;
    background-color: var(--yalda-red);
    transition: 0.3s;
    border-radius: var(--radius-lg);
}

#gform_submit_button_1:hover {
    background-color: var(--yalda-red-dark);
}

#gform_confirmation_message_1 {
    padding: 1rem;
    margin: 1.5rem;
    border-radius: var(--radius-lg);
    background-color: var(--color-accent);
}

#input_1_1,
#input_1_3,
#input_1_4 {
    border: unset;
    border-radius: var(--radius-lg);
    padding: 25px 15px;
    text-align: right !important;
}

.gform-footer.gform_footer {
    position: relative;
}

span.gfield_required.gfield_required_text {
    display: none;
}

input::placeholder {
    color: #CCCCCC !important;
}

/*Form Style*/

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }

    p {
        font-size: 16px;
        line-height: normal
    }

    main {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }

    .faq-question::before {
        width: 22px;
        height: 11px;
        left: 25px;
    }

    .faq-question {
        padding: 12px 30px;
    }

    .why-yalda {
        grid-template-columns: repeat(3, 1fr);
    }

    .d-md-none {
        display: none;
    }

    .d-md-block {
        display: block;
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }

    main section {
        padding: 15px 10px
    }

    .ps-lg-5 {
        padding-right: 3rem;
    }

    .pe-lg-5 {
        padding-left: 3rem;
    }

    .why-yalda {
        grid-template-columns: repeat(5, 1fr);
    }

    .why-yalda>*:last-child {
        grid-column: span 1;
    }

    .mt-lg-5 {
        margin-top: 0;
    }

    .mt-lg-3 {
        margin-top: 0;
    }

    main .cards::before {
        top: 50%;
        left: -90px;
    }

    .form-wrapper {
        padding: 3rem;
    }

    .form-wrapper::before {
        left: 300px;
    }

    .form-wrapper::after {
        right: -160px;
    }

    #floating-call {
        bottom: 20px;
        left: 40px;
        transform: scale(1);
    }
    
    .wrapper {
        padding-top: 3rem;
    }

}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}