@media screen and (max-width: 1600px) and (min-width: 1400px) {
            .custom-fluid {
                padding: 0rem 2rem;
            }

            .position-set1 {
                left: 75%;
            }

            .custom-font1 {
                width: 90%;
            }

            .position-set2 {
                left: 1%;
            }

            .position-set {
                left: 4%;
            }

            .styled-text1 {
                font-size: 3rem;
            }

            .styled-text2 {
                font-size: 3rem;
            }

            .wid-setting {
                width: 50%;
            }

            .styled-text4 {
                font-size: 3rem !important;
            }

            .career h1 {
                font-size: 2rem;
            }
        }

        @media screen and (max-width: 1400px) and (min-width: 1200px) {
            .custom-fluid {
                padding: 0rem 2rem;
            }

            .banner_form {
                padding: 3px;
                position: absolute;
                top: 10rem;
                right: 2%;
                z-index: 999;
                border-radius: 16px;
                width: 25%;
                background-color: white;
                padding: 1.5rem;
            }

            .cust-setdown {
                width: 14%;
                bottom: 3rem;
            }

            .position-set1 {
                left: 75%;
            }

            .custom-font1 {
                width: 90%;
            }

            .position-set2 {
                left: 5%;
            }

            .position-set {
                left: 6%;
            }

            .styled-text1 {
                font-size: 3rem;
            }

            .styled-text2 {
                font-size: 3rem;
            }

            .wid-setting {
                width: 50%;
            }

            .styled-text4 {
                font-size: 2.6rem !important;
            }

            .career h1 {
                font-size: 2rem;
            }

            .w-30{
                width:37%;
            }

            .custom-posset {
                position: absolute;
                bottom: -4rem;
                z-index: 11;
            }

            .curve-img {
                height: 18rem;
                border-radius: 3rem;
            }

        }

        @media screen and (max-width: 1200px) and (min-width: 1024px) {

            .custom-fluid {
                padding: 0rem 2rem;
            }

            .w-30{
                width:45%;
            }

            .custom-posset {
                position: absolute;
                bottom: -4rem;
                z-index: 11;
            }

            .curve-img {
                height: 18rem;
                border-radius: 3rem;
            }

            .curve h1 {
                font-size: 2.8rem;
            }

            .curve {
                height: 28rem;
            }

            .banner_form {
                padding: 3px;
                position: absolute;
                top: 10rem;
                right: 1%;
                z-index: 999;
                border-radius: 16px;
                width: 25%;
                background-color: white;
                padding: 1.5rem;
            }

            .cust-setdown {
                width: 15%;
                bottom: 0rem;
            }

            .pos-setting {
                padding: 10rem 0rem 0rem 0rem;
            }

            .styled-text {
                font-size: 3.6rem;
            }

            .banner h2 {
                font-size: 2rem;
            }

            .quote-section .box-set {
                width: 90%;
            }

            .position-set1 {
                left: 75%;
            }

            .custom-font1 {
                width: 90%;
            }

            .position-set2 {
                left: 2%;
            }

            .position-set {
                left: 3%;
                top: 47%;
            }

            .position-set1 {
                bottom: 5%;
            }

            .styled-text1 {
                font-size: 3rem;
            }

            .styled-text2 {
                font-size: 3rem;
            }

            .wid-setting {
                width: 45%;
            }

            .styled-text4 {
                font-size: 2rem !important;
                line-height: 3.5rem;
            }

            .career h1 {
                font-size: 1.4rem;
            }

            .career h2 {
                font-size: 1.8rem;
            }

            .dmand-set h1 {
                font-size: 2rem;
            }

            .dmand-set {
                height: 12rem;
            }
        }

        @media screen and (max-width: 1023px) and (min-width: 992px) {
            .custom-fluid {
                padding: 0rem 1rem;
            }


            .w-30{
                width:42%;
            }

            .custom-posset {
                position: absolute;
                bottom: -4rem;
                z-index: 11;
            }

            .curve-img {
                height: 18rem;
                border-radius: 3rem;
            }

            .curve h1 {
                font-size: 2.8rem;
            }

            .curve {
                height: 28rem;
            }
            

            .cust-setdown {
                width: 15%;
                bottom: 0rem;
            }

            .pos-setting {
                padding: 10rem 0rem 0rem 0rem;
            }

            .styled-text {
                font-size: 3.6rem;
            }

            .banner h2 {
                font-size: 3rem;
            }

            .quote-section .box-set {
                width: 90%;
            }

            .position-set1 {
                left: 75%;
            }

            .custom-font1 {
                width: 90%;
            }

            .position-set2 {
                left: 2%;
            }

            .position-set {
                left: 3%;
                top: 47%;
            }

            .position-set1 {
                bottom: 5%;
            }

            .styled-text1 {
                font-size: 2.5rem;
            }

            .styled-text2 {
                font-size: 2.5rem;
            }

            .wid-setting {
                width: 45%;
            }

            .styled-text4 {
                font-size: 2rem !important;
                line-height: 3.5rem;
            }

            .career h1 {
                font-size: 1.4rem;
            }

            .career h2 {
                font-size: 1.8rem;
            }

            .dmand-set h1 {
                font-size: 2rem;
            }

            .dmand-set {
                height: 12rem;
            }

            .banner_form {
                padding: 3rem;
                position: relative;
                top: 0rem;
                right: 0%;
                z-index: 999;
                border-radius: 16px;
                width: 90%;
                background-color: white;
                border: 1px solid #ddd;
                padding: 1rem;
                margin: 0 auto;
            }
        }

        @media screen and (max-width: 992px) and (min-width: 768px) {

            .custom-fluid {
                padding: 0rem 2rem;
            }

            .banner_form {
                padding: 3px;
                position: relative;
                top: 2rem;
                right: 0%;
                z-index: 999;
                border-radius: 16px;
                width: 90%;
                background-color: white;
                border: 1px solid #ddd;
                padding: 1rem;
                margin: 0 auto;
            }

            .quote-section .box-set {
                width: 100%;
                margin-top: 3rem;
            }

            .timeline {
                display: block !important;
                margin-left: 0;
                padding-left: 0;
            }

            .timeline-card {
                display: flex;
                justify-content: center;
                align-items: center;
                color: red !important;
                position: relative;
                border-color: #fff;
                z-index: 1;
            }

            .timeline li:before {
                content: "";
                width: 0.2rem;
                height: 100%;
                background-color: rgb(255, 255, 255);
                position: absolute;
                left: 16px;
                z-index: 0;
            }

            .timeline li:first-child:before {
                top: 50%;
                height: 50%;
            }

            .timeline li:last-child:before {
                bottom: 50%;
                height: 50%;
            }

            .timeline-title {
                margin-bottom: 0.5rem;
            }

            .circle-custom {
                font-size: 1rem !important;
                margin-left: 0.1rem;
                border: 3px solid #cecece;
                padding: 0.2rem;
                border-radius: 1rem;
            }

            .fa-stack-2x {
                font-size: 1.2em;
            }

            .subcard {
                padding: 1em 1.5em 1.5em 1.5em;
                /* background: #fdfdfd; */
                color: rgb(255, 255, 255);
                width: -webkit-fill-available;
                min-height: 3.3rem;
                font-family: 'Inter', sans-serif !important;
            }

            .iqeq .custom-font {
                width: 100%;
            }

            .custom-font1 {
                width: 100%;
            }

            .custom-font2 {
                width: 100%;
            }

            .m-disp {
                display: block;
            }

            .d-disp {
                display: none;
            }

            .styled-text4 {
                font-size: 2.5rem !important;
                line-height: 3.5rem;
            }

            .career h1 {
                font-size: 1.8rem;
            }

            .career h2 {
                font-size: 1.8rem;
            }
        }

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

            .banner_form {
                padding: 3px;
                position: relative;
                top:0rem;
                right: 0%;
                z-index: 999;
                border-radius: 16px;
                width: 90%;
                background-color: white;
                border: 1px solid #ddd;
                padding: 1rem;
                margin: 0 auto;
                margin-top: 1rem;
                margin-bottom:1rem;
                
            }


            .modal-content {
                width: 100%;
            }

            .curve-img {
                background: url(../images/iqeq/curve_mob.png) no-repeat top center;
                background-size: cover;
                position: relative;
                border-radius: 3rem;
                height: 36rem;
                border-radius: 2rem 2rem 2rem 2rem;
            }

            .w-30{
                width:60%;
            }

            .custom-posset {
                position: relative;
                bottom: -3rem;
                z-index: 11;
                flex-direction: column-reverse;
            }

            .curve {
                height: 48rem;
            }


            .banner {
                background: url(../images/banner/mob-banner.png) no-repeat top center;
                background-size: cover;
                position: relative;
                height: 70rem;
                margin-top: 5rem;
            }

            .pos-setingbottom {
                position: absolute;
                bottom: 0rem;
                left:0rem;
            }

            .cust-setdown {
                width: 18%;
                bottom: 0rem;
            }

            .pos-setting {
                padding: 3rem 0rem 0rem 2rem;
            }

            .banner h2 {
                font-size: 2.5rem;
            }

            .styled-text {
                font-size: 4.5rem;
            }

            .w-set {
                width: 90%;
            }

            .iqeq {
                background: #000;
            }

            .wid-setting {
                width: -webkit-fill-available;
                height: auto
            }

            .dmand-set h1 {
                font-size: 1.9rem;
            }

            .dmand-set {
                height: 12rem;
                border-radius: 6rem 0rem;
            }

            .disp-setflx {
                flex-direction: column;
            }

            .w-90 {
                width: 90%;
            }

            .pos-setrelative {
                text-align: -webkit-center;
                margin-top: 3rem;
            }
        }

        @media only screen and (max-width: 767px) {
            .custom-fluid {
                padding: 0rem 1rem;
            }

            .banner h2 {
                font-size: 2rem;
            }


            .modal-content {
                width: 100%;
                border-radius: 1.5rem;
            }

            .dmand-set h1 {
                font-family: 'Inter', sans-serif !important;
                -webkit-text-stroke: 1px #A30810;
                FONT-WEIGHT: 700;
            }

            .quote-section .box-set {
                padding: 3rem 1rem;
            }

            .dmand-set {
                height: 15rem;
                border-radius: 4rem 0rem;
                width:90%;
            }

            .dmand-set h1 {
                font-size: 1.5rem;
                -webkit-text-stroke: 1px #d6d6d6;
            }

            .quote-set1 {
                top: 11rem;
                width: 22%;
                right: 3rem;
            }

            .banner {
                height: 65rem;
            }

            .w-set {
                width: 100%;
            }

            .styled-text {
                font-size: 2.8rem;
            }

            .pos-setting {
                padding: 2rem 0rem 0rem 1rem;
            }

            .quote-section .box-set {
                width: 100%;
                margin-top: 3rem;
            }

            .timeline {
                display: block !important;
                margin-left: 0;
                padding-left: 0;
            }

            .timeline-card {
                display: flex;
                justify-content: center;
                align-items: center;
                color: red !important;
                position: relative;
                border-color: #fff;
                z-index: 1;
            }

            .timeline li:before {
                content: "";
                width: 0.2rem;
                height: 100%;
                background-color: rgb(255, 255, 255);
                position: absolute;
                left: 16px;
                z-index: 0;
            }

            .timeline li:first-child:before {
                top: 50%;
                height: 50%;
            }

            .timeline li:last-child:before {
                bottom: 50%;
                height: 50%;
            }

            .timeline-title {
                margin-bottom: 0.5rem;
            }

            .circle-custom {
                font-size: 1rem !important;
                margin-left: 0.1rem;
                border: 3px solid #cecece;
                padding: 0.2rem;
                border-radius: 1rem;
            }

            .fa-stack-2x {
                font-size: 1.2em;
            }

            .subcard {
                padding: 1em 1.5em 1.5em 1.5em;
                /* background: #fdfdfd; */
                color: rgb(255, 255, 255);
                width: -webkit-fill-available;
                min-height: 3.3rem;
                font-family: 'Inter', sans-serif !important;
            }

            .iqeq .custom-font {
                width: 100%;
            }

            .custom-font1 {
                width: 100%;
            }

            .custom-font2 {
                width: 100%;
            }

            .m-disp {
                display: block;
            }

            .d-disp {
                display: none;
            }

            .w-90 {
                width: 100%;
            }

            .styled-text4 {
                font-size: 1.7rem !important;
                line-height: 3rem;
            }

            .career h1 {
                font-size: 1.5rem;
            }

            .career h2 {
                font-size: 1.5rem;
            }

            .w50 {
                width: 50%;
            }

            .cust-setdown {
                width: 28%;
            }

            .apply-button {
                padding: 11px 10px;
                font-size: 14px;
            }

            .curve h1 {
                font-size: 2.8rem;
        }
        .w-30 {
            width: 80%;
        }

        .bg-set {
            -webkit-text-stroke: 1px #FF950C;
        }
    }

        @media screen and (max-width:500px) {
            .pos-setting {
                padding: 2rem 0rem 0rem 0rem;
            }

            .curve h4 {
                font-size: 1.4rem;
            }

            .curve {
                height: 44rem;
            }


            .curve h1 {
                font-size: 2.1rem;
            }


            .curve-img {
                height: 30rem;
            }

            .banner h2 {
                font-size: 1.4rem;
            }

            .w-30 {
                width: 100%;
            }

            .custom-posset {
                bottom: -6rem;
            }

            .quote-section {
                background-color: #000;
                padding: 6rem 1rem;
            }

            .styled-text {
                font-size: 2.2rem;
            }

            .w-set {
                font-size: 1rem;
            }

            .banner {
                height: 50rem;
            }

            .quote-set1 {
                top: 10rem;
                width: 25%;
                right: 3rem;
            }

            .quote-section h4 {
                font-size: 1rem;
            }

            .subcard {
                padding: 1em 0.5em 0.5em 0.5em;
            }

            .iqeq .custom-font {
                font-size: 1.1rem;
            }

            .iqeq .custom-font1 {
                font-size: 1.1rem;
            }

            .iqeq .custom-font2 {
                font-size: 1.1rem;
            }

            .dmand-set {
                padding: 0rem 2rem;
            }

            .dmand-set h1 {
                font-size: 1.4rem;
                -webkit-text-stroke: 1px #d6d6d6;
            }

            .bg-set {
                -webkit-text-stroke: 1px #FF950C;
            }

            .apply-button1 {
                padding: 11px 10px;
                font-size: 14px;
            }

            .styled-text4 {
                font-size: 1.2rem !important;
                line-height: 2.5rem;
            }

            .career h1 {
                font-size: 1.1rem;
            }

            .career h2 {
                font-size: 1rem;
            }

            .apply-button {
                font-size: 12px;
                padding: 5px 9px;
            }

            .justify {
                justify-content: space-between;
            }

            .w50 {
                width: 48%;
            }

            .cust-setdown {
                width: 28%;
            }
            .modal-body {
                padding: 1rem 1.5rem;
            }
        }