@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

*{
    color:#252525;
    font-family: "IBM Plex Sans", serif;
}


.btn-primary{
    color:#fff;
    background-color: #124A4B !important;
    border-color: #124A4B !important;
    border-radius: 0px !important;
}

.btn-primary-outline{
    border: 2px solid #252525 !important;
    border-radius: 5px !important;
    background-color: #FFFFFF !important;
    color: #252525 !important;
}

.saf .saf-card{
    transition: all ease-in 0.1s;
}

.saf .saf-card p{
    transition: all ease-in 0.1s;
}

.saf .saf-card:hover{
    background: linear-gradient(to bottom,rgba(18, 74, 75, 90%),rgba(18, 74, 75, 90%)), url('../images/i-2.png');
    color: #FFCA28 !important;
    border-color: #FFCA28 !important;
    
}
.saf .saf-card:hover p{
    color: #FFCA28 !important;
    
}

.saf .saf-card:hover img{
    filter: contrast(160%) !important;
    
}

.logistics{
    background: linear-gradient(to bottom,rgba(18, 74, 75, 50%),rgba(18, 74, 75, 50%)), url(../images/logsitcs.png);
    height: 100vh;
    background-size: cover;
    background-position: bottom center;
}

.contact-form{
    background: linear-gradient(to bottom,rgba(18, 74, 75, 50%),rgba(18, 74, 75, 50%)), url(../images/logsitcs.png);
    background-size: cover;
    background-position: bottom center;
}

.freight-forward{
    background:linear-gradient(to bottom,rgba(17, 29, 29, 0.5),rgba(17, 29, 29, 0.5)), url(../images/freight-forward.png);
    height: 100vh;
    background-size: cover;
    background-position: center center;
}

.service-process{
    background:linear-gradient(to bottom,rgba(18, 74, 75, 50%),rgba(18, 74, 75, 50%)), url('../images/service-process-bg.png');
    height: auto;
    background-size: cover;
}

.hero{
    background: linear-gradient(to right, rgba(255, 255, 255, 80%), rgba(255, 255, 255, 80%)), url(../images/hero.png);
    height: auto;
    background-position: center center;
    /* background-repeat: n; */
}


.testimonial{
    position: relative;
}

.testimonial .overlay{
    /* background-color: red; */
    /* background-image: linear-gradient(to right, red 5%,  #ffffff00 10%,red 95%); */

    z-index:3;
    /* position: absolute; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


/*------------------------------------
- news letter section starts
------------------------------------*/

.news-letter .form-control:focus{
    box-shadow: none;
    border-color: transparent;
}

.news-letter .form-control{
    box-shadow: none;
    border-radius: 0px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-color: transparent;
}

.news-letter .form-control::placeholder{
    color: #252525;
    font-weight: 500;
}

.sign-up-btn{
    margin-left: -20px;
    /* font-size: 3px; */
    border-radius: 0px;
    padding-top: 1rem;
    padding-bottom: 1rem;

    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/*------------------------------------
- news letter section ends
------------------------------------*/


.table-of-content{
    position: relative;
}

.table-of-content .overlay{
    position: absolute;
    background-color: rgb(18, 74, 75, 95%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.service-process-card {
    transition: all ease-in .1s;
}

.service-process-card .text{
    transition: all ease-in .1s;
}

.service-process-card .bg{
    transition: all ease-in .1s;
}

.service-process-card .read-more{
    transition: all ease-in .1s;
}

.service-process-card .sub-text{
    transition: all ease-in .1s;
}


.service-process-card:hover .text{
    color: #fff !important;
}

.service-process-card:hover .bg{
    background: #252525 !important;
}

.service-process-card:hover .sub-text{
    color: #fff;
}

.service-process-card:hover .read-more{
    background-color: #ECB200 !important;
    color: #252525 !important;
}

.service-process-card:hover .read-more .link{
    /* background-color: #ECB200 !important; */
    color: #252525 !important;
}

.service-process-card:hover .read-more  i{
    /* background-color: #ECB200 !important; */
    color: #252525 !important;
}

.service-process-card .img{
    transition: all ease-in-out 0.2s;
}

.service-process-card:hover .img  {
   transform: rotate(5deg) scale(1.2);
}


.ftl{
    background: url("../images/ftl.png");
    height: 100vh;
    background-position:center right;
    background-repeat: no-repeat;
    /* background-size: cover; */
}

.scm-bg{
    background: linear-gradient(to bottom,rgba(18, 74, 75, 90%),rgba(18, 74, 75, 90%)), url(../images/scm.png);
    height: auto
}