.footer_main{position: relative;background-color: var(--color-0e);}
.footer_main>.container{ position: relative;display: flex;}
.footer_left{flex:0 0 77.3%; padding-block: 5.7rem;border-right: 0.1rem solid #707070;padding-right: 7.7rem;}
.footer_links{display: flex;align-items: center;}
.footer_links>h6{flex-shrink: 0;color: var(--color-ff);font-size: var(--font-16);line-height: var(--line-height-26);border-right: 0.1rem solid #9C9C9C;padding-right: 1.3rem;margin-right: 2.7rem;}
.footer_links>ul{padding: 0;margin: 0;display: flex;gap: 2.2rem;}
.footer_links>ul>li{list-style: none;}
.footer_links>ul>li>a{color: var(--color-ff);font-size: var(--font-16);line-height: var(--line-height-26);font-weight: 200;transition: all .5s ease;}
.footer_links>ul>li>a:hover{color: var(--color-f0);}
.footer_links:nth-child(2)>ul{ gap: 1.6rem;margin-top: 2.4rem;}
.footer_links:nth-child(2)>ul>li>a{font-weight:400;}
.footer_right{flex:0 0 26.7%;padding-block: 2.8rem;padding-left: 8.4rem;}
.footer_right>h6{color: var(--color-ff);font-size: var(--font-16);line-height: var(--line-height-26);font-weight: 200; text-transform: uppercase;margin-bottom: 1.4rem;}
.footer_right>ul{display: flex;padding: 0;margin: 0;gap: 1rem;}
.footer_right>ul>li{list-style: none;}
.footer_right>ul>li>a{display: block; }
.footer_right>ul>li>a:hover{transform: rotate(360deg);transition: all .5s ease;}
.footer_right>ul>li>a>img{width: 3.2rem;}
.copyright{margin-top: 1.9rem;}
.copyright p{font-size: var(--font-14);line-height: var(--line-height-20);color: var(--color-d4);margin-bottom: 0;font-weight: 200;}
.copyright p{margin-bottom: 0;}
.copyright a:hover{color: var(--color-f0);}

@media(min-width:1800px){
    .footer_main{background-color: var(--color-0e);position: sticky;bottom: 0;left: 0;width: 100%;place-items: center;}
}
@media(max-width:1799px){
    .footer_right{padding-left: 5.4rem;}
    .footer_links:nth-child(2)>ul{gap: 1.2rem;}
}
@media (max-width: 1599px) {
    .footer_links:nth-child(2)>ul {gap: 0.6rem;}
}
@media(max-width:1449px){
    .footer_left{padding-block: 4.7rem;padding-right: 3.7rem;}
    .footer_right{padding-left: 3.4rem;}
    .footer_links>h6{margin-right: 1.7rem;}
    .footer_links>ul{gap: 1.2rem;}
    .footer_links:nth-child(2)>ul{gap: 1rem;margin-top: 1.4rem;}
    .footer_right>ul>li>a>img{width: 2.5rem;}
    .footer_right>ul{gap: 0.5rem;}
}
@media(max-width:1199px){
    .footer_main>.container{flex-wrap: wrap;}
    .footer_left {flex: 0 0 100%; padding-block: 1.7rem;padding-right: 0;border-bottom: 0.1rem solid #707070;border-right: 0;}
    .footer_links{    justify-content: center;}
    .footer_right { flex: 0 0 100%;padding-left: 0;text-align: center;}
    .footer_right>ul {justify-content: center;}
}
@media(max-width:991px){
    .footer_main{padding-block: 3rem 12rem;}
    .footer_left{padding-block: 1.7rem 3rem;}
    .footer_links{flex-direction: column;}
    .footer_links>h6 {padding-right: 0;margin-right: 0;border-right: 0;margin-bottom: 2.7rem;font-size: 2.1rem;}
    .footer_links>ul{display: block;column-count: 2;width: 100%;text-align: center;}
    .footer_links>ul>li{margin-bottom: 1rem;}
    .footer_links:nth-child(2)>ul{margin-top: 4.4rem; column-count: 3;display: block;width: 100%;text-align: center;}
    .footer_links>ul>li>a{font-size: 1.8rem;}
    .footer_links:nth-child(2)>ul>li{margin-bottom: 1rem;}
}
@media(max-width:767px){
    .footer_main {padding-block: 5.8rem 10rem;}
    .footer_left {padding-block:0 3rem;border-bottom: 0.1rem solid #3A3A3A;}
    .footer_links>h6{ font-size: 1.5rem;margin-bottom: 1.8rem;}
    .footer_links:nth-child(1)>ul {border-bottom: 0.1rem solid #3A3A3A;}
    .footer_links:nth-child(2)>ul {margin-top: 4rem;column-count: 2;}
    .footer_links>ul>li { margin-bottom: 2rem;}
    .footer_links>ul>li>a { font-size: 1.6rem;}
    .footer_links:nth-child(2)>ul>li { margin-bottom: 2rem;}
    .footer_links:nth-child(2)>ul>li>a {font-size: 1.5rem;}
    .footer_right{padding-bottom: 0;}
    .footer_right>h6{font-size: 1.6rem;letter-spacing: 1.86px;margin-bottom: 2rem;}
    .footer_right>ul {gap: 1rem;}
    .footer_right>ul>li>a>img {width: 3.2rem;}
    .copyright p {font-size: 1.4rem;line-height: 1.6;}
}
@media(max-width:330px){
    .footer_links>ul>li>a { font-size: 1.4rem;}
    .footer_links:nth-child(2)>ul>li { margin-bottom: 0.5rem;}
    .copyright p{font-size: 1.2rem;}
}

/* fixed btn css starts here */
.npfPopup img {
    width: 32px;
}
.npf-form-btn {
    position: fixed;
    bottom: 50%;
    left: auto;
    right: -39px;
    z-index: 1;
    transform: rotate(270deg);
}
.npf-form-btn [type="button"].npfWidgetButton.npfWidget-2f11ab8e7d3e42cb320148b93b89d9f9 {
    display: inline-block;
    font-size: var(--font-14);
    color: var(--color-19);
    background-color: var(--color-17);
    font-weight: 600;
    padding: 1rem 2.2rem;
    background: linear-gradient(to right, var(--color-23) 49%, var(--color-f0) 49%);
    background-size: 210% 110%;
    background-position: right bottom;
    transition: all .5s ease-out;
    border: none;
    cursor: pointer;
    border-radius: 0;
}
.npf-form-btn [type="button"].npfWidgetButton.npfWidget-2f11ab8e7d3e42cb320148b93b89d9f9:hover {
    background-position: left bottom;
    color: var(--color-ff);
}
@media(max-width:1799px){
    .npf-form-btn{
        right: -37px;
    }
}
@media(max-width:1549px){
    .npf-form-btn{
        right: -35px;
    }
}
@media(max-width:1198px){
    .npf-form-btn{
        right: -35px;
    }
}

.ctabtn_custom {
    position: fixed;
    bottom: 50%;
    left: auto;
    right: -39px;
    z-index: 1;
    transform: rotate(270deg);
}
.ctabtn_custom {
    display: inline-block;
    font-size: var(--font-14);
    color: var(--color-19);
    background-color: var(--color-17);
    font-weight: 600;
    padding: 1rem 2.2rem;
    background: linear-gradient(to right, var(--color-23) 49%, var(--color-f0) 49%);
    background-size: 210% 110%;
    background-position: right bottom;
    transition: all .5s ease-out;
    border: none;
    cursor: pointer;
    border-radius: 0;
}
.ctabtn_custom:hover {
    background-position: left bottom;
    color: var(--color-ff);
}
@media(max-width:1799px){
    .ctabtn_custom{
        right: -37px;
    }
}
@media(max-width:1549px){
    .ctabtn_custom{
        right: -35px;
    }
}
@media(max-width:1198px){
    .ctabtn_custom{
        right: -35px;
    }
}

/* fixed btn css ends here */
