/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Template: wp-bootstrap-starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tags: blog,custom-menu,featured-images,threaded-comments,translation-ready,right-sidebar,custom-background,e-commerce,theme-options,sticky-post,full-width-template
Version: 3.3.6.1793029389
Updated: 2026-10-26 15:43:09

*/

/**Own Css**/
/**Own Css**/


@import url("responsive.css");

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
i.fas.fa-phone-alt {
    rotate: 90deg;
}
.entry-content {
    margin: 0;
}
html {
  scroll-behavior: smooth;
}
body {
	font-size: 16px;
	color: #6b7280;
}
.sticky .entry-title::before {
	display: none;
}
a {  font-family: "Inter", sans-serif;
 margin:0; padding:0; color: #a80808;
    }
a:hover {text-decoration:none; }
p {font-family: "Inter", sans-serif; margin:0; padding:0; line-height:24px; font-size:16px; color:#6b7280;}
h1, h2, h3, h4, h5, h6 {font-family: "Inter", sans-serif; margin:0; padding:0;}
.deskshow {display:block;}
.mobshow {display:none;}

.wewidth {width:1140px!important; margin:0 auto!important;}
.home .main-tittle {display:none;}
.dropdown:hover .dropdown-menu {  display: block; }
 ul.sub-menu { display: none; }
.dg-btn {display:none;}
li#menu-item-30:hover ul.sub-menu {
    z-index: 9;
    position: absolute;
    margin-top: 0;
    display: block;
    background-color: #000;
    background-image: linear-gradient(#fef347, #da4926);
}
ul.dropdown-menu {
        margin-top: 0px;
    background-color: #a80808;
    width: 250px;
    border-radius: 0px;
    margin-left: 15px;
	padding: 0px;
}

ul.dropdown-menu li { padding: 10px 0; border-bottom: 1px solid #a5a4a47a; }
ul.dropdown-menu li a { padding: 5px; color: #fff!important; }
ul.dropdown-menu li a:hover { color: #fff!important; }
ul.dropdown-menu li:last-child {border-bottom: 0px!important;}
.dropdown-item:hover {color: #f8581a;}
#content.site-content { padding-bottom: 0; padding-top: 0; }

.wpcf7 form.sent .wpcf7-response-output { background-color: #222; border-color: #222; color: #fff;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {background-color: #222; border-color: #222; color: #fff;}

/**top header**/
.boook-con {
    background-color: #a80808;
    color: #fff;
    padding: 12px 25px;
    border-radius: 100px;
    position: absolute;
    right: 0;
    border: 2px solid #fff;
}

.boook-con:hover {
    background-color: #0c1c47;
    color: #fff;
    border: 2px solid #fff;
}
.topheader {  background-color: #a80808; padding: 3px 0; position:relative; z-index:9; }

.infom {
    gap: 20px;
    display: flex;
}
ul.social-top {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0px;
    float: right;
}

ul.social-top li i {
    transition: 1.5s;
    color: #fff;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
}

ul.social-top li i:hover {
    color: #000;
    transition: 1.5s;
}
ul.left-text-hd {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;gap: 10px;}

ul.left-text-hd li a {
    color: #fff;
    font-size: 14px;
}

ul.left-text-hd li i {
    color: #fff;
}

i.fab.fa-skype {
    font-size: 18px;
}
ul.header-right {
    padding: 0;
    margin: 0;
    display: flex;
    float: right;
    list-style: none;
    gap: 5px;
}

.navbar-nav li a {
    color: #000!important;
    font-size: 14px!important;
    padding: 0 13px!important;
}
div#main-nav {
    margin-right: 50px;
}
.navbar-nav li a:hover {
    font-weight: 500!important;
	color: #a80808!important;
}
a.carr.skp {
    background-color: #f8581a;
    animation: color 9s infinite linear;
    padding: 3px 12px;
    border-radius: 30px;
}

a.skp {
    background-color: #208ccb;
    animation: color 9s infinite linear;
    padding: 3px 12px;
    border-radius: 30px;
}
ul.header-right li a {color: #fff; text-transform:uppercase; font-size:15px;}
ul.header-right li i {
    color: #fff;
    vertical-align: revert;
}
a.project-rr {
    color: #fff;
    position: absolute;
    right: 60px;
    top: 0;
    background-color: #f8581a;
    display: block;
    padding: 6px 15px;
    border-radius: 100px;
}

.headertop {
    background-image: linear-gradient(to right, #ee592d, #bf401a);
}
ul.toper {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

ul.toper li {
    color: #fff;
    font-family: 'Poppins';
}

ul.toper li a {
    color: #fff;
}
/**top header**/



/** sticky header css start **/

.sticky {
  position: sticky!important;
  top: -1px;
  width: 100%;
	padding:5px 0!important;
  z-index:9999!important;
  transition:all 0.6s ease-in-out;
	background-color: #000000!important;
  animation:smothScroll 1s forwards;
}
.sticky a.project-rr {
    top: 12px;
    padding: 7px 15px;
}
.sticky .navbar-brand img {
    width: 100%;
    margin-top: 0;
}
@keyframes smothScroll{
	0%{
		transform:translateY(-40px);
	}
	100%{
		transform:translateY(0px);
	}
}
.sticky + .site-content {
  padding-top: 102px;
}

/**sticky header css start**/


/**header start**/

.widget {margin:0;}
header#masthead {
	position: sticky !important;
    top: -1px;
    width: 100%;
    padding: 10px 0!important;
    z-index: 99999 !important;
    transition: all 0.6s ease-in-out;
    background-color: #fff !important;
    /*animation: smothScroll 1s forwards;*/
}
#masthead nav {  position: relative; }


ul.dropdown-menu li:last-child {
    border-bottom: 1px solid #ffffff59;
}
li.newrr {
    background-color: #f7591c;
}

.navbar-brand {
    width: 15%;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0!important; }

.current-menu-item a.dropdown-item {
    font-size: 14px;
    font-weight: 500!important;
}

/**header finish**/



/**RR CSS**/

.quote-button a {
    background-color: #FF6B00;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
	    transition-duration: .2s;
}

.vc_row.wpb_row.vc_row-fluid.slider-area-rr {
    background-color: #000;
    padding: 50px 0;
}

.slide-content h6 {
    background-color: hsla(0, 0%, 100%, .06);
    border-color: hsl(0deg 100% 44.33% / 10%);
    border: 1px solid hsla(0,0%,100%,.1);
    border-radius: 100px;
    font-size: 12px;
    padding: 6px 20px;
    width: 44%;
    text-align: center;
    color: #9ca3af;
    font-weight: 500;
    font-family: 'Inter';
}
.vc_row.wpb_row.vc_row-fluid.slider-area-rr {
    background-image: linear-gradient(to right, rgb(0 0 0) 0%, rgba(0, 0, 0, 0.4) 50%, #00000099 100%), url(https://unitedinternationalcourier.com/wp-content/uploads/2026/10/banner-image.png);
    padding: 50px 0;
	background-size: cover;
}

.slide-content h6 {
    background-color: hsla(0, 0%, 100%, .06);
    border-color: hsl(0deg 100% 44.33% / 10%);
    border: 1px solid hsla(0,0%,100%,.1);
    border-radius: 100px;
    font-size: 12px;
    padding: 10px 20px;
    width: 44%;
    text-align: center;
    color: #9ca3af;
    font-weight: 500;
    font-family: 'Inter';
}

.slide-content h2 {
    font-size: 56px;
    color: #fff;
    padding: 25px 0;
    line-height: 56px;
}

.slide-content h2 span {
    color: transparent;
    -webkit-background-clip: text; /* Edge, Chrome */
    background-clip: text; /* Safari, FF */
    background-image: linear-gradient(to right, #155eef, #155eef, #FF6B00);
}
svg.newline-rr {
    width: 71%;
    margin-top: -54px;
}
.slide-content p {
    color: #d1d5dbe6;
    font-size: 18px;
    margin-top: -15px;
    line-height: 28px;
}
.slide-content ul {
    margin: 20px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    list-style: none;
    padding: 0;
}

.slide-content ul li {
    font-weight: 500;
    background-color: #ffffff0a;
    border: 1px solid #ffffff1a;
    color: #fff;
    font-size: 14px;
    padding: 12px;
    border-radius: 12px;
}

.slide-content ul li i {
    background-color: rgba(34, 197, 94, .15);
    border-color: rgba(34, 197, 94, .3);
    border-width: 1px;
    border-radius: 8px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    margin-right: 10px;
}

/* Card Entry Animation */
@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Pulsing Glow Effect for the Last Badge */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.social-proof-card {
  display: flex;
  align-items: center;
  gap: 18px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 14px 24px;
  border-radius: 60px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  width: fit-content;
  margin-top: 20px;
  /* Initial Entry Animation Apply ki gayi hai */
  animation: slideInFromLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.avatar-group {
  display: flex;
  cursor: pointer;
}

.avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  margin-left: -14px;
  font-family: sans-serif;
  
  /* Smooth Hover Transition */
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.avatar:first-child { 
  margin-left: 0; 
}

/* Hover Effect: Jab mouse le jayenge to avatars thode expand honge aur upar uthenge */
.avatar-group:hover .avatar {
  transform: translateX(6px) translateY(-3px);
  margin-left: -4px; /* Hover par overlap kam hoga aur sab clear dikhenge */
}

/* Colors */
.red { background: #e53935; }
.blue { background: #1e88e5; }
.orange { background: #fb8c00; }
.green { background: #43a047; }
.dark { background: #212529; }

/* Pulse Glow Animation on 12k+ Badge */
.pulse-glow {
  animation: pulseGlow 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

.proof-content {
  color: #fff;
  font-family: sans-serif;
}

.stars {
  color: #fbbf24;
  font-size: 13px;
  letter-spacing: 2px;
  margin-bottom: 2px;
}

.proof-content p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.2px;
}

.proof-content strong {
  font-weight: 700;
  color: #ffffff;
}



/**Form**/

.form-area {
    background-color: #fff;
    padding: 30px;
    border-radius: 30px;
    text-align: center;
}

.headingart span {
    border-radius: 100px;
    background-color: #155eef1a;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 15px;
}

.headingart h4 {
    font-weight: 700;
    font-size: 20px;
    padding: 15px 0;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    height: 50px;
    padding: 0 25px;
	margin-bottom: -5px!important;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.subt.btn.btn-primary {
    width: 100%;
    border-radius: 10px;
    height: 50px;
    background-color: #FF6B00;
    border: 1px solid #FF6B00;
    font-size: 18px;
    font-weight: 700;
    transition: 2s;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.subt.btn.btn-primary:hover {
    background-color: transparent;
    color: #000;
    transition: 2s;
}

span.wpcf7-spinner {
    display: none;
}


/**counter**/

.stats-counter-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  text-align: center;
}

.stats-counter-box {
    padding: 30px 15px;
    background: #ffffff0a;
    border-radius: 16px;
    transition: .3s ease;
    border: 1px solid #ffffff1a;
}

.stats-counter-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,.08);
}

.stats-number {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    line-height: 35px;
}

.stats-counter-box h4 {
    margin: 10px 0 0;
    font-size: 12px;
    font-weight: 500;
    color: #9ca3af;
}

.wpb_text_column.wpb_content_element.box-inc {
    margin: 30px 0 0 0;
}

@media (max-width: 767px) {
  .stats-counter-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .stats-number {
    font-size: 32px;
  }
}


/**about us**/

.about-us-section {
    padding: 80px 0;
}

.about-us-section img {
    border-radius: 15px;
}

.about-part h6 {
    color: #FF6B00;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}

.about-part i {
    margin-right: 9px;
}

.about-part h2 {
    font-size: 36px;
    font-weight: 800;
    margin: 15px 0;
    line-height: 40px;
}

.about-part span {
    color: #FF6B00;
}

.about-part p {
    color: #4b5563;
}

ul.about-us-ul {
    padding: 0;
    margin: 15px 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

ul.about-us-ul li i {
    background-color: #155eef40;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    border-radius: 100px;
}

ul.about-us-ul li {
    margin-bottom: 15px;
}

/**services**/
.services-part {
    background-color: #f9fafb;
    padding: 80px 0;
    border-top: 1px solid #eeeeee;
}
.center {
	text-align: center;
}

.heading-area h6 {
    color: #FF6B00;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}

.heading-area h2 {
    font-size: 36px;
    font-weight: 800;
    margin: 15px 0;
    line-height: 40px;
}

.heading-area span {
    color: #FF6B00;
}


/**services box**/


.serv-box {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #eeeeee;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    height: 100%;
	margin-bottom: 35px!important;
}

.serv-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
}

/* Service Image */
.serv-box .services-img {
    overflow: hidden;
    position: relative;
}

.serv-box .services-img img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.serv-box:hover .services-img img {
    transform: scale(1.05);
}

/* Content */
.serv-box .service-content {
    padding: 24px 22px;
}

.serv-box .service-content h5 {
    font-size: 16px;
    font-weight: 700;
    color: #182230;
    margin: 0 0 10px;
    line-height: 24px;
    transition: color 0.3s ease;
}

.serv-box:hover .service-content h5 {
    color: #f47721;
}

.serv-box .service-content p {
       font-size: 14px;
    line-height: 22.75px;
    color: #667085;
    margin: 0 0 20px;
}

/* Quote Link + Right Arrow */
.serv-box .service-content a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #FF6B00;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.3s ease, gap 0.3s ease;
}

.serv-box .service-content a::after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    transition: transform 0.3s ease;
}

.serv-box .service-content a:hover {
    color: #d95b0b;
    gap: 15px;
}

.serv-box .service-content a:hover::after {
    transform: translateX(3px);
}
.heading-area p {
    width: 60%;
    margin: 0 auto;
}

.heading-area {
    margin-bottom: 30px!important;
}
.serv-box {
	margin-bottom: 30px;
}
/* Mobile Responsive */
@media (max-width: 576px) {
    .serv-box .services-img img {
        height: 210px;
    }

    .serv-box .service-content {
        padding: 20px 18px;
    }

    .serv-box .service-content h5 {
        font-size: 19px;
    }
}

/**why choose**/

.whychooseus {
    padding: 80px 0;
    background-image: linear-gradient(to right, rgb(0 0 0) 0%, rgba(0, 0, 0, 0.4) 50%, #000000 100%), url(https://unitedinternationalcourier.com/wp-content/uploads/2026/10/whychoosebg.png);
    background-size: cover;
    background-attachment: fixed;
}

.whybox {
    text-align: center;
    background-color: #fff;
    padding: 35px;
    border-radius: 15px;
    margin-bottom: 35px!important;
}

.whybox h4 {
    font-size: 16px;
    font-weight: 700;
    color: #182230;
    margin: 0 0 10px;
    line-height: 24px;
    transition: color 0.3s ease;
}

.wpb_text_column.wpb_content_element.whybox p {
    font-size: 14px;
    line-height: 22.75px;
    color: #667085;
    margin: 0 0 20px;
}

.wcu h6 {
    color: #fff;
}

.wcu h2 {
    color: #fff;
}

.wcu p {
    color: #fff;
}
.heading-area i {
    animation: floatUpDown 3s ease-in-out infinite;
}
.about-part i  {
    animation: floatUpDown 3s ease-in-out infinite;
}
@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}


/**process**/


.steps-box span {
    margin: 0 auto;
    transition-duration: .3s;
    background-color: #FF6B00;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
}

.steps-box {text-align: center;}

.steps-box h4 {
    font-size: 18px;
    padding: 20px 0 10px;
}

.four-lane {
    position: relative;
}

.four-lane::before {
    content: '';
    position: absolute;
    background-color: #FF6B00;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    top: 24px;
}

/**testimonials**/

.whitebg { background-color: #fff;}

.testimonails-area {
    border: 2px solid #eeeeee;
    padding: 30px;
    border-radius: 30px;
}

.reviews-star {
    font-size: 20px;
    color: #FF6B00;
}

.testimonails-area p {
    color: #4B5563;
    font-size: 14px;
    padding: 10px 0 15px;
}

.name-rev {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nm {
    width: 40px;
    height: 40px;
    background-color: #155eef;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.nm-r p {
    margin: 0;
    padding: 0;
}


/**FAQ**/

.openarea {
    border: 1px solid #bcbfc6;
    padding: 20px 25px!important;
    border-radius: 12px;
    margin-bottom: 12px!important;
}

.openarea h4 {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.openarea p {
    color: #4B5563;
    font-size: 14px;
    line-height: 22px;
}

.openarea .vc_toggle_content {
    margin: 10px 0 0;
}
.vc_toggle_title {
    padding: 0!important;
}

.vc_toggle_content {
    padding: 0!important;
}
.vc_toggle_icon {
	position:relative!important;
}
 .faq-img img {
    border-radius: 30px;
}

/**City**/

.locbox {
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    border: 1px solid #1c1a1a3b;
	margin-bottom: 35px!important;
}

.loc-icon {
    position: absolute;
    display: flex;
    top: 14px;
    background-color: #FF6B00;
    align-items: center;
    left: 14px;
    padding: 0 10px;
    gap: 5px;
    border-radius: 100px;
}

.loc-icon i {
    font-size: 10px;
    color: #fff;
}

.loc-icon h3 {
    color: #fff;
    font-size: 12px;
}

.location-service {
    padding: 15px 25px;
}

.location-service h5 {
    font-size: 14px;
    font-weight: 700;
}

.location-service h6 {
    font-weight: 400;
    font-size: 12px;
    color: #9CA3AF;
    padding: 3px 0 0 0;
}


/* Location Box */
.locbox {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    border: 1px solid #1c1a1a3b;
    margin-bottom: 35px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.4s ease, transform 0.4s ease;
}

/* Image Wrapper */
.location-img {
    overflow: hidden;
}

/* Image Zoom Effect */
.location-img img {
    width: 100%;
    display: block;
    transition: transform 0.6s ease;
}

/* Hover Image Zoom */
.locbox:hover .location-img img {
    transform: scale(1.1);
}

/* Hover Shadow */
.locbox:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
    transform: translateY(-5px);
}

/* Smooth Hover for Icon */
.loc-icon {
    z-index: 2;
}

.client-logo {
    background-color: #fff;
    padding: 12px;
    border-radius: 15px;
}

/**footer form**/

.footerform input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    margin-bottom: 15px!important;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-control {
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    height: 50px;
    padding: 0 25px;
}

.footerform select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-control {}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {}

.footerform textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    height: 150px;
    padding: 15px 25px;
    margin-bottom: -5px !important;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.gtr.btn.btn-primary {
    width: 100%;
    border-radius: 10px;
    height: 50px;
    background-color: #FF6B00;
    border: 1px solid #FF6B00;
    font-size: 18px;
    font-weight: 700;
    transition: 2s;
	margin-top: 20px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.gtr.btn.btn-primary:hover { 
	 background-color: transparent; color: #222;
}
.footerform {
    border: 1px solid #eacaca;
    padding: 40px;
    border-radius: 15px;
    box-shadow: rgb(100 100 111 / 19%) 0px 7px 29px 0px;
}

/**Footer home**/


/* Contact Call Box */
.contact-call {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    z-index: 1;
	margin-bottom: 30px;
}
.adres-text a {
    font-size: 14px!important;
}
/* Hover Background Effect */
.contact-call::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(135deg, #fff5f1, #fff);
    transition: height 0.4s ease;
    z-index: -1;
}

.contact-call:hover::before {
    height: 100%;
}

/* Box Hover */
.contact-call:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(242, 112, 74, 0.18);
    border-color: #FF6B00;
}

/* Phone Icon Box */
.icon-area-cta {
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF6B00;
    border-radius: 100px;
    transition: all 0.4s ease;
}

/* Phone Icon */
.icon-area-cta i {
    color: #fff;
    font-size: 24px;
    transition: transform 0.4s ease;
}

/* Icon Hover Animation */
.contact-call:hover .icon-area-cta {
    background: #222;
    transform: rotate(-5deg) scale(1.08);
}

.contact-call:hover .icon-area-cta i {
    animation: phoneRing 0.6s ease;
}

/* Phone Ring Animation */
@keyframes phoneRing {
    0%, 100% {
        transform: rotate(0);
    }
    20%, 60% {
        transform: rotate(-15deg);
    }
    40%, 80% {
        transform: rotate(15deg);
    }
}

/* Content Styling */
.cta-section-con h3 {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin: 0 0 7px;
    transition: color 0.3s ease;
}

.cta-section-con a {
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    color: #FF6B00;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cta-section-con p {
    font-size: 13px;
    color: #777;
    margin: 6px 0 0;
}

/* Number Hover */
.cta-section-con a:hover {
    color: #222;
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .contact-call {
        padding: 18px 15px;
        gap: 14px;
    }

    .icon-area-cta {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .cta-section-con h3 {
        font-size: 16px;
    }

    .cta-section-con a {
        font-size: 17px;
    }
}


/**footer**/

.site-footer {
    background-color: #222!important;
    padding: 60px 0;
}

.footer-ab p {
    color: #fff;
    padding: 15px 0 0 0;
    font-size: 14px;
    text-align: justify;
}

.footer-ab img {
    filter: brightness(0) invert(1);
    width: 70%;
}

.footerheading h5 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.links-foot ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.links-foot ul li {
    padding-bottom: 15px;
}

.links-foot ul li a {
    color: #D1D5DB!important;
    font-size: 14px;
}

.contact-box {
  color: #99979c;
}

.contact-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-box li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.5;
}

.contact-box li:last-child {
  margin-bottom: 0;
}

.contact-box li a {
	color: #D1D5DB!important
}

.contact-box i {
  color: #fff; 
  font-size: 18px;
  margin-top: 3px;
  min-width: 20px;
  text-align: center;
}

.copyright {
    padding: 15px 0;
    margin: 0;
    background-color: #222222;
    border-top: 1px solid #ffffff26;
}

.copyright p {
    color: #D1D5DB;
}


.social-icons {
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.social-icons li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4d4e4f;
    color: #fff!important;
    border-radius: 50%;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-icons li a:hover {
    background: #f36c46;
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}
.emtext a {
    font-size: 17px!important;
}

/**POpup**/

.pum-theme-142, .pum-theme-default-theme {
    background-color: rgb(0 0 0 / 62%)!important;
}
.pum-theme-142 .pum-container, .pum-theme-default-theme .pum-container {
    padding: 0!important;
    border-radius: 0px!important;
    border: 1px none #000000!important;
    box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.23)!important;
    background-color: transparent!important;
}
.pum-theme-142 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    position: absolute;
    height: auto;
    width: auto;
    left: auto;
    right: 0px;
    bottom: auto;
    top: 0px;
    padding: 0;
    color: #155EEF;
    font-family: inherit;
    font-weight: 400;
    font-size: 25px!important;
    font-style: inherit;
    line-height: 36px;
    border: 1px none #155EEF;
    border-radius: 0px;
    box-shadow: none;
    text-shadow: none;
    background-color: #ff6b00!important;
}



/**track shipment**/

.track-lines h4 {
    padding: 15px 0;
    text-align: center;
    font-size: 22px;
	border: 1px solid #f5f5f56b;
}
table.track_form_table tr td {
    padding: 15px;
    border: 1px solid #f5f5f56b;
    border-top: 0px;
}
.track-text {
    text-align: center;
    padding-bottom: 15px;
}
input#submit_wpcargo:hover {
	background-color: #000;
	transition: 1.5s;
}
.track-text h5 {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
}

.track-text p {
    font-size: 17px;
    padding: 10px 0 0;
	color: #fff;
}

input.input_track_num {
    width: 100%;
    height: 50px;
    padding-left: 25px;
	border: 0;
}

input#submit_wpcargo {
    width: 100%;
    height: 50px;
	    background-color: #155eef;
    border: 0;
    border-radius: 0;
}

.track-lines {
    padding: 60px 206px;
    background-color: #ff6b00;
}


/**track shipmen end**/


/**Four box**/

.box-four-lane {
    background-color: #ff6b00;
    padding: 80px 0;
}
.rr-box-ln h4 {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rr-box-ln i {
    font-size: 18px;
}
.rr-box-ln h5 {
    font-size: 14px;
    color: #6B7280;
    padding: 10px 0 0 0;
}

.rr-box-ln {
    text-align: center;
    background-color: #fff;
    border-radius: 15px;
    padding: 25px 0;
}

.rr-box-ln svg {
    color: #fff !important;
    width: 50px;
    height: 50px;
    background-color: #ff6b00;
    padding: 8px;
    border-radius: 100px;
    margin-bottom: 20px;
}

.qut-heading h4 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
}

.qut-heading p {
    color: #FEE2E2;
    font-size: 16px;
    padding: 7px 0 0;
}

ul.two-button {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}

ul.two-button li:first-child a {background-color: #ff6b00;border: 2px solid #ff6b00;display: block;height: 45px;border-radius: 10px;color: #fff;text-align: center;line-height: 40px;transition: 2s;}

ul.two-button li {
    width: 100%;
}

ul.two-button li:last-child a {
    border: 2px solid #fff;
    display: block;
    height: 45px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    transition: 1.5s;
}

ul.two-button li:first-child a:hover {
    background-color: transparent;
    border: 2px solid #fff;
}

ul.two-button li:last-child a:hover {
    transition: 1.5s;
    background-color: #ff6b00;
    border: 2px solid #ff6b00;
}

.paddingkam {
	padding: 30px; 0!important;
}

/**New Footer**/

.fot-head h6 {
    color: #fff;
    font-size: 13px;
    border-radius: 100px;
    border: 1px solid #b1abab;
    text-transform: capitalize;
    letter-spacing: 0;
    padding: 8px 12px;
    width: 17%;
    margin: 0 auto;
    text-transform: uppercase;
}

.fot-head h2 {
    font-size: 36px;
    font-weight: 800;
    margin: 15px 0;
    line-height: 40px;
    color: #fff;
}

.fot-head p {
    color: #fff;
    width: 50%;
    margin: 15px auto;
}

.fot-head ul {}

ul.three-line {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #ffff;
    font-weight: 500;
}

ul.two-calls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    list-style: none;
    padding: 0;
    margin: 30px 0;
    font-weight: 500;
}

ul.two-calls li:first-child a {
    background-color: #fff;
    border: 2px solid #fff;
    padding: 12px 25px;
    display: block;
    border-radius: 10px;
    color: #000;
    transition: 1.5s;
	font-weight: 600;
    font-size: 14px;
}

ul.two-calls li:last-child a {
    background-color: transparent;
    border: 2px solid #fff;
    padding: 12px 25px;
    display: block;
    border-radius: 10px;
    color: #ffff;
    transition: 1.5s;
	font-weight: 600;
    font-size: 14px;
}

ul.two-calls li:last-child a i {
    rotate: 0deg;
}

ul.two-calls li i {
    padding-right: 5px;
}

ul.two-calls li:first-child a:hover {
    background-color: transparent;
    transition: 1.5s;
    color: #fff;
}

ul.two-calls li:last-child a:hover {
    background-color: #fff;
    color: #000;
}

.line p {
    font-size: 12px;
    font-weight: 400;
}