/* =============================================================================== */
.main-header {
    padding: 20px 0 20px 0;
    box-sizing: border-box;
    /* border-top: 8px solid #d71419; */
    position: sticky;
    box-shadow: 0 2px 3px rgb(0 0 0 / 10%);
    width: 100%;
    background-color: #fff;
    top: -150px;
    left: 0;
    transition: top 0.5s;
    z-index: 99;
}

.headerBtn {
    display: none;
    margin: 0px 0;
    padding: 8.5px 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
}

.main-header .text-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.main-header.sticky {
    /* position: fixed;
    top: 0;
    z-index: 99999;
    left: 0;
    right: 0; */
}

.main-header.sticky .subtxt {
    position: absolute;
    top: 0px;
    left: auto;
    right: 15px;
    font-size: 11px;
}

.main-header.sticky .headerBtn {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    font-weight: 600 !important;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    /* border-radius: 49px; */
    border: 0;
    background: var(--Grad-3, linear-gradient(90deg, #FF3C34 0%, #FF3C34 1.56%, #FF3D34 3.12%, #FF3E35 4.69%, #FF3E35 6.25%, #FF3F35 7.81%, #FF4035 9.37%, #FF4136 10.94%, #FF4236 12.5%, #FF4336 14.06%, #FF4336 15.62%, #FF4437 17.19%, #FF4537 18.75%, #FF4637 20.31%, #FF4737 21.87%, #FF4738 23.44%, #FF4838 25%, #FF4938 26.56%, #FF4A38 28.12%, #FF4B38 29.69%, #FF4C39 31.25%, #FF4C39 32.81%, #FF4D39 34.38%, #FF4E39 35.94%, #FF4F3A 37.5%, #FF503A 39.06%, #FF513A 40.63%, #FF513A 42.19%, #FF523B 43.75%, #FF533B 45.31%, #FF543B 46.88%, #FF553B 48.44%, #FF563C 50%, #FF563C 51.56%, #FF573C 53.13%, #FF583C 54.69%, #FF593D 56.25%, #FF5A3D 57.81%, #FF5A3D 59.38%, #FF5B3D 60.94%, #FF5C3E 62.5%, #FF5D3E 64.06%, #FF5E3E 65.63%, #FF5F3E 67.19%, #FF5F3F 68.75%, #FF603F 70.31%, #FF613F 71.88%, #FF623F 73.44%, #FF633F 75%, #FF6440 76.56%, #FF6440 78.13%, #FF6540 79.69%, #FF6640 81.25%, #FF6741 82.81%, #FF6841 84.38%, #FF6941 85.94%, #FF6941 87.5%, #FF6A42 89.06%, #FF6B42 90.63%, #FF6C42 92.19%, #FF6D42 93.75%, #FF6D43 95.31%, #FF6E43 96.88%, #FF6F43 98.44%, #FF7043 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 10px 22px;

    padding: 0;
    margin-top: 20px;
    padding-right: 0px;
    border-radius: 0;
}

.main-header.sticky .headerBtn figure {
    width: 16px;
    margin: 0;
    height: 16px;
    position: absolute;
    left: 25px;
    top: 5px;
    margin: 0;
}

.main-header .header-link {
    margin: 0 0 0 24px;
}

.main-header.sticky .header-link,
.main-header.sticky .quote {
    display: none;
}

.main-header .header-link a {
    margin: 0 12px 0 0;
    position: relative;
    font-weight: 700;
}

/* .main-header .header-link a:first-child::after {
    content: "/";
    position: absolute;
    right: -8px;
} */

.main-header .header-link a img {
    /* vertical-align: bottom; */
    width: 17px;
}

.main-header .quote {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.mainSection {
    /* background-image: url(../../images/banner-bg.png); */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 23px 0;
    box-sizing: border-box;

}

@media screen and (max-width: 767px) {
    .headerBtn {
        padding: 8.5px 8px;
    }

    .mainSection .left h3 {
        margin-top: 25px;
    }

    .main-header .quote {
        display: none;
    }

    .main-header .header-link a:last-child {
        display: none;
    }

    .main-header .header-link a:first-child::after {
        display: none;
    }

    .main-header .header-link {
        margin: 0px;
        text-align: right;
        width: 100%;
    }

    .main-header .logo a img {
        width: 100%;
    }
}



@media screen and (max-width: 375px) {

    .headerBtn {
        padding: 8.5px 5px;
    }
}