@import url(../fonts/stylesheet.css);


:root{
    --color1:#0A318F;
    --color2: #000;
    --color3:#0368E7;
    --color4: #EA002A;
}
body{font-family: 'Ruberoid', sans-serif;font-size: 16px;color:var(--color2);font-weight: 450;}
.container-fluid{padding-left: 100px;padding-right:100px;}
.btn:focus, .btn:active{box-shadow: none;}
button:focus,button:active{box-shadow: none !important;}
.pl-50{padding-left:50px;}
.pr-50{padding-right:50px;}
.pt-pb-100{padding-top: 100px;padding-bottom: 100px;}
.mt-mb-100{margin-top: 100px;margin-bottom: 100px;}
.pt-50{padding-top:50px;}
.pb-50{padding-bottom:50px;}
.mb-70{margin-bottom: 70px;}
.text-justify{text-align: justify;}
section{position: relative;}
.card{border: none;border-radius: 0;}
main{margin-top: 115px;}
.navbar{background: #fff;padding: 0;/*box-shadow: 0px 0px 6px 2px rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0, .2);*/}
.nav-link{color: var(--color2);font-size: 18px;}
.senappl-btn .nav-link{border: 1px solid #0A318F;border-radius: 12px;color: var(--color2);margin: 0;padding: 8px 20px !important;font-style: normal;}
.nav-item{margin: 0 20px;}
.nav-link.active{color: var(--color1);font-weight: 700;}
.hover-dropdown > .dropdown-toggle::after{display: none;}
.hover-dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
    border: none;
    min-width: 5rem;
    padding: 0;
  }
  .hover-dropdown img {
    transition: transform 0.5s ease;
  }
  .hover-dropdown:hover img {
    transform: rotate(180deg);
  }
   .hover-dropdown .dropdown-item{border-bottom: 1px solid rgba(0, 0, 0, .3);}
  .hover-dropdown .dropdown-item:focus, .hover-dropdown .dropdown-item:hover{
    background-color: transparent;
    color: var(--color1);
  }
.hover-dropdown .dropdown-menu li:last-child .dropdown-item{border-bottom: none;}
.main-title{
    color: var(--color1);
    font-size: 90px;
    font-weight: 800;
}
.main-title2{
    font-size: 90px;
    font-weight: 600;
    color: var(--color2);
}
.main-title3{
    font-size: 64px;
    font-weight: 700;
    color: var(--color1);
}
.sub-title1{
    color: var(--color1);
    font-size: 40px;
    font-weight: 800;
}
.sub-title3{
    color: var(--color2);
    font-size: 30px;
    font-weight: 600;
}
.sub-title4{
    color: var(--color1);
    font-size: 30px;
    font-weight: 600;
}
.about-home-wrap{margin: 100px 0 0;}
.about-right-img{padding-left:50px;padding-right: 50px;}
.readmore-btn{
    display: inline-flex;
    padding: 8px 15px 8px 15px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #000;
}
.readmore-btn .icon-arrow{background: url(../img/arrow_insert_small.png) no-repeat right center;width: 24px;
height: 25px;margin: 0 0 0 10px;}

.readmore-btn:hover{background: #0A318F;border-color: #0A318F;color: #fff;}
.readmore-btn i{transform: rotate(315deg);margin-left: 10px;color: var(--color2);transition: transform .5s;}
.readmore-btn:hover i{transform: rotate(360deg);color: #fff;}
.whitebg-btn{
    display: inline-flex;
    padding: 8px 15px 8px 15px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #fff;
    background: #fff;
}
.whitebg-btn span{margin-left: 10px;color: #fff;background: #1C1B1F;border-radius: 5px;padding: 6px;}
.whitebg-btn span i{transform: rotate(315deg);}
.whitebg-btn:hover{background: #1C1B1F;color: #fff;border-color: #1C1B1F;}
.whitebg-btn:hover span{background-color: #fff;color: #1C1B1F;}
.whitebg-btn:hover span i{transform: rotate(0deg);}
.core-servives-cards .card{border:none;}
.core-servives-cards .card-img-overlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 70%, rgba(0, 0, 0, 0.50) 100%);border-radius: 25px;}
.core-servives-cards .card-title{position: absolute;bottom: 20px;font-size: 20px;color: #FFF;font-weight: 700;}
.flip-card {
    perspective: 1000px;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-color: transparent;
    color: #fff;
  }
  
  .flip-card-back {
    border-radius: 25px;
    background: linear-gradient(180deg, #0071ED 0%, #0A318E 100%);
    color: white;
    transform: rotateY(180deg);
    padding: 10px 20px;
  }
  .flip-card-back .card-title{position: initial;font-size: 18px;}
  .flip-card-back p{font-size: 13px;margin: 0px 0 5px;}
  .flip-card-back .readmore-btn {
    padding: 2px 10px 2px 10px;
    border-radius: 10px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
}
.flip-card-back .readmore-btn i{color: #fff;}
.second-rowlist{margin-top:20%;}
.bluebg-card{
    border-radius: 0;
    background: linear-gradient(98deg, #0071ED -13.12%, #FFF 123.8%);
    padding: 85px 0;
    margin: 100px 0 100px;
}
.vid-top-right{position: absolute;top: 26px;right: 26px;}
.vid-btm-right{position: absolute;right: 0;bottom: 0px;}
.vid-btm-right:hover svg rect{fill: var(--color1);stroke: var(--color1);transition: 0.3s ease-in;}
.vid-btm-right:hover svg path{fill: #fff;transition: 0.3s ease-in;}
.whychoose-left{padding-left: 80px;margin-bottom: 100px;}
.count-text{font-size: 46px;font-weight: 700;color: var(--color2);}
.our-count .count-text{font-size: 64px;}
.our-count{padding: 40px 0;}
.our-count:hover{background: url(../img/count-hover-bg.png) no-repeat 40px 0px / 50%;}
.whychoose-section2{margin-bottom: 100px;}
.icon-wrap{
    background: #0368E7;
    width: 48px;
    border-radius: 62px;
    height: 48px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.faq-rght{padding-left: 35px;}
.accordion-button::after{display: none;}
.accordion-button:not(.collapsed)::after{display: none;}
.accordion-button i{transform: rotate(90deg);position: absolute;right: 15px;color: var(--color3);transition: tranform 0.5s;}
.accordion-button.collapsed i{position: absolute;right: 15px;transform: rotate(315deg);color: var(--color3);transition: tranform ease-in .5s;}
.accordion-item {
    background-color: #fff;
    margin-bottom: 50px;
    border: 1px solid rgba(0, 0, 0, 0.50);
    border-radius: 12px;
}
.accordion-button{padding: 1rem 1.25rem;border-radius: 12px;font-size: 20px;}
.accordion-item:first-of-type {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, 0.50);
}
.accordion-button:not(.collapsed) {
    color: var(--color3);
    background-color: #fff;
    box-shadow: none;
}
.trackshipment-bg{
    margin: 100px 0;
    border-radius: 50px;
    position: relative;
    background: url(../img/track-shipment-bg.png) no-repeat top center / cover;
    padding: 80px 0;
    color: #fff;
}
.trackshipment-bg::before{content: ''; position: absolute; background: linear-gradient(89deg, rgba(0, 0, 0, 0.70) 18.74%, rgba(0, 0, 0, 0.70) 53.53%, rgba(54, 54, 54, 0.00) 100.98%);width: 100%;height: 100%;top: 0;
    border-radius: 50px;}
.trackshipment-right h2{color: #FFF;
    font-size: 54px;
    font-weight: 700;
    position: relative;
    margin: 0 0 40px;
}
.trackshipment-right h5{
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    margin: 0 0 40px;
}
.btns-wrap-div{position: relative;}
.trackshipment-right .readmore-btn{border: 1px solid #fff;color: #fff;}
.trackshipment-right .readmore-btn:hover{border-color: #0A318E;}
.trackshipment-right .readmore-btn i{color: #fff;}
.shipment-trackform{
    position: relative;
    border-radius: 40px;
    background: #FFF;
    padding: 80px 70px 75px;
}
.shipment-trackform h5{
    color: var(--color1);
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 40px;
}
.shipment-trackform .form-control, .shipment-trackform .form-select{
    border-radius: 25px;
    background: rgba(0, 113, 237, 0.20);
    padding: 25px 25px;
    border: none;
    color: rgba(0, 0, 0, 0.50);
}
.clients-section{margin:120px 0 0;}
.marquee-container {
    width: 100%;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
  }
  .clients-itemwrap{border-bottom: 1px solid rgba(0, 0, 0, .5);padding-bottom: 30px;}
  .marquee-track {
    display: flex;
    width: max-content;
    animation: marquee-scroll 200s linear infinite;
  }
  
  .marquee-track img {
    object-fit: cover;
  }
  
  @keyframes marquee-scroll {
    0%   { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
  }
.voice-customer{padding: 100px 0;position: relative;margin: 0 0 100px;}
.voice-customer::before{content: '';position: absolute;right: 15px;background: url(../img/quotes-rght-top.png) no-repeat;width: 329px;height: 298px;top: 0;}
.voice-customer::after{content: '';position: absolute;left: 15px;background: url(../img/quotes-lft-btm.png) no-repeat;width: 329px;height: 298px;bottom: 0;}
.voice-customer-header{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 70px;
}
.voice-customer-header p{
    color:#4F4F4F;
    font-size:16px;
    margin: 0;
}
.voice-customer-body{
    width: 85%;
    margin: 0 auto;
}
.voice-customer-body .card{
    border: 1px solid #0A318F;
    border-radius: 8px;
    padding: 12px;
    position: relative;
    z-index: 9;
    background: transparent;
    min-height: 453px;
}
.voice-customer-body .card-title {
    font-size: 24px;
    color: var(--color1);
    margin-bottom: 1rem;
}
.voice-customer-body .card-subtitle{
    color:#232323;
    font-size:16px;
}
.customer-pic{width: 120px;height: 120px;border-radius: 50%;}
.customer-pic img{border-radius: 50%;}
.customer-name{color: var(--color1);
    font-family: 'Poppins';
    font-size: 24px;
    font-weight: 600;margin: 0 0 0 20px;}
.customer-rating img{margin: 0 10px 0 0;width: 24px !important;}
.customer-right-content{padding: 0 35px;position: relative;}
.play-icon{position: absolute;top: 40%;right: 42%;}
.play-icon img{width: 100px !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #0a318e;}
.coreservice-section .card{margin-bottom: 50px;}
.coreservice-section .card-body{padding: 1rem 0;}
.coreservice-section .top-arrow{
    border: 1px solid #0370F4;
    float: right;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: .5s;
}
.coreservice-section .top-arrow i {
    margin: 20px 0 0;
    transform: rotate(315deg);
    color: #000;
    font-size: 20px;
    transition: transform .5s;
}
.coreservice-section .card:hover .top-arrow{color: #fff;background: var(--color1);border-color: var(--color1);}
.coreservice-section .card:hover .top-arrow i {
    transform: rotate(365deg);
    color: #fff;
}
.infrastructure-section{position: relative;}
.infrastructure-section::before{
    content: '';
    background: url(../img/infra-shape-right.svg) no-repeat top right / cover;
    position: absolute;
    width: 460px;
    height: 667px;
    right: 0;
    top: 0;
}
.infra-listitems .img-fluid{z-index: 99;position: relative;}
.equipment{margin: 100px 0 0;}
.equipment ul{
    list-style: none;
}
.equipment ul li{margin-bottom: 20px;}
.equipment ul li svg{margin-right: 10px}
.our-fetures{margin:50px 0 100px;}
.achivements-innerbg{
    background: #F7FAFE;
    border-radius: 20px;
    padding: 32px 40px 70px;
}
.achivements-innerbg .card{background: transparent;}
.achivements-innerbg .card-body{padding: 0 1rem;}
.achivements-innerbg .card-title{
    font-size: 36px;
    color: #494949;
    font-weight: 500;
}
.achivements-innerbg .card-text{
    font-size: 16px;
}
.our-fetures-slider .fetures-card, .our-fetures-slider2 .fetures-card, .our-fetures-slider3 .fetures-card{margin: 0 15px;}
.activites-tabs-btm{margin: 30px 0 0;}
.fetures-card{
    position: relative;
    border-radius: 40px;
    background: linear-gradient(180deg, #0A318E 0%, #0370F4 100%);
    color: #fff;
    padding: 15px 40px;
    min-height: 480px;
    overflow: hidden;
    transition: .5s ease-in;
    margin: 0 15px 15px 0;
}
.fetures-card .top-arrow{
    border: 1px solid #fff;
    float: right;
    width: 72px;
    height: 72px;
    text-align: center;
    border-radius: 50%;
  
}
.fetures-card .top-arrow i{margin: 15px 0 0;transform: rotate(315deg);font-size: 34px;transition: transform .3s;}
.fetures-card h4{top: 50%;position: absolute;}
.number-count{position: absolute;
    color: rgb(255 255 255 / 50%);
    font-size: 100px;
    font-weight: 500;
    line-height: normal;
    bottom: 0px;transition: .3s ease-in;}
.fetures-content{margin-top: 35%;}
.fetures-card:hover .fetures-content{}
.fetures-card:hover .number-count{top: 15px;font-size: 54px;color: #fff;}
.fetures-card:hover .top-arrow i{transform: rotate(360deg);}
.fetures-card:hover h4{top: 21%;transition: 0.3s;}
.wecater-section{margin: 100px 0 80px;overflow: hidden;}
.we-cater-card{border-radius: 12px;background: linear-gradient(3deg, #0071ED -4.51%, #0A318E 100.29%);color: #fff;padding: 25px 20px;min-height: 645px;}
.we-cater-card h4{
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
}

.videocam{
    position: absolute;
    right: 60px;
    top: 25px;
}
.playiconbg{
    position: absolute;
    top: 40%;
    left: 50%;
}
.playiconbg img{width: 72px;}
.about-section{margin: 100px 0;}
.comapnypricipals .card{
    /* background: linear-gradient(180deg, #0071ED 0%, #0A318E 100%); */
    background: url(../img/rec-shape-bg1.svg) no-repeat top right / cover;
    color: #fff;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    height: 350px;
}
.comapnypricipals{margin-top: 100px;}
.comapnypricipals .card-body{padding: 0px;}
.comapnypricipals .card .icon{position: absolute;right: 15px;top: 0;}
.bottom-white-bg{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #000;
}
.icon-border{
    border-radius: 10px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 12px 20px;
    text-decoration: none;
    transition: ease-in-out 1s;
}
.icon-border i{transform: rotate(315deg);font-size: 20px;color: #000;}
.icon-border:hover{background: #0A318F;color: #fff;}
.icon-border:hover i{color: #fff;transform: rotate(0deg);}
.achivements,.current-openings{margin: 100px 0;}
.achive-right-wrap .readmore-btn{position: absolute;left: 0px;}
.browse-jons{margin: 0 0 100px;}
.jobslist-category ul{list-style: none;margin: 0px;padding: 0px;display: flex;flex-wrap: wrap;}
.jobslist-category ul li{margin:0 30px 25px 0;transition: .3s ease-in;}
.jobslist-category a{color: var(--color2);text-decoration: none;font-size: 24px;font-weight: 400;transition: .3s ease-in;}
.jobslist-category a i{font-size: 13px;transition: .3s ease-in;}
.jobslist-category a:hover{color: var(--color1);}
.jobslist-category a .fa-arrow-circle-right, .jobslist-category a:hover .fa-circle{display: none;transition: .3s ease-in;}
.jobslist-category a:hover .fa-arrow-circle-right{display: inline-flex;font-size: 24px;transition: .5s;}
.benifts-awcl-work .card{background: url(../img/rectangle-shape2.svg) no-repeat left top / 100%;min-height: 200px;}
.benifits-card-first{margin-bottom: 50px;}
.benifits-card-first .sub-title1{font-size: 36px;}
.benifts-awcl-work .card-body{padding: 0.3rem 1rem;}
.benifts-awcl-work p{
    margin-bottom: 2rem !important;
    font-size: 14px;
    margin-top: 40px;
}
.benifts-awcl-work h5{color: var(--color1);}
.benifts-awcl-work svg{position: absolute;right: 0;}
.opening-list .sub-title4 {font-size: 25px;}
.benfits-btns span{border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.50);display: inline-flex;padding: 10px;margin: 0 20px 0 0;color: rgba(0, 0, 0, 0.50);font-size: 20px;font-weight: 450;}
.opening-list{border-bottom: 1px solid rgba(0, 113, 237, 0.50);padding: 25px 0;}
.careers-form{background: #2283FF;
background: linear-gradient(90deg, rgba(34, 131, 255, 1) 0%, rgba(10, 49, 142, 1) 100%);padding: 50px 100px;color: #fff;margin: 0;position: relative;overflow: hidden;}
.careers-form::before{
        content: '';
    position: absolute;
    background: url(../img/careers-form-img.png) no-repeat right top / 50%;
    height: 100vh;
    width: 65%;
    right: -85px;
    top: -170px;
    overflow: hidden;
}
.careers-form h2{
    color: #FFF;
    font-size: 60px;
    font-weight: 600;
    line-height: 118.2%;
    margin: 0 0 25px;
}
.careers-form h6{
    color: #FFF;
    font-size: 30px;
    font-weight: 500;
    line-height: 118.2%;
    margin: 0 0 40px;
}
.careers-form .form-control {
    background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    width: 80%;
}
.careers-form textarea.form-control{
    border: 1px solid #fff !important;
    border-radius: 12px !important;
    margin: 10px 0 0;
    padding: 10px !important;
    width: 90%;
}
.upload-wrapper{position: relative;}
.careers-form input[type="file"] {
      display: none;
    }
.upload-label {
    position: relative;
    border-bottom: 1px solid #fff;
    width: 80%;
    padding: .375rem 0;
    cursor: pointer;
}
.upload-label span {
      font-weight: 500;
    }
.upload-label .icon {
      position: absolute;
      right: 0;
      bottom: 5px;
    }
.file-name{display: none;}
.careers-form .form-control:active, .careers-form .form-control:focus, .inform-request .form-control:focus, .inform-request .form-control:active{box-shadow: none;}
.careers-form input::placeholder, .careers-form label{color: #fff;font-size: 20px;font-weight: 500;}
.careers-form .readmore-btn{border: 1px solid #fff;color: #fff;}
.careers-form .readmore-btn i{color: #fff;}
.careers-form .readmore-btn:hover{border-color: #fff;background: #fff;color: #0A318E;}
.careers-form .readmore-btn:hover i{color: #0A318E;}
.inform-request .form-control {
    background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000;
    padding-left: 0;
    padding-right: 0;
}
.inform-request label{color: rgba(0, 0, 0, 0.50);}
.inform-request textarea.form-control{
    border: 1px solid #000 !important;
    border-radius: 12px !important;
    margin: 10px 0 0;
    padding: 10px !important;
}
.inform-request-rght{margin: 20% 0 0  12%;}
.inform-request-rght P a{
    color: var(--color1) !important;
    font-size: 22px;
    font-weight: 600;
}
.inform-request .form-check-label{color: #000;font-weight: normal;}
.inform-request .form-check-label a{color: var(--color2);}

.address-section{margin-bottom: 100px;margin-top: 80px;}
.address-section h5{
    color: var(--color1);
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.latest-news .card-body{padding-left: 30px;}
.latest-news .card-title{
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--color2);
}
.videos-content-list{margin-bottom: 30px;}
.video-thubnail{position: relative;}
.video-icon-position{position: absolute; right: 10px; top: 10px;}
.video-thubnail h4{
    width: 65%;
    position: absolute;
    bottom: 25px;
    left: 20px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-align: justify;
}
.video-thubnail .readmore-btn{position: absolute;bottom: 0;right: -8px;padding: 6px 5px 6px 5px;}
.video-thubnail-content h5{
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
}
.video-btm-section{
    position: relative;
    margin: 105px 0 0;
}
.video-btm-section .sub-title3{font-size: 40px;}
.video-btm-section::before{
    content: '';
    background: url(../img/infra-shape-right.svg) no-repeat top right / cover;
    position: absolute;
    width: 460px;
    height: 667px;
    right: 0;
    bottom: -130px;
}
.video-btm-content{
    padding-bottom: 130px;
}
.duraiation{
    font-size: 20px;
font-style: normal;
font-weight: 500;
color: var(--color3);
}
.body-content-wrapper{margin-bottom: 100px;}
.body-content-wrapper h4{
    margin: 0 0 25px;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
}
.body-content-wrapper p{font-size: 21px;margin: 0 0 35px;font-weight: 450;text-align: justify;}
.body-content-wrapper ul{list-style: none;padding: 0;margin: 0 0 35px;}
.activities-section{margin: 20px 0 0;}
.activities-innerbg{padding: 72px 0 0 44px;background: #F7FAFE;}
.activities-tab.nav-pills .nav-link{border-radius: 4px;padding: .5rem 1.2rem;font-size: 24px;border:1px solid #CCE3FB;color: #3B3E43;margin: 0 36px 65px 0;}
.activities-tab.nav-pills .nav-link.active,.activities-tab.nav-pills .nav-link:hover{background-color: #193E96;border-color: #193E96;color: #fff;}
.activites-tabs-ctn .sub-title1{font-size: 80px;}
.activites-tabs-ctn ul{list-style: none;padding: 0;}
.activites-tabs-ctn ul li{font-size: 24px;color: #000;margin: 0 0 20px;font-weight: 600;}
.activites-tabs-ctn ul li svg{margin: 0 10px 0 0;}
.also-takecare{margin: 120px 0 0;}
.also-takecare-lft{width: 60%;}
.also-takecare-rght{width: 40%;}
.takecare-rght-innrctn{padding: 0 100px;}
.takecare-rght-innrctn h4{font-size: 25px;color: var(--color1);}
.logistics-section{    margin: 100px 0 60px;
    background: url(../img/logistics-bg.png) no-repeat center center / 100%;
    padding: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;}
.logistics-inner{border: 1px solid rgb(255 255 255 / 15%);padding: 180px 0;}
.logistics-inner .sub-title1{font-size: 80px;color: #fff;}
.logistics-inner p{font-size: 32px;color: #B0B0B0;}

footer{border-top: 1px solid rgba(0,0,0,.5);padding-top: 50px;}
.footer-title{color: var(--color1);
    font-size: 40px;
    font-weight: 500;
    margin: 0 0 40px;}
    .footer-title span{font-weight: 400;}
    .footer-title .vline{color: #000;font-weight:300;} 
footer .quick-links{margin:0 0 55px}
.quick-links .inner-bg{
    border-radius: 12px;
    background: #CCE3FB;
    padding: 15px 25px;
    min-height: 160px;
}
.quick-links .inner-bg h4{
    font-size: 20px;
    font-weight: 450;
    color: var(--color2);
    margin-bottom: 20px;
}
.quick-links .inner-bg i{transform: rotate(315deg);}
.quick-links .inner-bg a{margin: 0 0 5px;display: block;}
.quick-links .inner-bg.for-enquiries a{display: inline-block;}
.quick-links .row>*{padding-right:30px;padding-left: 30px;}
.linksurl{
    color: var(--color1);
    font-size: 15px;
    font-weight: 400;
    margin: 100px 0 0 0;
    text-decoration: none;
}
.footer-quick-links{
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
}
.footer-links{margin-bottom: 40px;}
.footer-quick-links a{color: var(--color2);font-size: 18px;font-weight: 400;}
.socialmedia a{display: inline-block;margin: 0 0 0 18px;}
.footer-bottom{border-top: 1px solid rgba(0,0,0,.5);padding: 25px 0 0;}
.footer-bottom a{text-decoration: none;color: var(--color2);}
.policy-links a{color: var(--color2);text-decoration: none;margin: 0 15px;font-size: 18px;}
.mapdirection .readmore-btn{position: relative;}
.whitebg-shape {
    background: #fff;
    display: inline-block;
    position: relative;
    top: -50px;
    padding: 0 20px 0 0;
    border-radius: 0px 25px 0px 0px;
    position: relative;
}
.whitebg-shape:after{content: '';position: absolute;}
.whitebg-shape:before{content: '';position: absolute;}

.carousel-indicators{
    bottom: -70px;
}
.carousel-indicators [data-bs-target]{background-color: #CBCBCB;width: 14px;height: 14px;border-radius: 45px;margin-left:8px;margin-right:8px;border:none}
.carousel-indicators .active {
    opacity: 1;
    background: #0A318F;
    width: 20px;height: 20px;
}

.getaquotemodal{background: #0745A3;border: none;border-radius: 30px;color: #fff;padding: 30px 65px;}
.getaquotemodal .modal-header, .getaquotemodal .modal-footer{border: none;}
.getaquotemodal .modal-title {font-size: 48px;}
.getaquotemodal .btn-close{color: #fff;}
.getaquotemodal .modal-header, .getaquotemodal .modal-body{padding: 0px;}
.getaquotemodal .form-group{margin: 0 0 20px;}
.getaquotemodal .modal-footer button{background: #EA002A;color: #fff;border: none;padding: 5px 40px;border-radius: 25px;}
.getaquotemodal .btn-close{background: none;opacity: 1;}
.getaquotemodal .form-control{background: transparent;border: none !important;border-radius: 0 !important;border-bottom: 1px solid #fff !important;color: #fff;padding-left: 0;padding-right: 0;}
.getaquotemodal .form-control::placeholder{color: rgba(255,255,255, .3);font-weight: 300;}
.getaquotemodal .form-control:focus, .getaquotemodal .form-control:active{box-shadow: none;}
.sider-container {
    position: fixed;
    top: 50%;
    right: -1250px;
    transform: translateY(-50%);
    width: 1200px;
    text-align: center;
    background: #fff;
    padding: 20px;
    transition: right 0.4s ease;
    z-index: 1091;
    height: 95vh;
    overflow: auto;
    overflow-x: hidden;
  }

  .sider-container.active {
    right: 50%;
    transform: translate(50%, -50%);
  }

  .siderbackdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1090;
  }

  .siderbackdrop.show {
    display: block;
  }


@media (max-width: 767px) {
    body{font-size: 14px;font-weight: 450;}
    .senappl-btn{display: none;}
    .equipment {margin: 0px;}
    .container-fluid{padding-left: 15px;padding-right: 15px;}
    .voice-customer-body, .also-takecare-lft, .also-takecare-rght, .sider-container{width: 100%;}
    .sider-container{overflow: auto;}
    main {
        margin-top: 115px;
    }
    .about-home-wrap {
        margin: 25px 0 0;
    }
    .about-right-img {
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
    }
    .flip-card-inner{height: 250px;}
    .second-rowlist {
        margin-top: 0;
    }
    .v-thumbnail{margin-top: 50px;}
    .about-section, .comapnypricipals,.achivements,.current-openings,.address-section{margin-top: 50px;}
    .whychoose-left,.achivements,.our-fetures,.browse-jons,.body-content-wrapper{margin-bottom: 50px;}
    .about-section{margin-bottom: 0px;}
    .our-fetures{margin-top: 0px;}
    .pt-pb-100{padding-top: 50px;padding-bottom: 50px;}
    .main-title,.main-title2, .main-title3,.activites-tabs-ctn .sub-title1, .logistics-inner .sub-title1{font-size: 40px;}
    .sub-title3{font-size: 38px;}
    .navbar-collapse{margin-top: 30px;}
    .whychoose-left,.faq-rght{padding-left: 0px;}
    .faq-rght, .customer-right-content{margin-top: 30px;}
    .count-text{font-size: 32px;}
    .trackshipment-right h2{font-size: 38px;}
    .trackshipment-right h5{font-size: 26px;}
    .sub-title1{font-size: 36px;}
    .home.bluebg-card{margin-top: 250%;}
    .vid-btm-right svg{width: 55px;position: relative;top: 23px;}
    .btns-wrap-div{text-align: center;}
    .btns-wrap-div .readmore-btn, .benifts-awcl-work .card{margin-bottom: 20px;}
    .comapnypricipals .card{height: 340px;}
    .comapnypricipals .card-body {
        padding: 1rem 1rem;
    }
    .playvideo video{margin-top: 40px;}
    .infra-listitems .img-fluid{margin-bottom: 30px;}
    .we-cater-card p{min-height: auto;}
    .video-thubnail .readmore-btn{font-size: 12px;}
    .achive-right-wrap .readmore-btn{font-size: 9px;}
    .voice-customer-header{position: relative;z-index: 99;}
    .voice-customer-header .leaf-img img{width: 30px;}
    .voice-customer-header .sub-title1{font-size: 28px;}
    .voice-customer-header p{font-size: 14px;}
    .voice-customer-body .card{min-height: 360px;margin-bottom: 20px;}
    .activities-innerbg {
        padding: 45px 0 0 0px;
    }
    .activities-innerbg .nav-item {
        margin: 0 10px;
    }
    .activities-tab.nav-pills .nav-link{margin: 0 0px 35px 0;}
    .takecare-rght-innrctn {
        padding: 40px 15px 0;
    }
    .wecater-section{margin-top: 50px;}
    .logistics-section{background-size: cover;height: 65vh;}
    .logistics-inner .readmore-btn{border-color: #fff;color: #fff;}
    .logistics-inner .readmore-btn i{color: #fff;}
    .footer-title{margin: 0;}
    .footer-title span {
        font-weight: 400;
        display: block;
        margin-top: 25px;
    }
    .footer-title span .vline {
        display: block;
        text-indent: -100px;
        margin-top: 0;
    }
    .quick-links .inner-bg{min-height: auto;}
    
    .icon-wrap{margin: 0 0 15px;}
    .quick-links .inner-bg,.comapnypricipals .card{margin-bottom: 30px;}
    .playiconbg {top: 45%; left: 40%;}
    .videocam {
        right: 30px;
        top: 60px;
    }
    .why-carousel{padding-right: 15px;}
    .current-openings .w-50{width: 100% !important;}
    .careers-form{padding: 25px;margin-left: 0px;margin-right: 0px;}
    .careers-form::before{background-size: 100%;width: 70%;}
    .careers-form h2{font-size: 42px;}
    .latest-news .card-body{padding-left: 0px;}
    .footer-quick-links{margin: 20px 0;}
    .footer-title{font-size: 24px;}
    .footer-bottom{text-align: center;padding-bottom: 20px;}
    .footer-bottom .text-end{margin: 20px 0;text-align: center !important;}
    
    
}

@media screen and (min-width: 1600px) {
    .flip-card-back{padding: 30px 40px;}
    .flip-card-back .card-title{margin-bottom: 25px;}
    .flip-card-back p{min-height: 135px;}
    .video-thubnail .readmore-btn {
        bottom: 0px;
        right: 10px;
        padding: 10px 12px 10px 12px;
    }
    .we-cater-card{min-height: 645px;}
}
@media (min-width: 1799px) and (max-width: 1919px) {
    .benifts-awcl-work .card{margin: 0 15px 50px 15px;min-height: 276px;}
    .benifts-awcl-work .card h5{
        font-size: 24px;
        font-weight: 600;
        margin: 20px 0px 0;
        padding-left: 20px;
    }
    .benifts-awcl-work .card p{
        font-size: 18px;
        margin-top: 35px;
        margin-left: 20px;
        margin-right: 20px;
        width: 435px;
    }
    
    .benifits-card-first p{font-size: 18px;}
    .benifts-awcl-work svg{
        width: 70px;
        height: 70px;
        margin-right: 10px;
        margin-top: -20px;
    }
}
@media screen and (min-width: 1920px) {
    body{font-size: 20px;line-height: 1.6;}
    .main-title{font-size: 126px;}
    .btn{font-size: 20px;}
    .core-servives-cards .card-title{font-size: 30px;}
    .flip-card-back p{font-size: 16px;}
    .flip-card-back .readmore-btn{font-size: 15px;padding: 6px 10px 6px 10px;}
    .comapnypricipals .card{width: 535px;height: 400px;}
    .font-40{font-size:40px}
    .playiconbg img{width: auto;}
        .we-cater-card {
        min-height: 740px;
    }
    .comapnypricipals .card-body {
        padding: 1rem 1rem;
    }
    .icon-border{
        padding: 20px 30px;
    }
    .icon-border i{font-size: 34px;}
    .achive-right-wrap .readmore-btn{padding: 20px 45px 20px 45px;}
    .coreservice-section .card{padding: 0 30px;}
    .coreservice-section .top-arrow{width: 84px;height: 84px;}
    .coreservice-section .top-arrow i{font-size: 26px;margin: 26px 0 0;}
    .benifts-awcl-work .card{margin: 0 15px 50px 15px;}
    .benifts-awcl-work .card h5{
        font-size: 24px;
        font-weight: 600;
        margin: 20px 0px 0;
        padding-left: 20px;
    }
    .benifts-awcl-work .card p{
        font-size: 18px;
        margin-top: 35px;
        margin-left: 20px;
        margin-right: 20px;
        width: 435px;
    }
    
    .benifits-card-first p{font-size: 18px;}
    .benifts-awcl-work svg{
        width: 70px;
        height: 70px;
        margin-right: 10px;
    }
    .our-count .count-text{font-size: 90px;}
    .our-count p{font-size: 28px;}
    .video-thubnail-content .card-body{padding-left: 50px;padding-top: 0px;}
    .video-thubnail-content .card-title{margin-bottom: 30px;}
    .video-thubnail .readmore-btn{padding: 13px 15px 13px 25px;right: 0px;}
    .quick-links .inner-bg h4{font-size: 26px;}
    .linksurl{font-size: 20px;}
    .footer-quick-links a{font-size: 20px;}
}
@media screen and (min-width: 1999px){
    .our-fetures-slider .fetures-card, .our-fetures-slider2 .fetures-card, .our-fetures-slider3 .fetures-card {
        margin: 0 20px;
    }
}

@media screen and (min-width: 2200px){
    .benifts-awcl-work .card{
        min-height: 395px;
    }
    .benifts-awcl-work .card{
        margin-left: 30px;
        margin-right: 30px;
    }
    .benifts-awcl-work .card p {
        margin-top: 90px;
        margin-left: 20px;
        margin-right: 20px;
        width: 78%;
    }
    .benifts-awcl-work .card h5{font-size: 26px;margin-top: 32px;}
    .benifts-awcl-work svg {
        width: 80px;
        height: 80px;
        margin-right: 20px;
    }
    .inform-request input.form-control{
        width: 85%;
    }
    .inform-request textarea.form-control{width: 93%;}
    .inform-request-rght P {
        font-size: 26px;
        font-weight: 700;
    }
}