*{
    margin: 0;
    padding: 0;
    font-family: 'Outfit', sans-serif;
    box-sizing: border-box;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    color: var(--dark-text); 
    --light-shade: #F5F5F5; 
    --dark-green: #034B5B; 
    --light-green: #3FA8C7; 
    --orange: #FF7D44; 
    --text: #464646; 
}

nav{
    padding: 20px 8%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    position: fixed;
    z-index: 100;
}
nav .nav-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
nav .nav-container .logo img{
    width: 200px;
}
nav .nav-container ul{
    padding: 0;
    display: flex;
    align-items: center;
}
nav .nav-container ul li{
    list-style: none;
}
nav .nav-container ul li a{
    display: block;
    margin: 0 5px;
    padding: 10px 17px; 
    text-decoration: none;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    color: grey;
    font-weight: 500;
}
nav .nav-container ul li a:hover{
    background-color: #fff3ee; 
}
nav .nav-container .track-btn{
    background-color: var(--dark-green); 
    text-decoration: none;
    padding: 15px 25px; 
    color: white;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
nav .nav-container .track-btn:hover{  
    background-color: var(--orange); 
}
nav .fa-bars-staggered{
    display: none;
}

nav .nav-container .track-btn-mobile{
    display: none;
}

@keyframes fade-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes fade-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.fade-in {
    animation: fade-right .5s forwards;
}

.fade-out {
    animation: fade-left .5s forwards;
}

@media screen and (max-width: 768px){
    nav{
        padding: 20px 8%; 
    }
    nav .nav-container .logo img{
        width: 150px;
    } 
    nav .nav-container .ul-list{ 
        display: none; 
    }
    nav .nav-container ul{
        position: absolute;
        flex-direction: column; 
        background-color: rgba(3, 75, 91,.9);
        left: 0; 
        width: 100%;
        top: 70px;
        justify-content: unset;
        display: block; 
        z-index: -1;
        padding: 10px 0 10px;    
        backdrop-filter: blur(8px);

    }
    nav .fa-bars-staggered{
        display: block;
        font-size: 25px;
        color: var(--dark-green);
    }
    nav .nav-container .track-btn-desktop{
        display: none;
    }
    nav .nav-container ul li a{ 
        margin: 15px 8%; 
        color: white;
    }
    nav .nav-container ul li a:hover{  
        color: var(--dark-green);
    }
    nav .nav-container .track-btn-mobile{
        background-color: var(--orange); 
        text-decoration: none;
        padding: 15px 25px; 
        color: white;
        border-radius: 5px; 
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        display: block;
        width: 200px;
        text-align: center;
    }
    
}
 
.slider-container{
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 8%;
    background-image: url(../assets/bg/home1-rev-1.jpg);
    background-size: cover;
    background-position: center;
}

.slider-container .slider-1-text{ 
    width: 45%;
    margin-top: 8%; 
}
.slider-container .slider-1-text h1{ 
    font-size: 45px;
    color: white;
    margin-bottom: 20px;
}
.slider-container .slider-1-text p{ 
    font-size: 16px;
    line-height: 22px;
    color: white; 
    font-weight: 300;
}
.slider-container .slider-1-text .button-container{ 
    margin-top: 40px; 
    display: flex; 
    gap: 10px;
}
.slider-container .slider-1-text .button-container a{ 
    text-decoration: none;
    display: block;
    padding: 20px 25px;
    background-color: var(--orange);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: white;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}
.slider-container .slider-1-text .button-container a:hover{ 
    background-color: white;
    color: var(--dark-green);  
}
.slider-container .slider-1-text .button-container .contact-btn{ 
    background-color: unset;
    color: var(--orange);  
    text-decoration: underline; 
}
.slider-container .slider-1-text .button-container .contact-btn:hover{ 
    background-color: unset; 
    text-decoration: none; 
    color: var(--orange);  
}

.slider-container-2{ 
    background-image: url(../assets/bg/home1-rev-3.jpg); 
}
.slider-container-3{ 
    background-image: url(../assets/bg/home1-rev-2.jpg); 
}

.swiper-button-prev,.swiper-button-next{ 
    color: white !important;
} 

@media screen and (max-width: 768px){
    .slider-container .slider-1-text h1{ 
        font-size: 35px; 
    }
    
    .slider-container .slider-1-text{ 
        width: 100%; 
    }
    .swiper-button-prev,.swiper-button-next{ 
        display: none !important;
    }
    .slider-container .slider-1-text .button-container{  
        flex-direction: column;
        justify-content: center; 
        align-items: center; 
    }
    .slider-container .slider-1-text .button-container a{  
        padding: 18px 18px; 
        font-size: 14px;  
        text-align: center;
        display: block;
        width: 80%;
    }
    .slider-container{ 
        min-height: 70vh;
        text-align: center;
    }
}


.section-1{
    padding: 8%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; 
    z-index: 1;
} 
.section-1 .sec-1-row{
    width: 50%;
    padding: 50px;
    display: flex;
    gap: 20px;
    background-color: white;
    align-items: start;
    box-shadow: var(--light-shade) -5px 20px 15px;
}
.section-1 .sec-1-row i{
    font-size: 32px;
    color: var(--orange);
}
.section-1 .sec-1-row .row-text h6{
    color: var(grey);
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}
.section-1 .sec-1-row .row-text p{
    color: var(grey); 
    font-weight: 300; 
    line-height: 22px;
}
.section-1 .sec-2-row {
    background-color: var(--dark-green);
    color: white; 
}
@media screen and (max-width: 768px){
    .section-1{
        position: unset;
        flex-direction: column;
    }
    .section-1 .sec-1-row{
        width: 100%; 
        flex-direction: column;
    }
}

.section-2{
    padding: 8% 5% 8% 8%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section-2 img{
    width: 53%;
}
.section-2 .sec-2-container{
    width: 40%;
}
.section-2 .sec-2-container h1{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.section-2 .sec-2-container h1 span{
    color: var(--orange);
}
.section-2 .sec-2-container p{
    font-weight: 300;
    line-height: 23px;
    color: grey;
    margin-bottom: 50px;
}
.section-2 .sec-2-container a{
    padding: 18px 30px; 
    background-color: var(--light-shade);
    border-radius: 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    
}
.section-2 .sec-2-container a:hover{
    color: var(--orange);
    
}

@media screen and (max-width: 768px){
    .section-2 img{
        width: 100%;
    }
    .section-2 .sec-2-container{
        width: 100%;
    }
    .section-2 .sec-2-container h1{
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 20px;
    }
}

.section-3{
    padding: 8%;
}
.section-3 marquee{
    display: flex;
    align-items: center;
}
.section-3 marquee img{
    margin: 0 50px;
    height: 50px;
}

.section-4{
    padding: 8%;
    min-height: 100vh;
    width: 100%;
    background-color: var(--light-shade);
}
.section-4 .sec-3-top-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section-4 .sec-3-top-row .top-row-text{
    width: 60%;
    flex-wrap: wrap;
}
.section-4 .sec-3-top-row .top-row-text h1{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;  
}
.section-4 .sec-3-top-row .top-row-text h1 span{
    color: var(--orange);
}
.section-4 .sec-3-top-row .top-row-text p{
    color: grey;
    font-weight: 300;
    line-height: 23px;
}
.section-4 .sec-3-top-row a{
    background-color: var(--dark-green);
    color: white;
    padding: 18px 30px;  
    border-radius: 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .3s ease-in-out;

}
.section-4 .sec-3-top-row a:hover{
    background-color: var(--orange);

}
 
.section-4 .sec-3-bottom-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 40px;
    flex-wrap: wrap;
}
 
.section-4 .sec-3-bottom-row .bottom-content{
    width: 32%; 
    background-color: white;
    border-bottom: 3px solid var(--orange);
    padding: 40px;
    transition: all .3s ease-in-out;
}
.section-4 .sec-3-bottom-row .bottom-content:hover{
    background-image: url(../assets/bg/service-bg-1.jpg); 
}
.section-4 .sec-3-bottom-row .bottom-content:hover h6{
    color: white;
}
.section-4 .sec-3-bottom-row .bottom-content:hover p{
    color: white;
}
.section-4 .sec-3-bottom-row .bottom-content:hover ul li{
    color: white;
}
.section-4 .sec-3-bottom-row .bottom-content-1:hover{
    background-image: url(../assets/bg/trucks-parked-lined-up.jpg); 
}
.section-4 .sec-3-bottom-row .bottom-content-2:hover{
    background-image: url(../assets/bg/trucks-parked-lined-up-3.jpg); 
}
.section-4 .sec-3-bottom-row .bottom-content i{
    color: var(--orange);
    font-size: 30px;
    margin-bottom: 20px;
}
.section-4 .sec-3-bottom-row .bottom-content h6{ 
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.section-4 .sec-3-bottom-row .bottom-content p{
    color: grey;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 20px;
}
.section-4 .sec-3-bottom-row .bottom-content ul{
    margin-left: 15px;
}
.section-4 .sec-3-bottom-row .bottom-content ul li{
    color: grey;
    font-weight: 300;
    line-height: 23px; 
    margin: 5px 0; 
}
.section-4 .sec-3-bottom-row .bottom-content ul li::marker {
    color: var(--orange); 
}


@media screen and (max-width: 768px){
    .section-4 .sec-3-top-row .top-row-text{
        width: 100%; 
    }
    .section-4 .sec-3-top-row a{
        display: block;
        margin-top: 30px;
    
    }
    .section-4{
        padding: 12% 8%; 
    }
    .section-4 .sec-3-bottom-row .bottom-content{
        width: 100%;  
    }
}


.qualities{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-flow: dense;
    min-height: 100vh;
    background-image: url(../assets/bg/services-bg-1.jpg);
    width: 100%; 
    place-content: end; 
    grid-auto-rows: 100vh; /* Adjust this value */
    
}
.qualities .qual-row{
    padding: 10% 5%;
    border-right: 1px solid white;  
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: all .3s ease-in-out;
    overflow: hidden;
}
.qualities .qual-row:hover{
    backdrop-filter: blur(8px);
}

.qualities .qual-row h6{
    color: var(--orange);
    font-size: 25px;
    margin-bottom: 20px;
    transition: all .8s ease-in-out;
    transform: translateY(350%);
}
.qualities .qual-row h1{
    color: white;
    margin-bottom: 10px;
    transition: all .8s ease-in-out;
    transform: translateY(180%);
}
.qualities .qual-row p{
    color: white;
    font-weight: 300;
    line-height: 23px;   
    opacity: 0%;
}
.qualities .qual-row:hover p{
    animation: move-up .8s ease-in; 
    opacity: 100%;
}
.qualities .qual-row:hover h1{
    animation: move-up-1 0.3s ease-in; 
    transform: translateY(0%);
}
.qualities .qual-row:hover h6{
    animation: move-up-2 0.3s ease-in; 
    transform: translateY(0%);
}
@keyframes move-up{
    0%{
        opacity: 0%;
    } 
    50%{
        opacity: 0%;
    } 
    90%{
        opacity: 60%;
    } 
    100%{ 
        opacity: 100%;
    }
}
@keyframes move-up-1{
    0%{
        transform: translateY(180%);
    } 
    100%{
        transform: translateY(0%); 
    }
}
@keyframes move-up-2{
    0%{
        transform: translateY(350%);
    } 
    100%{
        transform: translateY(0%); 
    }
}

@media screen and (max-width: 769px) {
    .qualities{
        display: none;
        
    }
}




.our-industry{
    background-color: var(--dark-green);
    display: flex;
    padding: 8%; 
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

}
.our-industry .industry-text{
    width: 45%;
}
.our-industry .industry-text h1{
    font-size: 40px;
    font-weight: 600;
    color: white;
}
.our-industry .industry-text h1 span{ 
    color: var(--orange);
}
.our-industry .industry-text p{ 
    color: white;
    margin-top: 30px;
    line-height: 23px;
    font-weight: 300;
}
.our-industry .industry-text .ul-list{ 
    display: flex;
    padding: 30px 35px;
    background-color: var(--orange);
    margin-top: 35px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.our-industry .industry-text .ul-list ul li{ 
    list-style: none;
    color: white;
    margin: 10px 0;
    font-weight: 400;
}
.our-industry img{ 
    width: 45%;
    height: 600px;
    object-fit: cover;
}


@media screen and (max-width: 768px){
    .our-industry .industry-text{
        width: 100%;
    }
    .our-industry img{ 
        width: 100%;
        height: 300px; 
    }
}

.our-goals{
    background-image: url(../assets/bg/home1-section-3.png);
    width: 100%; 
    background-position: center;
    background-size: cover;
    padding: 8%;
    text-align: center;
}
.our-goals .top-goals{
    width: 70%;
    margin: auto;
}
.our-goals .top-goals h1{
    font-size: 40px;
    font-weight: 600;
}
.our-goals .top-goals h1 span{
    color: var(--orange);
}
.our-goals .top-goals p{ 
    font-weight: 300;
    margin-top: 20px;
    line-height: 23px;
}
.our-goals .bottom-goals{ 
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    gap: 30px;
    flex-wrap: wrap;
}
.our-goals .bottom-goals .goals-content{ 
    width: calc(90% / 4);
}
.our-goals .bottom-goals .goals-content i{ 
    color: var(--orange);
    font-size: 30px;
    margin-bottom: 10px;
}
.our-goals .bottom-goals .goals-content h5{  
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 400;
    color: var(--dark-green);
    
}
.our-goals .bottom-goals .goals-content h6{  
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    color: grey;
}
.our-goals .bottom-goals .goals-content p{    
    font-weight: 300;
    color: grey;
    line-height: 23px;
}


@media screen and (max-width: 768px){
    .our-goals .bottom-goals .goals-content{ 
        width: calc(100% / 1);
    }
    .our-goals .top-goals{
        width: 100%;
        margin: unset;
    } 
}


.world{
    width: 100%;
    text-align: center;
    padding: 8%;
    background-image: url(../assets/bg/home1-section-4.jpg);
    background-position: center;
    background-size: cover;
}
.world h1{
    color: white;
    font-size: 40px;
    font-weight: 600; 
    width: 50%;
    margin: auto;
    padding-bottom: 40px;
}

.world a{
    color: white;
    font-size: 15px;
    font-weight: 600; 
    background-color: var(--orange);
    padding: 15px 25px;
    text-decoration: none; 
}

@media screen and (max-width: 768px){
    .world{ 
        padding: 15% 8%;
    }
    .world h1{ 
        font-size: 30px; 
        width: 100%; 
    }
}

.our-latest-news{
    padding: 8%; 
    min-height: 100vh;
    width: 100%;
}
.our-latest-news .news-top{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.our-latest-news .news-top h1{
    width: 30%;
    font-size: 40px;
    font-weight: 600;
}
.our-latest-news .news-top h1 span{
    color: var(--orange);
}
.our-latest-news .news-top p{
    color: grey;
    font-weight: 300;
    width: 65%;
}
.our-latest-news .news-bottom{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    
}
.our-latest-news .news-bottom .news-container{
    width: 320px;  
    background-color: rgb(245, 245, 245);
}
.our-latest-news .news-bottom .news-container img{
    height: 300px;
    width: 320px;
    object-fit: cover;

}
.our-latest-news .news-bottom .news-container .news-text{
    padding: 20px;
     

}
.our-latest-news .news-bottom .news-container .news-text h6{
    padding: 0 10px;
    border-left: 3px solid var(--dark-green);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    color: var(--dark-green);
}
.our-latest-news .news-bottom .news-container .news-text h5{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.our-latest-news .news-bottom .news-container .news-text p{ 
    font-weight: 300;  
    line-height: 23px;
}

@media (max-width: 768px){
    .our-latest-news .news-top h1{
        width: 100%; 
        margin-bottom: 30px;
        font-size: 30px;
    } 
    .our-latest-news .news-top p{ 
        width: 100%;
    }
    .our-latest-news .news-bottom .news-container{
        width: 100%;  
        background-color: var(--light-shade);
    }
    .our-latest-news .news-bottom .news-container img{
        height: 300px;
        width: 100%;
        object-fit: cover;
    
    }
}


footer{
    background-color: var(--light-shade);
    padding: 8%;
    width: 100%;
}
footer .footer-container{
    display: flex; 
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px; 
    margin-bottom: 40px;
}
footer .footer-container .footer-row{  
    color: grey;
    font-weight: 400;
}
footer .footer-container .footer-row-1{ 
    display: flex;
    flex-direction: column; 
    
}
footer .footer-container .footer-row-1 .logo img{ 
    width: 210px;
    margin-bottom: 20px;
}
footer .footer-container .footer-row-1 a{  
    display: block;
    margin: 10px 0;
    text-decoration: none;
}
footer .footer-container .footer-row-1 i{ 
    color: var(--orange);
    margin-right: 10px;
}
footer .footer-container .footer-row ul{  
    list-style: none;

}
footer .footer-container .footer-row ul .li-head{  
    font-size: 20px;
    color: var(--dark-green);
    font-weight: 500;
    margin-bottom: 20px;
}
footer .footer-container .footer-row ul li{   
    margin-bottom: 10px;
}
footer .copy{   
    text-align: center;
    margin-top: 8%;
    padding-top: 20px;
    border-top: 1px solid grey;
    color: grey;
}



.top-shipment{
    padding: 15% 8% 8% 8%;
    background-image: url(../assets/bg/home1-rev-2.jpg);
    background-position: center;
    background-size: cover;

}
.top-shipment h1{
    font-size: 40px;
    color: white; 
}

@media (max-width: 768px){
    .show-shipment .show-container{ 
        width: 100%; 
    
    }
    .top-shipment h1{
        font-size: 25px; 
    }
    .top-shipment{
        padding: 25% 8% 5% 8%; 
        min-height: 30vh;
        display: flex;
        align-items: center;
    } 
    .search-ctn form input{ 
        width: 70%;  
    }
}

.rentals{
    padding: 5% 8% 8% 8%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-flow: dense;
    grid-gap: 20px;
}
.rentals .rent-container{
    padding: 40px 30px;
    background-color: #F5F5F5;
    transition: all .3s ease-in;
}
.rentals .rent-container:nth-child(2){ 
    background-color: #034B5B;  
    color: white;
}
.rentals .rent-container:hover{
    background-color: #034B5B; 
}
.rentals .rent-container:hover p{
    color: white; 
}
.rentals .rent-container i{
    color: var(--orange);
    font-size: 30px;
    margin-bottom: 20px;
}
.rentals .rent-container p{
    font-size: 22px; 
    font-weight: 300;
}

.services-page{
    padding: 8%;
    width: 100%;
    min-height: 100vh;
}
.services-page .ser-top{
    width: 70%;
}
.services-page .ser-top h1{
    font-size: 40px;
    font-weight: 600;
    color: var(--dark-green);
    margin-bottom: 30px;
}
.services-page .ser-top p{
    color: grey;
    line-height: 23px;
    font-weight: 300;
}

.services-page ul{
    display: grid;
    margin-top: 8%;
    grid-template-columns: repeat(auto-fit, minmax(45%, 2fr));
    grid-auto-flow: dense;
    grid-auto-rows: 200px;
    list-style: none;
    grid-gap: 10px; 
}
.services-page ul li{
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: end;
    padding-bottom: 40px;
    font-size: 30px;
    color: white; 
    justify-content: center;
    background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.5)), url(../assets/img/portfolio-single-7.jpg);
}
.services-page ul li:nth-child(2){ 
    background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.5)), url(../assets/img/portfolio-single-3.jpg);
}
.services-page ul li:nth-child(3){ 
    background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.5)), url(../assets/img/portfolio-1.jpg);
}
.services-page ul li:nth-child(4){ 
    background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.5)), url(../assets/img/engineer-inspect-container-business-logistic-concep-740x560.jpg);
}

@media (max-width: 768px){
    .services-page .ser-top{
        width: 100%;
    }
    .services-page .ser-top h1{
        font-size: 30px;
    }
    .services-page ul{ 
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); 
    }
}


.contact-page{
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: center;
    padding: 0 8% 0 0;
    gap: 20px;
    justify-content: space-between;
    background-image: url(../assets/bg/home1-section-3.png);
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}
.contact-page iframe{
    width: 600px;
    height: 100vh;
}
.contact-page .contact-details {
    display: flex;
    flex-direction: column;
}
.contact-page .contact-details p{
    font-weight: 400;
    color: grey;
    font-size: 18px;
}
.contact-page .contact-details p i{
    font-size: 20px;
    margin-right: 10px;
    color: var(--orange);
}

.contact-page .contact-details a{
    text-decoration: none;
    display: block;
    margin: 10px 0;
    font-size: 18px;
    font-weight: 400;
    color: grey;
}
.contact-page .contact-details a i{
    font-size: 20px;
    margin-right: 10px;
    color: var(--orange);
}

@media (max-width: 768px){
    .contact-page iframe{
        width: 100%;
        height: 500px;
    }
    .contact-page{ 
        padding: 8% 0 0 0;  
        height: 100vh;
        overflow: hidden;
    }
    .contact-page .contact-details {
        padding: 12% 8% 8% 8%;
    }
    .contact-page .contact-details p,a{ 
        font-size: 16px;
    }
}