@media screen and (max-width: 550px) {
    /* .for-mobile-logo-div{
        display: none;
    }
    .for-mobile-logo-div-scroll{
        display: block;
    } */
    .for-pc-div{
        display: none;
    }
    .for-mobile-div{
        display: inline-block;
    }
    .ssi-div-height-first{
        height: 449px !important;
    }
    .ssi-scroll-mob{
        overflow-x: scroll;
        flex-wrap: nowrap;
    }
    .margin-t40px-mob{
        margin-top: 0px !important;
    }

    .margin-t1p5rem-res-sm, .margin-t1p5rem-res-md, .margin-t1p5rem-res{
        margin-top: 0rem;
        margin-left: 1.5rem;
    }

    .lps-div-mob{
        flex: 0 0 auto;
        width: 100%;
    }

    .margin-l40px {
        margin-left: 50px !important;
    }
    .margin-t2-xs{
        margin-top: 2rem;
    }
}

@media screen and (min-width: 551px){
    .for-pc-div{
        display: inline-block;
    }
    .for-mobile-div{
        display: none !important;
    }
    .margin-t40px-mob{
        margin-top: 40px !important;
    }
}

@media screen and (min-width: 551px) and (max-width: 768px) {
    .for-mobile-logo-div{
        display: block;
    }
    .for-mobile-logo-div-scroll{
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1220px) and (orientation: landscape){
    .main-first-div{
        background-position-y: -138px;
        background-size: 113%;
        background-position-x: 114px;
        background-repeat: no-repeat;
        background-position: right -90px top -40px !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .margin-t1p5rem-res-sm, .margin-t1p5rem-res-md{
        margin-top: 1.5rem;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .margin-t1p5rem-res-md{
        margin-top: 1.5rem;
    }
}

@media screen and (max-width: 768px) {
    .nav-padding{
        padding: 1rem !important;
    }
    .padding-l5rem {
        padding-left: 0.5rem !important;
    }
    .padding-r5rem {
        padding-right: 0.5rem !important;
    }
    .for-pc-logo-div{
        display: none;
    }
    /* .for-mobile-logo{
        width: 70%;
    } */
    .padding-b90px{
        padding-bottom: 2rem !important;
    }
    .padding-t80px{
        padding-top: 2rem !important;
    }
    .padding-l45px{
        padding-left: 0.5rem;
    } 
    .padding-r45px{
        padding-right: 0.5rem;
    }
    .for-mobile-first-banner-img{
        width: 100%;
        height:550px;
        object-fit:cover;
        object-position: 60%;
        position: relative;
        z-index: 0;
    }
    .padding-t160px{
        padding-top: 0px !important;
    }
    .padding-t5rem{
        padding-top: 2rem !important;
    }
    .margin-t185px, .padding-t185px{
        padding-top: 5rem !important;
    }
    .tenth-div-container{
        background-image: url(../imgs/footer-mob-bg.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .img-neg-margin1{
        width: 100%;
    }
    .img-neg-margin2{
        width: 100%;
    }
    .img-neg-margin3{
        width: 100%;
    }
    .img-neg-margin4{
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .nav-padding{
        padding: 2.5rem;
    }
    .for-mobile-logo-div-scroll{
        display: none;
    }
    .for-mobile-logo-div{
        display: none;
    }
    .for-pc-logo-div{
        display: inline-block;
    }
    .firstdiv_bg_wrapper{
        background-image: url(../imgs/hex-pattern.png);
        left: -9%;
        top: 0%;
        height: 100%;
        width: 109%;
        background-size: 110%;
        background-repeat: no-repeat;
        background-position: right -195px top -111px;
    }
    .tenth-div-container{
        background-image: url(../imgs/footer-pc-bg.png);
        background-size: 126%;
        background-repeat: no-repeat;
        /* background-position: center; */
    }
    .for-mobile-first-banner{
        display: none;
    }
    .first-div-container{
        height: 100vh;
    }
    .img-neg-margin1{
        width: 100%;
        margin-top: -35px;
    }
    .img-neg-margin2{
        width: 96%;
        margin-top: -55px;
    }
    .img-neg-margin3{
        width: 87%;
        margin-top: -45px;
    }
    .img-neg-margin4{
        width: 85%;
        margin-top: -90px;
    }
}

@media screen and (min-width: 550px) and (max-width: 750px){
    /* .for-mobile-logo, .for-mobile-logo-div{
        width: 95%;
    } */
}

@media screen and (min-width: 340px) and (max-width: 450px) {
    .card-height-whatsnew {
        height: 269px;
    }
}
@media screen and (min-width: 451px) and (max-width: 767px) {
    .card-height-whatsnew {
        height: 275px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1067px) {
    .card-height-whatsnew {
        height: 282px;
    }
}
@media screen and (max-width: 340px) {
    .card-height-whatsnew {
        height: 300px;
    }
}

@media screen and (max-width: 320px) {
    .nav-lft-btn, .nav-rgt-btn, .nav-lft-btn-mob, .nav-rgt-btn-mob{
        font-size: 0.6rem;
        padding: 5px 5px;
    }
}
@media screen and (min-width: 321px) and (max-width: 382px) {
    .nav-lft-btn, .nav-rgt-btn, .nav-lft-btn-mob, .nav-rgt-btn-mob{
        font-size: 0.7rem;
        padding: 5px 8px;
    }
}
@media screen and (min-width: 383px) and (max-width: 850px) {
    .nav-lft-btn, .nav-rgt-btn, .nav-lft-btn-mob, .nav-rgt-btn-mob{
        font-size: 0.8rem;
        padding: 5px 8px;
    }
}

@media screen and (max-width: 850px) {
    .grid-container {
        grid-template-columns: repeat(auto-fill, minmax(261px, 1fr));
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
    .padding-t5rem {
        padding-top: 5rem;
    }
    .padding-t160px {
        padding-top: 1550px;
    }
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
    .padding-t5rem {
        padding-top: 4rem;
    }
    .padding-t160px {
        padding-top: 160px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
    .padding-t5rem {
        padding-top: 9rem;
    }
    .padding-t160px {
        padding-top: 140px;
    }
    .padding-b90px{
        padding-bottom: 60px;
    }
}
@media screen and (min-width: 1401px) and (max-width: 1600px){
    .padding-t5rem {
        padding-top: 9.5rem;
    }
    .padding-t160px {
        padding-top: 90px;
    }
}
@media screen and (min-width: 1601px){
    .padding-t5rem {
        padding-top: 9.5rem;
    }
    .padding-t160px {
        padding-top: 160px;
    }
}

@media (max-width: 1024px){
    .section1-heading, .main-heading {
        font-size: 2.0rem;
        line-height: 2.25rem;
    }
    .section1-sub-heading, .main-content{
        font-size: 0.938rem;
        line-height: 1.55rem;
    }
}


@media screen and (min-width: 1024px) and (max-width: 1500px){
    .section1-heading{
        font-size: 2.5rem;
        line-height: 4rem;
    }
    .main-heading {
        font-size: 1.9rem;
        line-height: 4rem;
    }
    .section1-sub-heading, .main-content{
        font-size: 1rem;
        line-height: 1.6rem;
    }
}


@media screen and (max-width: 568px){
    .navbar-section{
        position: fixed;
        /* background-color: var(--tix-stock-purple); */
        z-index: 10;
        padding-left: 0;
        padding-right: 0;
    }
    .p-xs-2rem{
        padding: 2rem !important;
    }
    .w-xs-100per{
        width: 100% !important;
    }
    .w-xs-90per{
        width: 90% !important;
    }
    .margin-t1p5rem{
        margin-top: 1.7rem;
    }
    .mt-xs-0{
        margin-top: 0rem;
    }
    .mt-xs-2{
        margin-top: 2rem;
    }
    .mx-xs-auto{
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .txtradecontent{
        margin-top: 1.25rem;
    }
    .txtradesvg{
        margin-top: .375rem;
    }
    .text-xs-center{
        text-align: center !important;
    }
    .mob-h-265px{
        height: 265px;
    }
    .pt-xs-29px{
        padding-top: 1.8125rem;
    }
    .nav-top-padding{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .section1-heading {
        font-size: 2.0625rem; /* 33px */
        line-height: 2.5rem; /* 40px */
    }
    .main-heading {
        font-size: 1.75rem; /* 24px */
        line-height: 2.1875rem; /* 24px */
    }
    .section1-sub-heading, .main-content, .card-heading, .main-sub-content-diff-style{
        font-size: 0.9375rem; /* 15px */
        line-height: 1.5rem; /* 24px */
    }
    .main-sub-heading, .main-content-diff-style{
        font-size: 1.125rem; /* 18px */
        line-height: 1.6875rem; /* 27px */
    }
    .main-sub-content, .card-content{
        font-size: 0.9375rem; /* 15px */
        line-height: 1.5rem; /* 24px */
    }
    .padding-t80px{
        padding-top: 2.5rem; /* 40px */
    }
    .pr2-padding-b{
        padding-bottom: 2.5rem; /* 40px */
    }
    .pr-padding-b{
        padding-bottom: 2.5rem; /* 40px */
    }
    .ssi-padding-b{
        padding-bottom: 2.5rem; /*40px*/
    }
    .first-section-padding-top{
        padding-top: 7.375rem; /* 86px */
    }
    .first-sec-bg-mob{
        margin-top: -5.17rem; /* 82px */
    }
    .scroll-to-down-div {
        bottom: 9rem;
    }
    .grey-border{
        border: 1px solid #e6e6e6;
        /* height: 450px; */
    }
    .margin-b2rem{
        margin-bottom: 2rem;
    }
    .padding-rl{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .ps-xs-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .img-neg-margin1{
        width: 100%;
        margin-top: 25px;
    }
    .img-neg-margin2{
        width: 100%;
        margin-top: 25px;
    }
    .img-neg-margin3{
        width: 100%;
        margin-top: 25px;
    }
    .img-neg-margin4{
        width: 100%;
        margin-top: 25px;
    }

    .margin-ng-l{
        margin-left: -1rem;
    }

    .footer-main-heading{
        font-size: 2.0625rem;   
        line-height: 2.5rem; 
    }
    .footer-main-content{
        font-size: 0.9375rem;
        line-height: 1.5rem;
        margin-top: revert;
    }
    .footer-padding-bottom{
        padding-bottom: 1.75rem;
    }
    .fs-xs-wp{
        font-size: 1.125rem !important;
        line-height: 1.6875rem !important;
    }
    .worldmap-bg{
        background-image: url(../imgs/worldmap-bg.png);
        /* left: -4%; */
        /* top: 2%; */
        height: 100%;
        width: 108.6%;
        background-size: 170%;
        background-repeat: no-repeat;
        background-position: right -135px top 33px;
        opacity: 75%;
    }
    .mt-xs-60px{
        margin-top: 3.75rem !important;
    }
}

@media screen and (min-width: 569px) and (max-width: 768px){
    .nav-top-padding{
        padding-top: 1.875rem;
    }
    .section1-heading {
        font-size: 2.1875rem; /* 33px */
        line-height: 2.5rem; /* 40px */
    }
    .main-heading {
        font-size: 1.875rem; /* 24px */
        line-height: 1.2; /* 24px */
    }
    .section1-sub-heading, .main-content, .card-heading{
        font-size: 0.9375rem; /* 15px */
        line-height: 1.87rem; /* 24px */
    }
    .main-sub-heading, .main-content-diff-style{
        font-size: 1.125rem; /* 18px */
        line-height: 1.6875rem; /* 27px */
    }
    .main-sub-content, .card-content{
        font-size: 0.9375rem; /* 15px */
        line-height: 1.5rem; /* 24px */
    }
    .padding-t80px{
        padding-top: 2.5rem; /* 40px */
    }
    .pr2-padding-b{
        padding-bottom: 2.5rem; /* 40px */
    }
    .pr-padding-b{
        padding-bottom: 2.5rem; /* 40px */
    }
    .ssi-padding-b{
        padding-bottom: 2.5rem; /*40px*/
    }
    .first-section-padding-top{
        padding-top: 5.375rem; /* 86px */
    }
    .first-sec-bg-mob{
        margin-top: -5.17rem; /* 82px */
    }

    .grey-border{
        border: 1px solid #e6e6e6;
    }
    .margin-b2rem{
        margin-bottom: 2rem;
    }
    .padding-rl{
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .img-neg-margin1{
        width: 100%;
        margin-top: -5rem !important;
    }
    .img-neg-margin2{
        width: 96%;
        margin-top: -5rem !important;
    }
    .img-neg-margin3{
        width: 87%;
        margin-top: -4rem !important;
    }
    .img-neg-margin4{
        width: 85%;
        margin-top: 3rem !important;
    }

    .footer-main-heading{
        font-size: 2.0625rem;   
        line-height: 2.5rem; 
    }
    .footer-main-content{
        font-size: 0.9375rem;  
        line-height: 1.5rem; 
    }
    .footer-padding-bottom{
        padding-bottom: 1.75rem;
    }
    .banner-content-wrap .section1-sub-heading, .industry-video-section .vid-content p, .wtc-page .main-content{
        font-size: 1.125rem !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px){
    .nav-top-padding{
        padding-top: 2rem;
    }
    .first-section-padding-top{
        padding-top: 10rem; 
    }

    .section1-heading, .footer-main-heading{
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .main-heading {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .section1-sub-heading, .main-content, .card-heading, .main-content-diff-style, .footer-main-content{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .main-sub-heading{
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .main-sub-content, .card-content, .main-sub-content-diff-style{
        font-size: 0.9rem;
        line-height: 1.25rem;
    }

    .pr-img-width{
        width: 85% !important;
    }
    .wn-img-width{
        width: auto;
        height: 23%;
    }

    .img-neg-margin1{
        width: 100%;
        margin-top: -35px;
    }
    .img-neg-margin2{
        width: 96%;
        margin-top: -55px;
    }
    .img-neg-margin3{
        width: 87%;
        margin-top: -45px;
    }
    .img-neg-margin4{
        width: 85%;
        margin-top: -90px;
    }

    .padding-t80px{
        /* padding-top: 5.75rem; */
    }
    
    .pr2-padding-b{
        padding-bottom: 7.5rem;
    }
    .ssi-padding-b{
        padding-bottom: 6.25rem;
    }
    
    .footer-content-margin-top{
        margin-top: 1.375rem !important;
    }
    .footer-padding-bottom{
        padding-bottom: 5rem;
    }

    .padding-t160px {
        padding-top: 40px !important;
    }

}

/* for tablets portrait screens */
@media screen and (min-width: 767px) and (max-width: 1366px) and (orientation: portrait){
    .first-section-padding-top{
        padding-top: 10em;
    }
    .first-section{
        height: 95vh;
    }
    .card-height-whatsnew{
        height: 340px;
    }
    .w-xs-90per{
        width: 90% !important;
    }
    .container {
        max-width: 700px;
    }
    .firstdiv_bg_wrapper{
        background-image: url(../imgs/mobile-hexagon-pattern.png);
        left: -20%;
        top: 14%;
        height: 100%;
        width: 120%;
        background-size: 110%;
        background-repeat: no-repeat;
        background-position: right -138px top -0px;
    }
    .img-neg-margin1,.img-neg-margin2, .img-neg-margin3 {
        width: 105%;
        margin-top: 0rem !important;
        position: relative;
        top: 50%;
        translate: 0 -50%;
    }
    .img-neg-margin4 {
        width: 105%;
        margin-top: -6rem !important;
        position: relative;
        top: 50%;
        translate: 0 -50%;
    }

}

@media screen and (min-width: 1025px) and (max-width: 1280px){
    .nav-top-padding{
        padding-top: 2rem;
    }
    .first-section-padding-top{
        padding-top: 16rem;
    }

    .section1-heading, .footer-main-heading{
        font-size: 2.75rem;
        line-height: 3rem;
    }
    .main-heading {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .section1-sub-heading, .main-content, .card-heading, .main-content-diff-style, .footer-main-content{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .main-sub-heading{
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .main-sub-content, .card-content, .main-sub-content-diff-style{
        font-size: 0.9rem;
        line-height: 1.25rem;
    }
    .card-height-whatsnew {
        height: 327px;
    }
    .pr-img-width{
        width: 85% !important;
    }
    .wn-img-width{
        width: auto;
        height: 23%;
    }

    .img-neg-margin1{
        width: 100%;
        margin-top: -35px;
    }
    .img-neg-margin2{
        width: 96%;
        margin-top: -55px;
    }
    .img-neg-margin3{
        width: 87%;
        margin-top: -45px;
    }
    .img-neg-margin4{
        width: 85%;
        margin-top: -90px;
    }

    .padding-t80px{
        padding-top: 5.75rem;
    }
    
    .pr2-padding-b{
        padding-bottom: 7.5rem;
    }
    .ssi-padding-b{
        padding-bottom: 6.25rem;
    }
    
    .footer-content-margin-top{
        margin-top: 1.375rem !important;
    }
    .footer-padding-bottom{
        padding-bottom: 5rem;
    }

    .padding-t160px {
        padding-top: 40px !important;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1400px){
    /* .first-div-container{
        height: 87vh;
    } */
    .nav-top-padding{
        padding-top: 2rem;
    }
    .first-section-padding-top{
        padding-top: 13rem;
    }
    .card-height-whatsnew {
        height: 275px;
    }
    .section1-heading, .footer-main-heading{
        font-size: 2.8125rem;
        line-height: 3.25rem;
    }
    .main-heading {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }
    .section1-div{
        /* max-width: 530px; */
    }
    .section1-sub-heading, .main-content, .card-heading, .main-content-diff-style, .footer-main-content{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .main-sub-heading{
        font-size: 1.75rem;
        line-height: 2rem;
    }
    .main-sub-content, .card-content, .main-sub-content-diff-style{
        font-size: 0.9rem;
        line-height: 1.25rem;
    }

    .pr-img-width{
        width: 85% !important;
    }
    .wn-img-width{
        width: auto;
        height: 23%;
    }

    .img-neg-margin1{
        width: 107%;
        margin-top: -35px;
        margin-left: 0%;
    }
    .img-neg-margin2{
        width: 96%;
        margin-top: -55px;
        margin-left: 6%;
    }
    .img-neg-margin3{
        width: 96%;
        margin-top: -45px;
        margin-left: 6%;
    }
    .img-neg-margin4{
        width: 90%;
        margin-top: -90px;
        margin-left: 9%;
    }

    .padding-t80px{
        padding-top: 4rem;
    }
    
    .pr2-padding-b{
        padding-bottom: 4rem;
    }
    .ssi-padding-b{
        padding-bottom: 6.25rem;
    }
    
    .footer-content-margin-top{
        margin-top: 1.375rem !important;
    }
    .footer-padding-bottom{
        padding-bottom: 5rem;
    }
    .firstdiv_bg_wrapper{
        background-image: url(../imgs/hex-pattern.png);
        left: -9%;
        top: 0%;
        height: 100%;
        width: 109%;
        background-size: 110%;
        background-repeat: no-repeat;
        background-position: right -136px top -111px;
    }
}
@media screen and (min-width: 1401px) and (max-width: 1600px){
    .nav-top-padding{
        padding-top: 2rem;
    }
    .navbar-section{
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .nav-tp-5rem{
        padding-top: 1.5rem !important;
    }
    .first-section-padding-top{
        padding-top: 11.81rem;
    }
    /* .first-div-container{
        height: 85vh;
    } */
    .card-height-whatsnew {
        height: 275px;
    }
    .section1-heading, .footer-main-heading{
        font-size: 2.5rem;
        line-height: 3.125rem;
    }
    .main-heading {
        font-size: 2.5rem;
        line-height: 3.125rem;
    }
    .section1-sub-heading, .main-content, .card-heading, .main-content-diff-style, .footer-main-content{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .main-sub-heading{
        font-size: 1.875rem;
        line-height: 2.125rem;
    }
    .main-sub-content, .card-content, .main-sub-content-diff-style{
        font-size: 0.9rem;
        line-height: 1.25rem;
    }
    .section1-div{
        /* max-width: 530px; */
    }

    .pr-img-width{
        width: 71% !important;
    }
    .wn-img-width{
        width: auto;
        height: 25%;
    }
    .margin-t52px{
        margin-top: 1.625rem;
    }
    .img-neg-margin1{
        width: 100%;
        margin-top: -30px;
        margin-left: 0%;
    }
    .img-neg-margin2{
        width: 90%;
        margin-top: -55px;
        margin-left: 5.5%;
    }
    .img-neg-margin3{
        width: 89%;
        margin-top: -45px;
        margin-left: 6%;
    }
    .img-neg-margin4{
        width: 84%;
        margin-top: -85px;
        margin-left: 8.5%;
    }

    .padding-l5rem{
        padding-left: 5rem;
    }
    .padding-r5rem{
        padding-right: 5rem;
    }

    .padding-t80px{
        padding-top: 5rem;
    }
    
    .pr2-padding-b{
        padding-bottom: 3.5rem;
    }
    .ssi-padding-b{
        padding-bottom: 6.25rem;
    }
    
    .footer-content-margin-top{
        margin-top: 1.375rem !important;
    }
    .footer-padding-bottom{
        padding-bottom: 5rem;
    }

    .padding-t160px {
        padding-top: 160px;
    }
    .firstdiv_bg_wrapper{
        background-image: url(../imgs/hex-pattern.png);
        left: 0;
        top: 0%;
        height: 100%;
        width: 100%;
        background-size: 120%;
        background-repeat: no-repeat;
        background-position: right -152px top -145px;
    }
    .d-1400-1600{
        display: flex !important;
    }
}
/* below media css is pendding */
@media screen and (min-width: 1601px) and (max-width: 1900px){
    .nav-top-padding{
        padding-top: 5rem;
    }
    .navbar-section{
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .nav-tp-5rem{
        padding-top: 4rem !important;
    }
    /* .first-div-container{
        height: 90vh;
    } */
    .card-height-whatsnew {
        height: 320px;
    }
    .section1-heading, .footer-main-heading{
        font-size: 2.8125rem;
        line-height: 3.75rem;
    }
    .main-heading {
        font-size: 2.8125rem; /* 45px */
        line-height: 3.375rem; /* 60px */
    }
    .section1-sub-heading, .main-content, .card-heading, .main-content-diff-style, .footer-main-content{
        font-size: 1.25rem; /* 20px */
        line-height: 1.87rem; /* 30px */
    }
    .main-sub-heading{
        font-size: 2rem; /* 32px */
        line-height: 2.5rem; /* 40px */
    }
    .main-sub-content, .card-content, .main-sub-content-diff-style{
        font-size: 1rem; /* 16px */
        line-height: 1.6rem; /* 24px */
    }
    .padding-t80px{
        padding-top: 5.75rem; /* 100px */
    }
    
    .pr2-padding-b{
        padding-bottom: 7.5rem; /* 120px */
    }
    .wn-img-width{
        width: auto;
        height: 30%;
    }
    .ssi-padding-b{
        padding-bottom: 6.25rem; /*100px*/
    }
    .first-section-padding-top{
        padding-top: 15.81rem; /* 253px */
    }

    .footer-content-margin-top{
        margin-top: 1.375rem !important;
    }
    .footer-padding-bottom{
        padding-bottom: 5rem;
    }
    .img-neg-margin1{
        width: 100%;
        margin-top: -35px;
    }
    .img-neg-margin2{
        width: 96%;
        margin-top: -55px;
    }
    .img-neg-margin3{
        width: 87%;
        margin-top: -45px;
    }
    .img-neg-margin4{
        width: 85%;
        margin-top: -90px;
    }

}
@media screen and (min-width: 1901px){
    /* .first-div-container{
        height: 90vh;
    } */
    .nav-top-padding{
        padding-top: 2rem;
    }
    .navbar-section{
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .nav-tp-5rem{
        padding-top: 5rem !important;
    }
    .card-height-whatsnew {
        height: 320px;
    }
    .section1-heading, .footer-main-heading{
        font-size: 2.8125rem; /* 45px */
        line-height: 3.75rem; /* 72px */
    }
    .main-heading {
        font-size: 2.8125rem; /* 45px */
        line-height: 3.375rem; /* 60px */
    }
    .section1-sub-heading, .main-content, .card-heading, .main-content-diff-style, .footer-main-content{
        font-size: 1.25rem; /* 20px */
        line-height: 1.87rem; /* 30px */
    }
    .main-sub-heading{
        font-size: 2rem; /* 32px */
        line-height: 2.5rem; /* 40px */
    }
    .main-sub-content, .card-content, .main-sub-content-diff-style{
        font-size: 1rem; /* 16px */
        line-height: 1.6rem; /* 24px */
    }
    .padding-t80px{
        padding-top: 5rem; /* 80px */
    }
    
    .pr2-padding-b{
        padding-bottom: 7.5rem; /* 120px */
    }
    .wn-img-width{
        width: auto;
        height: 30%;
    }
    .ssi-padding-b{
        padding-bottom: 6.25rem; /*100px*/
    }
    .first-section-padding-top{
        padding-top: 22rem; /* 253px */
    }

    .footer-content-margin-top{
        margin-top: 1.875rem !important;
    }
    .footer-padding-bottom{
        padding-bottom: 3.75rem;
    }
    .img-neg-margin1{
        width: 100%;
        margin-top: -35px;
        margin-left: 1%;
    }
    .img-neg-margin2{
        width: 90%;
        margin-top: -60px;
        margin-left: 6%;
    }
    .img-neg-margin3{
        width: 90%;
        margin-top: -45px;
        margin-left: 6%;
    }
    .img-neg-margin4{
        width: 84%;
        margin-top: -90px;
        margin-left: 9%;
    }
}

@media screen and (min-width: 2100px){
    .nav-tp-5rem{
        padding-top: 5rem !important;
    }
    .padding-t5rem {
        padding-top: 9.5rem;
    }
    .padding-t160px {
        padding-top: 174px;
    }
    .first-section-padding-top{
        padding-top: 30rem; /* 253px */
    }
    .nav-top-padding {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .navbar-section{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .img-neg-margin1{
        width: 102%;
        margin-top: -30px;
        margin-left: 1%;
    }
    .img-neg-margin2{
        width: 91%;
        margin-top: -55px;
        margin-left: 6%;
    }
    .img-neg-margin3{
        width: 91%;
        margin-top: -45px;
        margin-left: 6%;
    }
    .img-neg-margin4{
        width: 85%;
        margin-top: -85px;
        margin-left: 9%;
    }
}

/* .firstdiv_bg_wrapper{
    opacity: 0;
    -webkit-animation: fade-in 3s ease-in-out forwards;
    animation: fade-in 3s ease-in-out forwards;
} */

/* @keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
} */