#nav_img {
    width: 200px;
}

.menu_btn {
    padding-left: 160px;
    font-weight: bold;
}

.menu_btn :hover {
    color: rgb(8, 5, 142) !important;
}

.nav_login_btn {
    color: black !important;
    font-weight: bold !important;
    margin-left: 10px !important;
}

.nav_login_btn:hover {
    color: white !important;
}

.hover-underline-animation {
    display: inline-block;
    position: relative;
    color: #000000 !important;
}

.hover-underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #07c627;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.tracking_details {
    /* -webkit-appearance: none; */
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 120px;
    padding-bottom: 80px;
    /* background-color: #d3e0f5 !important; */
    /* background-image: linear-gradient(to right bottom, #2193b0, #34a3ba, #47b2c4, #59c2ce, #6cd2d7, #72d8dc, #78dde1, #7ee3e6, #78e0e8, #74dcea, #70d9ec, #6dd5ed); */
    animation: breath 2s linear;
    background-image: linear-gradient( rgba(0, 0, 0, 0.756), rgba(0, 0, 0, 0.781)), url("../img/b1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Contact US background css */

@keyframes breath {
    0% {
        background-size: 130% auto;
    }
    50% {
        background-size: 120% auto;
    }
    100% {
        background-size: 100% auto;
    }
}

.contact_us_background {
    animation: breath 2s linear;
    background-image: linear-gradient( rgba(0, 0, 0, 0.508), rgba(0, 0, 0, 0.467)), url("../img/contact_us.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Service css */

.service_background_img {
    animation: breath 2s linear;
    background-image: linear-gradient( rgba(0, 0, 0, 0.508), rgba(0, 0, 0, 0.467)), url("../img/contact_us.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.line {
    border: 4px solid rgb(255, 251, 0);
    width: 150px;
}

.line_for {
    border-top: 4px solid rgb(175, 175, 3);
    background-color: rgb(255, 255, 0);
    margin-left: 25%;
    margin-right: 25%;
}

.line_for_about_us {
    border-top: 4px solid rgb(175, 175, 3);
    background-color: rgb(255, 255, 0);
    margin-left: 0;
    margin-right: 50%;
}

.service_p {
    color: rgb(150, 148, 22);
    font-weight: bolder;
}

.card-style {
    /* background-color: rgba(214, 213, 198, 0.587); */
    /* box-shadow: .5px .5px 5px; */
    border-radius: 5px;
    text-align: center;
}

.card-style2 {
    /* background-color: rgba(197, 195, 172, 0.276); */
    /* box-shadow: .5px .5px 5px; */
    box-shadow: 0 0 5px;
    border-radius: 5px;
    text-align: center;
}

.img-border {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.service_covid {
    color: red;
    margin-top: -30px;
}

.black_color {
    color: #000000;
}

.img_height {
    /* height: 450px !important; */
}


/* For about US */

.back_color_about_us {
    background-image: linear-gradient( rgba(173, 231, 241, 0.342), rgba(163, 224, 218, 0.252));
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Network css */

.network_background {
    animation: breath 2s linear;
    background-image: linear-gradient( rgba(0, 0, 0, 0.508), rgba(0, 0, 0, 0.467)), url("../img/network.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.networ_search_form {
    background-color: rgba(255, 255, 255, 0.711);
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}

.area_name {
    padding-top: 10px;
}

#tracking_name {
    font-weight: bolder;
    color: #ffffff;
}

.first_section {
    padding-bottom: 20px;
}

.fafa_icon_font {
    font-weight: bold;
    font-size: 300%;
    color: rgb(4, 3, 85);
}

.bold-lines {
    font-weight: bolder;
    color: white;
}

.link-text-decor {
    text-decoration: none;
    color: rgb(154, 148, 148);
}

.fafa_icon_font_industries {
    font-weight: bold;
    font-size: 300%;
    color: rgb(1, 1, 13);
}

.warning_message {
    color: #242601;
}

.color_for_ro {
    /* color: rgb(31, 8, 122) !important; */
    color: rgba(101, 4, 4, 0.661) !important;
}

.nav_color_spec {
    background: rgb(248, 239, 64);
    /* background: none; */
}

.industries_serving_bg {
    background-image: linear-gradient( rgba(8, 72, 73, 0.176), rgba(72, 159, 165, 0.201));
    top: 0;
    bottom: 0;
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}


/* ************** For Login *********************** */

.box_border {
    border: 1px solid;
    box-shadow: 5px 5px .3px;
}

@media screen and (max-width: 991px) {
    .menu_btn {
        padding-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .sm_in_sm {
        padding-top: 10px;
        font-size: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .contact_us_background {
        animation: none !important;
    }
    .tracking_details {
        animation: none !important;
    }
    .network_background {
        animation: none !important;
    }
    .service_background_img {
        animation: none !important;
    }
}

.scroll-animation {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.scroll-animation.animate {
    opacity: 1;
    transform: translateY(0);
}