/* INCLUDE FONT */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&family=Inter:wght@300;400;500;600&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&family=Inter:wght@300;400;500;600&family=Michroma&family=Poppins&display=swap');

html {}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
}

a:focus,
a:hover {
    text-decoration: none;
}

.mw-1255 {
    width: 100%;
    max-width: 1255px;

}

.black-color-212 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #212121;
}

.bg-212 {
    background: #212121;
}
.bg-smok-radi{

    background: radial-gradient(137.35% 119.9% at 93.43% 423.49%, #FFFFFF 0%, rgba(208, 209, 211,.2) 100%);
}
body {}

.poppins-bold,
.poppins-medium,
.poppins-regular,
.poppins-semibold {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
}

.poppins-medium {
    font-weight: 500;
}

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

.poppins-semibold {
    font-weight: 600;
}

.poppins-bold {
    font-weight: 700;
}

.michroma-regular,
.michroma-medium,
.michroma-semibold,
.michroma-bold {
  font-family: 'Michroma';
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
}

.michroma-medium {
  font-weight: 500;
}

.michroma-semibold {
  font-weight: 600;
}

.michroma-bold {
  font-weight: 700;
}

/* FONT SIZE */
.f-s-10 {
    font-size: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fx-16 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
}

.fx-32m {
    font-family: 'Michroma';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
}

.fs-48-32 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 67px;
    color: #0E0E0E;
}

.fx-12 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 0.05em;
}

.fx-15 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

/* LINE HEIGHT */
.lh-14 {
    line-height: 14px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.lh-64 {
    line-height: 64px;
}
.lh-71 {
    line-height: 71px;
}

/* COLORS START */
.grey-656{
  color: #656565;
}
.black-21{
  color: #212121;
}
.black-000{
  color: #000000;
}
.green-40C {
    color: #40C461 !important;
}

.grey-D0D {
    color: #D0D0D0 !important;
}

.grey-9B9B {
    color: #9B9B9B !important;
}

.grey-6161 {
    color: #616161 !important;
}

.muted-white {
    color: #A0A0A0 !important;
}

.white {
    color: #ffffff !important;
}

.black-0E0 {
    color: #0E0E0E;
}

.white-D0D {
    color: #D0D0D0 !important;
}

.black-212 {
    background-color: #212121;
    color: #FFFFFF;
}

.bg-normal {
    background: radial-gradient(136.8% 205.2% at 11.73% -18.4%, rgba(255, 255, 255, 0.6) 4.17%, rgba(187, 188, 191, 0.6) 100%), #FFFFFF;
}

.green-40C {
    color: #40c461 !important;
}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */

/* ========================================= HOME PAGE START ======================================================== */
/* ?--- HOME HERO SECTION START----- */
.home-hero-section {
    /* padding: 40px 0 100px; */
    background: url("../images/Home-Hero.png") no-repeat center;
    background-size: cover;
    max-height: 950px;
    min-height: 600px;
    height: 100%;
    display: flex;
    align-items: center;
    
}

.column {
    width: 50%;
}

.fs-51-32 {
    font-family: 'Michroma';
    font-style: normal;
    font-weight: 400;
    font-size: 51px;
    line-height: 71px;
    /* or 71px */
}

.hoem-hero-content {
    width: 100%;
    max-width: 739px;
}

.hero-hesding {
    z-index: 9;
}

.unionlt {
    position: absolute;
    left: -65px;
    top: -41px;
    z-index: -1;
    width: 117px;

}

.unionrb {
    position: absolute;
    right: -75px;
    top: 46px;
    z-index: -1;
    width: 117px;

}

.hero-para {
    color: #FFFFFF;
    opacity: 0.5;
}

.primary-outline-btn {
    padding: 18px 28px !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #40C461;
    border-radius: 999px;
    border: 2px solid #40C461;
    background: transparent;
}

.hoem-hero-content {
    /* margin-top: 13.184vw; */
}

/* ?--- HOME HERO SECTION END----- */
.home-why-us-section {
    padding: 98px 0;
    height: 824px;
    background: url("../images/Why\ ushome.png") center no-repeat;
    background-size: cover;
    position: relative;
}

.home-why-us-section::after {
    width: 46%;
    max-width: 890px;
    height: 667px;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/why-us-lsef-img.png") center no-repeat;
    background-size: cover;
}

/* .home-why-us-section::before {
  width: 78px;
  height: 78px;
    position: absolute;
    content: "";
    left:42%;
    top: 81%;
    z-index: 9;
    background: url("../images/UnionRB.png") center no-repeat;
    background-size: cover;
} */
.home-why-us-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.4vw;
    padding: 4.3vw 0;
}

.why-us-Limg {
    position: absolute;
    width: 55vw;
    max-width: 844px;
    object-fit: cover;
    left: -20%;
    top: 0;

}

.whyL-union {
    position: absolute;
    right: 50vw;
    bottom: 0;
    width: 61px;
    height: 61px;
    object-fit: contain;

}

.accordion-frame {
    width: 100%;
    max-width: 655px;
    margin-top: 24px;
}

.home-acc-btn {
    background: #212121 !important;
    padding: 23px 30px;
    border: 3px solid #3C3C3C;
    color: #40C461 !important;

}

.home-acc-btn:focus {
    box-shadow: none;
    border: none;
}

.home-acc-item {
    background: #40C461 !important;
    margin-bottom: 22px;
    border: 0;
}

.home-acc-btn:not(.collapsed) {
    background: #40C461 !important;
    color: #0E0E0E !important;
    border: 3px solid #40C461 !important;
    box-shadow: none;
}

.home-acc-btn:not(.collapsed)>img{
  content: url(../images/user-check.png);
}

.home-acc-btn::after {
    background: url("../images/product-acc-down.png") no-repeat center !important;
    background-size: contain !important;

}

.home-acc-btn:not(.collapsed)::after {
    background: url("../images/product-acc-up.png") no-repeat center !important;
    background-size: contain !important;
}

.home-our-services-section {
    background: url("../images/our-services-provide-range.png") no-repeat center;
    background-size: cover;
    height: clamp(500px, 40vw, 681px);
    position: relative;
}

.ourt-service-content {
    width: 100%;
    max-width: 778px;
    background: #40C461 url("../images/our-servixe-box.png") center no-repeat;
    background-size: cover;
    /* height: 359px; */
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 9.42445vw;
    bottom: -58px;
}

.sercies-data {
    max-width: 478px;
}

.sercies-data>h2 {
    margin-top: 16px;
}

.black-3C3 {
    color: #3C3C3C !important;
}

/*  */
/*  */
/* ?---- WHO WE ARE SECTIN START -------- */
.home-who-we-are-section {
    position: relative;
    height: auto;
}

.home-who-we-are-section::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 42vw;
    height: 100%;
    background: url("../images/home-who-we-are.png") center no-repeat;
    background-size: cover;
}

/* ?---- WHO WE ARE SECTIN END -------- */

/* ?HOME CONTACT US SECTION START  */
.home-contact-section {
    /* height: 788px; */
    background: url("../images/Contact\ us\ Anchor.png") no-repeat center;
    background-size: cover;
    padding: 5.2vw 0;
}

.mw-479 {
    max-width: 479px;
    width: 100%;

}

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

.input-box {
    background: #FFFFFF;
    padding: 16px;
    border: 1px solid #9B9B9B;
    border-radius: 4px;
    color: #656565;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
}

.gap-20 {
    gap: 20px;
}

#call:checked~.custom-ck-box {
    background: url("../images/ck-box.png") center no-repeat;
    background-size: contain;
}

#terms:checked~.custom-ck-box {
    background: url("../images/ck-box.png") center no-repeat;
    background-size: contain;
}
#remember:checked~.custom-ck-box {
    background: url("../images/ck-box.png") center no-repeat;
    background-size: contain;
}
#so2:checked~.custom-ck-box {
    background: url("../images/ck-box.png") center no-repeat;
    background-size: contain;
}

.custom-ck-box {
    width: 24px;
    height: 24px;

    border: 2px solid #40C461;
    border-radius: 2px;
    
    cursor: pointer;
}


.greein_ico{
left:115px !important;
}

/* ?HOME CONTACT US SECTION END  */

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

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */

/*! PAYMENT FAILED CSS START */

.payment-failed-wrapper {
    position: relative;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 auto;
    border: 3px solid #3C3C3C;
    border-radius: 8px;
    padding: 64px 32px;
    background: #212121;
    width: 100%;
    margin: 40px auto;
}

.back-to-cart-Btn {
    width: 100%;
    border-radius: 8px;
    color: #40C461;
    border: 3px solid #40C461;
    border-radius: 999px;
    lign-items: center;
    padding: 18px 28px;
}

.try-again-btn {
    width: 100%;
    padding: 18px 28px !important;

}

/*! PAYMENT FAILED CSS END */

.bg-black-0E0 {
    background-color: #212121;
    color: #FFFFFF;
}

.placeHolderTextColor {
    color: #656565;
}

/* COLORS END */

/*! CUSTOM INPUT FIELD  START*/
.INPUT {
    padding: 16PX;
    background: #FFFFFF;
    border: 1px solid #9B9B9B;
    border-radius: 4px;
    outline: none;
    margin-bottom: 24px;
    box-shadow: none;

}

/*! CUSTOM INPUT FIELD END  */

/* CUSTOM BUTTONS START */
.primary-btn,
.secondary-green-btn,
.secondary-white-btn {
    background: radial-gradient(86.8% 325.5% at 8% 0%, #40C461 0%, #0D7827 100%);
    box-shadow: 0 5px 16px rgba(125, 241, 70, 0.2);
    border-radius: 999px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px 28px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    gap: 10px;
    border: none;
    outline: none;

}

.primary-btn:active,
.primary-btn:focus,
.primary-btn:hover {
    background: radial-gradient(86.8% 325.5% at 8% 0%, #0D7827 0%, #40C461 100%);
    opacity: 0.8;
    box-shadow: 0 7px 22px rgba(125, 241, 70, 0.5);
}

.secondary-white-btn {
    background: #FFFFFF;
    box-shadow: 0 10px 25px rgba(71, 92, 133, 0.1);
    border-radius: 4px;
    padding: 20px 44px;
}

.inner-frame {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 26px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    gap: 10px;
}

.secondary-green-btn {
    background: #40C461;
    box-shadow: 0 10px 25px rgba(71, 92, 133, 0.1);
    border-radius: 4px;
    padding: 20px 44px;
}

/* CUSTOM BUTTONS END */

/* COMMON CSS START */
.mb-show {
    display: none;
}

.mb-flex {
    display: none;
}

.desk-flex {
    display: flex;
}

.text-center-desk {
    text-align: center;
}
.text-left{
  text-align: left;
}
.mt-40 {
    margin-top: 2.1vw;
}

.width-50 {
    width: 50%;
}

.gap-10 {
    gap: 10px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pl-25{
  padding-left: 25px;
}
.pr-10{
  padding-right: 10px;
}
.bb-0{
  border-bottom: 0 !important;
}


/* COMMON CSS END */

/* HEADER FIELDS START */
header {
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
}

.header-drop-GBP,
.header-drop-GBP.show {
    background: transparent;
    border: none;
    outline: none;
}

.header-drop-GBP:active,
.header-drop-GBP:focus,
.header-drop-GBP:hover {
    background-color: transparent !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.custom-header-drop-down.show {
    display: flex;
    background-color: transparent;
    margin-top: 13px !important;
    box-shadow: none !important;
    border: none !important;
    left: -100% !important;
}

.custom-header-drop-down.show>li>a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    height: 36px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #0E0E0E;
}

.icons-div {
    position: absolute;
    right: 20.55vw;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.icons-div>img {
    margin: 0 10px;
}

.icons-div>.dropdown>.dropdown-toggle::after{
  background-image: url(../images/arrow-down.svg);
}

.header-top {
    padding: 15px 0;
}

.header-bottom {
    padding: 6px 0;
    background-color: #40C461;
}

.header-links {
    justify-content: center;
}

.header-links>li {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    color: #0E0E0E;
}

.Poppins {
    font-family: 'Poppins';
}

/* HEADER FIELDS END */

/* HEADER FIELDS END */

/* * ========================== PRODUCT HERO SECTION START ===================================== */
.product-hero-section {
    padding: 3.1vw 0;
}

.hero-buton-frame {
    width: 100%;
    max-width: 549px;
}

.product-h-img {
    width: 100%;
    max-width: 563px;
}

.product-h-right-content {
    width: 40vw;
    max-width: 549px;
}

.circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    background: radial-gradient(86.8% 325.5% at 8% 0%, #40C461 0%, #0D7827 100%);
    border-radius: 41px;
    /* transform: matrix(-1, 0, 0, 1, 0, 0); */
}

.circle:nth-child(2) {
    padding: 3px;
}

.circle:nth-child(2)>.count {
    width: 28px;
    height: 27px;
    color: #0E0E0E;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 41px;
    background: radial-gradient(136.8% 205.2% at 11.73% -18.4%, rgba(255, 255, 255, 0.6) 4.17%, rgba(187, 188, 191, 0.6) 100%), #FFFFFF;
}

/* * ========================== PRODUCT HERO SECTION END ===================================== */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/* ============================== PRODUCT DESCRIPTION START ============================ */
.product-description-section {
    padding: 40px 0;
    background: url("../images/ProductDescriptionbg.png") no-repeat center;
    background-size: 100% 100%;
}

/* ============================== PRODUCT DESCRIPTION END ============================ */
/*  */
/*  */
/*  */
/* *========================== RELATED PRODUCTS SECTION START =============================== */
.Related-products-section {
    padding: 64px 0;
    background: url(../images/hexa2.png);
}
.dwop-down-section {
    /*background: url(../images/hexa3.png);*/
}
.card-column {
    max-width: 218px;
    width: 19% !important;

}

.product-card-frame {
    padding: 40px 0 28px;
}

.hover-frame {
    width: 100%;
    height: 239px;
    position: relative;
}

.card-column:hover {
    background-color: white;
}
.card-column:hover>.hover-border{
  border: 3px solid #9B9B9B;
  border-top: 0;
}

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

.hover-frame>img {
    position: absolute;
    z-index: 9;
    object-fit: unset;
    width: 100%;
    height: 231px;
}

.hover-button-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 97%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 8;
    gap: 14px;
    background-color: rgba(14, 14, 14, .3);
}

.card-column:hover>.hover-frame>.hover-button-frame {
    z-index: 10;
}

.slick-track {
    display: flex;
    justify-content: center;
    gap: 2%;
}

.custom-container-card-frame {
    width: 100% !important;
    padding: 0 5% !important;
    overflow: hidden;
}

/* *========================== RELATED PRODUCTS SECTION END =============================== */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/* *============================== OUR PROVEN METHODS CSS START ============================== */
.produt-proven-methods-section {
    padding: 46px 0 64px;
    background: url("../images/Howitworks-P.png") center no-repeat;
    background-size: cover;
}

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

.method-card {
    width: 100%;
    max-width: 352px;
    background: #212121;
    border: 3px solid #3C3C3C;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px 24px 24px;
}

.fx-24 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
}

.bg-3C3 {
    background-color: #3C3C3C !important;
}

.gap-24 {
    gap: 24px !important;
}

/* *============================== OUR PROVEN METHODS CSS END ============================== */
/*  */
/*  */
/*  */
/* ================================ PRODUCT FAQ SECTION START =============================== */
.product-faq-section {
    padding: 64px 0;
    background: url(../images/hexa.png);
}
.union-wrapper{
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.union-wrapper>.left-union{
  position: absolute;
  left: -25px;
    width: 38px;
    top: -15px;
    z-index: -1;
}
.union-wrapper>.right-union{
  position: absolute;
  right: -27px;
  width: 38px;
  bottom: -17px;
  z-index: -1;
  transform: rotate(-180deg);
}
.product-acc-btn::after {
    background: url("../images/product-acc-down.png") no-repeat center !important;
    background-size: contain !important;
}

.product-acc-btn:not(.collapsed)::after {
    background: url("../images/product-acc-up.png") no-repeat center !important;
    background-size: contain !important;
}

.acc-colop-product,
.acc-colop-product.show,
.product-acc,
.product-acc-btn:focus {
    border: none !important;
    box-shadow: none;
}

.product-acc-btn:not(.collapsed) {
    background: #40C461;
    /* border-radius: 6px; */
    color: #0E0E0E;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.fs-24-16 {

    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 34px !important;

}

.product-acc-btn {
    background: #212121;
    color: #40C461;
    padding: 23px 30px;
}

.product-acc-body {
    padding: 0 30px 23px 30px;
}

.bg-40C,
.product-acc-item {
    background: #40C461 !important;
    border: none !important;
    box-shadow: none;
}

.product-acc-item {
    margin-bottom: 20px;
}

.product-acc {
    margin-top: 40px !important;
}

/* ================================ PRODUCT FAQ SECTION END =============================== */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/* *============================= FOOTER CSS START ==================================== */
.footer {
    /* height: 370px; */
    background: #0E0E0E url("../images/Footerbg.png") no-repeat center;
    background-size: 100% 100%;
    padding: 3.7vw 0;
}

/* .footer-img {
    width: 251px;
} */

.footer-box {
    width: 20%;
}
.footer-box>img{
  display: block;
  margin-bottom: 20px;
}
.footer-box>img:first-child{
  width: 251px;
  height: 68px;
}
.footer-box:first-child {
    width: 40%;
}

.footer-box>ul>li,
.footer-box>ul>li>a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    padding-bottom: 0.2vw;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #FFFFFF;
}

.footer-box>ul>li:first-child {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 1vw;
}

/* *============================= FOOTER CSS END ==================================== */

/* TERM AND CONDITION,,,PRIVACY POLICY START */
.term-and-condition {
    background: url(../images/hexa5.png);

}

.term-and-condition-text-container {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 32px 24px;
    gap: 24px;
    background: #212121;
    border: 3px solid #3C3C3C;
    border-radius: 8px;
}

.term-and-condition-text-container h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: #FFFFFF;
}

.term-and-condition-text-container p,
ul {
    color: #D0D0D0;
}

.term-and-condition-text-container ul {
    padding-left: 24px;
}

/* TERM AND CONDITION,,, PRIVACY POLICY  END */

/* ERROR SECTION START */
.error-section {
    background-image: url("../images/ERROR-BACKGROUND-IMG.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.error-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 64px 0;
    text-align: center;
}

.error-wrapper button {
    width: 50%;
}

/* ERROR SECTION END */

/* FORGET PASSWORD START */

.forget-password-section {
    background-image: url("../images/forget-page-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 43px 3% 79px;
}

.forget-password-wrapper {
    width: 100vw !important;
    max-width: 624px;
    position: relative;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 auto;
    border: 3px solid #3C3C3C;
    border-radius: 8px;
    
    padding: 64px 32px;
    /* background: linear-gradient(0deg, #3C3C3C, #3C3C3C), linear-gradient(0deg, #212121, #212121); */
    background-color: #212121;

}

.forget-password-wrapper>p {
    font-weight: 300;
}
.term-cond-frame{
    /* width: 50%; */
}
.w-50-mb{
    width: 50% ;
}
input[type=checkbox] {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #40C461 !important;
    border-radius: 2px;
    outline: none;
    box-shadow: none;
}

.tmc {
    width: 100%;
    display: flex;
}

.tmcText {
    display: flex;
    gap: 24px;
    text-align: left;
    width: 50%;
}

.tmcText {
    font-family: 'Poppins';
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 169.5%;
}

.cross-icon {
    position: absolute;
    top: 16px;
    right: 16px;
}

/* FORGET PASSWORD END */

/* !>========================================  STORE PAGE START ================================== */
.drop-deown-frame {
    padding: 80px 0 40px;
    gap: 16px;
}

.store-deopdown {
    background: #FFFFFF !important;
    padding: 12px;
    border: 1px solid #9B9B9B !important;
    border-radius: 4px;
    color: #0E0E0E !important;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.store-deopdown>button {
    /* color: #0E0E0E; */
}
.store-all-combined{
    /*background: url("../images/hexa-bg-every-section.png") center ;*/
    background-size: cover;
}
.store-card-section {
    padding-bottom: 40px;
}
.hexa3 {
    background: url(../images/hexa3.png);
    background-size: cover;
    background-repeat: no-repeat; 
}
.pagination-frame {
    padding: 20px 0 80px;
}

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

.pagination-frame>ul>li {
    background: #F4F4F4;
    border: 1px solid #D0D0D0;
    border-radius: 2px;
    padding: 1px 7px;
    display: flex;
    width: 32px;
    height: 32px;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;

    text-transform: capitalize;

    /* Character/Title .85 */

    color: rgba(0, 0, 0, 0.85);

}

/*! >========================================  STORE PAGE END ================================== */
/*  */
/*  */
/*  */
/*  */
/*! >========================================  ABOUR PAGE END ================================== */

/*! >========================================  STORE PAGE END ================================== */

/*! SIGN IN AND SIGN UP SECTION START*/
.signin-signup-section {
    width: 100%;
    background-image: url("../images/forget-page-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #01160bfa;
}

.signin-signup-wrapper {
    position: relative;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 auto;
    border: 3px solid #3C3C3C;
    background: #212121;
    border-radius: 8px;
    width: 624px;
    /* padding: 74px 0 64px 0; */
}

.login-wrapper {
    width: 100 !important;
    padding: 0 !important;
}

.signup-tmc {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0 !important;
}

a {
    text-decoration: none;
    color:#ffffff
}

.form {}

.top-area {
    width: 100%;
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 41px;
    margin-bottom: 24px;
}

.top-area a {
    /* margin: 25px; */
}
.top-area:after {
    content: "";
    display: table;
    clear: both;
}
.add-padding-80{
    padding-top: 80px;
}
/* .top-area h4 a {
    display: block;
    text-decoration: none;
    color: #A0B3B0;
    text-align: center;
    cursor: pointer;
    transition: .5s ease;
} */

.top-area .active a {
    border-bottom: 3px solid #40C461;
    padding-bottom: 8px;
    color: #FFFFFF;
    transition: 0.5s ease;
    text-decoration: none;
}
.tab-content > div:first-child {
    display: none;
}

/*! PAYMENT FAILED CSS START */
.payment-failed-wrapper {
    position: relative;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 auto;
    border: 3px solid #3C3C3C;
    border-radius: 8px;
    padding: 64px 32px;
    background: #212121;
    width: 100%;
    margin: 40px auto;
}

.back-to-cart-Btn {
    width: 100%;
    border-radius: 8px;
    color: #40C461;
    border: 3px solid #40C461;
    border-radius: 999px;
    align-items: center;
    padding: 18px 28px;
}

.try-again-btn {
    width: 100%;
    padding: 18px 28px !important;
}

/* PAYMENT FAILED CSS END */





/*! ORDER DETAILS AND HISTORY CSS START */
.order-history-form-wrapper {
    /* background: radial-gradient(136.8% 205.2% at 11.73% -18.4%, rgba(255, 255, 255, 0.6) 4.17%, rgba(187, 188, 191, 0.6) 100%), #FFFFFF; */
background: url(../images/hexa-bg-every-section.png) center no-repeat;
background-size: cover;
}

.gray-and-light {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #616161;
}

.black-and-bold {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #212121;
}

.course-container {
    background: #FFFFFF;
    border: 3px solid #9B9B9B;
    border-radius: 8px;
    margin: auto;
}

.course-container p {
    font-family: 'Poppins';

}

.course>.top {
    display: flex;
    align-items: center;
    gap: 19px;
}

.course>.middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.border-bottom {
    border-bottom: 2px solid #9B9B9B !important;

}






.billHeading {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    color: #212121;
    margin-bottom: 24px;
}

.order-history-header {
    background-image: url("../images/accounts-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 64px 24px;
    gap: 18px;
    color: white;
    font-family: 'Poppins';

}

.order-history-header {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-top-btn {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px 30px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.header-bottom-btn {
    background: #FFFFFF;
    box-shadow: 0 10px 25px rgba(71, 92, 133, 0.1);
    border-radius: 54px;
    padding: 10px 24px;
}

.order-form {
    height: auto;
    width: 613px;
    background: #FFFFFF;
    border: 3px solid #9B9B9B;
    border-radius: 8px;
    /* gap: 24px; */
    padding: 32px 24px;
}

.inputPosition {
    position: relative !important;
}

.password-eye {
    position: absolute !important;
    right: 17px;
    top: 16px;
    z-index: 1;
}

.form-select {
    padding: 16PX;
    border: 1px solid #9B9B9B;
    border-radius: 4px;
    margin-bottom: 24px;
    outline: none;
    box-shadow: none;
}

/* ORDER DETAILS AND HISTORY  END CSS*/
.top-hero-heading-section {
    background: url("../images/Hero_Heading-frame.png") no-repeat center;
    background-size: cover;
    height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pay-complete{
  background: url(../images/complete-bg.png) no-repeat center;
}
.tc-bg{
  background: url("../images/tc-bg.png") no-repeat center;
}
.store-bg{
  background: url("../images/store-bg.png") no-repeat center;
}
.bespoke-bg{
  background: url("../images/bespoke-bg.png") no-repeat center;
}
.cart-bg{
  background: url("../images/cart-bg.png") no-repeat center;
}

.heor-main-head {
    position: relative;
    z-index: 1;
}

.heor-main-head>img {
    position: absolute;
    left: -43px;
    top: -13px;
    width: 49px;
    height: 49px;
    z-index: -1;
}

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

.about-r-content {
    padding-left: 4.0685vw;
}

.mh-730 {
    height: 100vh;
    max-height: 730px;
}

.about-who-we-are-section{
  background-color: #fafafa;
}

.about-whyUs-FirstRow {
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 101, 93, 0.2) 0%, rgba(5, 47, 50, 0.2) 100%), #141414;
}

.bg-black-raidal {
    background: radial-gradient(50% 50% at 50% 50%, rgba(36, 101, 93, 0.2) 0%, rgba(5, 47, 50, 0.2) 100%), #141414;
}

.whyUs-R-content {
    margin: 40px 5vw 40px 0;
    max-width: 630px;
    width: 100%;
}
.m-t-b-100{
  margin-top: 100px;
  margin-bottom: 100px;
}

.whyUs-L-content {
    padding: 40px 0 40px 5vw;
    max-width: 580px;
    width: 100%;
}

.combine-two-section {
    background: url("../images/hexa4.png");
    /* background-size: 100% 100%; */
}

.abut-our-service-frame {
    padding: 40px 2.2vw;
    width: 100%;
    max-width: 943px;
    background: url("../images/bg-green-about.png") no-repeat center;
    background-size: cover;
    margin: 40px 0 0;
}

.pe-50 {
    padding-right: 100px;
}

.bespok-first-section {
    background: rgba(255, 255, 255, 0.6) url("../images/hexa-bg-every-section.png") no-repeat center !important;
    background-size: cover !important;
}

.custom-img-bespik {
    /* padding-left:5vw ; */
    height: 100vh;
    max-height: 690px;
    display: flex;
    justify-content: end;
}

.bespok-sec-img {
    width: 96%;
    /* height: 100%; */
    margin-bottom: 50px;
    /* object-fit: cover; */
}

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

.mh-690 {
    max-height: 690px;
    height: 100vh;
}
/*! >========================================  ABOUT PAGE END ================================== */
/*! >========================================  CONTACT PAGE START ================================== */
.contact-us-section {
    background: url("../images/contact-hero-page.png") no-repeat center;
    background-size: cover;
    padding: 64px 0;
}
.contact-card-box {
    max-width: 352px;
    width: 100%;
    background: #212121;
    border: 3px solid #3C3C3C;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}
.form-frame-talk {
    width: 100%;
    max-width: 593px;

}
.lets-tack-section {
    padding: 70px 0;
    background: url("../images/hexa-bg-every-section.png") no-repeat center;
    background-size: cover;
}
.mb-24-17 {
    margin-bottom: 24px;
}
.mb-8-16{
  margin-bottom: 8px;
}
.bg-9B9 {
    background-color: #9B9B9B;
}
.mt-24 {
    margin-top: 24px;
}
.mt-16{
  margin-top: 16px;
}
.left-cotact-img {
    position: absolute;
    right: 0;
    top: 0;
    object-fit: cover;
    max-width: 844px;
    max-height: 959px;
    width: 46%;
    height: 100%;
}
/*! >========================================  CONTACT PAGE END ================================== */
/*  */
/*  */
/*  */
/*! >========================================  YOUR CART PAGE START ================================== */
.your-cart-section {
    padding: 64px 0;
    background: url("../images/hexa6.png") center no-repeat;
    background-size: cover;
}
.order-history-section {
    background: #F4F4F4;
}
.mw-797 {
    max-width: 797px;
    width: 100%;
}
.mw-642 {
    max-width: 642px;
    width: 100%;
}
.product-frame {
    width: 100%;
    background: #FFFFFF;
    border: 3px solid #9B9B9B;
    border-radius: 8px;
}
.product-frame > table {}
.th-row {
    border-bottom: 2px solid #9B9B9B;
}
.th-row > th {
    padding: 24px 0 32px;
}
.th-row > th:first-child {
    width: 40%;
    padding: 24px 0 32px 24px;
}
.th-row > th:nth-child(2) {
    width: 20%;
}
.th-row > th:nth-child(3) {
    width: 20%;
}
.th-row > th:last-child {
    width: 20%;
    padding: 24px 24px 32px 0;
}
.green-A0A {
    color: #A0A0A0 !important;
}
.gray-616 {
    color: #616161;
}
.gap-25 {
    gap: 25px;
}
.td-second {
    border-bottom: 3px solid #9B9B9B;
}
.td-second > td {
    padding: 32px 0 32px;
}
.td-second > td:first-child {
    width: 40%;
    padding: 32px 0 24px 32px;
}
.td-second > td:nth-child(2) {
    width: 20%;
}
.td-second > td:nth-child(3) {
    width: 20%;
}
.td-second > td:last-child {
    width: 20%;
    padding: 32px 24px 32px 0;
}
.td-second:last-child{
  border-bottom: 0;
}
.yourcart-frame {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 27px;
    padding: 0 5%;
}
.total-cart-frame {
    /* max-width: 433px; */
    width: 100%;
    background: #212121;
    /* Neutral/800 */
    padding: 32px 24px;
    border: 3px solid #3C3C3C;
    border-radius: 8px;
    height: auto;
}
.totale-bb{
    border-bottom: 3px solid #3C3C3C;
}



.inputs-container{
    gap: 24px ;
}
.billing-bottom{
    gap: 24px;
}
.tmcTextt {
    display: flex;
    align-items: center;
}




/*! >========================================  YOUR CART PAGE END ================================== */

/* SECURE PAYMENT */

.secure-pay{
  background-image: url(../images/secure-bg.png);
}
.qty-circle{
  border-radius: 50%;
    border: 2px solid #0D7827;
    padding: 2px 12px 4px;

}



.home-acc-body {
    padding-top: 0 !important;
}




/* PAYMENT COMPLETE */

.pay-complete-header{
  text-align: center;
}
.pay-complete-header>p{
  padding: 27px 0;
  width: 90%;
}
.pay-c>td{
  width: 14%;
}
.pay-c>td:first-child{
  width: 58%;
}
.contact-hero-card-frame{
gap: 50px;
}