@media (max-width: 1599px) {
    .cg #incredible .nav-link img {
        max-width: 220px;
    }
    #celebrating .section-heading p {
        max-width: 900px;
    }

    #ciBanner .title-text h1 {
        font-size: 70px;
    }
    #ciBanner .title-text h2 {
        font-size: 40px;
    }
}





@media (max-width: 1399px) {

    #header nav ul li a {

        font-size: 18px;

    }

    #header nav ul li {

        padding: 5px 10px;

    }

    #header .logo-box img {

        max-width: 180px;

    }

    #homeBanner .box.box3 {

        margin-top: -160px;

    }

    /* #journey .text-box p {

        font-size: 10px;

    } */

    #incredible .end .box {
        width: 170px;
        height: 240px;
        padding: 30px 20px;
    }

    .cg #celebrating::after {
        height: 500px;
    }
    .cg #incredible .nav-link img {
        max-width: 200px;
    }



}





@media (max-width: 1299px) {
  
}
@media (max-width: 1199px) {

    .container {

        max-width: 100%;

    }

    .btn.btn-red img {

        margin-right: 0;

    }

    .btn.btn-red {

        font-size: 16px;

    }

    #header nav ul li a {

        font-size: 16px;

    }

    #homeBanner .box.box1 h1 {

        line-height: 70px;

    }

    #homeBanner .box.box3 {

        margin-top: -140px;

    }

    h1 {

        font-size: 90px;

    }

    /* h2 {

        font-size: 40px;

    } */

    h3 {
        font-size: 28px;
    }

    h5 {

        font-size: 18px;

    }

    p {

        font-size: 18px;

    }

    section {

        padding: 60px 0;

    }

    #imgSection .img-container .img-box14 p {

        font-size: 50px;

    }

    #sliderSection .owl-stage-outer {

        padding: 50px 0;

    }

    #journey .top.box::after {

        height: 50%;

        top: 50%;

    }

    #journey .bottom.box::after {

        bottom: 44%;

    }

    #journey .text-box p {

        font-size: 11px;

    }

    #journey .btn.btn-primary {

        padding: 8px 20px;

        border-radius: 16px;

        font-size: 16px;

    }

    #journey .bottom.box {

        padding-top: 250px;

    }

    #associations .end-box .list.img-box img {

        max-width: 180px;

        max-height: 140px;

    }

    .owl-stage-outer {

        padding-bottom: 0px;

    }

    #associatiosCarouse  .owl-stage-outer{
        padding-bottom: 80px;
    }

    #footer .logo-box img {

        max-width: 300px;

    }

    footer {

        padding-top: 60px;

    }

    #celebrating .section-heading p {
        font-size: 22px;
    }

    #incredible .nav-link img {
        max-width: 250px;
    }
/* 
    .ci #header .logo-box img {
        max-width: 120px;
        max-height: 100px;
    } */

    #incredible .owl-stage-outer {
        padding-bottom: 110px;
    }

    #incredible .end .box {
        width: 150px;
        height: 220px;
        border-radius: 50px;
    }

    #incredible .end .box img {
        max-width: 80px;
        height: 80px;
    }

    #incredible .end .box h6 {
        font-size: 16px;
    }

    #bringing .top-box img {
        max-width: 80%;
        margin: 0 auto;
        display: block;
    }

    #bringing .button-box {
        padding-top: 100px;
    }

    .cg #celebrating::after {
        height: 400px;
    }

    .cg #celebrating .img-box img {
        max-width: 120px;
    }

    .cg #incredible .nav-link img {
        max-width: 170px;
    }

    .cg #incredible .nav-link.active::after {
        bottom: -3px;
    }

  

    .thumbnails-slider {
        width: 24%;
    }

    .thumbnails-slider button.slick-prev {
        top: 5%;
    }

    .thumbnails-slider button.slick-next {
        bottom: 5%;
    }

    /* #ciBanner {
        margin-top: 143px;
    } */

    #ciBanner .title-text h1 {
        font-size: 60px;
    }
    #ciBanner .title-text h2 {
        font-size: 36px;
    }
    #incredible .tab-pane .container{
        max-width: 100%;
    }
    .title-content-box {
        width: 100%;
    }

    .stakeholders-logo {
        padding: 20px 20px;
    }

}





@media (max-width: 1079px) {
    .cg #celebrating {
        padding-top: 60px;
    }
    .cg #celebrating::after {
        height: 320px;
        bottom: -170px;
    }
    .grid-wrapper {
        grid-template-rows: repeat(4, 160px);
    }
    #homeBanner .box.box3 {
        margin-top: -125px;
    }
}





@media (max-width: 991px) {


    /* header responsive */

    #header .main-nav nav {

        position: fixed;

        top: 0;

        left: -100%;

        width: 100%;

        height: 100vh;

        background: linear-gradient(90deg, rgba(251, 251, 252, 1) 0%, rgba(217, 221, 228, 1) 100%);

        opacity: 0;

        visibility: hidden;

        transition: .5s;

        z-index: 111;

        padding-top: 80px;

    }



    #header .main-nav nav.show {

        left: 0;

        opacity: 1;

        visibility: visible;

    }



    #header .main-nav nav ul li {

        display: block;

        text-align: left;

        padding: 10px 10px;

    }



    #header .main-nav .click-menu {

        display: block;

    }



    #header .main-nav .cancel-menu {

        display: block;

        position: fixed;

        top: 40px;

        left: -100%;

        max-width: 20px;

        width: 100%;

        text-align: center;

        z-index: 222;

        transition: .5s;

        opacity: 0;

        visibility: hidden;

    }



    #header .main-nav .cancel-menu.show {

        opacity: 1;

        visibility: visible;

        left: calc(100% - 40px);

    }



    #header .main-nav {

        flex-direction: row-reverse;

    }



    #header .button-box {

        margin-left: 0;

        margin-right: 20px;

    }



    #sliderSection .content p {

        font-size: 22px;

    }

    #sliderSection p.name {

        font-size: 20px;

    }

    #sliderSection .content-box .text-box img {

        max-width: 90px;

    }

    #sliderSection .content {

        padding: 40px 0px 60px;

    }

    #sliderSection .bottomline {

        bottom: 15%;

    }

    .owl-nav button img {

        max-width: 60px;

    }

    #homeBanner .box.box3 {

        margin-top: -100px;

    }

    #homeBanner .box.box1 h1 {

        line-height: 60px;

    }

    h1 {

        font-size: 80px;

    }

    h2 {
        font-size: 50px;
    }

    h3 {
        font-size: 24px;
    }

    h5 {

        font-size: 16px;

    }

    p {

        font-size: 16px;

    }

    section {

        padding: 50px 0;

    }

    footer {

        padding-top: 50px;

    }

    #imgSection .img-container .img-box14 p {

        font-size: 40px;

    }

    #sliderSection .owl-stage-outer {

        padding: 40px 0;

    }

    #attendees .nav-tabs .nav-link {

        margin: 0 20px;

        font-size: 18px;

    }

    .section-heading {

        margin-bottom: 30px;

    }

    #attendees .nav-tabs {

        margin-bottom: 30px;

    }

    #attendees .owl-stage-outer {

        padding-bottom: 100px;

    }

    #initiative .owl-stage-outer {

        padding-bottom: 100px;

    }

    #footer .logo-box img {

        max-width: 250px;

    }

    #footer .end-box .link-box ul li {

        margin: 0 20px;

    }

    #footer .end-box img {

        max-width: 30px;

    }

    .btn.btn-yellow {

        padding: 12px 40px;

        font-size: 24px;

    }

    #footer .box.box2 .text-box a {

        font-size: 16px;

    }

    #header .main-nav nav ul li.mobile {

        display: block !important;

    }

    #header .button-box.desktop {

        display: none !important;

    }

    #header .header-box {

        align-items: center;

    }



    #journey .journey-box>* {

        width: 100%;

    }

    #journey .journey-box {

        display: flex;

        flex-direction: column;
        gap: 20px;

    }

    #journey .btn.btn-primary {

        padding:10px 30px;

        border-radius: 20px;

        font-size: 30px;

        /* writing-mode: vertical-lr; */

        margin: 0;

    }

    #journey .text-box p {

        font-size: 18px;

        text-align: center;

        padding: 0 30px 30px;

    }

    #journey .bottom.box {

        display: flex;

        padding-top: 300px;

        max-width: 700px;

        padding: 0;

        margin-left: auto;

        flex-direction: row;

        justify-content: flex-start;

    }

    #journey .bottom.box::after {
        width: 450px;
        height: 2px;
        bottom: auto;
        right: 0;
        top: 68%;
        left: auto;
        transform: none;
    }

    #journey .box {

        text-align: left;

        align-items: center;

    }

    #journey .content {

        min-height: unset;

    }

    #journey .bottom.box .btn.btn-primary::before {

        top: 65%;

        right: -5px;

        left: auto;

        transform: none;

    }

    #journey .top.box {

        display: flex;

        max-width: 700px;

        padding: 0;

        margin-right: auto;

        flex-direction: revert;

        justify-content: flex-end;

    }

    #journey .top.box .btn.btn-primary::before {

        top: 65%;

        left: -5px;

        right: auto;

        transform: none;

    }

    #journey .top.box .btn.btn-primary {

        margin-top: 0;

    }

    #journey .top.box::after {
        width: 470px;
        height: 2px;
        bottom: auto;
        left: 0;
        top: 68%;
        right: auto;
        transform: none;
    }

    #journey .top.box img {

        margin-bottom: 0;

    }

    #journey .top.box .img-box {

        order: 3;

        align-self: center;

        margin: 0;

    }

    #journey .bottom.box .img-box.desktop {

        display: none !important;

    }

    #journey .img-box.mobile {

        display: block !important;

        order: 1;

    }

    #journey .bottom.box .content {

        order: 3;

    }

    #journey .bottom.box .button-box {

        order: 2;

    }

    #journey .journey-block {

        padding-top: 100px;

    }

    #journey .img-box img {

        width: 100px;

        height: 80px;

    }

    #journey .bottom.box img {

        margin: 0 20px 0 0;

    }

    #journey .bottom.box .content p {

        padding: 0 10px 30px;

    }

    #journey .container {

        padding: 0;

    }

    .ci #header .main-nav {
        padding-bottom: 0;
    }

    #ciBanner .title-text h1 {
        font-size: 50px;
    }
    #ciBanner .title-text h2 {
        font-size: 28px;
    }

    #incredible {
        margin-top: -80px;
        padding-top: 120px;
    }

    #incredible .nav-link img {
        max-width: 200px;
    }

    #incredible .nav-link {
        padding: 0 0 30px;
        margin: 0 30px;
    }

    #incredible .section-heading {
        margin-bottom: 50px;
    }
    .key-points-boxes .list,
    #incredible .end .list {
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }
    .key-points-boxes .list{
        gap: 15px;
    }

    .cg #incredible .nav-link img {
        max-width: 110px;
    }

    #bringing .img-box h6 {
        font-size: 15px;
    }

    #celebrating .section-heading p {
        font-size: 18px;
    }

    
    .title-content-box {
        margin-bottom: 30px;
    }
    .key-points-boxes .box {
        min-height: 300px;
    }

    .title-content-box h3 {
        margin-bottom: 25px;
    }
    .key-points-boxes .box {
        max-width: 160px;
        width: 100%;
        padding: 25px 15px;
    }
}





@media (max-width: 767px) {

    .mobile {

        display: block !important;

    }

    #homeBanner .box.box1 {
        text-align: center;
        margin-top: 35px;
    }


    .desktop {

        display: none !important;

    }



    .columnReverse {

        flex-direction: column-reverse;

    }



    #homeBanner .col-md-6:first-child {

        order: 2;

    }

    #homeBanner .col-md-12 {

        order: 3;

    }

    #homeBanner {

        text-align: center;

    }

    #homeBanner .box2 .img-box img {

        margin-bottom: 30px;

    }

    #homeBanner .box.box3 {

        margin-top: 0px;

    }

 

    .container {

        max-width: 90%;

    }

    #sliderSection .text-box {

        padding-left: 0px;

    }

    #sliderSection .owl-nav button.owl-prev {

        left: 50%;

        transform: translateX(-90%);

        right: auto;

    }

    #sliderSection .owl-carousel .owl-nav .owl-next {

        right: 50%;

        transform: translateX(90%);

    }

    #sliderSection .owl-stage-outer {

        padding: 40px 0 120px;

    }

    #sliderSection .content-box .text-box img {

        max-width: 60px;

    }

    #sliderSection .content {

        padding: 10px 0px 30px;

    }

    #sliderSection .content p {

        font-size: 16px;

    }

    #sliderSection p.name {

        font-size: 18px;

    }

    #sliderSection .content-box .text-box .quote-bottom {

        bottom: 10px;

    }

    #sliderSection .content-box {

        max-width: 450px;

        margin: 0 auto;

    }

    #imgSection .img-container {

        grid-template-columns: 1fr 1fr 1fr 1fr;

    }

    #associations .container {

        max-width: 100%;

        padding: 0;

    }

    #associations .end-box {

        max-width: 100%;

    }

    h1 {

        font-size: 90px;

    }

    h2 {
        font-size: 40px;
    }

    #imgSection .img-container .img-box14 p {

        font-size: 50px;

    }

    #associations .top-box .img-box .section-heading {

        top: 25%;

    }

    #initiative .item {

        margin: 0 -60px;

    }

    section {

        padding: 40px 0;

    }

    #attendees .nav-tabs {

        row-gap: 10px;

    }

    #attendees .nav-tabs .nav-link {

        margin: 0 10px;

        font-size: 16px;

    }

    #footer .end-box .col-md-4 {

        width: 50%;

    }

    #footer .end-box .col-md-4:first-child {

        order: 3;

        text-align: center;

        width: 100%;

    }

    #footer .row {

        row-gap: 30px;

        justify-content: center;

    }

    #attendees .owl-stage-outer {

        padding-bottom: 80px;

    }

    #join .join-box {

        padding: 40px 50px 60px;

    }

    #homeBanner .box.box1 h1 {

        line-height: 70px;

    }

    #footer .end-box .link-box ul li {

        margin: 0 10px;

    }

    #journey .bottom.box {

        max-width: 500px;

    }

    #journey .top.box {

        max-width: 500px;

    }

    #journey .bottom.box::after {

        width: 340px;

        top: 69%;

    }

    #journey .bottom.box::after {
        width: 270px;
        top: 69%;
    }

    #journey .top.box::after {
        width: 300px;
    }
    #journey .btn.btn-primary {

        /* padding: 24px 8px; */

        font-size: 24px;

    }

    #journey .text-box p {

        font-size: 16px;

    }

    #journey .img-box img {

        width: 90px;

        height: 70px;

    }

    #journey .container {

        max-width: 100%;

    }
    #ciBanner .video-box img{
        aspect-ratio: 1;
        object-fit: cover;
    }

    #initiative .button-box .btn.btn-yellow {
        font-size: 10px;
        padding: 8px 20px;
    }

    #celebrating {
        padding: 100px 0 0;
    }

    /* .cg #incredible .nav-link img {
        max-width: 110px;
    } */

    .cg #celebrating .img-box img {
        max-width: 100px;
    }

    .cg #celebrating::after {
        height: 300px;
        max-width: 20%;
        bottom: -60px;
        display: none;
    }

    .cg #celebrating {
        padding-bottom: 60px;
    }

    .thumbnails-slider {
        width: 25%;
        padding: 15px 25px;
        right: 6%;
    }

    .thumbnails-slider button.slick-prev,
    .thumbnails-slider button.slick-next {
        width: 20px !important;
        height: 20px;
    }

    .thumbnails-slider button span {
        font-size: 20px !important;
    }

    #contact-us .form-box .row {
        row-gap: 20px;
    }

    #contact-us .form-box .label-box .select_checkbox {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    /* #bringing .img-box h6{
        display: none;
    } */
    #bringing .img-box h6 {
        font-size: 12px;
        white-space: normal !important;
    }

    .title-content-box h3{
        font-size: 20px;
    }

    .stakeholders-logo {
        padding: 10px;
        flex: 0 0 33%;
    }



}


@media (max-width: 575px) {

    .grid-wrapper {
        grid-template-rows: repeat(4, 160px);
    }

    #journey .top.box {
        max-width: 440px;
    }

    #journey .bottom.box {
        max-width: 460px;
    }

    #journey .bottom.box::after {

        width: 265px;

    }

    #journey  .content {
        margin: 0 15px;
    }

    #journey .top.box::after {

        width: 245px;

    }

    #journey .btn.btn-primary {

        font-size: 20px;

    }

    #journey .text-box p {

        font-size: 13px;

        padding: 0 10px 10px;

    }

    #journey .top.box img {

        margin-bottom: 0;

        /* margin-left: -10px; */

    }

    #journey .bottom.box .content p {

        padding: 0 0px 30px;

    }

    #journey .bottom.box img {

        margin: 0 0px 0 0;

    }

    #incredible .nav-link img {
        max-width: 180px;
    }

    #incredible .nav-link {
        margin: 0 20px;
    }

    #incredible .owl-stage-outer {
        padding-bottom: 90px;
    }

    /* .cg #incredible .nav-link img {
        max-width: 90px;
    } */

    #ciBanner .title-text {
        width: 90%;
    }
    #ciBanner .title-text h1 {
        font-size: 40px;
    }
    #ciBanner .title-text h2 {
        font-size: 22px;
    }

    .cg #celebrating {
        padding-bottom: 40px;
    }

    .thumbnails-slider {
        width: 35%;
        padding: 15px 25px;
        right: 5%;
    }

    .main-image-slider .slick-slide>div {
        padding-top: 66.25%;
    }

    #bringing .img-box h6 {
        font-size: 10px;
    }

    .key-points-boxes .box img {
        max-width: 50px;
        aspect-ratio: unset !important;
    }

}





@media (max-width: 479px) {

    h1 {

        font-size: 80px;

    }

    h2 {

        font-size: 30px;

    }

    p {

        font-size: 14px;

    }

    #homeBanner .box.box1 h1 {

        line-height: 60px;

    }

    #homeBanner .container{
        max-width: 100%;
    }

    .grid-wrapper {
        grid-template-rows: repeat(4, 110px);
    }

    #sliderSection .content-box {

        max-width: 350px;

    }

    #sliderSection .content-box .text-box img {

        max-width: 40px;

    }

    #sliderSection .content p {

        font-size: 14px;

    }

    #sliderSection p.name {

        font-size: 13px;

    }

    #sliderSection .content-box .text-box .quote-bottom {

        bottom: 5px;

    }

    #sliderSection .content {

        padding: 10px 0px 20px;

    }

    #sliderSection .bottomline {

        bottom: 10%;

    }

    #sliderSection .owl-stage-outer {

        padding: 40px 0 100px;

    }

    #imgSection .img-container .img-box14 p {

        font-size: 40px;

    }

    .owl-nav button img {

        max-width: 50px;

    }

    #associations .end-box .list.img-box img {

        max-width: 160px;

        max-height: 120px;

    }

    /* #associations .end-box {

        margin: -100px auto 0;

    } */

    #initiative .item {

        margin: 0 -40px;

    }

    #attendees .nav-tabs .nav-link {

        font-size: 14px;

    }

    .btn.btn-yellow {

        padding: 10px 30px;

        font-size: 20px;

    }

    #footer .logo-box img {

        max-width: 200px;

    }

    #footer .end-box img {

        max-width: 25px;

    }

    #footer .box.box2 .text-box a {

        font-size: 14px;

    }

    #header .logo-box img {

        max-width: 160px;

    }

    #initiative .owl-stage-outer {

        padding-bottom: 80px;

    }

    #journey .top.box {
        max-width: 380px;
    }

    #journey .top.box {

        max-width: 380px;

    }

    #journey .top.box::after {
        width: 225px;
    }

    #journey .bottom.box::after {
        width: 275px;
    }

    #journey .btn.btn-primary {

        font-size: 18px;

        padding: 8px 17px;

        border-radius: 16px;

    }

    #journey .text-box p {

        font-size: 12px;

    }

    #journey .img-box img {

        width: 80px;

        height: 60px;

    }

    #journey .journey-block {

        padding-top: 60px;

    }

    /* .ci #header .logo-box img {
        max-width: 80px;
        max-height: 80px;
    } */

    /* .ci #header {
        padding: 20px 0 15px;
    } */

    #celebrating {
        padding: 80px 0 0;
    }

    #celebrating .section-heading h1 {
        font-size: 70px;
    }

    #celebrating .section-heading p {
        font-size: 16px;
        line-height: 22px;
    }

    #incredible {
        margin-top: -50px;
        padding-top: 100px;
    }

    #incredible .nav-link img {
        max-width: 140px;
    }

    #incredible .nav-link {
        margin: 0 10px;
    }

    #incredible .end .box {
        width: 140px;
        height: 200px;
    }

    #incredible .end .box img {
        margin-bottom: 20px;
    }

    #incredible .end .box h6 {
        font-size: 14px;
    }

    #incredible .end .list {
        padding-top: 20px;
    }

    #bringing .top-box img {
        max-width: 90%;
    }

    #bringing .bringing-grid {
        gap: 2px;
    }

    #bringing .button-box {
        padding-top: 60px;
    }

    .cg #celebrating .img-box img {
        max-width: 80px;
    }

    /* .cg #incredible .nav-link img {
        max-width: 70px;
    } */

    .cg #incredible .nav-link {
        padding: 0 0 10px;
    }

    #incredible .nav-link.active::after {
        width: 60px;
    }

    #incredible .tab-content {
        padding-top: 40px;
    }

    #incredible .section-heading {
        margin-bottom: 40px;
    }

    /* #ciBanner {
        margin-top: 100px;
    } */

    #bringing .img-box h6 {
        font-size: 8px;
    }

    #join .join-box {

        padding: 30px 20px 50px;

    }

}





@media (max-width: 412px) {
    #journey .bottom.box::after {
        width: 255px;
    }
}
@media (max-width: 393px) {
    #journey .bottom.box::after {
        width: 235px;
    }
}
@media (max-width: 375px) {

    #homeBanner .box.box1 h1 {

        line-height: 50px;

    }

    h1 {

        font-size: 70px;

    }



    h3 {
        font-size: 20px;
    }

    h5 {

        font-size: 15px;

    }

    section {

        padding: 30px 0;

    }

    #sliderSection .owl-stage-outer {

        padding: 20px 0 60px;

    }

    #sliderSection .content p {

        font-size: 12px;

    }

    #sliderSection .content-box .text-box img {

        max-width: 30px;

    }

    #sliderSection p.name {

        font-size: 11px;

    }

    #sliderSection .content-box {

        max-width: 300px;

    }

    #sliderSection .content-box .text-box .quote-bottom {

        bottom: 8px;

    }

    .owl-nav button img {

        max-width: 40px;

    }

    #sliderSection .owl-nav button.owl-prev {

        bottom: 20px;

    }

    #imgSection .img-container .img-box14 p {

        font-size: 35px;

    }

    #associations .end-box .list.img-box img {

        max-width: 140px;

        max-height: 100px;

    }

    #associations .top-box .img-box .section-heading {

        top: 20%;

    }

    .owl-nav button.owl-prev {

        bottom: 20px;

    }

    #attendees .owl-stage-outer {

        padding-bottom: 60px;

    }

    #initiative .owl-stage-outer {

        padding-bottom: 60px;

    }

    #initiative .item {

        /* box-shadow: 0px 20px 20px #b2afafb5; */

        margin: 0 -30px;

    }

    #sliderSection .img-box {

        box-shadow: 0 0 20px #00000026;

    }



    #footer .end-box img {

        max-width: 20px;

    }

        /* #footer .end-box .link-box ul li {

            margin: 0 0px;

        } */

    #footer .row {

        row-gap: 15px;

    }

    #footer .box.box2 .text-box a {

        font-size: 12px;

    }

    #footer .end-box {

        margin-top: 30px;

    }

    footer {

        padding-top: 30px;

    }

    #celebrating .section-heading h1 {
        font-size: 60px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    #incredible .nav-link img {
        max-width: 120px;
    }

    #incredible .nav-link {
        padding: 0 0 20px;
    }

    #incredible .nav-link.active::after {
        bottom: -2px;
    }

    #incredible .owl-stage-outer {
        padding-bottom: 70px;
    }

    #incredible .end .box {
        width: 120px;
        height: 180px;
        border-radius: 40px;
        padding: 30px 15px;
    }

    #incredible .end .box img {
        max-width: 60px;
        height: 60px;
    }

    #incredible .end .box h6 {
        font-size: 12px;
    }

    /* .cg #incredible .nav-link img {
        max-width: 60px;
    } */

    #incredible .tab-content {
        padding-top: 30px;
    }

    #bringing .img-box h6 {
        font-size: 6px;
    }

    #ciBanner .title-text h1 {
        font-size: 32px;
    }
    #ciBanner .title-text h2 {
        font-size: 18px;
    }
    #journey .bottom.box::after {
        width: 215px;
    }

}

@media (max-width: 360px) {
    #journey .bottom.box::after {
        width: 205px;
    }
    #journey .top.box::after {
        width: 205px;
    }
}
@media (max-width: 340px) {
    #journey .bottom.box::after {
        width: 200px;
    }

    #journey .top.box::after {
        width: 195px;
    }
}