@media only screen and (min-width: 300px) and (max-width: 600px){
    html, body{
        overflow-x: hidden !important;
    }
    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        background: #F6F6F6;
    }
    .navbar-collapse {
        height: 535px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    .header-is-active{
        position: relative;
    }
    .nav-item span{
        display: inline-block;
        padding-left: 14px;
    }
    .header-is-active::after{
        content: "";
        background: url(../linguizt_img/bg-navbar.png) no-repeat;
        background-size:cover;
        position: absolute;
        left: 0px;
        top: 70px;
        width: 376px;
        height: 700px;
        z-index: -1;
        right: 0px;

    }  
    .cart-add {
        width: 376px;
        right: 0px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 71px;
        display: none;
    }
    .navbar-nav .dropdown-menu {
        position: absolute;
        left: -7.3rem;
        top: 32px;
    }
    .menu-right .navbar-nav .dropdown-menu {
        position: absolute;
        left: -3.3rem;
        top: 32px;
    }
    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 0px;
    }      
    .navbar-brand img{
        width: 108px;
        height: 16px;
    }
    .nav-link {
        color: #F6F6F6;
        font-family: "Barlow";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-transform: capitalize;
        margin-bottom: 32px;
    }
    .navbar-nav {
        justify-content: center;
        align-items: center;
        margin-top: 48px;
    }
    .dropdown-toggle {
        margin-right: 0px;
    }
    .menu-right {
        margin-left: 0px;
        position: relative;
        margin: auto;
        display: block !important;
    }    
    .menu-right .btn-yellow {
        border-radius: 40px;
        background: #FFC46C;
        color: #230C0F;
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        padding: 18px 24px;
        width: 323px;
        max-width: 100%;
        height: 52px;
    }
    .menu-right::after {
        content: "";
        height: 2px;
        width: 319px;
        background: #727272;
        position: absolute;
        left: 0px;
        top: -32px;
    }
    .p-mo{
        padding: 0px 0px;
    }
    .menu-right .navbar-nav {
        justify-content: center;
        align-items: center;
        margin-top: 32px;
    }
    .navbar {
        padding: 14px 12px;
        height: 70px;
    }
    .navbar-toggler-icon{
        background: url(../linguizt_img/humbrug-icon.svg) no-repeat;
        background-size: cover;
        width: 24px;
        height: 16px;
        margin-right: -16px;
        margin-left: 10px;
    }
    .navbar .is-active .navbar-toggler-icon{
        background: url(../linguizt_img/crass-icon.svg) no-repeat !important;
        background-size: cover;
        width: 24px;
        height: 24px;
    }
    .dropdown-toggle::after {
        content: "";
        border: 0px;
        background: url(../linguizt_img/drop-yellow-icon.svg) no-repeat;
        background-size: cover;
        position: absolute;
        width: 24px;
        height: 25px;
        right: -31px;
        top: 8px;
    }
    .hero-banner {
        background: #F6F6F6;
        padding: 0px 0px;
        height: 970px;
        margin-top: 70px;
        overflow: hidden;
    }
    .home-content-left-main {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 24px 0px 0px 0px;
    }    
    .home-content-left{
        text-align: center;
    }
    .home-content-left h6 {
        color: #F6F6F6;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        background: #587B5D;
        padding: 10px 10px;
        border-radius: 10px;
        width: 212px;
        margin-bottom: 0px;
        margin: auto;
    }
    .home-content-left {
        width: 481px;
        max-width: 100%;
        padding: 0px 12px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        top:30px;
    }
    .card-scroll {
        height: 119px;
        width: 1380px;
        max-width: 375px;
        position: absolute;
        bottom: 24px;
        overflow: scroll;
    }
    .card-main {
        display: flex;
        border-radius: 10px;
        background: #FBFCFF;
        box-shadow: 10px 10px 46px 0px rgba(0, 0, 0, 0.10);
        padding: 20px 24px;
        justify-content: center;
        align-items: center;
        width: 980px;
    }
    .card-main .card {
        background: transparent;
        border: 0px;
        text-align: center;
        width: 250px;
        max-width: 100%;
        border-left: 1px solid #BDBDBD;
    }
    .home-content-left h1 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin: 16px 14px;
    }
    
    .step-section .card{
        border: 1px solid #230C0F;
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 24px;
    }
    .owl-dots{
        display: none;
    }

    .step-section {
        padding: 40px 12px 16px;
        background:  #FBFCFF;
    }
    .step-section .card h5 {
        background: #F6F6F6;
        color: #230C0F;
        text-align: center;
        font-family: "DM Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        padding: 16px 0px;
        margin-bottom: 0px;
    }
    .choose-from-many-content {
        width: 660px;
        max-width: 100%;
        padding: 0px 0px;
    }
    .why-use-us .container-fluid {
        background: #230C0F;
        padding: 60px 0px 0px !important;
    }
    .What-popular {
        padding: 0px 0px;
        background: #F6F6F6;
    }
    .Additional-Benefits-section{
        background:#FBFCFF;
    }
    .step-section h2 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        text-align: center;
        margin-bottom: 32px;
    }
    .choose-from-many-bg {
        background:  #FBFCFF;
        display: flex;
        align-items: center;
        height: 100%;
        margin-right: 0px;
        padding: 40px 24px;
    }
    .choose-from-many-content .btn {
        width: 100%;
        height: 43px;
        padding: 9px 0px;
    }
    .choose-from-many-content ul {
        column-count: 2;
        margin: 32px 0px;
        padding-left: 20px;
    }
    .choose-from-many-content h2 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 16px;
        padding-right: 44px;
    }
    .home-chhose-many img{
        height: 375px;
    }
    .why-use-us {
        padding: 0px 0px;
    }    
    .why-use-content h2 {
        color: #F6F6F6;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .why-use-content p {
        color: #FFC46C;
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }
    .why-use-us .card {
        border: 0px;
        background: transparent;
        width: 330px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 40px;
    }    
    .what-bg-papular h2 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .card-main p {
        color: #587B5D;
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        width: 221px;
        max-width: 100%;
        margin: auto;
    }
    .what-bg-papular p {
        color: #587B5D;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 24px;
    }
    .what-bg-papular-content li {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .what-bg-papular-content .btn {
        width: 100%;
        max-width: 100%;
        height: 43px;
        padding: 9px 0px;
    }
    .what-bg-papular-content ul {
        column-count: 1;
        margin-bottom: 16px;
    }
    .what-bg-papular {
        background:  #FBFCFF;
        height: 100%;
        align-items: center;
        display: flex;
        position: relative;
        margin-left: 0px;
        padding: 40px 24px;
    }
    .what-bg-papular {
        padding-left: 24px;
    }
    .Additional-Benefits-section h2 {
        color: #230C0F;
        text-align: center;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .Additional-Benefits-section {
        padding: 24px 12px;
    }
    .Additional-Benefits-section .btn {
        color: #230C0F;
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        width: 100%;
        height: 43px;
        padding: 9px 0px;
        margin: auto;
        margin-top: 24px;
        max-width: 100%;
        display: block;
    }
    .home-bottom-section {
        padding: 0px 0px 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FBFCFF;
    }
    .home-bottom-right {
        background: #FBFCFF;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .home-bottom-right-content {
        margin-left: 0px;
        padding: 24px 24px 0px;
    }
    .home-bottom-right-content h1 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 16px;
        padding: 0px 8px 0px 0px;
    }
    .home-bottom-right-content .btn {
        width: 100%;
        height: 43px;
        max-width: 100%;
        padding: 9px 0px;
    }
    .home-bottom-right-content ul{
        padding-left: 21px;
    }
    .home-bottom-right-content li{
        color:  #230C0F;
        font-family: "DM Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .owl-prev img{
        transform: rotate(180deg);
        height: 12px;
        width: 12px;
        margin-top: -4px;
    }
    .owl-next img{
        height: 12px;
        width: 12px;
        margin-top: -4px;
    }
    .Additional-Benefits-section .card {
        border-radius: 10px;
        background: #F6F6F6;
        padding: 40px 40px;
        text-align: center;
        height: 445px;
    }
    .owl-next {
        background: #fff !important;
        border-radius: 100px;
        position: absolute;
        right: -5px;
        top: 11rem;
        height: 24px;
        width: 24px;
    }
    .owl-prev {
        background: #fff !important;
        border-radius: 100px;
        position: absolute;
        left: -5px;
        top: 11rem;
        height: 24px;
        width: 24px;
    }
    .footer-logo-img {
        width: 188px;
        height: 32px;
        max-width: 100%;
    }
    .footer-master-logo {
        width: 256px;
        height: 46px;
        margin-top: 20px;
    }
    .footer-menu ul {
        padding-left: 0px;
        display: block;
        justify-content: space-between;
        list-style: none;
        width: 900px;
        margin: auto;
        max-width: 100%;
        margin-bottom: 32px;
        text-align: center;
        padding-bottom: 0px;
        border-bottom: 1px solid #E3E3E3;
        
    }
    .footer-menu ul li::after {
        content: "";
        background: #B33951;
        height: 16px;
        width: 0px;
        position: absolute;
        right: -28px;
        top: 7px;
    }   
    .footer-menu ul li {
        margin: 0px 24px;
        position: relative;
        margin-bottom: 24px;
    }
    .footer-menu {
        margin-top: 40px;
        margin-bottom: 32px;
        padding: 0px 14px;
    }
    .footer-menu-2 ul {
        padding-left: 0px;
        display: block;
        justify-content: space-between;
        list-style: none;
        width: 780px;
        margin: auto;
        max-width: 100%;
        margin-bottom: 32px;
        text-align: center;
    }
    .footer-menu-2 ul li {
        position: relative;
        margin-bottom: 24px;
    }
    .footer{
        padding-top: 64px;
        width: 100%;
        border-top: 2px solid #E3E3E3;
    } 
    .img-error-img{
        width: 290px;
        max-width: 100%;
    }
    .error-content p {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        margin: 24px 0px;
        width: 327px;
        padding: 0px 44px;
    }
    .tc-scetion {
        margin-top: 52px;
        padding-top: 40px;
        padding-bottom: 0px;
        background: #FBFCFF;
        padding: 40px 12px 0px;
    }
    
    .tc-contain-main h5 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 16px;
    }
    .tc-contain-main p {
        color: #587B5D;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 32px;
    }
    .tc-contain-main h1 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 32px;
    }  
    .contact-section {
        margin-top: 70px;
        padding: 111px 0px;
    }
    .contact-details-content h2 {
        color: #F6F6F6;
        text-align: center;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .contact-details h2 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .contact-details p {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 24px;    
        padding: 0px 7px;
    }
    .c-checkbox {
        margin-bottom: 24px;
        justify-content: center;
        align-items: baseline;
    }
    .c-checkbox p {
        color: #727272;
        font-family: "DM Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 0px;
        margin-left: 8px;
        padding: 0px 10px;
    }
    .c-checkbox > label, .c-checkbox > .label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding: 0 0 0 30px;
        margin: 0;
        font-size: 16px;
        line-height: 0;
        color: #000000;
        top: 4px;
        left: 9px;
    }
    .rechaptch{
        text-align: center;
        margin-bottom: 24px;
    }
    .contact-from {
        padding: 40px 12px;
        background: #FBFCFF;
    }
    .payment-failed-section::after {
        content: "";
        background: url(../linguizt_img/payment-fail-img-mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 375px;
        max-width: 100%;
        height: 300px;
        top: 0px;
    }
    .payment-successful-section::after {
        content: "";
        background: url(../linguizt_img/payment-succes-img-mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 375px;
        max-width: 100%;
        height: 300px;
        top: 0px;
    }
    .payment-main {
        height: 652px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 104px 0px 0px;
        margin-top: 5rem;
    }
    .payment-content-left-main h2 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 24px;
        text-align: center;
    }
    .payment-content-left-main p {
        font-family: "DM Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
        padding: 0px 3px;
    }
    .payment-content-left-main .btn {
        width: 371px;
        max-width: 100%;
        height: 43px;
        padding: 9px 0px;
        margin-bottom: 24px;
    }
    .payment-content-left-main{
        margin-top: 9rem;
        padding: 40px 10px 0px;
    }
    .what-bg-be{
        display: none;
    }
    .what-bg-af{
        display: none;
    }
    .choose-from-be{
        display: none;
    }
    .choose-from-af{
        display: none;
    }
    .step-section-af{
        display: none;
    }
    .step-section-be{
        display: none;
    }
      
    .home-img-left{
        display: none;
    }
    .home-chhose-many .bg-image {
        width: 100%;
        height: 375px;
    }
    .What-popular img {
        height: 721px;
        object-fit: cover;
        width: 375px;
        height: 375px;
    }

    .contact-from .c-checkboxR>.c-divR>label:before, .contact-from .c-checkboxR>.c-divR>.label:before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 10px;
        background: transparent;
        border: 1px solid #230C0F;
        box-sizing: border-box;
        box-shadow: inset 0px 4px 4px rgb(0 0 0 / 5%);
        border-radius: 30px;
        top: 28px;
        left: 0px;
    }
    .contact-from .c-checkboxR input[type='checkbox']~label:after, .contact-from .c-checkboxR input[type='checkbox']~.label:after {
        content: url(../linguizt_img/check_tick.svg);
        display: block;
        position: absolute;
        color: #230C0F !important;
        border-radius: 0;
        border: 0;
        font-family: 'Poppins';
        font-size: 30px;
        text-align: center;
        line-height: 12px;
        height: 1px;
        width: 1px;
        right: 163px;
        top: 28px;
    }
}
/* -------------------------------Responsvie-------------------------------------- */

@media only screen and (min-width: 786px) and (max-width: 991px){
    .navbar-toggler-icon{
        background: url(../linguizt_img/humbrug-icon.svg) no-repeat;
        background-size: cover;
        width: 24px;
        height: 16px;
    }
    .navbar .is-active .navbar-toggler-icon{
        background: url(../linguizt_img/crass-icon.svg) no-repeat !important;
        background-size: cover;
        width: 24px;
        height: 24px;
    }
    .menu-right {
        margin-left: 32px;
        position: relative;
        display: block !important;
    }
    .menu-right::after {
        content: "";
        height: 21px;
        width: 0px;
        background: #B33951;
        position: absolute;
        left: -16px;
        top: 19px;
    }
    .menu-right .btn-yellow {
        border-radius: 40px;
        background: #FFC46C;
        color: #230C0F;
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        padding: 18px 24px;
        width: 211px;
        max-width: 100%;
        height: 59px;
    }
    .hero-banner {
        background: #F6F6F6;
        padding: 0px 0px;
        height: 670px;
        margin-top: 5rem;
        overflow: hidden;
    }
    .home-content-left-main {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 121px 0px 0px 0px;
    }
    .card-scroll {
        width: 1380px;
        max-width: 100%;
        position: absolute;
        bottom: 1rem;
    }
    .home-content-left h1 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        margin: 16px 0px;
    }
    .card-main h5 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .card-main p {
        color: #587B5D;
        text-align: center;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        width: 193px;
        max-width: 100%;
        margin: auto;
    }
    .footer-menu ul li {
        margin: 0px 13px;
        position: relative;
    }
    .footer-menu ul li::after {
        content: "";
        background: #B33951;
        height: 16px;
        width: 1px;
        position: absolute;
        right: -16px;
        top: 7px;
    }
    .footer-menu-2 ul li::after {
        content: "";
        background: #B33951;
        height: 16px;
        width: 1px;
        position: absolute;
        right: -26px;
        top: 7px;
    } 
    .payment-failed-section::after {
        content: "";
        background: url(../linguizt_img/payment-fail-img.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 370px;
        max-width: 100%;
        height: 740px;
    }
    .payment-successful-section::after {
        right: 0px;
        width: 370px;
        max-width: 100%;
        height: 740px;
    }
    .payment-content-left-main {
        width: 350px;
        max-width: 100%;
    }  
    .payment-main {
        height: 740px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 104px 0px;
        margin-top: 4rem;
    }
    .payment-content-left-main h2 {
        color: #230C0F;
        font-family: "DM Sans";
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .what-bg-papular-content {
        width: 677px;
        max-width: 100%;
    }
    .what-bg-papular {
        padding-left: 22px;
    }
    .what-bg-papular {
        margin-left: 0px;
        padding: 24px 20px;
    }
    .What-popular img{
        height: 100%;
    }
    .home-bottom-right {
        padding: 17px 0px;
    }
    .home-bottom-section img{
        height: 100%;
    }
    .Additional-Benefits-section .card {
        margin-bottom: 24px;
    }
    .Additional-Benefits-section .btn {
        margin-bottom: 24px;
    }
    .choose-from-many-bg {
        background: #F6F6F6;
        display: flex;
        align-items: center;
        height: 100%;
        margin-right: 24px;
        padding: 24px 24px 24px 24px;
    }
    .choose-from-many-content ul {
        column-count: 2;
        margin: 32px 0px;
    }
    .what-bg-be{
        display: none;
    }
    .what-bg-af{
        display: none;
    }
    .choose-from-be{
        display: none;
    }
    .choose-from-af{
        display: none;
    }
    .step-section .card {
        border: 1px solid #230C0F;
        border-radius: 14px;
        overflow: hidden;
        width: 380px;
        max-width: 100%;
        margin-bottom: 24px;
        margin: auto;
        margin-bottom: 24px;
    }
    .step-section {
        padding: 80px 0px 56px;
        background: #FBFCFF;
    }
    
}
@media only screen and (min-width: 992px) and (max-width:1080px){
    .dropdown-toggle {
        margin-right: 18px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 12px;
        padding-left: 12px;
    }
    .payment-failed-section::after {
        content: "";
        background: url(../linguizt_img/payment-fail-img.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 500px;
        max-width: 100%;
        height: 740px;
    }
    .payment-successful-section::after {
        right: 0px;
        width: 500px;
        max-width: 100%;
        height: 740px;
    }
    .payment-content-left-main {
        width: 400px;
        max-width: 100%;
    }
    .what-bg-papular-content {
        width: 677px;
        max-width: 100%;
    }
    .what-bg-papular {
        padding-left: 22px;
    }
    .what-bg-papular {
        margin-left: 20px;
        padding: 33px 38px 26px 122px;
    }
    .What-popular img{
        height: 100%;
    }
    .home-bottom-right {
        padding: 17px 0px;
    }
    .home-bottom-section img{
        height: 100%;
    }
    .choose-from-many-content {
        width: 660px;
        max-width: 100%;
        padding: 35px 0px 0px; 
    }
    .choose-from-many-bg {
        background: #F6F6F6;
        display: flex;
        align-items: center;
        height: 100%;
        margin-right: 24px;
        padding: 0px 31px 30px 33px;
    }
    .card-scroll {
        width: 1380px;
        max-width: 100%;
        position: absolute;
        bottom: 0rem;
    }
    .hero-banner {
        background: #F6F6F6;
        padding: 0px 0px;
        height: 802px;
        margin-top: 6rem;
        overflow: hidden;
    }
}
@media only screen and (min-width: 1085px) and (max-width:1190px){
    .Additional-Benefits-section .card {
        border-radius: 10px;
        background: #F6F6F6;
        padding: 40px 11px;
        text-align: center;
    }
    .payment-failed-section::after {
        content: "";
        background: url(../linguizt_img/payment-fail-img.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 536px;
        max-width: 100%;
        height: 740px;
    }
    .payment-successful-section::after {
        right: 0px;
        width: 536px;
        max-width: 100%;
        height: 740px;
    }
    .payment-content-left-main {
        width: 530px;
        max-width: 100%;
    }
    .what-bg-papular {
        padding-left: 22px;
    }
    .what-bg-papular {
        margin-left: 24px;
        padding: 24px 130px;
    }
    .What-popular img{
        height: 100%;
    }
    .choose-from-many-bg {
        background: #F6F6F6;
        display: flex;
        align-items: center;
        height: 100%;
        margin-right: 24px;
        padding: 27px 68px 25px 43px;
    }
    .card-scroll {
        width: 1380px;
        max-width: 100%;
        position: absolute;
        bottom: 0rem;
    }
    .hero-banner {
        background: #F6F6F6;
        padding: 0px 0px;
        height: 864px;
        margin-top: 6rem;
        overflow: hidden;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1290px){
    .Additional-Benefits-section .card {
        border-radius: 10px;
        background: #F6F6F6;
        padding: 40px 23px;
        text-align: center;
    }
    .choose-from-many-bg {
        background: #F6F6F6;
        display: flex;
        align-items: center;
        height: 100%;
        margin-right: 24px;
        padding: 30px 0px 30px 35px;
    }
    .payment-failed-section::after {
        content: "";
        background: url(../linguizt_img/payment-fail-img.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 536px;
        max-width: 100%;
        height: 740px;
    }
    .payment-successful-section::after {
        right: 0px;
        width: 536px;
        max-width: 100%;
        height: 740px;
    }
    .payment-content-left-main {
        width: 530px;
        max-width: 100%;
    }
    .what-bg-papular {
        padding-left: 142px;
    }
    .choose-from-many-content {
        width: 614px;
        max-width: 100%;
    }
    .card-scroll {
        width: 1171px;
        max-width: 100%;
        position: absolute;
        bottom: 0rem;
    }
    .hero-banner {
        background: #F6F6F6;
        padding: 0px 0px;
        height: 864px;
       margin-top: 100px;
        overflow: hidden;
    }
}
@media only screen and (min-width: 1300px) and (max-width:1390px){
    .payment-failed-section::after {
        content: "";
        background: url(../linguizt_img/payment-fail-img.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 580px;
        max-width: 100%;
        height: 740px;
    }
    .payment-successful-section::after {
        right: 0px;
        width: 580px;
        max-width: 100%;
        height: 740px;
    }
    .payment-content-left-main {
        width: 530px;
        max-width: 100%;
    }
    .what-bg-papular {
        padding-left: 128px;
    }
    .hero-banner {
        background: #F6F6F6;
        padding: 0px 0px;
        height: 856px;
        margin-top: 100px;
        overflow: hidden;
    }
    .card-scroll {
        width: 1133px;
        max-width: 100%;
        position: absolute;
        bottom: 0rem;
    }
    .choose-from-many-bg {
        background: #F6F6F6;
        display: flex;
        align-items: center;
        height: 100%;
        margin-right: 24px;
        padding: 21px 0px 21px 37px;
        position: relative;
    }
}
@media only screen and (min-width: 1400px) and (max-width:1490px){
    .payment-failed-section::after {
        content: "";
        background: url(../linguizt_img/payment-fail-img.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 625px;
        max-width: 100%;
        height: 740px;
    }
    .payment-successful-section::after {
        right: 0px;
        width: 625px;
        max-width: 100%;
        height: 740px;
    }
    .payment-content-left-main {
        width: 620px;
        max-width: 100%;
    }
    .choose-from-many-bg {
        padding: 30px 0px 30px 49px;
    }
    .Additional-Benefits-section .card {
        padding: 40px 38px;
    }
    .what-bg-papular {
        padding-left: 120px;
    }
    .hero-banner {
        background: #F6F6F6;
        padding: 0px 0px;
        height: 856px;
        margin-top: 100px;
        overflow: hidden;
    }
    .card-scroll {
        width: 1235px;
        max-width: 100%;
        position: absolute;
        bottom: 2rem;
    }
}
@media only screen and (min-width: 1500px) and (max-width:1690px){
    .payment-failed-section::after {
        content: "";
        background: url(../linguizt_img/payment-fail-img.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 650px;
        max-width: 100%;
        height: 740px;
    }
    .payment-successful-section::after {
        right: 0px;
        width: 650px;
        max-width: 100%;
        height: 740px;
    }
    .payment-content-left-main {
        width: 650px;
        max-width: 100%;
    }
    .what-bg-papular {
        padding-left: 110px;
    }
    .hero-banner {
        background: #F6F6F6;
        padding: 0px 0px;
        height: 944px;
        margin-top: 6rem;
        overflow: hidden;
    }
    .card-scroll {
        width: 1380px;
        max-width: 100%;
        position: absolute;
        bottom: 3rem;
    }
}
@media only screen and (min-width: 1700px) and (max-width:1890px){
    .payment-failed-section::after {
        content: "";
        background: url(../linguizt_img/payment-fail-img.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0px;
        width: 700px;
        max-width: 100%;
        height: 740px;
    }
    .payment-successful-section::after {
        right: 0px;
        width: 700px;
        max-width: 100%;
        height: 740px;
    }
    .payment-content-left-main {
        width: 700px;
        max-width: 100%;
    }
    .what-bg-papular {
        padding-left: 133px;
    }
    .hero-banner {
        background: #F6F6F6;
        padding: 0px 0px;
        height: 944px;
        margin-top: 6rem;
        overflow: hidden;
    }
    .card-scroll {
        width: 1380px;
        max-width: 100%;
        position: absolute;
        bottom: 3rem;
    }
}
@media only screen and (min-width: 1801px) and (max-width:1920px){
    .what-bg-papular {
        padding-left: 193px;
    }
}
@media only screen and (min-width: 1950px) and (max-width:2190px){
    .what-bg-papular {
        padding-left: 311px;
    }
}
@media only screen and (min-width: 2210px) and (max-width:2880px){
    .what-bg-papular {
        padding-left: 37.4rem
    }
}
@media only screen and (min-width: 300px) and (max-width:600px){
    .contact-from .name_emailbar {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px;
        align-self: stretch;
    }
}