@import url(./common.css);
/* ---------------------topheader section start------------------------ */
#topheader {
    background-color: rgb(60, 60, 60);
    padding: 10px 0px;
    color: white;
    font-size: 15px;
}

#topheader span {
    font-size: 12px;
}

#topheader .icon {
    color: #F14C45;
    margin-right: 6px;
}

#topheader a {
    color: white;

}

/* ---------------------topheader section end------------------------ */
/* ---------------------Banner section start------------------------ */
#banner {
    background: url(../img/banner.svg) no-repeat scroll center;
    background-size: cover;
    height: 600px;
    position: relative;
}

#banner p {
    font-size: 23px;
    color: #0C43A0;
    font-weight: 600;
}

#banner .top-left {
    position: absolute;
    top: 50px;
    left: 50px;
}

#banner .top-right {
    position: absolute;
    top: 50px;
    right: 50px;
}

#banner .bottom-left {
    position: absolute;
    bottom: 50px;
    left: 50px;
}

#banner .bottom-right {
    position: absolute;
    bottom: 50px;
    right: 50px;
}

#banner .banner-content {
    position: absolute;
    top: 20%;
    text-align: center;
    left: 15%;
    right: 15%;
}

#banner .banner-content h1 {
    color: #0C43A0;
    font-weight: 670;
    line-height: 80px;
    letter-spacing: 2%;
    text-align: center;
}

#banner .banner-content p {
    font-size: 30px;
    line-height: 45px;
    max-width: 900px;
    margin-inline: auto;
}

#banner .banner-content p span {
    color: #F14C45;
}

#banner .banner-content .get-started-btn {
    font-weight: 600;
    font-size: 18px;
    padding: 10px 25px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 0 4px #000000A2;
}

/* ---------------------Banner section end------------------------ */
/* ---------------------exim-trade section start------------------------ */
#exim-trade {
    padding: 60px 50px;
    background-color: #F0F3FB;
}

#exim-trade div {
    font-size: 25px;
    line-height: 40px;
}

/* ---------------------exim-trade section end------------------------ */
/* ---------------------Solution section start------------------------ */
#solution {
    padding: 50px;
    /* background-color: #F0F3FB; */
    background-color: #Fff;
    font-size: 27px;
}

#solution .heading-para {
    font-size: 28px;
    font-weight: 500;
    line-height: 55px;
}

#solution ul li {
    font-size: 25px;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 15px;
}

/* ---------------------Solution section end------------------------ */
/* ---------------------Every-exporter section start------------------------ */
#every-exporter {
    background-color: white;
}

#every-exporter #every-exporter-right {
    padding: 50px 50px 20px 50px;
}

#every-exporter #every-exporter-right .exporter-heading {
    color: #f0524b;
    font-weight: bold;
    margin-bottom: 50px;
}

#every-exporter #every-exporter-right .exporter-list .item {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    /* background-color: #f8f9fc; */
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 50px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

#every-exporter #every-exporter-right .exporter-list .item .dot {
    position: absolute;
    left: -30px;
    top: 50%;
    /* transform: translateY(-50%); */
    height: 11px;
    width: 11px;
    background-color: #0051a2;
    border-radius: 50%;
}

#every-exporter #every-exporter-right .exporter-list .item .circle-num {
    min-width: 65px;
    min-height: 65px;
    line-height: 65px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
    font-weight: bold;
    margin-right: 15px;
    color: #0C43A0;
    font-size: 20px;
}

#every-exporter #every-exporter-right .exporter-list .item .exporter-text {
    color: #0C43A0;
    font-size: 17px;
    line-height: 25px;
    font-weight: 550;
}

/* ---------------------Every-exporter section end------------------------ */
/* ---------------------pricing section start------------------------ */
#pricing {
    background-color: #F0F3FB;
    padding: 80px 50px;
}

#pricing .col-lg-5 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
}

#pricing .col-lg-5 p {
    font-size: 16px;
    font-weight: 540;
    line-height: 33px;
}

#pricing .col-lg-7 .price {
    font-size: 15px;
    color: #f0524b;
}

#pricing .col-lg-7 .price .rupya-icon {
    font-size: 40px;
}

#pricing .col-lg-7 .price .rupya-number {
    font-size: 65px;
}

#pricing .col-lg-7 p {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

#pricing .pricing-link a {
    color: #0C43A0;
    font-weight: 500;
    font-size: 19px;
}

/* ---------------------pricing section end------------------------ */
/* ---------------------Supporters section start------------------------ */
#supporters {
    padding: 70px 0px;
    background-color: #F1F4FB;
    /* background: linear-gradient(to top left,
            rgba(155, 158, 230, 0.65) 0%,
            rgba(190, 205, 238, 0.4) 10%); */
    /* background: linear-gradient(to right, rgba(190, 205, 238, 0.5) 0%, rgba(155, 158, 230, 0.45) 34%) */
}

#supporters .promo-heading {
    font-weight: 600;
    color: #0C43A0;
    padding-bottom: 60px;
    font-family: "Poppins", sans-serif;
}

#supporters .promo-heading span {
    font-weight: 650;
    color: #F14C45;
}

/* ---------------------Supporters section end------------------------ */
/* ---------------------Fixed section start------------------------ */
.fixed-whatsapp {
    z-index: 1;
    position: fixed;
    bottom: 10px;
    right: 15px;
}

/* ---------------------Fixed section end------------------------ */

/* ---------------------Responsive section start------------------------ */
/* ---------------------min-width:1500px------------------------ */
@media screen and (min-width:1500px) {}

/* ---------------------min-width:1500px------------------------ */
/* ---------------------min-width:1400px------------------------ */
@media screen and (min-width:1400px) {}

/* ---------------------min-width:1400px------------------------ */
/* ---------------------max-width:1400px------------------------ */
@media screen and (max-width:1400px) {
    #solution {
        font-size: 25px;
    }

    #solution ul li {
        font-size: 20px;
        font-weight: 500;
        line-height: 42px;
        margin-bottom: 15px;
    }

    #pricing .col-lg-5 h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}

/* ---------------------max-width:1400px------------------------ */
/* ---------------------max-width:1300px------------------------ */
@media screen and (max-width:1300px) {

    #exim-trade div {
        font-size: 22px;
        line-height: 35px;
    }

}

/* ---------------------max-width:1300px------------------------ */
/* ---------------------max-width:1260px------------------------ */
@media screen and (max-width:1260px) {
    #banner .banner-content {
        left: 12%;
        right: 12%;
    }

    #solution ul li {
        font-size: 18px;
        line-height: 40px;
    }

    #pricing {
        padding: 70px 50px;
    }

    #pricing .col-lg-5 h2 {
        font-size: 27px;
        margin-bottom: 20px;
    }

    #pricing .col-lg-5 p {
        font-size: 15px;
        line-height: 30px;
    }

    #pricing .col-lg-7 .price {
        font-size: 13px;
    }

    #pricing .col-lg-7 .price .rupya-icon {
        font-size: 35px;
    }

    #pricing .col-lg-7 .price .rupya-number {
        font-size: 55px;
    }

    /* #pricing .col-lg-7 h4 {
        font-size: 20px;
    } */

    #pricing .col-lg-7 p {
        font-size: 14px;
        line-height: 25px;
    }

    #pricing .pricing-link a {
        font-size: 17px;
    }
}

/* ---------------------max-width:1260px------------------------ */
/* ---------------------max-width:1200px------------------------ */
@media screen and (max-width:1200px) {
    #exim-trade {
        padding: 50px 50px;
    }

    #exim-trade h3 {
        font-size: 24px;
    }

    #exim-trade div {
        font-size: 20px;
        line-height: 30px;
    }
}

/* ---------------------max-width:1200px------------------------ */
/* ---------------------max-width:1150px------------------------ */
@media screen and (max-width:1150px) {
    #exim-trade h3 {
        font-size: 22px;
    }

    #exim-trade div {
        font-size: 18px;
        line-height: 26px;
    }

    #solution ul li {
        font-size: 16px;
        line-height: 35px;
    }

    #pricing .col-lg-5 h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    #pricing .col-lg-5 p {
        font-size: 15px;
        line-height: 27px;
    }

    #pricing .col-lg-7 .price {
        font-size: 12px;
    }

    #pricing .col-lg-7 .price .rupya-icon {
        font-size: 32px;
    }

    #pricing .col-lg-7 .price .rupya-number {
        font-size: 50px;
    }

    #pricing .col-lg-7 h5 {
        font-size: 19px;
    }

    #pricing .col-lg-7 p {
        font-size: 13px;
        line-height: 22px;
    }
}

/* ---------------------max-width:1150px------------------------ */
/* ---------------------min-width:1100px------------------------ */
@media screen and (min-width:1100px) {}

/* ---------------------min-width:1100px------------------------ */
/* ---------------------max-width:1100px------------------------ */
@media screen and (max-width:1100px) {
    #banner {
        height: 550px;
    }

    #every-exporter #every-exporter-right {
        padding: 50px 30px 50px 50px;
    }
}

/* ---------------------max-width:1100px------------------------ */
/* ---------------------max-width:992px------------------------ */
@media screen and (max-width:992px) {
    #banner {
        height: 470px;
    }

    #banner p {
        font-size: 18px;
    }

    #banner .banner-content {
        left: 8%;
        right: 8%;
    }

    #banner .banner-content h1 {
        line-height: 65px;
    }

    #banner .banner-content p {
        font-size: 20px;
        line-height: 35px;
    }

    #exim-trade h3 {
        font-size: 20px;
    }

    #exim-trade div {
        font-size: 16px;
        line-height: 22px;
    }

    #solution .heading-para {
        font-size: 22px;
        line-height: 45px;
    }

    #pricing .col-lg-7 .col {
        max-width: 310px;
        margin: 20px auto;
    }
}

/* ---------------------max-width:992px------------------------ */
/* ---------------------max-width:768px------------------------ */
@media screen and (max-width:768px) {
    #banner {
        height: 370px;
    }

    #banner p {
        font-size: 16px;
    }

    #banner .top-left {
        top: 30px;
    }

    #banner .top-right {
        top: 30px;
    }

    #banner .bottom-left {
        bottom: 30px;
    }

    #banner .bottom-right {
        bottom: 30px;
    }

    #banner .banner-content {
        left: 10%;
        right: 10%;
    }

    #banner .banner-content .display-3 {
        font-size: 35px;
    }

    #banner .banner-content h1 {
        line-height: 45px;
    }

    #banner .banner-content p {
        font-size: 18px;
        line-height: 28px;
    }

    #banner .banner-content .get-started-btn {
        font-size: 14px;
    }

    #exim-trade h3 {
        font-size: 18px;
    }

    #exim-trade div {
        font-size: 15px;
        line-height: 20px;
    }
}

/* ---------------------max-width:768px------------------------ */
/* ---------------------max-width:641px------------------------ */
@media screen and (max-width:641PX) {

    #exim-trade {
        padding: 50px 30px;
    }

    #exim-trade h3 {
        font-size: 17px;
    }

    #exim-trade div {
        font-size: 14px;
    }

    #solution .heading-para {
        font-size: 18px;
        line-height: 35px;
    }

    #pricing {
        padding: 50px 30px;
    }

    #pricing .col-lg-5 h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    #pricing .col-lg-7 .price {
        font-size: 12px;
    }

    #pricing .col-lg-7 h5 {
        font-size: 18px;
    }


    #pricing .pricing-link a {
        font-size: 16px;
    }
}

/* ---------------------max-width:641px------------------------ */
/* ---------------------max-width:576px------------------------ */
@media screen and (max-width:576PX) {

    #topheader {
        display: none;
    }

    #banner p {
        font-size: 15px;
    }

    #banner .top-left {
        top: 25px;
        left: 20px;
    }

    #banner .top-right {
        top: 25px;
        right: 20px;
    }

    #banner .bottom-left {
        bottom: 25px;
        left: 20px;
    }

    #banner .bottom-right {
        bottom: 25px;
        right: 20px;
    }

    #banner .banner-content {
        left: 8%;
        right: 8%;
    }

    #banner .banner-content .display-3 {
        font-size: 30px;
    }

    #banner .banner-content h1 {
        line-height: 40px;
    }

    #banner .banner-content p {
        font-size: 16px;
        line-height: 25px;
        margin: 16px 0px;
    }

    #banner .banner-content .get-started-btn {
        font-size: 13px;
        padding: 7px 12px;
    }

    #exim-trade h3 {
        font-size: 15px;
    }

    #exim-trade div {
        font-size: 12px;
        line-height: 25px;
    }

    #solution {
        padding: 40px 30px;
        font-size: 18px;
    }

    #solution h3 {
        font-size: 20px;
    }

    #solution .heading-para {
        font-size: 14px;
        line-height: 30px;
    }

    #every-exporter #every-exporter-right {
        padding: 40px 25px 40px 50px;
    }

    #pricing {
        padding: 40px 30px;
    }

    #pricing .col-lg-5 h2 {
        font-size: 20px;
    }

    #pricing .col-lg-5 p {
        font-size: 15px;
    }

    #pricing .col-lg-7 .col {
        max-width: 310px;
        margin: 20px auto;
    }

    #supporters {
        padding: 40px 0px;
    }

    #supporters .promo-heading {
        padding-bottom: 30px;
        font-size: 20px;
    }
}

/* ---------------------max-width:576px------------------------ */
/* ---------------------max-width:500px------------------------ */
@media screen and (max-width:500px) {
    #banner {
        height: 330px;
    }

    #banner p {
        font-size: 12px;
    }

    #banner .banner-content .display-3 {
        font-size: 25px;
    }

    #banner .banner-content h1 {
        line-height: 35px;
    }

    #banner .banner-content p {
        font-size: 13px;
        line-height: 22px;
    }

    #banner .banner-content button {
        font-size: 12px;
    }

    #solution {
        padding: 25px 20px;
        font-size: 15px;
        line-height: 27px;
    }

    #solution h3 {
        font-size: 18px;
    }

    #solution ul {
        padding-left: 10px;
    }

    #solution ul li {
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    #solution .heading-para {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 0;
    }

    #every-exporter #every-exporter-right {
        padding: 10px 40px 20px 50px;
    }

    #every-exporter #every-exporter-right .exporter-heading {
        font-size: 18px;
        margin-bottom: 20px;
    }

    #every-exporter #every-exporter-right .exporter-list {
        margin-left: 20px;
    }

    #every-exporter #every-exporter-right .exporter-list .item {
        margin-bottom: 15px;
    }

    #every-exporter #every-exporter-right .exporter-list .item .dot {
        width: 8px;
        height: 8px;
    }

    #every-exporter #every-exporter-right .exporter-list .item .circle-num {
        min-width: 45px;
        min-height: 45px;
        line-height: 45px;
        font-size: 15px;
    }

    #every-exporter #every-exporter-right .exporter-list .item .exporter-text {
        font-size: 14px;
        line-height: 18.5px;
    }

    #supporters {
        padding: 30px 0px;
    }
}

/* ---------------------max-width:500px------------------------ */
/* ---------------------max-width:450px------------------------ */
@media screen and (max-width:450px) {
    #banner {
        height: 310px;
    }

    #banner p {
        font-size: 10px;
        margin-bottom: 0px;
    }

    #banner .top-left {
        top: 22px;
    }

    #banner .top-right {
        top: 22px;
    }

    #banner .bottom-left {
        bottom: 22px;
    }

    #banner .bottom-right {
        bottom: 22px;
    }

    #banner .banner-content .display-3 {
        font-size: 21px;
    }

    #banner .banner-content h1 {
        line-height: 30px;
    }

    #banner .banner-content p {
        font-size: 14px;
        line-height: 26px;
        font-weight: 500;
        margin: 13px auto;
    }

    #exim-trade {
        padding: 30px 30px;
    }

    #banner .banner-content .get-started-btn {
        padding: 6px 12px;
        margin-top: 5px;
    }

    #solution ul li {
        font-size: 12px;
    }

    #pricing {
        padding: 30px 30px;
    }

    #pricing .col-lg-5 h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    #pricing .col-lg-5 p {
        font-size: 12px;
        line-height: 20px;
    }

    #pricing .col-lg-7 .col {
        max-width: 285px;
        margin: 10px auto;
    }

    #pricing .col-lg-7 .price {
        font-size: 11px;
    }

    #pricing .col-lg-7 h5 {
        font-size: 15px;
    }

    #pricing .col-lg-7 p {
        font-size: 11px;
        line-height: 19px;
    }

    #pricing .pricing-link a {
        font-size: 12px;
    }

    #supporters .promo-heading {
        padding-bottom: 30px;
        font-size: 18px;
    }
}

/* ---------------------max-width:450px------------------------ */
/* ---------------------max-width:405px------------------------ */
@media screen and (max-width:405px) {
    #solution h3 {
        font-size: 15px;
    }

    #banner .banner-content p {
        max-width: 282px;
        margin-inline: auto;
    }

    #banner .banner-content .get-started-btn {
        font-size: 11px;
        border-radius: 4px;
        font-weight: 530;
    }

    #every-exporter #every-exporter-right .exporter-list .item .exporter-text {
        font-size: 12px;
        line-height: 18.5px;
    }
}

/* ---------------------max-width:405px------------------------ */
/* ---------------------max-width:355px------------------------ */
@media screen and (max-width:355px) {

    #every-exporter #every-exporter-right {
        padding: 30px 20px 20px 30px;
    }

}

/* ---------------------max-width:355px------------------------ */
/* ---------------------Responsive section end------------------------ */