@media(min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1248px;
    }
}

@media(max-width:1199px) {

    /* .art-box {
        width: 31%;
    } */
    .mds-inner:before {
        top: -16px;
        right: -22px;
    }

    .mds-inner:after {
        bottom: -24px;
        left: -15px;
    }

    .cci-r .image_block_five .image-box .faq-shape {
        position: absolute;
        top: 200px;
        right: 25px;
        width: 324px;
        height: 244px;
        background-repeat: no-repeat;
    }
    
    ul.navbar-nav li a {
        padding: 5px 8px !important;
        font-size: 16px;
    }

    a.navbar-brand img {
        max-width: 81px;
    }

    .nav-cus-btn a.cus-btn {
        padding: 8px 10px;
    }

    .ws-img {
        max-width: 420px;
    }

    .hwu-content-2 {
        margin: 360px 0 0;
    }
}

@media(min-width:991px) {
    .py1 {
        padding-left: 5em !important;
        padding-right: 5em !important;
    }
}
@media (min-width: 992px){
.modal-lg, .modal-xl {
    --bs-modal-width: 900px !important;
}
}

@media(max-width:991px) {
    ul.navbar-nav li.nav-item:last-child {
        display: block!important;
    }
    .form-close-btn a {
        position: absolute;
        right: 170px !important;
        top: 115px !important;
        z-index: 1;
    }
    img.mobile-btn {
        display: block;
    }
    img.desktop-btn {
        display: none;
    }
    section.apply-form {
        padding: 80px 0 !important;
    }
    .cjfr-r {
        width: 38% !important;
    }
    .cjfr-l {
        width: 60% !important;
    }
    /* .py1 {
   padding-left: 10px !important;
   padding-right: 10px !important;
}*/
    section.jot-sec {
        margin: 80px 0;
    }

    section.careers-sec {
        margin: 80px 0;
    }

    .car-inner {
        overflow: scroll;
    }

    .car-box {
        width: 932px;
    }

    section.pro-m-sec .art-box {
        width: 22%;
    }

    section.pro-m-sec .art-box a,
    .saf-sec .art-box a {
        padding: 2px 12px;
        font-size: 12px;
    }

    section.esa-sec {
        margin: 80px 0;
    }

    section.esa2-sec {
        margin: 80px 0;
    }

    section.ins-sec {
        padding: 80px 0;
    }

    section.test-sec {
        margin: 80px 0;
    }

    section.ite-sec {
        padding: 80px 0;
    }

    section.hdw-sec {
        margin: 80px 0;
    }

    section.product-main {
        margin: 80px 0;
    }

    .saf-sec {
        margin: 80px 0;
    }

    section.art-sec {
        margin: 80px 0;
    }

    section.pro-sec {
        margin: 80px 0;
    }

    section.pro-m-sec {

        padding: 80px 0;
    }

    .hw-box {
        width: 47%;
        position: relative;
    }

    .mas-r {
        order: 1;
    }

    .mas-l {
        order: 2;
    }

    .cci-r .image_block_five .image-box .faq-shape {
        position: absolute;
        top: 155px;
        right: 25px;
        width: 324px;
        height: 244px;
        background-repeat: no-repeat;
    }

    .sticky .navbar-collapse {
        height: 100vh !important;
        overflow-y: scroll;
    }

    .nav-cus-btn {
        display: none;
    }

    .th-info {
        justify-content: center;
    }

    .th-social {
        justify-content: center;
    }

    .har {
        margin-top: 160px !important;
    }

    .ws-img {
        max-width: 420px;
        left: 50%;
        transform: translateX(-50%);
    }

    .hwu-l {
        order: 2;
    }

    .hwu-content-2 {
        margin: 0px 0 0 !important;
    }

    .hwu-r {
        margin: 400px 0 0 !important;
    }

    .hwu-content-2 .hwu-box {
        margin-top: 0px;
    }

    .image_block_five {
        max-width: 420px;
        margin-inline: auto;
    }

    .image_block_five .image-box .faq-shape {
        top: 140px;
        right: -15px;
        width: 386px;
        height: 286px;
    }

    .cp-bar {
        text-align: center;
    }

    .cp-cont {
        margin: 4px 0;
    }

    .sec-title {
        font-size: 34px;
        line-height: 40px;
    }

    .hb-box img {
        min-height: 500px;
        object-fit: cover;
    }

    .hbb-content h2 {
        font-size: 40px;
    }

    .hbb-content p {
        font-size: 16px;
    }
}

@media(max-width:600px) {
.hbb-content h1 {
    font-size: 20px;
    line-height: 28px;
}.primary{font-size: 15px;}
    div#whatsapp-icon a,
    div#call-icon a {
        display: block;
    }

    section.h-about {
        margin: 41px 0;
        position: relative;
    }

    .d-social {
        display: flex;
    }

    div#call-icon {
        display: block;
    }

    .ws-icon {
        display: block;
        transform: none;
        background: #209e14;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 33.33% !important;
        height: 40px;
        line-height: 40px;
        z-index: 999999;
        box-shadow: 0 0 10px #00000020;
        text-align: center;
    }

    img.whatsapp-logo {
        width: 100%;
        max-width: 30px;
    }

    .cl-icon {
        background: #1a2156;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 33.33% !important;
        height: 40px;
        line-height: 40px;
        z-index: 999999;
        text-align: center;
    }

    img.call-logo {
        width: 100%;
        max-width: 30px;
        border-radius: 100%;
        padding: 0;
        /* box-shadow: 0 0 10px #00000020; */
        background: transparent;
    }

    .sidebar-form {
        position: fixed;
        bottom: -100% !important;
        right: 0px;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 10px #00000020;
        padding: 20px;
        transition: bottom .4s linear;
        z-index: 999999;
        background-color: #fff;
        top: unset;
        left: unset;
        transform: unset;
    }

    .sidebar-form .call-action {
        position: absolute;
        background-color: #ee2c37;
        font-family: unset;
        font-weight: 700;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-bottom: none !important;
        cursor: pointer;
        right: 0 !important;
        bottom: 673px;
        transform: none;
        top: -40px;
        left: unset;
    }

    .sidebar-form.show {
        bottom: 0 !important;
    }
}

@media(max-width:767px) {
    .cjfr-l {
        width: 100% !important;
    }
    .cjfr-r {
        width: 100% !important;
    }
    .cjf-r1 {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .main-timeline .circle .img {
        vertical-align: initial;
        border-radius: 0px 0px;
        height: 80px;
    }

    h2.t-c.sec-title {
        padding-bottom: 30px;
    }

    .content_block_four .content-box .inner-box .single-column {
        padding: 0px 5px;
        margin-top: 0px;
    }

    .mob-col.inner-box.centred.p_relative.d_block {
        column-count: 1;
        width: 91%;
    }

    .webs-img img {
        width: 100%;
    }

    section.h-about {
        margin: 41px 0;
        position: relative;
    }

    .col-lg-6.col-md-6.col-sm-12.mob-mar1.single-column {
        /* margin-top: 126px; */
    }

    .content_block_four .content-box .inner-box .single-item {
        padding: 11px 11px 15px 20px;
        margin-top: 0px;
        height: 150px;
    }

    .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-lg,
    .navbar>.container-md,
    .navbar>.container-sm,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        /* display: block !important; */
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

    .section-timeline .container {
        display: flex;
    }

    .section-timeline .timeline li:nth-child(odd) .content {
        left: calc(100% + 14px);
    }

    .section-timeline .timeline .content {
        min-width: 226px;
        border-radius: 10px;

        top: 50%;
    }

    .section-timeline .timeline li:nth-child(odd) {
        left: -51px;
        transform: translateX(-7%);
    }

    .section-timeline .container {
        min-height: 153vh;
    }

    .section-timeline {
        padding-bottom: 0px !important;
        overflow-x: auto;
    }

    .section-timeline {
        overflow: hidden;
        /* min-width: auto!important; */
    }

    .main-timeline .circle span {
        line-height: 115px;
        font-size: 60px;
    }

    /* .sidebar-form .call-action {
        position: absolute;
        background-color: #ee2c37;
        font-family: unset;
        font-weight: 700;
        letter-spacing: 1px;
        text-align: center !important;
        color: #fff !important;
        width: 100% !important;
        height: 40px !important;
        line-height: 40px;
        border-bottom: none !important;
        cursor: pointer;
        right: 0 !important;
        bottom: 673px !important;
        transform: none !important;
        top: unset !important;
        border: none;
        left: 0%;
    } */

    .pm-l.col-md-6.col-12 {
        width: auto !important;
    }

    section.careers-sec {
        margin: 60px 0;
    }

    section.jot-sec {
        margin: 60px 0;
    }

    section.esa-sec {
        margin: 60px 0;
    }

    section.esa2-sec {
        margin: 60px 0;
    }

    section.ins-sec {
        padding: 60px 0;
    }

    section.test-sec {
        margin: 60px 0;
    }

    section.ite-sec {
        padding: 60px 0;
    }

    section.hdw-sec {
        margin: 60px 0;
    }

    .pm-r {
        margin-top: 30px !important;
    }

    .pro-table table {
        width: 700px;
    }

    .m-cus {
        margin-top: 10px !important;
    }

    .pro-table {
        overflow-x: scroll;
    }

    section.web-sec {
        margin: 40px 0;
    }

    section.pro-m-sec .art-box {
        width: 30%;
    }

    /* .art-box {
        width: 48%;
    } */
    .webp-title {
        margin-bottom: 30px;
    }

    .hw-box {
        width: 46%;
        position: relative;
    }

    .quas-l {
        order: 2;
    }

    section.im-title {
        margin: 40px 0 20px;
    }

    section.im-title h2 {
        font-size: 20px !important;
    }

    section.tec-sec {
        margin: 20px 0 50px;
    }

    section.qua-sec {
        padding: 16px 0 !important;
    }

    section.r-d-sec {
        margin: 50px 0;
    }

    section.who-sec {
    margin: 17px 0 !important
    }

    section.manag-sec {
        padding: 17px 0 !important;
    }

    section.md-sec {
        margin: 70px 0;
    }

    section.team-sec {
        padding: 60px 0 0;
    }

    .tem-inner {
        padding-bottom: 30px;
    }

    section.c-content {
        margin: 24px 0 !important;
    }

    section.c-services {
        padding: 60px 0;
    }

   

    section.vi-timeline {
        padding: 60px 0;
        background: #f1f1f1f1;
    }

    .vic-r .image_block_five .image-box .faq-shape {
        position: absolute;
        top: 157px;
        right: 35px;
        width: 306px;
        height: 246px;
        background-repeat: no-repeat;
    }

    section.vi-contnent {
        margin: 20px 0 !important;
    }

    .hnc:nth-child(3) {
        border-right: 0;
    }

    .h-banner .shape .shape-3 {
        width: 500px;
        height: 100px;
        opacity: 0.7;
        clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
    }

    .h-banner .shape .shape-2 {
        width: 430px;
        height: 80px;
        clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
    }

    .sec-title {
        font-size: 30px;
        line-height: 38px;
    }

    .absrc-inner p {
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
        color: #141417;
        padding-left: 20px;
    }

    .hnr {
        display: flex;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    h2.t-c.sec-title.aos-init.aos-animate {
        font-size: 19px !important;
        color: #ee2c37 !important;
        padding-bottom: 28px !important;
    }

    .hnc {
        width: 33%;
        border-right: 1px solid #f1f1f11f;
    }

    .hbb-content {
        max-width: 580px;
        left: 12%;
    }

    section.top-header {
        display: none;
    }
}

@media(max-width:575px) {
    .eas-btn {
        gap: 10px;
    }
    .cp-bar p {
        text-align: left;
        font-size: 15px;
    }

    .f-content a {
        font-size: 15px;
    }

    .hcrl-content a {
        font-size: 16px;
    }

    .p-con {
        font-size: 15px;
    }

    * {
        font-size: 15px;
        line-height: 27px;
    }


    .inb-content h3 {
        font-size: 20px;
        margin-bottom: 2px;
    }    .inb-content h1 {
        font-size: 20px !important;
        margin-bottom: 2px;
    }

    .a1.art-box.text-center {
        width: 100%;
    }

    .webs-img img {
        width: 100%;
    }

    section.h-about {
        margin: 41px 0;
        position: relative;
    }

    h2.t-c.sec-title.aos-init.aos-animate {
        font-size: 19px;
        color: #ee2c37 !important;
        padding-bottom: 7px;
    }

    .col-lg-6.col-md-6.col-sm-12.mob-mar1.single-column {
        /* margin-top: 126px; */
    }

    .inb-content p {
        font-size: 14px;
    }

    section.in-banner img {
        width: 100%;
        min-height: 120px;
        object-fit: cover;
    }

    .hbb-content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .hbb-content {
        max-width: 410px;
        left: 16%;
    }

    .hal-a-img {
        left: 40px;
    }

    .absr-c {
        margin-top: 20px !important;
    }

    .absr-c:first-child {
        margin-top: 0px !important;
    }

    .h-banner .shape .shape-2 {
        width: 260px;
        height: 40px;
        clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
    }

    .h-banner .shape .shape-3 {
        width: 280px;
        height: 70px;
        opacity: 0.7;
        clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
    }

    .hb-box img {
        min-height: 400px;
        object-fit: cover;
    }

    .hpc-inner {
        clip-path: polygon(4% 0, 400% 0%, 5% 132%, 0 60%);
    }

    .hcr {
        padding: 0 20px;
    }

    .hal-inner:before {
        width: 80%;
        height: 80%;
        left: 75px;
    }

    .art-box {

        height: auto;
    }

    .ws-img {
        max-width: 350px;
        left: 50%;
        transform: translateX(-50%);
    }

    .hwu-r {
        margin: 290px 0 0 !important;
    }

    .hal-img {
        max-width: 300px;
    }
}

@media(max-width:575px) {
    .hwb-yt {
        padding: 30% 10px;
    }
    .cjfr-btn {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
    .form-close-btn a {
        position: absolute;
        right: 20px !important;
        top: 115px !important;
        z-index: 1;
    }
    section.apply-form {
        padding: 70px 0 !important;
    }
    section.apply-form {
        height: 100%;
        overflow-y: scroll;
    }
    .slick-next:before, .slick-prev:before {
        color: #d4af37 !important;
    }
    .bg-text h4 a {
        font-size: 14px;
        line-height: 20px;
    }
    .fic ul li {
        width: 100%;
    }
    .fic ul {
        display: flex;
        flex-wrap: wrap;
    }
    select#year {
        width: 48%;
    }

    .art-box {

        height: auto;
    }

    .mob-col.inner-box.centred.p_relative.d_block {
        column-count: 1;
        width: 91%;
        margin-top: 40px;
    }

    .content_block_four .content-box .inner-box .single-item {
        padding: 7px 6px 9px 12px;
        margin-top: 0px;
        height: 160px;
    }

    .content_block_four .content-box .inner-box .single-item h5 {
        font-size: 12px;
    }

    .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-lg,
    .navbar>.container-md,
    .navbar>.container-sm,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        display: flex !important;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

    select#Month {
        width: 48%;
    }

    .jot-l {
        padding: 20px 20px !important;
    }

    section.jot-sec {
        margin: 0px 0 !important;
    }

    .esa2-inner {
        padding: 20px;
    }

    section.product-main {
        margin: 60px 0;
    }

    section.pro-m-sec .art-box {
        width: 46%;
    }

    section.pro-sec {
        margin: 60px 0;
    }

    section.pro-m-sec {
        padding: 60px 0;
    }

    .prom-box {
        width: 100%;
    }

    .art-box {
        width: 100% !important;
    }

    section.art-sec {
        margin: 60px 0;
    }

    .mds-inner:before {
        top: -46px;
        right: 0;
    }

    .mds-inner:after {
        bottom: -58px;
        left: 0;
    }

 

    .hnc:nth-child(3) {
        border-right: 1px solid #f1f1f11f;
    }

    .hnc:nth-child(even) {
        border-right: 0;
    }

    .hbb-content h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .hbb-content p {
        font-size: 12px !important;
            line-height: 20px;
    }

    /* .hbb-content p {
        font-size: 14px;
        line-height: 22px;
    } */

    .hbb-btn a.cus-btn {
        font-size: 14px;
        padding: 6px 10px;
    }

    .slick-next:before,
    .slick-prev:before {
        font-size: 26px !important;
    }

    .hbb-content {
        max-width: 400px;
        left: 13%;
    }

    .hb-box img {
        min-height: 310px;
        /* object-fit: cover; */
    }

    .hal-inner:before {
        width: 80%;
        height: 80%;
        left: 45px;
        top: -40px;
    }

    .hal-a-img {
        left: 20px;
        top: -50px;
    }

    .hal-content {
        width: 200px;
        height: 220px;
        bottom: -110px;
        padding: 20px 10px;
    }

    .halc-inner p {
        font-size: 22px;
        font-weight: 500;
        color: #141417;
        line-height: 32px;
        margin-bottom: 0px;
    }

    .content_block_four .content-box .inner-box .single-item h5 {
        line-height: 20px;
    }

    .content_block_four .content-box .inner-box .single-column {
        padding: 0px 5px;
        margin-top: 0px;
    }

    .hal-content {
        background: #ffc803;
        width: 160px;
        height: 200px;
        position: absolute;
        bottom: -110px;
        left: 10px;
        padding: 20px 10px;
        display: none;
    }

    .sec-title {
        font-size: 25px !important;
        line-height: 42px;
    }

    .main-title {
        font-size: 23px !important;
        margin-bottom: 6px !important;
    }

    .hp-title {
        margin: 0px 0 20px;
    }

    section.h-products {
        padding: 60px 0 160px;
    }

    .hnc img {
        width: 100%;
        max-width: 58px;
    }

    section.h-why-us {
        margin: 0px 0 0px;
        padding: 100px 0 0px;
        position: relative;
    }

    section.h-faq {
        margin: 60px 0;
    }

    section.h-webinar {
        background: #f2efeb;
        padding: 60px 0 60px;
    }

    .hw-title {
        margin-bottom: 30px;
    }

    .hnc {
        width: 48% !important;
        border-right: 1px solid #f1f1f11f;
    }

    section.h-blog {
        padding: 60px 0;
    }

    section.h-contact {
        background: #f2efeb;
        padding: 60px 0 0;
    }

    .hbl-title {
        margin-bottom: 30px;
    }

    footer {
        padding: 60px 0 0;
    }

    .cp-bar {
        margin-top: 20px;
    }
}

@media(max-width:525px) {
    .hw-box {
        width: 98%;
        position: relative;
    }
}

@media(max-width:500px) {
    .md-img {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

    .md-title {
        text-align: center;
    }

    .vic-r .image_block_five .image-box img {
        max-width: 250px;
        transition: all 500ms ease;
    }

    .vic-r .image_block_five .image-box .faq-shape {
        top: 142px;
        right: 95px;
        width: 203px;
        height: 198px;
    }

    .cci-r .image_block_five .image-box img {
        width: 100%;
        transition: all 500ms ease;
        max-width: 250px;
    }

    .cci-r .image_block_five .image-box .faq-shape {
        position: absolute;
        top: 135px;
        right: 84px;
        width: 214px;
        height: 214px;
        background-repeat: no-repeat;
    }
}

@media(max-width:425px) {
    .cci-r .image_block_five .image-box .faq-shape {
        position: absolute;
        top: 105px;
        right: 40px;
        width: 257px;
        height: 214px;
        background-repeat: no-repeat;
    }

    .vic-r .image_block_five .image-box .faq-shape {
        top: 142px;
        right: 45px;
        width: 233px;
        height: 198px;
    }

    .sec-title {
        font-size: 18px !important;
        line-height: 28px !important;
        margin-bottom:7px !important;
    }

    img.top-img {
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .ws-img {
        max-width: 260px;
        left: 50%;
        transform: translateX(-50%);
    }

   

    .image_block_five .image-box .faq-shape {
        top: 80px;
        right: 25px;
        width: 176px;
        height: 106px;
    }

    .hbb-content h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .hbb-content {
        max-width: 290px;
        left: 13%;
    }

    .slick-prev {
        left: 12px !important;
        z-index: 9 !important;
    }

    .slick-next {
        right: 49px !important;
    }

    .hcrl-icon img {
        max-width: 50px;
    }

    .hal-img {
        height: 380px;
    }

    .halc-inner img {
        max-width: 70px;
    }

    .halc-inner h5 {
        font-size: 30px;
    }

    .halc-inner p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0px;
    }

    .hal-content {
        width: 140px;
        height: 180px;
        bottom: -110px;
        left: 0px;
        padding: 20px 10px;
    }

    .hal-a-img {
        left: 0px;
        top: -50px;
    }

    .hbb-btn {
        margin-top: 20px;
    }
}

@media(max-width:1399px) {
    .cjfr-l {
        width: 70%;
    }

    .cjfr-r {
        width: 28%;
    }
    section.apply-form {
       padding: 140px 0;
    }
    .form-close-btn a {
        position: absolute;
        right: 120px;
        top: 95px;
    }
    .hwb-yt {
        padding: 7%;
    }
}
.mission_img{
    width: 100%;
    height: 350px;
}
@media(max-width:321px){
    .hwu-r {
            margin: 215px 0 0 !important;
        }
}

@media (min-width:376px) and  (max-width: 426px) {
    .hwu-r {
        margin: 338px 0 0 !important;
    }
}
.img_ceo{
    width: 50%;
}
@media(max-width:426px){
.img_ceo {
    width: 100%;
}
}

div#ceo_div{
    width: 315px;
    height: auto;
}
.ceo_section{
    display: flex;
    justify-content: center;
    gap: 15px;
}
.header_li li a{
    color: black !important;
}