/*FIXING AJA*/

/* HOME USP SECTION */

/* HOME DASHBOARD SECTION */


/* HOME TESTIMONI */




/* ====================  MOBILE VIEW  ===========================*/

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


	.carouselcontainer .owl-item.active,
    .carouselcontainer .owl-item.cloned,
    .carouselcontainer .owl-item p {
        /* filter:brightness(100%) blur(0px); */
        display: block;
    }

    .carouselcontainer .owl-item.active,
    .carouselcontainer .owl-item.cloned,
    .carouselcontainer .owl-item h3 {
        /* filter:brightness(100%) blur(0px); */
        display: block;
    }

    .carouselcontainer .owl-item.active,
    .carouselcontainer .owl-item.cloned,
    .carouselcontainer .owl-item button {
        /* filter:brightness(100%) blur(0px); */
        display: block;
    }

    .classone.section-one{
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url('../images/gudang-berpendingin-new.png') center top ;
        background-size: cover;
        margin: 30px 0px 0px 0px;
        width: auto;
        height: 410px;
    }
    .classone.section-two{
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url('../images/armada-kami-new.png') center top ;
        background-size: cover;
        margin: 30px 0px 0px 0px;
        width: auto;
        height: 410px;
    }
    .classone.section-three{
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url('../images/solusi-logistik-new.png') center top ;
        background-size: cover;
        margin: 30px 0px 0px 0px;
        width: auto;
        height: 410px;
    }
    .classone.section-four{
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url('../images/value-added-services.png') center top ;
        background-size: cover;
        margin: 30px 0px 0px 0px;
        width: auto;
        height: 410px;
    }
    .classone button {
        text-align: center;
        margin: 10px 15px;
    }
    /*ALL PAGE*/

	.centerside h2,
	.centerside p  {
		text-align: left;
	}

    .carousel-mobile{
        height: 510px;
    }
    .captionbanner {
        margin: 0px 0px 0px 0px;
        width: 300px;
        left: 0;
        right: 0;
        position: absolute;
        top: 0;
    }
    .captionbanner h5{
        font-size: 1.8rem;
    }
    .captionbanner p{
        font-size: 1rem;
    }
    .slide ol{
        height: 0px;
        margin: 5px 0px 0px 0px;
    }
    .carousel-indicators li{
        border-radius: 50%;
        width: 10px;
        height: 10px;
    }
    .carousel .carousel-indicators li {background-color: grey;}
    .carousel .carousel-indicators li.active {background-color: #33b2e9;}

    .carouselcontainer .owl-item p{
        filter:brightness(100%) blur(0px);
    }
    .carouselcontainer .owl-item h3{
        filter:brightness(100%) blur(0px);
    }
    .carouselcontainer .owl-item button{
        filter:brightness(100%) blur(0px);
    }
    /* SECTION HEAD ALL PAGES */
    .imagehero img {
        margin: 80px -20px 0px 0px;
        width: 100%;
        float: right;
    }
    .innerhero {
        margin: 0px 0px 0px 0px;
        padding: 20px 32px 0px 32px;
    }
    .innerhero h2{
        font-size: 2rem;
        text-align: left;
    }
    .innerhero p{
        width: 20rem;
    }
    .centertext {
        text-align: left;
        padding: 0px 32px 0px 32px;
    }
    .centertext h2{
        font-size: 2rem;
        text-align: left;
    }
    .centertext p{
        width: 20rem;
    }

    /* NAV */
    .dropdown.mobile ul li{
        display: none;
    }
	/* Footer */

	/* .navbar.footer {
		display: block;
	}
	.navbar-brand.footer-logo {
		display: block;
		width: 100%;
		text-align: center;
	}
	.footer-logo img {
		margin:20px 0px;
	}
	.footer-nav .nav-item  {
		width: 100%;
		margin-left: auto;
		text-align: center;
	}
	.footer-nav .nav-item  .text-secondary {
		display: none;
	}
	.footer-nav ul {
		padding-left: 0px;
	} */

    .infooter.mobile{
        display: none;
    }
    .footer-copy .copy-right{
        text-align: center;
    }
    .footer-copy .icon{
        text-align: center;
        margin: 0px 0px 15px 0px;
    }
	/* all page hero section */
	.heroimage img{
		position: relative;
		width: 100%;
		height: auto;
	}
	.leftside div:first-child {
		height: auto;
	}
    /* homepage hero */
    .hero{
        margin: 80px 0px 0px 0px;
    }
    /* home: usp detail */
    .uspDetail {
        height: 25rem;
        /* width: 255px; */
        width: 16rem;
        border-radius: 50px;
        color: white;
        margin: 0px 0px 0px -50px;
        padding: 10px;
    }

    .sectionbtn {
        border-radius: 40px;
        color: white;
        background-color: #33b2e9;
        font-family: 'Poppins';
        width: 90%;
        font-size: 0.8rem;
    }

    .sectext h1{
        color: white;
        text-align: center;
        font-size: 2rem;
    }
    .sectext{
        text-align: center;
    }
    .sectext p {
    text-align: center;
    width: 95%;
    }
    .secdashboard .bgimage {
        background: linear-gradient(black, rgba(0, 0, 0, 0.1)),url(../images/webp/homepage/realtime-information-bg.webp) no-repeat top right;
        background-size: cover;
        size: 100%;
        height: 780px;
        border-radius: 40px 40px 0px 0px;
    }

    /* testimoni */
    /* .owl-item.active.center .card {
        background-color: #33b2e9;
        margin: 0px 0px 0px 0px;
    }

    .itemTestimoni {
        height: 300px;
        border: none;
        border-radius: 30px;
        background-color: #d9d9d9;
        color: white;
        width: 244px;
    } */

    .innertesti {
        background-color: #33b2e9;
        width: 91vw;
        height: 349px;
        padding: 20px;
        border-radius: 30px;
        margin: 0px 0px 0px -40px;
    }
    .clientdetail .photo {
        width: 35% !important;
        display: block !important;
        height: auto;
        margin: -65px 0px 0px 95px;
    }
    .testicontainer .owl-carousel .owl-stage-outer {
        height: 470px;
    }

    .article-home {
        color: white;
        margin-left: -30px;
        padding: 1rem;
    }
    .article-home h5 {
        font-size: 1.2rem;
    }
    .article-home p {
        font-size: 1.1rem;
    }
    .image-news {
        width: 150px;
        height: 250px;
        overflow: hidden;
        display: block !important;
        border-radius: 30px;
    }
    .image-news img {
        height: 60%;
        border-radius: 30px;
        width: 100%;
    }
    .testimoni-title h2 {
        font-size: 2rem;
    }
    .article-section h2 {
        font-size: 2rem;
    }
    .article-inner h5{
        margin: -70px 0px 45px 0px;
    }
    .article-inner  p.mobile-article {
        display: none;
    }
    .information-container h2 {
        font-size: 2rem;
    }

    /* about page: our company */
    .about-us h2{
        font-size: 2rem;
    }
    .ourcompany {
        margin: -65px 50px 0px 40px;
    }
    .ourcompany h2 {
        color: white;
        margin: 0px 0px -20px 0px;
        text-align: center;
    }

    .ourcompany p{
        text-align: center;
    }

    /* service cold image section */
    .service-container h2{
        font-size: 2rem;
    }

    .coldimagesection{
        height: auto;
        margin-top: 0px;
    }

    .storage{
        padding: 7px;
    }

    .transportinner {
        background-image: linear-gradient(black, rgba(0, 0, 0, 0.1)),url(../images/transport.jpg);
        width: 19rem;
        height: auto;
        background-repeat: no-repeat;
        border-radius: 50px;
        background-attachment: fixed;
        margin: 20px -14px;
    }
    .transportimages {
        margin-top: 0px;
    }
    .transport{
        padding: 2rem;
        margin: -50px 0px 0px 0px;
    }
    .transport h2 {
        text-align: left;
        margin: 0px 0px 5px 0px;
    }
    .transport p {
        width: 327px;
        margin: 0px 0px 0px 0px;
        text-align: left;
    }
    .transportinner h4{
        font-size: 1.8rem;
    }
    .transportinner p {
        text-align: center;
        color: white;
        padding: 5px;
        font-size: 1rem;
    }

    .containerlogistic{
        padding: 2rem;
        margin-top: 0px;
    }

    .logistic h2 {
        margin: 10px 0px 0px 0px;
    }
    .logistic p{
        text-align: left;
    }

    .logistic .desktop-hide{
        display: block;
    }
    .logistic .mobile-hide h2{
        display: none;
    }

    .containervalue{
        padding: 2rem;
        margin: -20px 0px 0px 0px;
    }

    .value h2 {
        margin: 10px 0px 0px 0px;
    }
    .value p{
        text-align: left;
    }

    .value{
        flex-direction: column-reverse;
    }

    .value .desktop-hide{
        display: block;
    }

    .value .mobile-hide h2{
        display: none;
    }

    .team-sec img {
        width: 15rem;
        height: 10rem;
        border-radius: 2rem;
    }

    .popup .content {
        position: fixed;
        top: 85%;
        left: 50%;
        margin-top: -195px;
        margin-left: auto;
        margin-right: auto;
        transform: translate(-50%, -50%) scale(0);
        background: #fff;
        width: 300px;
        max-width: 1000px;
        height: 560px;
        max-height: 600px;
        border-radius: 40px;
        z-index: 2;
        padding: 20px;
        overflow: auto;
        box-sizing: border-box;
    }
    .biography p {
        font-size: 1rem;
        font-family: 'Poppins', sans-serif;
    }
    .gambarPresident p {
        font-size: 1rem;
        margin-top: -2vh;
        text-align: center;
        font-family: 'Poppins', sans-serif;
        /* margin-left: -2vw; */
    }
    .popup .close-btn {
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 20px;
        width: 25px;
        height: 25px;
        background: gray;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        line-height: 23px;
        text-align: center;
        border-radius: 50%;
    }

    /* Reach page */
    .reach-page h2{
        color: #30b1e2;
        font-size: 2rem;
    }

    /* Map @ reach page */

    .map-image {
        width: auto;
        height: 350px;
        overflow: auto;
        padding: 10px;
    }
    .map-arrow-left {
        height: 100%;
        margin-left: -4px;
    }
    .map-arrow-right {
        height: 100%;
        margin-right: -4px;
    }

    .map-arrow-left-cont {
        display: block;
        position: absolute;
        left: 0;
        background-color: #e5e7e8;
        margin-top: 40%;
        width: 40px;
        height: 40px
    }
    .map-arrow-right-cont {
        display: block;
        position: absolute;
        right: 0;
        background-color: #e5e7e8;
        margin-top: 40%;
        width: 40px;
        height: 40px
    }
    .middle-sec img {
        width: 335px;
        height: auto;
        max-height: 100px;
    }
    .fleetsection h2{
        font-size: 1.5rem;
    }

    /* INOVATION */
    .about h2 {
        font-size: 2rem;
        color: #30b1e2;
    }
    .left-content {
        padding: 2rem;
    }
    .left-content h2{
        font-size: 2rem;
        color: #33b2e9;
        text-align: left;
    }
    .left-content p{
        text-align: left;
        margin: 15px 0px 0px -20px;
        width: 20rem;
    }
    .left-content img{
        width: 100%;
        border-radius: 20px;
    }

    .right-content{
        padding: 1rem;
    }
    .right-content h2{
        font-size: 2rem;
        color: #33b2e9;
    }
    .right-content p{
        text-align: left;
        width: 20rem;
    }
    .rightsection {
        margin: -25px 0px 0px 0px;
    }
    .right-content img {
        width: 100%;
    }
    .reverse{
        flex-direction: column-reverse;
    }
    .innercontentleft .desktop-hide{
        display: block;
    }
    .innercontentleft .mobile-hide h2{
        display: none;
    }
    .innercontentright.mobile-hide h2{
        display: none;
    }
    .innercontentright.desktop-hide h2{
        display: block;
        text-align: left;
    }
    .innercontentleft .innerside h2{
        margin: 50px 0px 0px -14px;
    }
    .innerside{
        margin: -135px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
    }
    .innerside2{
        margin: -20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    .sustaincontainer{
        padding: 2rem;
    }
    .sustainability-in {
        margin: 0px 0px 0px 0px;
    }
    .sustainability h2 {
        color: #44b8e9;
        font-size: 2rem;
    }
    .sustainability p {
        width: 20rem;
        margin: 0px 0px 0px 0rem;
    }
    .sustainability-in{
        width: 25rem;
    }
    .in-one {
        border-radius: 40px;
        margin-left: 0px;
        box-shadow: -5px 5px 20px black;
        max-height: 90vh;
        height: auto;
        padding: 1.5rem;
    }
    .in-one h2 {
        font-size: 1.8rem;
        color: #44b8e9;
        margin: 0rem 0rem 0rem 0rem;
        text-align: center;
    }
    .in-one p {
        text-align: justify;
        margin: 0rem 0rem 0rem 0rem;
    }
    .in-two {
        border-radius: 40px;
        margin-left: 0px;
        box-shadow: -5px 5px 20px black;
        max-height: 90vh;
        height: auto;
        padding: 1.5rem;
        margin: -40px 0px 0px 0px;
    }
    .in-two h2 {
        font-size: 1.8rem;
        color: #44b8e9;
        margin: 0rem 0rem 0rem 0rem;
        text-align: center;
    }
    .in-two p {
        text-align: justify;
        margin: 0rem 0rem 0rem 0rem;
    }
    .sustainability-in img {
        width: 100%;
        height: auto;
        border-radius: 30px 30px 0 0;
        max-height: 33vh;
        margin: 0px 0px 0px 0px;
    }
    .inovation.right-side {
        margin: 125px 0px 0px 0px;
    }
    .innerlogistic{
        padding: 2rem;
    }
    .innerlogistic h2{
        text-align: left;
    }
    .innerlogistic p{
        text-align: left;
    }
    .logisticleft.mobile{
        display: none;
    }

    .logisticright img {
        float: right;
        /* width: 275px; */
        width: 18rem;
        height: auto;
        /* margin: -20px 0px 30px 0px; */
        /* margin: -235px 30px 0px 0px; */
        /* margin: -20rem 0rem 0rem 0rem; */
    }
    .innerdesc {
        margin: 15px 0px 0px 0px;
        /* background-color: red; */
        padding: 1rem;
        /* border-radius: 55px; */
        height: auto;
        width: 30rem;
    }
    .innerlogistic h2 {
        font-size: 2rem;
    }
    /* .logisticright .imageone.mobile{
        float: left;
        width: 60px;
        height: auto;
        margin: 0px 0px 30px 310px;
        display: block;
    } */
    .logisticright .imageone.mobile{
        float: left;
        width: 5rem;
        height: auto;
        margin: 48px 0px 30px 319px;
        display: block;
    }

    /* CAREER */
    /* .herocareer{
        padding-top: 35%;
        background: linear-gradient(black, rgba(0, 0, 0, 0.1)),url(../images/growwithus.JPG) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 85vh;
    } */

    .herocareer{
        padding-top: 35%;
        background: linear-gradient(black, rgba(0, 0, 0, 0.1)),url(../images/growwithus.JPG) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 205vw 100vh;
        height: 85vh;
    }
    .herocareer h2 {
        font-size: 3rem;
        text-align: center;
        color: white;
        top: 0px;
        font-size: 2rem;
    }
    .herocareer p {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        color: white;
        text-align: center;
    }
    .hide-on-mobile {
        display: none;
    }

    .show-on-mobile {
        display: block;
    }
    .show-on-mobile a{
        text-align: center;
    }
    .menu-career {
        width: 90%;
        margin-left: 3vw;
        background-color: #33b2e9;
        /* margin-top: -2vh; */
        border-radius: 30px;
        height: auto;
        padding: 10px;
    }
    .text-style {
        line-height: 10px;
        text-align: center;
    }
    .menu-career {
        background-color: #33b2e9;
        margin-top: -7vh;
        border-radius: 25px;
        height: auto;
    }
    .horizontal-line {
        height: 1px;
        width: 50%;
        border-width: 0;
        color: white;
        background-color: white;
        width: 75%;
        margin: 5px
    }
    .culture{
        padding: 1rem;
    }
    .culturecontainer h2 {
        color: #44b8e9;
        text-transform: capitalize;
        font-size: 2rem;
        text-align: center;
    }
    .img-sec2 img{
        width: 300px;
        height: auto;
        margin: 0px 0px 0px -110px;
    }
    .innerculture{
        margin: 20px 0px 0px 0px;
    }
    .boxtext {
        /* background-color: white; */
        height: 15rem;
        padding: 15px;
        border-radius: 50px;
        margin: 0px 0px 0px 0px;
    }
    .innerculture.right {
        margin: 290px 0px 0px 0px;
    }
    .note-video-clip{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .back-button{
        display: none;
    }
    .boxtext.left {
        /* background-color: red; */
        height: 15rem;
        padding: 5px;
        /* border-radius: 50px*/
        margin: 0px 0px 0px 0px;
    }
    .job{
        padding: 1rem;
    }

    .culture1 img{
        /* left: 9vw;
        width: 31%;
        height: 13rem;
        background-image: cover;
        z-index: -1;
        position: absolute;
        margin-top: 1rem; */
        display: none;
    }
    .cultureright img {
        width: 100%;
        height: auto;
        margin: -50px 0px 0px 0px;
    }
    .culture1.mobile {
        display: none;
    }
    .linksimg {
        font-family: 'Poppins', sans-serif;
        color: #fff;
        text-transform: capitalize;
        line-height: 55px;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }
    .linksimg img {
        width: 50%;
        border-radius: 40px;
    }
    .descjob {
        margin: 80px 0px 0px 0px;
    }

    .textculture {
        position: absolute;
        bottom: -50px;
        /* top: 75px; */
        margin: -106px 0px 0px 0px;
        /* margin-right: 17px; */
        /* border-radius: 50px; */
        /* background-color: white; */
        width: 23rem;
        /* display: none; */
    }
    .textculture p {
        text-align: left;
        padding-left: 50px;
        width: 100%;
    }

    .workplace {
        border-radius: 40px;
        margin-left: -16vw;
        margin-top: 12vw;
        width: 23rem;
        background-color: white;
        height: 0vh;
        /* text-align: left; */
    }
    .workplace p{
        text-align: left;
    }
    .innerculture.right h2 {
        text-align: left;
        padding: 1rem;
        margin: 0px 0px 0px 0px;
    }
    .innerculture.right p {
        text-align: left;
        width: 20rem;
        padding: 1rem;
    }
    .cultureright {
        flex-direction: column-reverse;
    }

    /* NEWS */
    .news-section {
        margin-top: 110px;
    }
    .picnews2 {
        height: 30vh;
        width: auto;
        border-radius: 30px;
        background-repeat: no-repeat;
        background-size: cover;
        /* padding: 1rem; */
        margin: 10px 0px 10px 0px;
    }
    .picnews1 h6 {
        color: white;
        width: 90%;
        font-size: 1rem;
        padding: 15px;
    }
    .picnews1 h1 {
        text-decoration: none;
        color: white;
        font-size: 2rem;
        padding: 1rem;
    }
    .picnews1 h5 {
        color: white;
        width: 90%;
        padding-left: 1rem;
    }
    .picnews2 h4 {
        text-decoration: none;
        color: white;
        font-size: 1.2rem;
        width: 90%;
        padding: 0rem;
        margin-top: 20px;
    }

    .picnews2{
        height: auto;
    }

    .picnews2 h6 {
        color: white;
        width: 90%;
        font-size: 0.8rem;
        padding-left: 0rem;
    }

    .recent-release h2 {
        font-size: 2rem;
    }
    .position-static img {
        border-radius: 30px;
        width: 350px;
        height: 150px;
        object-fit: cover;
    }
    .mobile-article p{
        display: none;
    }


    /* CONTACT US */
    .card.shadow{
        padding: 20px;
    }
    .hubungi h2 {
        font-family: 'Poppins', sans-serif;
        color: #44b8e9;
        text-transform: capitalize;
        font-weight: 500;
        font-size: 2rem;
        margin-top: 20vh;
    }
    .address-section{
        padding: 2rem;
    }
    .address-section h2 {
        color: #44b8e9;
        text-transform: capitalize;
        font-size: 2rem;
    }



}



/* ====================  EXTRA VIEW  ===========================*/
@media screen and (min-width: 1280px) and (max-width: 1440px){
    .owl-theme .owl-dots{
        /* margin: 10px 0px 0px 25px; */
    }
    .imagehero img {
        margin: 80px -20px 0px 0px;
        width: 70%;
        float: right;
    }
    .testicontainer {
        margin: 0px 0px 0px -13px;
    }
    .testicontainer .owl-item.active.center .innertesti {
        background-color: #33b2e9;
        height: 320px;
        width: 100%;
        padding: 25px;
        border-radius: 30px;
    }
    .innertesti {
        background-color: #d9d9d9;
        width: 380px;
        height: 300px;
        padding: 20px;
        border-radius: 30px;
        margin: 65px 0px 0px -14px;
    }
    .clientdetail {
        width: 100%;
        height: auto;
        /* margin-bottom: -130px !important; */
        /* margin: 0px 0px 0px 30px; */
        margin: auto 1rem;
    }
    .clientdetail .photo {
        width: 35% !important;
        display: block !important;
        height: auto;
        margin: -65px 0px 0px 100px;
    }
    .clientdetail img {
        height: auto;
        max-height: 15rem;
        width: auto;
        max-width: 20rem;
        vertical-align: middle;
        margin: 0 auto;
    }
    .classone.section-one, .classone.section-two,
    .classone.section-three, .classone.section-four {
        margin: 30px 0px 0px 0px;
        width: 415px;
        height: 350px;
    }
    .classone button {
        text-align: center;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1920px){

	/* ALL PAGE HERO */
	.herocontent.container {
		max-width: 100%;
	}
	.heroimage img {
		height: 60%
	}
    .classone{
        padding: 10px;
    }
    .carouselcontainer {
        height: 100%;
        padding: 0px;
        margin: 0px 0px 0px -15px;
    }
    .classone.section-one {
        margin: 30px 0px 0px 25px;
        width: 600px;
        height: 350px;
    }
    .classone.section-two {
        margin: 30px 0px 0px 25px;
        width: 600px;
        height: 350px;
    }
    .classone.section-three {
        margin: 30px 0px 0px 25px;
        width: 600px;
        height: 350px;
    }
    .classone.section-four {
        margin: 30px 0px 0px 25px;
        width: 600px;
        height: 350px;
    }
    .classone button {
        text-align: center;
        margin: 10px 150px;
    }

    /* testimoni */

    .testicontainer {
        margin: 0px 0px 0px -13px;
    }
    .testicontainer .owl-carousel .owl-stage-outer {
        height: 650px;
    }
    .testicontainer .owl-item.active.center .innertesti {
        background-color: #33b2e9;
        height: 320px;
        width: 500px;
        padding: 25px;
        border-radius: 30px;
    }
    .innertesti {
        background-color: #d9d9d9;
        width: 500px;
        height: 300px;
        padding: 20px;
        border-radius: 30px;
        margin: 65px 0px 0px 0px;
    }
    .clientdetail {
        width: 100%;
        height: auto;
        /* margin-bottom: -130px !important; */
        margin: 0px 0px 0px 10px;
    }
    .clientdetail .photo {
        width: 35% !important;
        display: block !important;
        height: auto;
        margin: -65px 0px 0px 155px;
    }
    .owl-theme .owl-dots{
        margin: 0px 0px 0px 30px;
    }

	.leftside div:first-child {
	height: 50rem;
	}
    .left-content{
        padding: 0rem 5rem 15rem 5rem;
    }
    .secdashboard .bgimage {
        background: linear-gradient(black, rgba(0, 0, 0, 0.1)),url(../images/webp/homepage/realtime-information-bg.webp) no-repeat center center;
        background-size: cover;
        size: 100%;
        height: 580px;
        border-radius: 40px 40px 0 0;
    }
    .information-container {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/webp/homepage/need-more-information-bg.webp);
        width: auto;
        height: 450px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 5px;
    }
    .copy-right {
        margin-left: 3vw;
    }

}