/* Menu Open Box */
.menu-box {
    width: 600px;
    padding: 12px 32px;
    background: #000000;
    position: fixed;
    top:24px;
    right: 12px;
    border-radius: 24px;
    z-index: 999;
    display: none;
}
.menu-box-mobile {
    width: 375px;
    padding: 12px 32px;
    background: #000000;
    position: fixed;
    top:24px;
    right: 12px;
    border-radius: 24px;
    z-index: 999;
    display: none;
}
.close-text {
    color: #FFFFFF;
    font-family: 'tn-regular';
    font-size: 18px;
}
.close-text-mobile {
    color: #FFFFFF;
    font-family: 'tn-regular';
    font-size: 16px;
}
.menu-text {
    font-family: 'tn-condensed-medium';
    font-size: 24px;
    color: #FFFFFF;
}
.menu-links-box {
    margin-top: 32px;
}
.menu-link {
    font-size: 40px;
    font-family: 'tn-regular';
    color: #FFFFFF;
}
.menu-link-mobile {
    font-size: 24px;
    font-family: 'tn-regular';
    color: #FFFFFF;
}
.link {
    margin-top: 28px;
}
.menu-footer {
    margin-top: 32px;
    font-family: 'tn-regular';
    color: #FFFFFF;
}
.menu-footer-link {
    font-size: 24px;
}
.menu-footer-link-mobile {
    font-size: 16px;
}


/* header styling*/
.header {
    padding-top: 16px;
    background: #241BDC;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-bottom: 16px;
    z-index: 998;
}
.header-right {
    text-align: end;
    color: #FFFFFF;
}
.header-btn {
    margin-right:16px !important;
    font-family: 'tn-condensed-medium';
    text-transform: uppercase;
}
.header-btn:hover {
    background:#000000;
    color:#FFFFFF;
}
.btn-icon {
    height: 20px;
    margin-top: -4px;
}
.menu-text, .menu-text-mobile {
    font-family: 'tn-condensed-medium';
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.menu-text:hover, .menu-icon:hover {
    cursor: pointer;
}
.close-text:hover, .close-icon {
    cursor: pointer;
}

/* Blog Hero Section */
.hero-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:80px;
    padding-bottom:80px;
}
.hero-title {
    font-size: 120px;
    font-family: 'tn-condensed-medium';
    text-transform: uppercase;
}
.hero-title-mobile {
    font-size: 62px;
    font-family: 'tn-condensed-medium';
    text-transform: uppercase;
}
.hero-para {
    font-size: 32px;
    font-family: 'tn-regular';
    line-height: 120%;
}
.hero-para-mobile {
    font-size: 18px;
    font-family: 'tn-regular';
    line-height: 120%;
}

/* Blog List Section */
.blog-list-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:80px;
    padding-bottom:80px;
}
.blog-grid-row {
    margin-top: 48px;
}
#blogImgBox1 {
    width: 100%;
    height: 412px;
    background: url('../../assets/blog/01-blog-img.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}
#blogTexBox1, #blogTexBox2, #blogTexBox3, #blogTexBox4 {
    margin-top: 48px;
    display: flex;
    gap: 30px
}
#blogImgBox2 {
    width: 100%;
    height: 412px;
    background: url('../../assets/blog/02-blog-img.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}
#blogTexBox2 {
    margin-top: 48px;
}
#blogImgBox3 {
    width: 100%;
    height: 412px;
    background: url('../../assets/blog/03-blog-img.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}
#blogTexBox3 {
    margin-top: 48px;
}
#blogImgBox4 {
    width: 100%;
    height: 412px;
    background: url('../../assets/blog/04-blog-img.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
}
#blogTexBox4 {
    margin-top: 48px;
}
.blog-label {
    font-size: 18px;
    color: #404145;
    font-family: 'tn-regular';
}
.blog-title {
    font-family: 'tn-medium';
    font-size: 32px;
    line-height: 110%;
    margin-top: 20px;
}

/* Pre Footer Section */
.pre-footer-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:120px;
    padding-bottom:120px;
}
.pre-footer-center-box {
    width: 638px;
    height: 638px;
    background: #FFB62B;
    border-radius: 600px;
    margin: auto;
    padding-top: 140px;
}
.pre-footer-center-box-mobile {
    padding-top:44px;
    width: 330px;
    height: 330px;
    background: #FFB62B;
    border-radius: 300px;
    margin: auto;
}
#leftImg, #rightImg {
    margin-top: 151px;
}
.left-col {
    padding-right: 0px;
}
.right-col {
    padding-left: 0px;
}
.pre-footer-title {
    font-size: 90px;
    line-height: 100%;
}
.pre-footer-title-mobile {
    font-size: 52px;
    line-height: 100%;
}
.pre-footer-para {
    font-size: 28px;
    font-family: 'tn-regular';
    line-height: 140%;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 30px;
}
.pre-footer-para-mobile {
    font-size: 16px;
    font-family: 'tn-regular';
    line-height: 140%;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 16px;
}
.font-condensed {
    font-family: 'tn-condensed-medium';
}
.font-display {
    font-family: 'ivy-presto-light';
}
.pre-footer-cta {
    margin-top: 30px;
    background: transparent;
    border: 1px solid #000000;
    text-transform: uppercase;
    color: #000000 !important;
    font-size: 24px;
    padding-left: 24px;
    padding-right: 12px;
    font-family: 'tn-medium';
}
.pre-footer-cta-mobile {
    margin-top: 16px;
    background: transparent;
    border: 1px solid #000000;
    text-transform: uppercase;
    color: #000000 !important;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 12px;
    font-family: 'tn-medium';
}
.pre-footer-cta:hover {
    background-color: transparent;
    color: #000000;
    border: 1px solid #000000;
}
.pre-footer-contact-arrow-icon {
    transition: transform 0.3s ease-in-out;
}
.pre-footer-contact-arrow-icon.rotated {
    transform: rotate(45deg);
}

/* Footer */
.footer-section {
    padding-top: 80px;
    padding-bottom: 30px;
    color: #FFFFFF;
    font-family: 'tn-regular';
}
.quick-links {
    margin-right: 100px;
}
.footer-title {
    font-size: 20px;
    font-family: 'tn-medium';
}
.footer-links {
    margin-top: 32px;
    font-family: 'tn-regular';
}
.footer-link {
    margin-top: 16px;
    font-size: 18px;
}
.newsletter-box {
    padding: 24px 24px;
    background-color: #333333;
    border-radius: 20px;

}
.subscribe-to-text {
    font-family: 'tn-medium';
    font-size: 20px;
    line-height: 100%;
}
.newsletter-text {
    font-family: 'ivy-presto-light';
    font-size: 80px;
    line-height: 72px;
    margin-top: 20px;
}
.email-form {
    margin-top: 28px;
}
.email-input {
    width: 250px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    color: #FFFFFF
}
.subscribe-btn {
    background: #FFB62B;
    text-transform: uppercase;
    color: #000000;
    font-size: 20px;
    padding-left: 24px;
    padding-right: 12px;
    font-family: 'tn-regular';
}
.subscribe-btn:hover {
    background: #FFB62B;
    color: #000000;
}
.subscribe-contact-arrow-icon {
    transition: transform 0.3s ease-in-out;
}
.subscribe-contact-arrow-icon.rotated {
    transform: rotate(45deg);
}

.footer-end-row {
    margin-top: 60px;
}
@media (max-width: 768px) {
    #blogImgBox1, #blogImgBox2, #blogImgBox3, #blogImgBox4{
        height: 250px;
        border-radius: 16px;
    }
    #blogTexBox1, #blogTexBox2, #blogTexBox3, #blogTexBox4  {
        margin-top: 20px;
        display: flex;
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }
    .blog-grid-row {
        gap: 30px;
    }
    .blog-list-section{
        padding-top: 10px;
        padding-bottom: 60px;
    }
    .blog-title {
        font-size: 24px;
    }
}