.box_saparator {
    margin-top: 10px;
    margin-bottom: 10px;
}

.icon_size {
    font-size: 50px !important;
}

.card_txs {
    padding-left: 15px;
    padding-right: 15px;
}

.f_cd {
    background-color: #FF9800;
    color: white;
    border-left: 30px solid #B26A00;
    padding-top: 20px;
    padding-bottom: 20px;
}

.f_cd:hover {
    background-color: #B36A00;
    border-color: #6d4305;
    transition: all ease 0.5s;
}

.s_cd {
    background-color: #F33527;
    color: white;
    border-left: 30px solid #AA251B;
    padding-top: 20px;
    padding-bottom: 20px;
}

.s_cd:hover {
    background-color: #C3170B;
    border-color: #771A13;
}

.t_cd {
    background-color: #E91E63;
    color: white;
    border-left: 30px solid #A31545;
    padding-top: 20px;
    padding-bottom: 20px;
}

.t_cd:hover {
    background-color: #AA1145;
    border-color: #770C30;
}

.under_line {
    background-color: white;
    width: 90px;
    height: 2px;
}

.under_line_sl {
    background-color: white;
    width: 90px;
    height: 3px;
}
.under_line_ser {
    background-color: #ff2bb1;
    width: 90px;
    height: 3px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.fnb {
    font-family: 'Poppins';
    padding-top: 10px;
}

.carousel-caption {
    position: absolute;
    right: 40%;
    bottom: 1.25rem;
    left: 15%;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    margin-bottom: 100px;
    text-align: left;
    background-color: #190b24e6;
}

.inner_tx_d {
    padding: 40px;
}

.txt_s {
    text-shadow: -1px 1px 5px #2c2c2c;
}

.txt_tx {
    font-size: 18px;
}
@media only screen and (max-width: 999px) {
.big_scr{
    display: none;
}
.nav_bacl_color{
    background-color: #00a5e8!important;
}
.topbarElements > div:nth-of-type(1){
    font-size:20px!important;
    margin:12px 32px;
    color:#ef662b
  }
}
@media only screen and (min-width: 1000px) {
    #colored_cards {
        margin-top: -50px;
    }
    .nav_bacl_color{
        background-image: linear-gradient(124deg, white 10%, #ff2bb1   0%);
    }
    .logo_big_scr{
        display: none;
    }
    .bgsi {
        padding-top: 45px;
    }
    .vis_no{
        visibility: hidden;
    }
    .ab_tx {
        font-size: 16 !important;
        font-family: 'Poppins';
        color: #676B72;
    }

    .about_heading {
        font-size: 40px;
    }
    .extra_space{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.tb_space {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ab_tx {
    font-size: 16px;
    font-family: 'Poppins';
    color: #676B72;
}

.r_more {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    color: white;
}
.info_sec{
    background-image: linear-gradient(96deg, #00A5E8 95%, #EF920A 5%);
    color: white;
}
.back_img{
    background:url("Images/Slider_1.webp");
    background-size: cover;
}
.bk_col{
    background-color: #ef920ad4;
    color: white;
}
.zero_sp{
    padding: 0px;
}
.trans_sp{
    padding: 80px 60px;
    height: 100%;
}
.top_dtx{
    text-align: center;
}
.hdtxt{
    font-weight: 700;
    color: black;
}
.bttxt{
    font-size: 18px;
    font-family: 'Poppins';
    color: #676B72;
}


.cards {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.cards:hover {
    transform: scale(1.05);
}

.cards-image {
    width: 100%;
    height: auto;
}

.cards-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: rgb(0 51 62 / 90%);
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    text-align: center;
}

.cards-title {
    margin: 0;
    font-size: 1.5em;
}

.cards-text {
    margin: 10px 0 0;
    font-size: 1em;
}

.cards:hover .cards-content {
    transform: translateY(0);
}
.card-footer{
    background-color: #00333e;
    color: white;
    border-radius: 0px!important;
    text-align: center;
}
.cards:hover .card-footer_h{
    display: none!important;
}
footer  a{
    text-decoration: none!important;
}
footer{
    background-color: #00A5E8;
}
footer p{
    font-size: 18px;
    font-weight: 600;
}
.banner_top{
    background-image: url("Images/banner.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;  
}
.banner_packgeing{
    background-image: url("Images/courier-service-industry.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;  
}
.banner_top_con{
    background-image: url("Images/contact-us2.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;  
}
.banner_top_career{
    background-image: url("Images/career-develpment.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;  
}
.banner_top_telli{
    background-image: url("Images/telecomBannerP.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;  
}
.banner_top_gogreen{
    background-image: url("Images/go-green-banner.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;     
}
.banner_top_Warehousing{
    background-image: url("Images/Warehousing.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;     
}
.banner_top_ODC{
    background-image: url("Images/odc.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;   
}
.banner_top_Road{
    background-image: url("Images/odc.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;   
}
.banner_top_Railwaylog{
    background-image: url("Images/Railway-Logistics-Service.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;   
}
.banner_top_air_log{
    background-image: url("Images/domestic-courier.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;   
}
.back_bannerco{
    background-color: #00000066;
    height: 300px;
}
.banner_heading{
    color: white;
    text-align: center;
    padding-top: 110px;
}
.cd_con_sp{
    padding: 50px 80px;
    text-align: center;
    font-family: 'poppins';
    font-size: 18px;
}
.input_border_r{
    border-radius: 0px;
}
.contact_button{
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
}
.getint{
    background-color: #00A5E8;
    border-color: transparent;
    border-radius: 5px;
    padding:20px 40px;
}
.teli_back{
    background-color: #F8F8F8;
}
.center_tx{
    text-align: center;
}
.mid_ar{
    background-image: linear-gradient(125deg, #00A5E8 50%, #00C0EA 50%); 
}
.s_b_bt{
    padding: 100px 40px;
}
.tx_aln{
    text-align: center;
    color: white;
    font-weight: 700;
}
.back_w{
    width: 100%;
    background-color: white;
    text-align: center;
}
.txtbt{
    padding: 15px;
    color: black;
    font-weight:700;
}
.txtodc{
    color: white;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}
.btm_s{
    padding-bottom: 20px;
}
.list_col{
    color: white;
    font-family: 'poppins';
    font-size: 18px;
    text-align: left;
    list-style: circle;
}
.h_back_col:hover{
    background-color: #00a5e8;
}
.h_back_col:hover h2{
    color: white!important;
}
.h_back_col:hover p{
    color: white!important;
}

.button-group {
    margin-bottom: 20px;
    display: flex; /* Use flexbox for alignment */
}

.button-group .btn {
    flex: 1; /* Make each button take up an equal amount of space */
    margin: 0 5px; /* Margin between buttons */
    padding: 10px;
    font-size: 16px;
    position: relative; /* Needed for positioning the arrow */
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f8f9fa;
    color: #333;
    text-align: center; /* Center text in button */
    box-sizing: border-box; /* Include padding and border in element's total width and height */
}

.button-group .active-button {
    background-color: #007bff; /* Highlight color for the active button */
    color: white;
    border-color: #007bff;
}

.button-group .active-button::after {
    content: '';
    position: absolute;
    bottom: -10px; /* Position the arrow below the button */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #007bff; /* Arrow color, same as the button highlight color */
}

#content-area .content {
    display: none;
}

#content-area .content.active {
    display: block;
}


.navbar-custom {
    background-color: #00ADEE; /* Blue background color */
    padding: 0.5rem 1rem;
}
.navbar-custom .navbar-brand {
    display: flex;
    align-items: center;
    color: white;
}
.navbar-custom .navbar-brand img {
    height: 40px; /* Adjust the logo height */
    margin-right: 10px;
}
.navbar-custom .navbar-text {
    color: white;
    font-size: 14px;
}
.navbar-custom .nav-link {
    color: white !important;
}
.contact-info {
    color: white;
    margin-right: 1rem;
    font-size: 14px;
}
.btn-track {
    background-color: #FFA500; /* Orange button */
    color: white;
    border: none;
}
.btn-track:hover {
    background-color: #FF8C00; /* Hover color */
}

.nav-item {
    font-size:18px;
    text-transform:uppercase;
    line-height:45px;
  }
  .flare {
    background:#190b24;
  }
  .flare a.nav-link {
    color:#fff !important
  }
  .topbarElements > div:nth-of-type(1){
    font-size:48px;
    margin:12px 32px;
    color:#ef662b
  }
  @media screen and (min-width:1040px){
    .flare { margin-right:-15px; }
  }
  @media screen and (max-width:1029px){
    .navbar-nav {
      margin-bottom:15px;
      text-align:center
    }
    .nav-item {
      background : rgba(255,255,255,0.1);
      margin:2px;
    }
  }
.top_nav_col{
    color: white;
}
.htrt{
    text-align: center!important;
    padding: 10px;
}
.top_nv_lo{
    margin-top: 30px;
    margin-left: 60px;
}

.nav_bacl_color_2{
    background-image: linear-gradient(62deg, white 10%, #190b24  0%);
}

.top_border_nav{
    border-bottom: 2px solid #ff2bb1 ;
}
.sm_src_d_lo{
    width: 150px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:white;
    font-weight: 600;
}
.footer_log{
    width: 100%;
}
nav > .container-fluid > #navbarNavDropdown > ul > li > ul{
    background-color: #073a46;
}
nav > .container-fluid > #navbarNavDropdown > ul > li > ul :hover li{
    background-color: aqua;
}
nav > .container-fluid > #navbarNavDropdown > ul > li > ul > li > a{
    color: white;
    font-weight: 600;
}
nav > .container-fluid > #navbarNavDropdown > ul > li > ul > li {
   border-bottom: 1px solid white;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: black!important;
    background-color: aqua;
}
.footer_ab{
    font-weight: 400!important;
    padding-top: 10px;
}
.nt_head{
    background-color: #ff0496;
    padding: 10px 20px;
    color: white;
}
.nt_dv{
    background-color: #190b24;
    color: white;
    padding: 15px 20px;
}