/*** Variable Section ***/
:root{
    --bg-white: #ffffff;
    --bg-red: #DD1E25;
    --bg-black: #000000;
    --bg-blue: #3049A5;
    --bg-grey: #303030;
    --light-black: #555555;
    --light-white: #F5F5F5;
    --light-blue: #E0E7FF;
    --light-blue-2: #E5F0FF;
    --light-blue-3: #BFCDFF;
    --light-red: #FFE5E6;
    --font-poppins: "Poppins", sans-serif;
    --font-russo-one : "Russo One", sans-serif;
}

/***  Font  ***/
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Russo+One&display=swap'); */

/* @font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins', sans-serif;;
    src: url('assets/fonts/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
} */




/*** Spinner ***/

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

/*** Header Start ***/

.header-section{
    background-color: var(--bg-white);
    padding-block: 17px;
    box-shadow: 0px 4px 30px 0px #00000026;
}
.header-section .navbar-light .navbar-nav .nav-link{
    font-family: var(--font-poppins);
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--bg-black);
    transition: 0.4s;
    padding: 0 15px;
}
.header-section .navbar-light .navbar-nav .nav-link.active,
.header-section .navbar-light .navbar-nav .nav-link:hover{
    color: var(--bg-red);
}
.header-section .login-btn-section .login-btn{
    background: linear-gradient(90deg, #DD1E25 0%, #FF3C6D 100%);
    color: var(--bg-white) !important;
    border-radius: 17.5px;
    padding: 9.5px 40px !important;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    transition: 0.4s;
}
.header-section .login-btn-section .login-btn:hover{
    transform: scale(0.95);
}
.header-section .login-btn-section{padding-left: 15px;}
.header-section .navbar-nav{
    align-items: center;
}
.header-section .navbar{
    padding-block: 0;
}
.header-section .header-logo{
    max-width: 180px;
}
.header-section .dropdown-toggle::after{
    content: '';
    border: none;
}


/*** Footer Start ***/



/*** Home Page Start ***/

/* ===================================================================== */
                            /* Banner Section Start */
/* ===================================================================== */

.home-page .banner-section{
    background-image: url(../img/home-banner.png);
    padding-block: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.home-page .banner-title{
    background: linear-gradient(263.48deg, #000000 0%, #D2232A 97.88%);
    background-clip: text;
    text-overflow: hidden;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-russo-one);
    font-weight: 400;
    font-size: 85px;
    line-height: 100px;
    letter-spacing: 0%;
}
.home-page .banner-description{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0%;
    color: var(--bg-black);
}
.right-form-card{
    box-shadow: 0px 10px 100px 0px #0000000D;
    background-color: var(--bg-white);
    border-radius: 15px;
    padding: 50px 30px;
}
.c-form-control{
    border: 1px solid #C7C7C7;
    padding: 13px 20px;
    border-radius: 5px;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--light-black);
    margin-bottom: 20px;
}
.c-form-control:focus{
    box-shadow: none;
}
.c-form-select{
    border: 1px solid #C7C7C7;
    padding: 13px 20px;
    border-radius: 5px;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--light-black);
    margin-bottom: 20px;
    outline: none;
    width: 100%;
    appearance: none; /* remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../img/down-arrow.svg') no-repeat right 20px center;
}
.c-form-select:focus{
    border-color: var(--bg-red);
    box-shadow: none;
}
.right-form-heading{
    font-family: var(--font-poppins);
    font-weight: 600;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0%;
    color: var(--bg-black);    
}
.submit-btn{
    background: linear-gradient(90deg, #DD1E25 0%, #FF3C6D 100%);
    width: 100%;
    border-radius: 25px;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    padding-block: 12px;
    border: none;
    color: var(--bg-white);
    transition: 0.4s;
}
.submit-btn:hover{
    transform: scale(0.95);
}

/* ===================================================================== */
                            /* Banner Section End */
/* ===================================================================== */


/* ===================================================================== */
                            /* About Us Section End */
/* ===================================================================== */

.about-us-section{
    position: relative;
    padding-block: 100px;
}
.about-us-section:after{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background-color: var(--light-white);
    height: 100%;
    width: 28%;
}
.about-us-section .about-badge{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    padding: 6px 12px;
    background-color: var(--light-blue);
    border-radius: 17.5px;
    color: var(--bg-blue);
    margin-bottom: 20px;
    display: block;
    max-width: 100px;
}
.about-us-section .about-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0%;
    color: var(--bg-black);
    margin-bottom: 20px;
}
.about-us-section .about-description{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0%;
    color: var(--light-black);
}
.left-about-us-section{
    max-width: 36%;
}
.about-us-icon{
    border-radius: 100%;
    background-color: var(--light-red);
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
}
.about-us-icon-section{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 40px;
}
.about-us-icon-title{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--bg-black);
}
.common-btn{
    background: linear-gradient(90deg, #DD1E25 0%, #FF3C6D 100%);
    padding: 12px 20px;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--bg-white);
    border-radius: 24px;
    transition: 0.4s;
}
.common-btn:hover{
    color: var(--bg-white);
    cursor: pointer;
    transform: scale(0.95);
}
.right-about-us-section{
    max-width: calc(100% - 66.66%);
    position: relative;
    z-index: 1;
}
.about-us-img-section img{
    width: 100%;
    border-radius: 15px;
}
.about-us-top-icon{
    position: absolute;
    background: linear-gradient(270deg, #89A2FF 0%, #C3E2FF 100%);
    border-radius: 15px;
    padding: 15px;
    border: none;
    z-index: 1;
    transform: translate(-30px , 30px);
}
.about-us-top-icon svg{  
    width: 40px;
    height: 40px;
}
.about-us-bottom-icon-section{
    background: linear-gradient(90deg, rgba(255, 118, 124, 0.3) 0%, rgba(255, 147, 162, 0.3) 100%);
    backdrop-filter: blur(5px);
    border-radius: 15px;
    padding: 30px 30px 30px 110px;
    position: absolute;
    bottom: 25px;
    right: 25px;
}
.about-us-bottom-icon-section .about-us-bottom-icon{
    background: linear-gradient(90deg, #FF767C 0%, #FF93A2 100%);
    border-radius: 15px;
    padding: 15px;
    border: none;
    z-index: 1;
    position: relative;
}
.about-us-bottom-icon svg{
    width: 40px;
    height: 40px;
}
/* ===================================================================== */
                            /* About Us Section End */
/* ===================================================================== */


/* ===================================================================== */
                            /* Feature Section Start */
/* ===================================================================== */

.feature-section{
    background-image: url(../img/service-banner.png);
    padding-block: 100px;
    background-repeat: no-repeat;
    background-size: cover;
}
.feature-heading-section{
    text-align: center;
    margin-bottom: 80px;
}
.feature-heading-badage{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    background-color: var(--bg-white);
    color: var(--bg-blue);
    border-radius: 17.5px;
    padding: 6px 12px;
}
.feature-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--bg-white);
    margin-block: 20px;
}
.feature-description{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--bg-white);
    max-width: 700px;
    margin-inline: auto;
    margin-bottom: 0;
}
.feature-icon-box{
    text-align: center;
}
.feature-icon svg{
    height: 60px;
}
.feature-icon-number{
    font-family: var(--bg-white);
    font-weight: 700;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--bg-white);
    margin-block: 20px 10px;
}
.feature-icon-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--bg-white);
    margin-bottom: 0;
}

/* ===================================================================== */
                            /* Feature Section End */
/* ===================================================================== */

/* ===================================================================== */
                            /* Service Section Start */
/* ===================================================================== */

.service-section{
    padding-block: 100px 70px;
}
.service-heading-badage{
    background-color: var(--light-blue);
    color: var(--bg-blue);
    padding: 6px 12px;
    border-radius: 17.5px;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}
.service-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--bg-black);
    margin-block: 20px 50px;
}
.service-item-image-section{
    overflow: hidden;
    transition: 0.4s;
    border-radius: 15px 15px 0 0 ;
}
.service-item-image-section img{
    transition: 0.4s;
}
.service-item-image-section:hover img{
    transform: scale(1.04);
    cursor: pointer;
}
.service-item-card-body{
    /* box-shadow: 0px 8px 50px 0px #0000001F;
    border-radius: 15px; */
    padding: 20px 30px 40px 30px;
}
.service-item-card{
    /* margin-bottom: 30px; */
    box-shadow: 0px 8px 50px 0px #0000001F;
    background: #ffffff;
    height: 90%;
    border-radius: 25px;
}
.service-item-name{
    font-family: var(--font-poppins);
    font-weight: 500;
    /* font-size: 22px; */
    font-size: 20px;
    line-height: 20px;
    color: var(--bg-black);
}
.service-item-description{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: var(--light-black);
    margin-block: 10px 30px;
    display: -webkit-box;
    line-clamp: 3;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;  
    overflow: hidden;
    /* height: 60px; */
}
.view-more-btn{
    background: linear-gradient(90deg, #DD1E25 0%, #FF3C6D 100%);
    padding: 10px 30px;
    border-radius: 21px;
    color: var(--bg-white);
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    transition: 0.4s;
    display: inline-block;
}
.view-more-btn:hover{
    color: var(--bg-white);
    cursor: pointer;
    transform: scale(0.95)
}
.c-gap-30{
    gap: 0px 0;
}

/* ===================================================================== */
                            /* Service Section End */
/* ===================================================================== */



/* ========================================================================================================= */
                                        /* Company Trust Section Start */
/* ========================================================================================================= */
.company-trust-section{
    position: relative;
    padding-block: 100px;
}
.company-trust-section:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-color: var(--light-white);
    width: 50%;
    height: 100%;
}
.company-trust-section:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    background-image: url(../img/company-trust.png);
    width: 50%;
    height: 100%;
    background-size: 100% 100%;
}
.company-trust-heading-badage{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--bg-blue);
    background-color: var(--light-blue);
    padding: 6px 12px;
    border-radius: 17.5px;
}
.company-trust-section .container-fluid{
    position: relative;
    z-index: 5;
}

.company-trust-section .company-trust-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    margin-block: 20px;
    max-width: 400px;
}
.company-trust-descrption{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: var(--light-black);
    max-width: 510px;
    margin-bottom: 0;
    text-align: justify;
}

.company-icon-item{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    max-width: 345px;
    width: 100%;
    margin-left: auto;
}
.company-icon-item:last-child{
    margin-bottom: 0;
}
.company-icon-section{
    background: linear-gradient(90deg, #DE1F28 0%, #FE3B6B 100%);
    height: 70px;
    width: 70px;
    border-radius: 100%;
}
.company-icon-section svg{
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    height: 30px;
    width: 30px;
}
.company-text-section .company-text{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0%;
    color: var(--bg-white);
}

/* ========================================================================================================= */
                                        /* Company Trust Section End */
/* ========================================================================================================= */


/* ========================================================================================================= */
                                        /* Information Section Start */
/* ========================================================================================================= */

.information-section{
    background-image: url(../img/information-image.png);
    padding-block: 100px;
    background-size: 100% 100%;
}
.left-information-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--bg-white);
    margin-bottom: 20px;
}
.left-information-description{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0%;
    color: var(--bg-white);
    max-width: 470px;
    margin-bottom: 0;
}   
.right-information-card{
    background-color: var(--bg-white);
    box-shadow: 0px 10px 100px 0px #0000001A;
    border-radius: 15px;
    padding: 40px 30px 50px 30px;
}

.right-information-header{
    display: flex;
    align-items: center;
    gap: 15px;
    /* width: 50%; */
}
#track-order-tab{
    max-width: 240px;
}
#check-service-tab{
    max-width: calc(100% - 240px);
}
.right-information-input{
    height: 30px;
}
.right-information-input input{
    position: relative;
    /* opacity: 0; */
    width: 30px;
    height: 30px;
    z-index: 0;
}
.right-information-input input::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    background-color: #FFE8E9;
}
.right-information-input input:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    height: 0px;
    width: 0px;
    border-radius: 15px;
    background-color: #DD1E25;
    transform: translate(-50% , -50%);
    z-index: 1;
}
.right-information-input input:checked:before{
    height: 15px;
    width: 15px;
}
.right-information-label{
    margin-bottom: 0;
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: var(--bg-black);
}
.right-information-card-header .nav-tabs .right-information-header{
    margin-bottom: 0;
}
.right-information-card-header .nav-tabs .right-information-header.active,
.right-information-card-header .nav-tabs .right-information-header:focus,
.right-information-card-header .nav-tabs{
    border: none;
}
.right-information-card-header .nav-tabs .right-information-header:focus-visible{
    outline: none;
}
.right-information-card-header .nav-tabs .right-information-header:hover{
    border: none;
    cursor: pointer;
}
.right-information-label:hover{
    cursor: pointer;
}
.right-information-card-header .nav-tabs{
    justify-content: space-between;
}
#track-order{
    margin-top: 30px;
}
#track-order .track_order_type,
#track-order .form-control{
    margin-bottom: 20px;
}
#track-order .track_order_type:focus,
#track-order .form-control:focus{
    box-shadow: none;
}
#track-order .track-btn{
    background: linear-gradient(90deg, #DD1E25 0%, #FF3C6D 100%);
    max-width: 320px;
    text-align: center;
    color: var(--bg-white);
    border-radius: 25px;
    width: 100%;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    padding: 12px;
    transition: 0.4s;
}
#track-order .track-btn:hover{
    transform: scale(0.95);
    color: var(--bg-white);
}
.hidden{
    display: none;
}
#check-service{
    margin-top: 30px;
}
#check-service .form-control:focus,
#check-service .form-select:focus{
    box-shadow: none !important;
}
#check-service .form-select,
#check-service .origin,
#check-service .destination,
#check-service .service_type,
#check-service .order_amount,
#check-service .customer_pincode,
#check-service .seller_pincode{
    margin-bottom: 20px;
}
#check-service .form-control{
    margin-bottom: 0;
}
#check-service .check-btn{
    background: linear-gradient(90deg, #DD1E25 0%, #FF3C6D 100%);
    max-width: 320px;
    text-align: center;
    color: var(--bg-white);
    border-radius: 25px;
    width: 100%;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    padding: 12px;
    transition: 0.4s;
    margin-inline: auto ;
}
#check-service .check-btn:hover{
    transform: scale(0.95);
    color: var(--bg-white);
}
#check-service .form-control,
#track-order .form-control,
#track-order .form-select,
#check-service .form-select{
    border: 1px solid #C7C7C7;
    border-radius: 5px;
}


/* ========================================================================================================= */
                                        /* Information Section End */
/* ========================================================================================================= */



/* ========================================================================================================= */
                                        /* Order Tracking Table Start */
/* ========================================================================================================= */

.order-tracking-section{
    padding-block: 50px;
    position: relative;
}

.order-tracking-section table{
    border-spacing: 0px 3px;
    border-collapse: separate;
}
.order-tracking-section th{
    background-color: var(--light-red);
    border-bottom: 1px solid var(--bg-red) !important;
    color: var(--bg-red);
    text-align: center;
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}
.order-tracking-section td{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--bg-grey);
    padding: 24px 12px;
    width: 200px;
    vertical-align: middle;
}
.order-tracking-section .bg-light-white td{
    background-color: var(--light-white);
    border: none;
}
.order-tracking-section .bg-light-blue td{
    background-color: var(--light-blue-2);
    border: none;
}

/* ========================================================================================================= */
                                        /* Order Tracking Table End */
/* ========================================================================================================= */


/* ========================================================================================================= */
                                        /* Quote Section Start */
/* ========================================================================================================= */

.quote-section{
    padding-block: 100px;
    background-color: var(--light-white);
}
.left-form-card{
    box-shadow: 0px 10px 100px 0px #0000001A;
    background-color: var(--bg-white);
    border-radius: 15px;
    padding: 50px 30px;
}
.left-quote-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0%;
    color: var(--bg-black);
    margin-bottom: 20px;
}
.left-quote-section .form-control{
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--light-black);
    margin-bottom: 20px;
    padding: 13px 20px;
}
.left-quote-section .form-control{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--light-black);
}
.left-quote-section .form-control:focus{
    box-shadow: none;
    border-color: var(--bg-red);
}
.left-quote-section .number-input input::-webkit-outer-spin-button,
.left-quote-section .number-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.left-quote-section .number-input input[type=number] {
  -moz-appearance: textfield;
}
.left-quote-section .submit-button{
    margin-block: 30px 10px;
}
.left-quote-section .submit-button .submit-btn{
    line-height: 20px;
}
.right-quote-section .right-quote-badage{
    background-color: var(--light-blue);
    padding: 6px 12px;
    color: var(--bg-blue);
    border-radius: 17.5px;    
}
.right-quote-section .right-quote-title{
    font-family: var(--font-poppins);
    font-weight: 600;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--bg-black);
    margin-block: 20px;
}
.right-quote-section .right-quote-description{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0%;
    color: var(--light-black);
    margin-bottom: 0;
    max-width: 420px;
}
/* ========================================================================================================= */
                                        /* Quote Section End */
/* ========================================================================================================= */

/* ========================================================================================================= */
                                        /* Footer Section Start */
/* ========================================================================================================= */

.footer{
   background-color: var(--bg-blue); 
}
.footer .footer-logo{
    max-width: 186px;
    width: 100%;
    margin-bottom: 20px;
}
.footer .footer-mail{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.footer .footer-mail a{
    color: var(--light-blue-3);
    width: calc(100% - 17px);
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.footer .btn-link{
    color: var(--light-blue-3);
    padding-inline: 0;
    display: block;
    text-align: left;
    padding-block: 3px;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.footer .footer-heading{
    margin-bottom: 10px;
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 22px;
    line-height: 25px;
    color: var(--bg-white);
}
.footer-description{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--light-blue-3);
}
.subscribe-section{
    position: relative;
}
.subscribe-input{
    outline: none;
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 50px);
    border-radius: 25px 0 0 25px;
    border: none;
    padding: 13px 30px 13px 20px;
}
.footer-go-btn{
    position:absolute;
    right: 0;
    border-radius: 25px;
    border: none;
    padding: 13px 25px;
    background: linear-gradient(90deg, #DD1E25 0%, #FF3C6D 100%);
    color: var(--bg-white);
}
.social-media-icon{
    display: grid;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
    grid-template-columns: repeat(4,1fr);
}

.btn-social{
    height: 40px;
    width: 40px;
    padding: 0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.copyright{
    border-top: 1px solid #4C69D3;
    padding-block: 20px;
    text-align: center;
    color: var(--light-blue-3);
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}
.copyright a{
    color: var(--light-blue-3);
}

.copyright a:hover{
    text-decoration: none;
}
/* ========================================================================================================= */
                                        /* Footer Section End */
/* ========================================================================================================= */


/* ========================================================================================================= */
                                        /* Common Css Start */
/* ========================================================================================================= */
.page-header{
    background: url(../img/about-us-banner.png) center center no-repeat;
    background-size: cover;
}
.comman-heading{
    font-family: var(--font-poppins);
    font-weight: 700;
    font-size: 70px;
    line-height: 90px;
    text-align: center;
    vertical-align: middle;
    background: linear-gradient(90deg, #DD1E25 0%, #4564D4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px;
}
.comman-header{
    padding-block: 77px 15px;
}
.comman-header .breadcrumb-item a{
    color: var(--bg-red); 
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}
.comman-header .breadcrumb-item.active{
    color: var(--bg-black);
}
.comman-header .breadcrumb-item+.breadcrumb-item::before{
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    color: var(--bg-red);
    font-weight: 600;
    font-size: 14px;
}
.tracking-order-page{
    position: relative;
}

.order-tracking-table{
    background-color: var(--bg-white);
}
.tracking-order-page:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain;
    width: 100%;
    height: 100%;
    background-image: url(../img/track-order-right.png);
    background-repeat: no-repeat;
    background-position: right center;
    z-index: -1;
}
.track-order-page{
    background-image: none;
    position: relative;
}
.track-order-page:after{
    position: absolute;
    top: 0;
    left: 0;
    max-width: 500px;
    background-image: url(../img/track-order-left.png);
    background-position: -200px 0%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    content: '';
    width: 100%;
}
.track-order-page .container-fluid .container{
    position: relative;
    z-index: 6;
    background-color: var(--bg-white);
}
.track-order-page .left-information-section .left-information-heading,
.track-order-page .left-information-section .left-information-description{
    color: var(--bg-black);
}

.comman-card{
    box-shadow: 0px 10px 100px 0px #0000001A;
    background-color: var(--bg-white);
    border-radius: 15px;
    padding: 40px 30px 50px 30px;
}
.partner-page{
    padding-block: 100px;
}

.partner-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0%;
    color: var(--bg-black);
}
.form-group-inline .form-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.form-group-inline.cheque input{
    max-width: calc(100% - 150px);
    width: 100%;
    margin-bottom: 0;
    height: 51.53px;
    line-height: 25px;
}
.form-group-inline.gst label{
    text-align: right;
    width: 130px;
}

.form-group-inline.gst input{
    max-width: calc(100% - 150px);
    width: 100%;
    height: 51.53px;
    margin-bottom: 0;
    line-height: 25px;
}
.form-group-inline.gumasta .form-group{
    justify-content: flex-start;
}
.form-group-inline.gumasta label{
    width: 90px;
}
.form-group-inline.gumasta input{
    max-width: calc(100% - 150px);
    width: 100%;
    margin-bottom: 0;
    height: 51.53px;
    line-height: 25px;
}
.confirm_btn_box .main_btn{
    background: linear-gradient(90deg, #DD1E25 0%, #FF3C6D 100%);
    color: var(--bg-white);
    padding: 15px 26px;
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    border: none;
    max-width: 320px;
    width: 100%;
    border-radius: 24px;
    transition: 0.4s;
}
.confirm_btn_box .main_btn:hover{
    transform: scale(0.95);
    color: var(--bg-white);
}
.contact-us-badage{
    padding: 6px 12px;
    color: var(--bg-blue);
    background-color: var(--light-blue);
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    border-radius: 17.5px;
}
.contact-us-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-style: Medium;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-block: 20px;
    color: var(--bg-black);
}
.contact-us-description{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 20px;
    color: var(--light-black);
    max-width: 530px;
}
.contact-page{
    padding-block: 100px;
}
.contact-form{
    background-color: var(--bg-white);
    padding: 50px 30px;
    box-shadow: 0px 10px 100px 0px #0000001A;
    border-radius: 15px;
}
.contact-us-form-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-style: Medium;
    font-size: 22px;
    line-height: 25px;
    color: var(--bg-black);
    margin-bottom: 20px;
}
.contact-form .send-btn{
    background: linear-gradient(90deg, #DD1E25 0%, #FF3C6D 100%);
    width: 100%;
    border-radius: 25px;
    padding: 12px;
    border: none;
    color: var(--bg-white);
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    transition: 0.4s;
}
.contact-form .send-btn:hover{
    transform: scale(0.95);
    color: var(--bg-white);
}
.log-in-page{
    padding-block: 100px;
}
.login-card{
    box-shadow: 0px 10px 100px 0px #0000001A;
    background-color: var(--bg-white);
    border-radius: 15px;
    padding: 50px 30px;
}
.login-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 20px;
}
.quick-response-section{
    background-image: url(../img/log-in-banner.png);
    padding-block: 106px;
    background-size: 100% 100%;
}
.quick-response-sub-heading{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--bg-white);
    margin-bottom: 10px;
}
.quick-response-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0%; 
    color: var(--bg-white);
}
.quick-response-btn{
    background-color: var(--bg-white);
    color: var(--color-red);
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    padding: 13px;
    max-width: 200px;
    width: 100%;
    border-radius: 25px;
    border: none;
    transition: 0.4s;
    position: relative;
}
.quick-response-btn:after{
      content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border-radius: 50px;
  border: 1px solid var(--bg-white);
}
.help-support-section{
    padding-block: 100px;
}
.help-support-card{
    box-shadow: 0px 10px 100px 0px #0000001A;
    background-color: var(--bg-white);
    border-radius: 15px;
    padding: 50px 30px;
}
.help-support-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0%;
    color: var(--bg-black);
    margin-bottom: 20px;
}
.left-help-support-section textarea{
    height: 100px;
}
.left-help-support-section .submit-btn{
    padding-block: 15px;
}
.right-help-support-badage{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--bg-blue);
    background-color: var(--light-blue);
    border-radius: 17.5px;
    padding: 6px 12px;
}
.right-help-support-heading{
    font-family: var(--font-poppins);
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    color: var(--bg-black);
    margin-block: 20px;
}
.right-help-support-description{
    font-family: var(--font-poppins);
    font-weight: 400;
    font-size: 15px;
    text-align: justify;
    line-height: 20px;
}
/* ========================================================================================================= */
                                        /* Common Css End */
/* ========================================================================================================= */