/*  #############              CONTACT  IN CSS START           ################          */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/*#############                CONTACT  IN CSS END           ################          */


/* COMMON  SECTION START */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* @import url('./NewOrder-Medium.ttf'); */

@font-face {
    font-family: NewOrderMedium;
    src: url('./NewOrder-Medium.ttf');
    /* font-weight: bold; */
}

@font-face {
    font-family: NewOrderbold;
    src: url('./NewOrder-Bold.ttf');
}

@font-face {
    font-family: NewOrderRegular;
    src: url('./NewOrder-Regular.ttf');
}

@font-face {
    font-family: NewOrdersemibold;
    src: url('./NewOrder-Semibold.ttf');
}


/* @font-face {
  font-family: "Rubik";
  src: url('./NewOrder-Medium.ttf');
} */


/*! SAMIR ADDITIONAL CSS  START*/

.contact-circle {
    left: 7rem;
    width: 5rem;
    transform: rotate(90deg);
}

.contact-btn {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 16px;
    background: #BED9F6;
    border: 2px solid #070707;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000000;
    padding: 15px 8px;
}

.singup-singin-circle {
    position: absolute;
    left: 8rem;
    top: 10rem;
    z-index: -1;
    width: 5rem;
}

.applyCoponBtn {
    background-color: #439ED7;
    color: #FDFDFF;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: large;
    text-align: center;
    width: 16rem;
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    margin-left: -2px;
}

#term-ck {
    width: 20px;
    height: 20px;
    margin-right: 20px;
}

.checkBox {
    display: inline;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.cheoutInputBox {
    width: 65% !important;
}

.end-0 {
    right: 0 !important;
    top: -7px !important;
}

.start-0 {
    left: 0 !important;
    bottom: -6px !important;
}


/*! SAMIR ADDITIONAL CSS  END*/


/* COMMON  SECTION END */

.newOrder-M {
    font-family: "Rubik" !important;
}

.newOrder-B {
    font-family: "Rubik" !important;
}

.newOrder-R {
    font-family: "Rubik" !important;
}

.newOrder-SB {
    font-family: "Rubik" !important;
}

.f-s-32 {
    font-size: 32px;
}

.lh-42 {
    line-height: 42px;
}

.lh-23 {
    line-height: 23px;
}

.inter-regular {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

.primary-btn {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    background: #439ED7;
    padding: 16px 24px;
    border: 2px solid #070707;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FDFDFF;
    gap: 11px;
}

#term-ck {
    width: 20px;
    height: 20px;
    margin-right: 20px;
}

.secondary-btn {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #070707;
    background: #FDFDFF;
    padding: 16px 24px;
    border: 2px solid #070707;
    gap: 11px;
}

#so {
    display: none;
}

.mb-show {
    display: none;
}

.pointer {
    cursor: pointer;
}

.width-51 {
    width: 50%;
}

.container {
    width: 100%;
    max-width: 1440px !important;
}

.bg-439 {
    background-color: #439ED7 !important;
}

.blue-439 {
    color: #439ED7 !important;
}

.black-070 {
    color: #070707 !important;
}

.black-393 {
    color: #393939 !important;
}


/*  */

.fx-18 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #070707;
}
.fs-14-14 {
    font-size: 14px;
    line-height: 29px;
}
.fs-20-20 {
    font-size: 20px;
    line-height: 29px;
}

.f-s-18 {
    font-size: 18px;
}

.f-s-64 {
    font-size: 64px;
}

.lh-77 {
    line-height: 77px;
}

.lh-26 {
    line-height: 26px;
}

.fs-18-14 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #393939;
}

.fs-20-14,
.fs-20-16,
.fs-20-18 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    /* text-align: justify; */
    color: #3C3C3C;
}

.text-justify {
    text-align: justify;
}


/*  */


/* HEADER CSS START */

.main-header {
    width: 100vw;
    background: white url("../images/Mobile_Nav_Header.png") no-repeat right;
    background-size: 60% 100%;
    height: 146px;
    position: fixed;
    top: 0;
    padding-top: 40px;
    z-index: 999;
}

.header-nav-ul {
    list-style: none;
}

.header-nav-ul>li {
    float: left;
    margin-right: 2vw;
}

.header-nav-ul>li>a {
    text-decoration: none;
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #070707;
}

.right-nav-circle-ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5vw;
}

.right-nav-circle-ul>li {
    margin-left: 1vw;
}

.gbp-circle {
    width: 62px;
    height: 62px;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    border: 3px solid black;
    background-color: white;
    color: #070707;
}

.gbp-circle:hover {
    background-color: white !important;
    color: #070707 !important;
}

.gbp-circle.show {
    background-color: white !important;
    color: #070707 !important;
}

.gbp-circle::after {
    display: none !important;
}

.card-circle {
    position: relative;
}

.add-count {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 44px;
    top: -2px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.05em;
    border-radius: 200px;
    border: 2px solid #070707;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.shoping-card-frame {
    position: absolute;
    height: 80vh;
    max-height: 760px;
    right: -97px;
    width: 100vw;
    margin-top: 30px;
    max-width: 708px;
    background: #FDFDFF;
    padding: 60%;
    border: 2px solid #070707;
    display: none;
}


/* HEADER CSS END */


/*  */


/*  */


/* HOME HERO CSS START */

.home-hero-section {
    padding: 186px 0 104px;
    max-height: 788px;
    /* border: 2px solid red; */
    background: #FDFDFF url(../images/Home-bg-fixed-img.png)no-repeat center;
    background-size: cover;
}

.fs-64-36 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 64px;
    line-height: 77px;
}

.home-bottm-100 {
    padding-bottom: 100px;
}


/* HOME HERO CSS END */

.heading-shop {
    background: url("../images/Subpage_Header-shop.jpg");
    background-size: 100% 100%;
    height: 157px;
    margin-top: 171px;
}

.term-section {
    margin-bottom: 60px;
}

.sub-privacy-hed {
    width: 100%;
    max-width: 1257px;
    margin-top: 141px;
}

.terms-condtion-text {
    width: 100%;
    max-width: 1257px;
    padding: 0;
    color: #070707;
    margin: 30px 0;
    border-radius: 10px;
    /* text-align: justify !important; */
    white-space: pre-line;
    /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    /* word-wrap: break-word; */
}

.fs-48-32,
.fs-48-24 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 58px;
    color: #070707;
}


/* ----------------- ERROR PAGE START ---------------------- */

.error-hero-section {
    height: clamp(600px, 100vh, 1080px);
    background: #FDFDFF url("../images/ProductItembg.png") no-repeat top;
    background-size: contain;
    position: relative;
    z-index: -1;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-hero-section::after {
    position: absolute;
    content: "";
    width: 148px;
    height: 107px;
    left: 171px;
    top: 42.5%;
    background: url("../images/Circle_Grid_Decor_Horizontal.png") center no-repeat;
    background-size: contain;
    z-index: -1;
    transform: rotate(90deg)
}

.error-frame {
    margin-top: 7vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.erro-img-circle {
    width: 21.5vw;
    max-width: 400px;
}


/* ----------------- ERROR PAGE END ---------------------- */


/* ?======================== DASHBORARD MY DETAILS START ============================== */

.text-end-cmb {
    text-align: end;
}

.welcome-back-frame {
    margin-top: 80px;
}

.form-main-frame {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
    border-top: 2px solid #070707;
    background: #F2F7FD;
    margin-bottom: 100px;
}

.permition-info {
    background: #E8F1FC;
    padding: 56px 3.5% 3.5%;
}

.address-det {
    padding: 56px 3.5% 3.5%;
    height: 100%;
    background: #F2F7FD;
}

.fx-32 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    display: flex;
    align-items: center;
    color: #070707;
}

.InputBox {
    background: #FDFDFF;
    border: 2px solid #000000;
    padding: 18px 26px;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #393939;
    opacity: 0.6;
}

.input-form-frame {
    margin-top: 16px;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 22.5px;
}


/* ?======================== DASHBORARD MY DETAILS END ============================== */


/*  */


/* ?======================== DASHBORARD MY ORDER PAGE START ============================== */

.myorder-table-frame {
    border-top: 2px solid #070707;
}

.fx-24 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #070707;
}

.myorderTable {
    width: 100%;
}

.myorderTable>thead {
    background: #D3E5F9;
}

.myorderTable>thead>tr>th,
.pd-24 {
    padding: 20px 40px;
}

.table-body>tr:nth-child(odd) {
    background: #F2F7FD;
    border-radius: 0;
}

.table-body>tr:nth-child(even) {
    background: #E8F1FC;
    border-radius: 0;
}

.fx-20 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #393939;
}

.mw-200 {
    max-width: 200px;
}

.pagination-order {
    padding: 40px 0;
}

.pagination-order>ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    list-style: none;
}

.page-no {
    color: #3378A4;
    opacity: 0.5;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
}

.active-page {
    color: #070707 !important;
}

.fx-48 {
    font-weight: 500;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    color: #070707;
}

.bg-D3E {
    background: #D3E5F9 !important;
}

.bg-E8F {
    background: #E8F1FC !important;
}

.bg-F2F {
    background: #F2F7FD !important;
}

.py-40 {
    padding: 40px 0 !important;
}

.fx-16 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #393939;
}

.desk-flex {
    display: flex;
}


/* ?======================== DASHBORARD MY ORDER PAGE END ============================== */


/* ?======================== Your payment was successful PAGE END ============================== */

.payment-unsuccess-frame {
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-box {
    width: 100%;
    max-width: 549px;
    height: 170px;
}

.card-box:nth-child(odd) {
    background: #E8F1FC;
}

.card-box:nth-child(even) {
    background: #F2F7FD;
}

.card-img {
    width: 150px;
}

.card-img>img {
    margin: 24px;
}

.fs24-14 {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #070707;
}

.fs-24-18,
.fs-24-32 {
    font-size: 24px;
    line-height: 29px;
}

.blue-337 {
    color: #3378A4 !important;
}

.qty-box {
    background: #FDFDFF;
    border: 2px solid #3378A4;
    padding: 8px;
}

.mb-flex {
    display: none;
}

.qyt-price-frame {
    width: 85%;
}

.green-50A {
    color: #50A433 !important;
}

.right-content-payment {
    max-width: 550px;
    width: 100%;
}

.fs-32-20,
.fs-32-24 {
    font-size: 32px;
    line-height: 42px;
}

.fs-18-16 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #393939;
}

.fw-500 {
    font-weight: 500 !important;
}

.first-row {
    margin-top: 10px;
    padding-top: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.red-A43 {
    color: #A43333 !important;
}


/* ?======================== Your payment was successful PAGE END ============================== */


/* SIGNUP */

.custom-signup-header {
    background: none;
    /* padding-top: 10px !important; */
}

.signup-section {
    padding: 200px 0 100px;
    background: #FDFDFF !important;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.top-right-bg {
    position: absolute;
    top: 0;
    right: 0;
}

.bg-doted-signup {
    position: absolute;
    top: 120px;
    right: 31px;
    width: 61px;
    height: 44.1px;
}

.signup-wrapper {
    display: flex;
}
.signup-right{
widows:50% ;
}
.signup-right>.right-img {
    /* object-fit: cover; */
    position: relative;
    z-index: 99;
    width: 100%;
    height: 100%;
}

.signup-left {
    /* width: 50%; */
    padding: 52px;
    background-color: #F2F7FD;
    border: 2px solid #070707;
}

.signup-left>.top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.signup-left>.top>h3 {
    padding-bottom: 10px;
}

.signup-left>.middle>p>b,
.signup-left>.top>div>p>span {
    text-decoration: underline;
}

.signup-left>.middle>p {
    margin: 10px 0 34px;
}

.signup-left>.bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* FOOTER */

.footer-wrapper {
    background-color: #F2F7FD;
    padding: 80px 0px 60px 0px;
    text-align: left;
    position: relative;
}

.footer-wrapper>.footer-l {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 11;
}

.footer-wrapper>.circle-grid {
    position: absolute;
    right: 95px;
    top: -32px;
    z-index: 9;
}

.footer-div>img {
    margin-bottom: 24px;
}

.footer-div>h4 {
    margin-bottom: 16px;
}

.footer-div>h6 {
    margin-bottom: 8px;
}
.footer-div>h6.inter-regular:hover {
	cursor: pointer;
}
.text-center-mb {
    text-align: left !important;
}

.w-45 {
    width: 45% !important;
}


/* PRODUCT ITEM PAGE */

.product-hero-section {
    padding: 184px 0 100px 0;
    background: url(../images/Product_Herobg-img.png) no-repeat top;
    background-size: cover;
}

.product-content-frame {
    width: 100%;
    max-width: 708px;
}

.product-image {
    width: 40%;
    display: flex;
    justify-content: start;
    align-items: center;
    /* padding: 0 5%; */
}

.product-image>img {
    width: 100%;
    max-width: 434px;
}

.product-content {
    width: 60%;
    display: flex;
    justify-content: start;
    align-items: center;
}

.add-to-cart-btn {
    color: #070707;
    background: #FDFDFF;
    padding: 16px;
    border: 2px solid #070707;
}

.add-to-cart-btn>span {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
}

.add-to-cart-btn>span::after {
    content: url("../images/Add_To_Cart_Icon.svg");
    vertical-align: middle;
    margin-left: 11px;
}

.display-none {
    display: none;
}

.title-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #439ED7;
    margin-bottom: 8px;
}

.heading-text {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    color: #070707;
    margin-bottom: 0;
}

.product-item-page>.upper-section {
    margin-bottom: 100px;
}

.product-item-page>.upper-section>.row>.image-frame>img {
    height: 100%;
}

.product-item-page>.upper-section>.row>.info-section {
    width: 799px;
    padding-left: 72px;
}

.product-item-page>.upper-section>.row>.info-section>h1 {
    font-size: 64px;
    line-height: 77px;
    color: #070707;
    font-weight: 500;
    margin: 16px 0 32px;
}

.product-item-page>.upper-section>.row .info-section>.info-para-one {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    color: #393939;
    margin-bottom: 16px;
}

.product-item-page>.upper-section>.row .info-section>.info-para-two {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #393939;
    margin-bottom: 32px;
}

.product-item-page>.upper-section>.row .info-section>.btn-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-item-page>.upper-section>.row .info-section>.btn-section>.dropdown {
    border: 2px solid #3378A4;
    padding: 20px 16px;
}

.product-item-page>.upper-section>.row .info-section>.btn-section>.dropdown>.dropdown-toggle {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-transform: uppercase;
    color: #070707;
    padding: 0;
}

.product-item-page>.upper-section>.row .info-section>.bottom-btn {
    display: none;
}

.product-item-page>.upper-section>.row .info-section>.btn-section>.right-section {
    display: flex;
    align-items: center;
}

.product-item-page>.upper-section>.row .info-section>.btn-section>.right-section>span {
    font-weight: 500;
    font-size: 48px;
    line-height: 58px;
    color: #3378A4;
    margin-right: 24px;
}

.product-item-page>.lower-section-container {
    padding: 80px 0;
    background-color: #F2F7FD;
}

.product-item-page>.lower-section-container>.lower-section {
    text-align: center;
}

.product-item-page>.lower-section-container>.lower-section>.title {
    margin-bottom: 32px;
}

.cards-section,
.product-item-page>.lower-section-container>.lower-section>.cards-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.product-item-page>.lower-section-container>.lower-section>.cards-section>.card {
    padding: 48px 48px 40px;
    border: 2px solid #070707;
    background: linear-gradient(0deg, #D3E5F9, #D3E5F9), linear-gradient(0deg, #070707, #070707);
    border-radius: 0;
    margin-right: 19px;
}

.product-item-page>.lower-section-container>.lower-section>.cards-section>.card>.card-img-top {
    width: 225px;
    object-fit: contain;
    margin-bottom: 24px;
}

.product-item-page>.lower-section-container>.lower-section>.cards-section>.card>.card-body {
    padding: 0 !important;
}

.product-item-page>.lower-section-container>.lower-section>.cards-section>.card>.card-body>.card-title {
    font-family: "Rubik";
    font-style: normal;
    font-size: 31px;
    line-height: 42px;
    text-align: center;
    font-weight: 500;
    color: #000000;
    margin-bottom: 16px;
}

.product-item-page>.lower-section-container>.lower-section>.cards-section>.card>.card-body>.card-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    color: #171717;
    margin-bottom: 24px;
}

.product-item-page>.lower-section-container>.lower-section>.cards-section>.card>.card-body>.card-bottom-div>.card-bottom-amount {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    color: #3378A4;
}


/*?  ======================================== ABOUT PAGE CSS START ================================== */

.about-hero-section {
    background: #FDFDFF url("../images/aboutusPage-Hero_wrapper.png") no-repeat top;
    background-size: cover;
}

.about-hero-sub-section {
    padding: 9vw 0 40px;
}

.about-col:first-child {
    width: 40%;
    max-width: 542px;
    z-index: 37;
    position: relative;
}

.about-col:last-child {
    width: 60%;
    max-width: 890px;
}

.lh-16 {
    line-height: 19px !important;
}


/* ---------------- BUSNESS KNOWLEDEG SECTIN START ---------------- */

.about-business-secton {
    height: auto;
    padding: 40px 0;
    position: relative;
    background: #F2F7FD;
    z-index: 10;
}

.about-business-secton::after {
    content: "";
    position: absolute;
    background: url("../images/about-secon-bg-dot.png") no-repeat;
    background-size: contain;
    width: 148px;
    height: 107px;
    top: -23px;
    left: 41.5%;
    z-index: -1;
}

.abour-sec-left-top,.abour-sec-left-top3,.abour-sec-left-top2 {
    position: absolute;
    left: 0;
    top: -211px;
    z-index: 99;
    width: 5.2%;
    z-index: -9;
}
.abour-sec-left-top2{
    top: -95px !important;
}
.abour-sec-left-top3 {
    top: -140px !important;
}
.abour-sec-right {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 7%;
}


/* ---------------- BUSNESS KNOWLEDEG SECTIN END ---------------- */


/* ----------------- ITS TIME TO BEGAIN YOUR BUSSENS SECTION START ------------ */

.mw-549 {
    max-width: 549px;
    width: 100%;
}

.about-business-jurny-secton {
    /* background: #FDFDFF url("../images/Journey_Block.png") no-repeat center; */
    /* background-size: cover; */
    padding: 30px 0 0;
}

.time-to-begain-line {
    position: absolute;
    bottom: -5px;
    left: -183px;
}


/* ----------------- ITS TIME TO BEGAIN YOUR BUSSENS SECTION END ------------ */


/*?  ======================================== ABOUT PAGE CSS END ================================== */


/* ! ======================= HIGHLIGHTS SECTION CSS START style.css ========================================= */

.heghlight-section-so {
    padding: 98px 0 0;
    position: relative;
    height: 400px;
}

.heghlight-section-so::after {
    position: absolute;
    width: 148px;
    height: 107px;
    right: 180px;
    top: 1px;
    content: "";
    background: url("../images/hight-so-bg.png") no-repeat center;
    background-size: contain;
    z-index: -1;
}

.higheBox {
    height: 250px;
    width: 100%;
    max-width: 354px;
    /* border: 2px solid red; */
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.higheBox:nth-child(2) {
    background: #D3E5F9;
}

.higheBox:nth-child(4) {
    background: #E8F1FC;
}

.higheBox:nth-child(odd) {
    background: #F2F7FD;
}

.line-first-box {
    position: absolute;
    left: -7px;
    top: 0;
}

.line-sceond-box {
    position: absolute;
    right: -6px;
    top: -26px;
    z-index: 99;
}

.line-third-box {
    position: absolute;
    right: -6px;
    top: 0;
    z-index: 99;
}

.higheBox>h2 {
    height: auto;
}

.fs-32-20 {
    font-family: "Rubik";
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    color: #070707;
}

.fs-18-16 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #393939;
}

.mx-w-251 {
    width: 100%;
    max-width: 251px;
}

.mw-480 {
    max-width: 480px !important;
}


/* ! ======================= HIGHLIGHTS SECTION CSS END style.css========================================= */


/*? ================= --------- RELATE PRODUCTS CARD SECTION START ===================== */

.product-card-section {
    padding: 80px 0;
}

.priduct-card-frame {
    padding-top: 16px;
}

.product-card {
    width: 100%;
    max-width: 467px;
    padding: 3% 2.6%;
    background: #D3E5F9;
    border: 2px solid #070707;
}

.card-width {
    width: 32%;
    max-width: none;
}


/*? ================= --------- RELATE PRODUCTS CARD SECTION PAGE END  ===================== */


/* HOMW PAGE CSS START -===================================== */

.home-bottm-100 {
    padding-bottom: 100px;
}

.highlight-home-hed {
    padding: 40px 0;
}


/* HOME PAGE CSS END =================================================*/


/* FAQ */

.faq-wrapper {
    margin: 40px 0 100px;
}

.accordion-button:focus {
    box-shadow: none;
}

.faq-accordion-item {
    border: none;
    position: relative;
}

.faq-accordion-item>.line {
    position: absolute;
    z-index: 3;
    width: 102%;
    top: -7px;
    right: 0;
}

.faq-accordion-item>.line.rev {
    transform: rotate(180deg);
    left: 0;
    right: auto;
}

.accordion-body {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #393939;
    padding: 16px 80px 64px;
}

.faq-accordion-button {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #070707 !important;
    /* padding: 64px 80px 16px; */
    align-items: flex-start;
}

.faq-accordion-button.collapsed {
    padding: 64px 80px;
}

.accordion-button:not(.collapsed) {
    padding: 64px 80px 16px;
}

.accordion-button,
.faq-accordion-item>.accordion-header {
    background-color: #F2F7FD;
}

.accordion-button:not(.collapsed),
.accordion-collapse.collapse {
    background-color: #D3E5F9;
    box-shadow: none;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    background-image: url("../images/down-arrow.png");
    margin-left: 100px;
    background-repeat: no-repeat;
    background-size: 52px 52px;
    width: 52px;
    height: 52px;
}


/* ======================== shop PAGE START  ================================ */

.width-33 {
    width: 32%;
}

#shop-ck-sign {
    width: 26px;
    height: 26px;
}

#shop-ck {
    width: 20px !important;
    height: 20px !important;
    accent-color: black;
}

.button-serch-icon::after {
    background: url(../images/MagnifyingGlass.png) !important;
    background-size: contain;
    width: 27px;
    height: 27px;
    border: none !important;
    margin-right: 10px;
}

.shop-accordion {
    display: none;
}


/* ======================== shop PAGE END  ================================ */


/*#############  CHECKOUT CSS START  ################          */

.with-107 {
    width: 107% !important;
}

.mx-width {
    width: 100%;
    max-width: 549px;
}

.cheoutInputBox {
    width: 65% !important;
}

.end-0 {
    right: 0 !important;
    top: -7px !important;
}

.start-0 {
    left: 0 !important;
    bottom: -6px !important;
}

.checkout-right {
    display: flex;
    flex-direction: column;
    align-items: end;
    /*  */
}

.chang-icon-drop {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid black;
    /* border-bottom: 1px solid transparent; */
}

.chang-icon-drop::after {
    background: url(../images/down-Arrow-drop.png) no-repeat center !important;
    background-size: contain;
    width: 32px;
    height: 32px;
    border: none !important;
    box-shadow: none !important;
    content: "";
}

.all-drop-down-fram {
    margin-bottom: 30px;
}

.add-negative-m {
    width: 100.1% !important;
    margin-top: -13px !important;
    /* margin-left: .5px !important; */
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    border-top: 1px solid transparent;
    border-radius: 0 0 5px 5px;
}

.add-negative-m2 {
    width: 100% !important;
    margin-top: -13px !important;
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    border-top: 1px solid transparent;
    border-radius: 0 0 5px 5px;
}
.form-contact-bg{
    left: -11%;
    position: absolute;
    top: 32%;
    z-index: -1;
}
.fs-24-20 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 24px !important;
    line-height: 29px !important;
    /* identical to box height, or 25px */
    text-align: center;
    /* Black */
    color: #070707;
    gap: 11px;
}

.contact-bg-section {
    background: #FDFDFF url(../images/Contact-bg-img.png) no-repeat top !important;
    background-size: cover;
}

.mw-500 {
    max-width: 500px;
}

.text-tr-none {
    text-transform: none;
}

.float-adjest {
    float: right;
    margin-right: 7%;
}

.sec-golob-home-bg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.growth-rson-section-img {
    position: absolute;
    left: 4%;
    top: -29px;
    object-fit: contain;
}

.highlight-cd-img {
    position: absolute;
    top: 0;
    object-fit: contain;
    right: 10.4%;
}

.add-bg-included {
    background: #FDFDFF url(../images/Included_Block-bg-img.png) no-repeat top;
    background-size: cover;
    padding-top: 50px !important;
}

.after-mk-none::after {
    display: none !important;

}
.top-left-bg{
    position: absolute;
    left: 5%;
    top:150px ;
    width: 107px;
    height: 148px;
    z-index: -1;
}
.add-shadow{
    /* box-shadow: 0 0 1px 1px #439ED7; */
    /* outline: 2px solid #439ED7; */
}

.tttoooppp {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.botttom {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
/*#############  CHECKOUT CSS END  ################*/







@media (min-width:820px) and (max-width:1300px) {
    .f-s-32{
        font-size: 28px;
    }
}