.mobile_nav li a{
    color: white;
    padding: 0;
}
.submain_footer_card {
    display: flex;
}

*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    /* list-style: none; */
    box-sizing: border-box;
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
    
}

.counter .count {
    font-weight: 600;
}
body{
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
    background: #f0f0f0 !important;
}
nav{
    background: #0082e6;
    height: 80px;
    width: 100%;
}
label.logo{
    color: white;
    line-height: 80px;
    font-size: 35px;
    padding: 0 100px;
    font-weight: bold;
}
nav .mobile_nav{
    float: right;
    margin-right: 20px;
}
nav .mobile_nav li{
    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
    
}
nav .mobile_nav li a{
    color: white;
    font-size: 17px;
    text-transform: uppercase;
    padding: 7px 13px;
    border-radius: 3px;
    text-decoration: none;
}
a.active,a:hover{
   /* background: #1b9bff; */
   transition: .5s;
}
.checkbtn{
    font-size: 30px;
    color: white;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}
#check{
    display: none;
}
@media (max-width:952px){
    label.logo{
        font-size: 30px;
        padding-left: 50px;
    }
    nav .mobile_nav li a{
        font-size: 16px;
    }
}
@media (max-width:858px){
    .checkbtn{
        display: block;
    }
    .mobile_nav{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #2e3c50;
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
    }
    nav .mobile_nav li{
        display: block;

    }
    nav .mobile_nav li{
        font-size: 20px;
    }
    a:hover,a.active{
        background: none;
        color: #0082e6;
    }
    #check:checked ~ .mobile_nav{
        left: 0;
    }
}


.logo img{
    width: 220px !important;
}


.my_first_header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 10px 35px 11px 35px;
    /* margin-top: 10px; */
    align-items: center;
    background: #ffffff;
}
.my_first_footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 10px 35px 11px 35px;
    /* margin-top: 10px; */
    align-items: center;
    background: none;
}
/* .main_social_container {
    display: none;
} */

.main_contact {
    display: flex;
    gap: 15px;
    align-items: center;
    width: 100%;
    justify-content: end;
}
.mobile_contact{
    color: white !important;
    /* flex-direction: column; */
    justify-content: space-between;
}
/* .container.main_card.second_container {
    padding-bottom: 39px;
} */
.copyright{
    width: 100%;
}
.submain_contact i {
    color: var(--web_color_var);
}
.submain_contact {
    display: flex;
    align-items: center;
    gap: 7px;
    /* color: white; */
}
.nav_options .my_nav_option1 {
    display: flex;
    align-items: center;
}
ul{
    margin: 0px !important;
    padding: 0;
}

.nav_options ul li {
    list-style: none;
    padding: 0px 13px;
}

.nav_options ul li a {
    text-decoration: none;
    color: white;
}

nav.my_first_nav {
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: var(--web_color_var);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0px 17px;

}
select.select_options_about {
    border: none;
    color: var(--web_color_var);
}
a.active {
    color: white;
    background: var(--web_color_var);
    padding: 9px 13px;
    border-radius: 6px;
}
a{
    text-decoration: none !important;
}
.first_main_banner {
    background: #93d7f4;
    padding: 20px 0px;
}

.main_card {
    display: flex;
    align-items: center;
    gap: 57px;
}

.my_card {
    width: 100%;
}

.banner_img img {
    width: 100%;
    border-radius: 25px;
}
span.color_change {
    color: var(--web_color_var);
}

.banner_title .banner_head {
    font-size: 27px;
    font-weight: 600;
    color: var(--web_color_var);
}


p.desc_banner {
    color: #4d4d4d;
    font-size: 16px;
    /* letter-spacing: 1px; */
    margin-top: 11px !important;
    /* font-family: 'Merriweather', serif; */
    /* font-family: 'Open Sans', sans-serif; */
    /* line-height: 25px; */
}
.get_start_btn a {
    text-decoration: none;
    color: white;
    background: var(--web_color_var);
    padding: 11px 34px;
    font-size: 18px;
    border-radius: 7px;
}

.get_start_btn {
    /* background: var(--web_color_var); */
    /* width: 146px; */
    margin: 23px 0px;
}

.footer_section{
    width: 100%;
}
.empty_div {
    /* width: 100%;
    
    height: 39px; */
    margin: 35px 0px;
}

.first_banner_head {
    color: black !important;
}

.social_head p {
    text-align: center;
    font-size: 40px;
    color: var(--web_color_var);
    font-weight: 700;
}

.social_head {
    margin-top: 50px;
}

.social_top {
    margin-top: 50px;
    text-align: center;
}

.social_top p {
    color: var(--web_color_var);
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 47px !important;

}
.d_none {
    display: none !important;
}

.social_card {
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
}

.social_card_top img {
    max-width: 140px;
    height: 120px;
    object-fit: contain;
}

.social_bottom {
    display: grid;
    align-items: center;
    flex-wrap: wrap;
    grid-template-columns: auto auto auto auto auto;
}

.social_card_top p {
    font-weight: 600;
    color: #595959;
    margin: 16px 0px;
}

details-disclosure>details {
    position: relative;
}
summary.list-menu__item {
    padding-right: 2.7rem;
}
.list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3);
}
.my_card {
    margin-top: 13px;
}
/* .my_nav_option1 {
    position: sticky;
    top: 0;
    left: 0;
    background: linear-gradient(138deg, rgb(107 219 255) 36.7%, rgb(73 78 196) 84.4%, rgb(255, 255, 255) 119.7%);
    background-repeat: no-repeat;

    background-position: center;
    background-size: cover;
    
} */

.header__menu-item .icon-caret {
    right: 0.8rem;
}
summary .icon-caret {
    position: absolute;
    height: 0.6rem;
    right: 1.5rem;
    top: calc(50% - 0.2rem);
}
.header__submenu.list-menu {
    padding: 1rem 13px;
}

.list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.about_us{
    color: white !important;
}
.header__menu-item.list-menu__item.link.link--text.focus-inset, summary.list-menu__item span {
    color: var(--web_color_var);
    font-size: 18px;
    margin: 15px 0px;
}
.header__submenu li a{
    color: white;
}

.list-menu--disclosure {
    position: absolute;
    min-width: 100%;
    /* width: 117px; */
    width: 13rem;
    border: 1px solid #93d7f4;
    background-color: white;
}
.social_container {
    padding: 40px 75px !important;
}

.main_footer_cards {
    display: grid;
    width: 100%;
    flex-wrap: wrap;
    grid-template-columns: auto auto auto auto auto auto;
    margin-top: 20px;

}
.footer_contact_option .submain_contact a {
    color: white;
}
.footer_contact_option .submain_contact a:hover {
    transition: 0.5s;
    color: rgb(221, 221, 221);
}


.submain_contact a {
    color: var(--web_color_var);
}
.submain_contact a:hover {
    color: #083c7a;
    transition: 0.5s;
}
.footer_card {
    width: 100%;
}

.footer_card img {
    width: 100%;
    padding: 0px 21px;
}
nav.main_mobile_nav {
    display: none;
}

.footer_section {
    padding: 35px 22px;
    background: #efefef;
}

.footer_top_heading p {
    /* background: url('https://sprintlogistics.pk/static/app/images/logis-127.jpg');
    background-repeat: no-repeat;
    background-position: calc();
    background-size: cover; */

    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: var(--web_color_var);
}

i.bi.bi-telephone-fill {
    transform: rotate(90deg);
}

p {
    margin: 0 !important;  
}

.last_footer {
    background: var(--web_color_var) !important;
    padding: 15px 31px !important;
    color: white;
    margin: 10px 0px 0px 0px !important;
}
.my_social {
    color: white !important;
}
i.bi.bi-list {
    color: black;
}
.main_menu {
    display: none;
}

nav .mobile_nav li{
    display: block;

}
nav .mobile_nav li{
    font-size: 20px;
}

/* body{
    font-family: sans-serif;
    width: 100%;
} */
nav{
    background: #0082e6;
    height: 80px;
    width: 100%;
}
label.logo{
    color: white;
    line-height: 80px;
    font-size: 35px;
    padding: 0 100px;
    font-weight: bold;
}
 .mobile_nav{
    float: right;
    margin-right: 20px;
}

.mobile_nav li{
    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
    
}
nav .mobile_nav li a{
    color: white;
    font-size: 17px;
    text-transform: uppercase;
    padding: 7px 13px;
    border-radius: 3px;
    text-decoration: none;
}
/* a.active,a:hover{
   background: #1b9bff;
   transition: .5s;
} */
.checkbtn{
    font-size: 30px;
    color: rgb(0, 0, 0);
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}

#check{
    display: none;
}
/* @media (max-width:952px){
   
    nav .mobile_nav li a{
        font-size: 16px;
    }
} */
@media (max-width:858px){
    .checkbtn{
        display: block;
        margin: 0px;
    }
    .main_footer_cards {
        grid-template-columns: auto auto auto !important;
    }
    nav.my_first_nav{
        display: none;
    }
    
    .social_container{
        max-width: 100% !important;
    }
    .footer_contact_option{
        display: flex;
        gap: 0px !important;
        align-items: baseline !important;
        width: 100%;
        /* justify-content: end; */
        flex-direction: column;
        padding: 0px 5px;
    }
    .mobile_nav{
        position: fixed;
        /* width: 513px; */
        width: 57%;
        /* height:auto; */
        background: #2e3c50;
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
        z-index: 1;
        background: white;
    }
    nav .mobile_nav li{
        display: block;

    }
    .contact_option{
        display: none;
    }
    .mobile_nav li{
        font-size: 20px;
    }
    a:hover,a.active{
        background: none;
        color: #0082e6;
    }
    #check:checked ~ .mobile_nav{
        left: 0;
        width: 57%;
        padding: 19px 25px;
        background: var(--web_color_var);
    }
    .mobile_nav li {
        display: block;
        /* margin: -33px 0px; */
        line-height: 48px;
        text-align: left;
        white-space: nowrap;
    }
    .my_first_header{
        margin-top: 0px !important;
        padding: 0px 35px 0px 35px;
    }
    .my_first_footer{
        margin-top: 0px !important;
        padding: 0px 35px 0px 35px;
    }
    .main_card{
        max-width: 100%;
        gap: 10px;
    }
    .second_container{
        margin-top: 31px;
    }
     
    .my_first_nav{
        display: none;
    }
    .main_menu{
        display: block;
    }
    .main_card{
        /* flex-direction: column-reverse; */
    }
    /* .social_container{
        padding: 0px !important;
        width: 100;
    } */
    .submain_footer_card{
        flex-direction: column;
    }
    .banner_title .banner_head{
        margin-top: 17px !important;
    }
    .my_first_header{
        background: #ffffff;
        flex-direction: row-reverse;
        align-items: center;
    }
    .my_first_footer{
        background: #ffffff;
    }
    
    
}

i.bi.bi-x {
    display: none;
    font-size: 38px;
}
#close, #hamburger {
    transition: all 1s ease; /* Adjust the duration and timing function as needed */
}

@media screen and (max-width:430px) {
    #check:checked ~ .mobile_nav{
        width: 86%;
        /* overflow: auto;   */
        /* height: auto ; */
    }
    
    .social_card_top img{
        max-width: 100%;
    }
    .social_card_top p{
        font-size: 15px;
    }
    
}





.cursor{
    position: fixed;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid var(--web_color_var);
    left: 0;
    top: 0;
    pointer-events: none;
    transform: translate(-50% , -50%);
    transition: .1s;

}
.cursor1{
    position: fixed;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background:#3186ef;
    left: 0;
    top: 0;
    pointer-events: none;
    transform: translate(-50% , -50%);
    transition: .15s;

}
a:hover ~ .cursor{
    transform: translate(-50% , -50%) scale(1.5);
    background: rgba(217, 217, 217, 0.419);
    border: none;
}
a:hover ~ .cursor1{
    /* background: #ffffff; */
    opacity: 0;
}
.first_banner_image{
    display: none;
}



.single_counter {
    display: flex;
    gap: 10px;
}

.main_counter {
    display: flex;
    gap: 15px;
    margin: 37px 0px;
}

.count_title {
    color: #8d8d8d;
}

.main_counter_and_title .counter {
    font-size: 30px;
    font-weight: 600;
    color: #585858;
}

.single_counter .icon img {
    filter: hue-rotate(236deg) brightness(.0);
}

.main_counter_and_title {
    margin-top: -10px;
}




.main_service_card {
    display: grid;
    gap: 36px;
    /* padding-bottom: 40px; */
    grid-template-columns: auto auto auto;
}

.single_service_card {
    padding: 10px;
    width: 100%;
    transition: all .2s ease-in-out;
    /* cursor: pointer; */
    background: #ffffff;
    border-radius: 15px;
    /* box-shadow: rgb(100 100 111 / 8%) 0px 7px 29px 0px; */
}
.single_service_card:hover {
    transition: all .2s ease-in-out;
    /* box-shadow: rgba(100, 100, 111, 0.034) 0px 7px 29px 0px; */
    background: #2a2a2a36;
}

.service_img img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid #d3d3d3;
}


.main_service_title_and_desc {
    transition: all .2s ease-in-out;
    padding: 22px 28px;
    /* box-shadow: rgb(100 100 111 / 8%) 0px 7px 29px 0px; */
    border-radius: 0px 0px 12px 12px;
    /* background: #ededed; */
}

section.main_service_section {
    background: #f7f7f7;
    /* padding-top: 0px; */
}

.main_title {
    padding: 29px 0px;
}

.image_gallery {
    background: #ffffff !important;;
}

.service_titie {
    font-size: 20px;
    font-weight: 600;
    color: var(--web_color_var);
}

.service_desc {
    color: #7a7a7a;
    font-size: 14px;
}

.contatc_btn a {
    text-transform: uppercase;
    font-size: 13px;
    color: #388211;
    font-weight: 700;
    /* margin: 10px 0px; */
}
.contatc_btn a:hover{
    background: none;
}

.contatc_btn {
    margin: 10px 0px;
}

.view_all_btn {
    text-align: center;
    padding-bottom: 76px;
}
.view_all_btn a {
    background: #388211;
    padding: 10px 35px;
    border-radius: 27px;
    color: #ffffff;
}

.single_image_gallery img {
    width: 100%;
    height: 242px;
    object-fit: contain;
}

.single_image_gallery {
    margin: 0px 11px;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 12px;
    background: #f6fbecd1;
}

.main_image_gallery {
    padding-bottom: 26px;
}



.main_footer_section {
    margin-top: 97px;
    padding: 50px 0px 0px 0px;
    background: linear-gradient(45deg, #ffde00, #e9d238);
}

.left_footer_sec p {
    margin: 38px 0px 63px 0px;
}

.left_footer_sec h4 a {
    text-decoration: none;
    color: black;
}

.social_media_icons {
    display: flex;
    gap: 24px;
    margin: 28px 0px 55px 0px;
}

.single_social_media img {
    filter: invert(1);
}

.privacy_policy_and_terms {
    display: flex;
    gap: 26px;
    margin-bottom: 40px;
}

.privacy_policy a {color: black;}

.phone_mockup_image img {
    width: 100%;
}

.gmail{
    text-decoration: underline !important;
}

.active_opt{
    color: #ffde00 !important;
}

.express_mockup_image {
    /* display: flex; */
    /* justify-content: center; */
    padding: 0px 23px;
    text-align: center;
}




.main_left_window_section h1 {
    font-size: 49px;
    font-weight: 700;
    margin-bottom: 22px;
}

.main_left_window_section h6 {
    margin-bottom: 27px;
}

.main_left_window_section ul {
    margin: 0;
    padding: 0px 16px;
}



.main_left_and_right_gif_images {
    display: flex;
    gap: 16px;
}

.left_gif_images {
    max-width: 230px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.gif_image img {
    width: 100%;
    border-radius: 16px;
    height: 100%;
}
.left_gif_images .gif_image {
    height: 100%;
}

.main_window_to_rule {
    padding: 119px 0px;
}

.right_gif_images .gif_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.right_gif_images .gif_image {
    height: 66%;
}

.online_ecommerce_business {
    background: var(--web_color_var)14;
    margin-top: 13px;
    border-radius: 12px;
    padding: 12px 22px;
    height: 32%;
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.number_of_counts .counter {
    font-size: 57px;
    color: var(--web_color_var);
}

.online_ecommerce_business p {
    padding-right: 0px;
}


.main_header {
    position: fixed;
    width: 100%;
    top: 0;
    transition: 0.4s;
    z-index: 111;
    
}

.order_management_card {
    width: 45%;
    background: #ffde00;
    /* color: white; */
    border-radius: 1rem;
    padding: 0;
}

.submain_order_management_card {
    padding: 45px 31px;

}

.myrow {
    align-items: center;
}

.window_ul li::marker {
    color: var(--web_color_var) !important;
}


.right_gif_images {
    width: 100%;
}


/* .footer {
    background: #3bc0fe2e;
} */

.section {
    padding: 65px 0 35px 0px;
    position: relative;
}

.footer .about {
    padding-right: 50px;
}

.footer .about .logo {
    margin-bottom: 20px;
}

.single_img img {
    width: 100%;
    height: 172px;
    object-fit: cover;
    border-radius: 12px;
}

.main_img {
    display: flex;
    gap: 12px;
    margin: 11px 0px;
}

.single_img_first img {
    width: 100%;
    height: 406px;
    object-fit: cover;
    border-radius: 13px;
}

.single_img_first {
    width: 100%;
}

.single_img {
    width: 100%;
}

.footer .about .text {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
}

.footer .about .call {
    color: #373435;
    margin-top: 15px;
    font-weight: 400;
}

.footer .single-footer h4 {
    font-size: 17px;
    font-weight: 600;
    color: #373435;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.footer .links ul li {
    display: block;
    margin-bottom: 8px;
}

.footer .links ul li a {
    color: #373435;
    font-weight: 400;
}

.footer .about .call a {
    color: #373435;
    font-size: 20px;
    font-weight: 600;
}

.fixed-bottom-nav {
    display: none;
}

.bottom-menu>a>img {
    width: 20px;
}

.bottom-menu-home>a>img {
    width: 35px;
}



.foot_logo {
    width: 100%;
}
.navbar-toggler{
    border: none !important;
}

.head_cart-item-count > .cesta-feira__num-items {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #27c374;
    color: #ffff;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20px;
    right: 90px;
    font-size: 16px;
    font-weight: bold;
}



/* .footer{
	background:#c1c1c12e;
} */
.footer .about {
	padding-right: 50px;
}
.footer .single-footer h4 {
	font-size: 17px;
	font-weight: 600;
	color: #ffffff;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.footer .about .logo{
	margin-bottom:20px;
}
.footer .about .logo img{
    width: 247px !important;
}
.footer .about .text{
	color: #ffffff;
    font-weight: 500;
    line-height: 24px;
}
.footer .about .call {
	color: #ffffff;
	margin-top: 15px;
	font-weight: 400;
}
.footer .about .call span{
	display: block;
}
.footer .about .call a {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}
.footer .links ul{}
.footer .links ul li {
	display: block;
	margin-bottom: 8px;
}
.footer .links ul li:last-child{
	margin-bottom:0;
}
.footer .links ul li a{
	color:#ffffff;
	font-weight: 400;
}
.footer .links ul li a:hover{
	color:#27c374;
	padding-left:10px;
}


.call {
    padding-top: 70px;
}

.footer .social .contact ul li {
	color: #ffffff;
	display: block;
	margin-bottom: 4px;
	font-weight: 400;
}
.footer .contact ul li:last-child{
	margin-bottom:0;
}
.footer .social ul {
	margin-top: 20px !important;
}

.footer .social ul li a i {
    font-size: 22px;
}
.footer .social ul li{
	display:inline-block;
	margin-right:25px;
}
.footer .social ul li:last-child{
	margin-right:0;
}
.footer .social ul li a{
	color:#ffffff;
	display:block;
	font-size:16px;
}
.footer .social ul li a:hover{
	color:#27c374;
}
/* Copyright */

.footer .copyright .inner{
	border-top:1px solid #eeeeee3d;
	padding:20px 0;
}
.footer .copyright .left > p{
	color:#ffffff;
}
.footer .copyright .left > p > a{
	color:#ffcc00;
	font-weight: 800;
}
.footer .copyright .right{
	float:right;
}
.footer .copyright p{
	color:#fff;
}
.footer .copyright p a{
	color:#fff;
	text-decoration:underline;
}

.main_page_header {
    background: var(--web_color_var);
    /* padding: 70px 0px; */
    height: 299px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_page_inner {
    text-align: center;
}

.header_page_inner ul li {
    list-style: none;
    color: white;
}

.header_page_inner ul {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.header_page_inner ul li a {
    color: white;
}

.header_page_inner h2 {
    font-size: 47px;
    font-weight: 600;
    color: white;
}

.section-title.title-style-center_text {
    text-align: center;
    padding: 40px 0px;
}

.title-header h3 {
    font-size: 15px;
    color: #388211;
    text-transform: uppercase;
    font-weight: 600;
}

.ttm-icon i {
    font-size: 30px;
    color: #388211;
}

.title-header h2 {
    font-size: 3rem;
    font-weight: 600;
    color: #0e204d;
}

.title-desc p {
    max-width: 626px;
    /* text-align: center; */
    color: #8e8e8e;
    font-size: 15px;
}

.title-desc {
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
}


.form_area {background: white;/* margin: 0px 0px; */padding: 30px 32px;border-radius: 6px;}

section.ttm-row.conatct-section.ttm-bgcolor-grey.clearfix {
    background: #3882111a;
    padding: 7px 0px 83px 0px;
}

.submit_btn button {
    padding: 11px 0px;
    border: none;
    background: var(--web_color_var);
    color: white;
    border-radius: 6px;
}


.main_con_row {
    display: flex;
    gap: 38px;
}

.contact_form_area {
    width: 70%;
}

.contact_area {
    width: 30%;
}

span.text-input input, span.text-input textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: 5px;
    border: none;
    background: #3882111a;
    margin: 13px 0px;
}

.featured-title h3 {
    font-size: 21px;
    color: #0e204d;
}

.featured-icon-box {
    margin-bottom: 16px;
}

.featured-desc p {
    color: #545454;
    font-size: 14px;
    margin: 3px 0px 0px 0px !important;
}

section.ttm-row.conatact-section.mb_20.clearfix {
    padding: 32px 0px;
}

h2.map_title {
    color: #0e204d;
}

.price_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    grid-auto-rows: minmax(100px, auto);
    margin: 20px 0px;
}

.grid_box {
    background: #ffffff;
    padding: 18px 15px;
    border-radius: 9px;
}

.price_title {
    font-weight: bold;
}

.price_rs {
    display: flex;
    align-items: center;
    gap: 17px;
    font-size: 33px;
    color: var(--web_color_var);
    font-weight: bold;
}

.price_kg {
    font-size: 22px;
    color: #303030;
}

.price_short_desc {
    font-size: 14px;
}

section.pricing_section {
    background: #f7f7f7;
    padding: 23px 0px;
}

h3.price_list_title {
    text-align: center;
    font-size: 35px;
}

.portal_dashboard_ui {
    background: var(--web_color_var_trans);
    padding: 18px 0px;
}

.dash_ui_img > img {
    width: 100% !important;
    border-radius: 32px !important;
}

.dasboard_title {
    text-align: center;
    color: rgb(0, 0, 0);
    margin-bottom: 14px;
}

.dashboard_desc {
    margin: 28px 0px 0px 0px;
    text-align: center;
    color: #545454;
}

.dash_ui_img {
    border-radius: 49px;
}



.main_banner_section {
    display: flex;
    align-items: center;
    padding: 35px 64px;
    background-image: url(/static/app/images/pages-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    gap: 12px;
}



.main_title_banner {
    font-size: 47px;
    font-weight: bold;
    font-family: 'Poppins';
    color: #ffffff;
}
.main_sub_title {
    color: #eeeeee;
}

.input_container {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 14px 0px;
}

.submit_btn > button > img {
    width: 35px;
    height: 30px;
}

.Cn_number_box > input {
    height: 54px;
    width: 360px;
    border: none;
    padding: 0px 8px;
    border-radius: 7px;
}

.submit_btn > button {
    width: 50px;
    height: 50px;
}

.main_banner_section > div {width: 100%;}



  
        /* App Download Section */
        .app-download-section {
            display: flex;

            justify-content: center;
            gap: 30px;
    
        }

        .app_ss_gallery {
    width: 720px;
}
        
        .app-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            width: 100%;
            max-width: 500px;
            transition: transform 0.3s ease;
        }
        
        .app-card:hover {
            transform: translateY(-5px);
        }
        
        .app-header {
            padding: 25px;
            text-align: center;
            background: linear-gradient(135deg, #3498db, #2c3e50);
            color: white;
        }
        
        .shipper .app-header {
            background: linear-gradient(135deg, #3498db, #2980b9);
        }
        
        .rider .app-header {
            background: linear-gradient(135deg, #2ecc71, #27ae60);
        }
        
        .app-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 15px;
            background-color: white;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .app-icon i {
            font-size: 40px;
        }
        
        .shipper .app-icon i {
            color: #3498db;
        }
        
        .rider .app-icon i {
            color: #2ecc71;
        }
        
        .app-title {
            margin: 0;
            font-size: 1.8rem;
            font-weight: 700;
        }
        
        .app-description {
            padding: 25px;
            font-size: 1rem;
            color: #666;
        }
        
        .download-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
                padding: 24px 24px 25px;
            flex-wrap: wrap;
                flex-direction: column;
    align-items: center;
        }
        
        .download-btn {
            display: flex;
            align-items: center;
            padding: 12px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
             min-width: 188px;
            justify-content: center;
        }
        
        .android-btn {
            background-color: #3ddc84;
            color: #0f3d25;
        }
        
        .ios-btn {
            background-color: #007aff;
            color: white;
        }
        
        .download-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .download-btn i {
            font-size: 24px;
            margin-right: 10px;
        }
        
        .btn-text {
            display: flex;
            flex-direction: column;
        }
        
        .btn-text span:first-child {
            font-size: 0.7rem;
        }
        
        .btn-text span:last-child {
            font-size: 1rem;
        }
        
        h2.down_style {
    text-align: center;
    margin: 23px 0px;
}


.app_download_flex {
    display: flex;
    align-items: center;
    gap: 5px;
        flex-direction: column;
}



.app_ss_img > img {
    width: 213px !important;
}

.app_ss_img {
    width: 100%;
}

.btn_container {
    display: flex;
    gap: 14px;
}

.card_btn_title {
    font-size: 27px;
    font-weight: bolder;
}



@media screen and (max-width:990px) {
    /* .social_container{
        padding: 0px !important;
    } */

    .app_ss_gallery {
    width:100%;
}
    .social_card{
        width: 100%;
    }
    .main_con_row{
        flex-direction: column;

    }
    .contact_form_area{
        width: 100%;
    }
    .contact_area{
        width: 100%;
    }
    .main_service_card{
        grid-template-columns: auto auto;
    }
    .social_bottom{
        /* justify-content: center; */
        grid-template-columns: auto auto auto;
    width: 100%;
    }
    .main_footer_cards{
        grid-template-columns: auto auto auto auto;
    }


    .main_banner_section{
        flex-direction: column;
        padding: 24px 23px;
    }


    .Cn_number_box {
        width: 100%;
    }

    .Cn_number_box > input{
        width: 100% !important;
    }


          .app-download-section {
                flex-direction: column;
                align-items: center;
            }
            
            .app-card {
                max-width: 100%;
            }
            
            .download-buttons {
                flex-direction: column;
            }
            
            .download-btn {
                width: 320px;
                justify-content: center;
            }
    

    
}

@media screen and (max-width:560px) {

    
    .btn_container {


    flex-direction: column;
}


.app-download-section{
    gap: 0px;
}
 
    .last_footer{
        flex-direction: column;
        padding: 15px 10px !important;
    }
    .footer_card {
        width: 100%;
        margin-bottom: 11px;
    }
    .main_footer_cards {
        grid-template-columns: auto auto !important;
    }
    .social_card{
        width: 100%;
    }
    /* .banner_title .banner_head{
        font-size: 22px;
    } */
    /* p.desc_banner{
        font-size: 14px;
    } */
    .footer_top_heading p{
        font-size: 19px;
    }
    .footer_contact_option{
        margin-top: 10px;
        padding: 0px !important;
    }
    .social_bottom{
        /* flex-direction: column; */
        grid-template-columns: auto auto;
    }
    .social_card_top img{
        max-width: 50%;
        /* height:50%; */
        
    }
    .social_card_top p{
        font-size: 18px;
        margin-top: 16px !important;
    }
    .social_top p{
        font-size: 30px;
    }
    .mobile_nav li a{
        font-size: 18px;
    }

    
}

@media screen and (max-width:767px) {
    .main_card{
        flex-direction: column-reverse !important;
    }
    .main_service_card {
        grid-template-columns: auto;
    }
    .banner_image{
        display: none;
    }
    .banner_title .banner_head{
        font-size: 24px;
    }
    .main_page_header{
        height: 232px;
    }
    .header_page_inner h2{
        font-size: 37px;
    }
    
}


@media screen and (max-width:567px) {
    .online_ecommerce_business .number_of_counts .counter{
        font-size: 36px;
    }


    .main_left_window_section h1 {
        font-size: 28px;
    }
    /* ul.dropdown-menu{
        width: 100;
    } */

    .left_gif_images{
        max-width: 32%;
    }
    .online_ecommerce_business{
        height: 35%;
    }
    .right_gif_images .gif_image{
        height: 62%;
    }
    .online_ecommerce_business p{
        font-size: 12px;
    }

    .unified_ecommerce{
        width: 100%;
    }

    .submain_ecommerce_tech img{
        width: 100%;
    }
    .main_clients_grid{
        grid-template-columns: auto auto;
    }
    .left_gif_images .gif_image img{
        object-fit: cover;
    }
    .right_gif_images .gif_image img{
        height: 100%;
    }
    .single_img img{
        height: auto;

    }
    .single_img_first img{
        height: auto;
    }
    .header_page_inner h2{
        font-size: 31px;
    }
    .header_page_inner ul li{
        font-size: 13px;
    }
    .main_page_header{
        height: 167px;
    }
}