/* Secure Checkout */

.secure {
    background-image: url(../images/privacy_bg.png);
    background-color: #E7E7E7;
    padding: 201px 0px 120px 0px;
    background-position: center;
    background-size: cover;
}

.upper_text {
    margin-bottom: 40px;
}

.upper_text h1 {
    color: var(--Navy, #1C1F26);
    text-align: center;
    font-family: "DM Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 131.807%;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.white_box {
    display: flex;
    padding: 40px 40px 40px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: var(--Grayscale-White, #FFF);
}

.left_box {
    display: flex;
    padding: 56px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}

.input_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    width: 450px;
}

.inpi_boxx {
    display: flex;
    width: 100%;
    height: 48px;
    padding: 0px 16px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Outline, #DEE5ED);
    background-color: var(--off-white, #F3F3F3);
    color: var(--Grayscale-700, #656565);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
}

.spilt_imput {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.custom_checkbox {
    display: flex;
    height: 48px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.terms_lline {
    color: var(--Grayscale-700, #656565);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    /* 26.72px */
    margin-bottom: 0px;
}

.odd {
    color: var(--Functional-Info-Blue, #397BFC);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    margin-bottom: 0px;
    text-decoration: none;
}

.form-check-input[type=checkbox] {
    border-radius: 50% !important;
    width: 20px !important;
    height: 20pX !important;
}

.rgt_box {
    display: flex;
    padding: 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: var(--off-white, #F3F3F3);
}

.box_db {
    padding: 24px 0px;
}

.orfer_text h4 {
    color: var(--Navy, #1C1F26);
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 133.807%;
    /* 42.818px */
    text-transform: capitalize;
    margin-bottom: 0px;
}

.cart_inner {
    padding: 24px 0px;
}

.cart_stroke {
    height: 1px;
    width: 100%;
    opacity: 0.5;
    background: #C30000;
}


.cart_inner_top {
    display: flex;
    width: 432px;
    justify-content: space-between;
    align-items: flex-start;
}

.cart_prod_title {
    color: var(--Navy, #1C1F26);
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}

.cart_inner_right {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.cart_prod_price {
    color: var(--Navy, #1C1F26);
    text-align: right;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;

}

.cart_duration {
    color: var(--Grayscale-700, #656565);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    /* 26.72px */
    margin-bottom: 0px;
}

.cart_total {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-left: auto;
    margin-right: 24px;
    margin-bottom: 24px;
}

.total_label {
    color: var(--Navy, #1C1F26);
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.total_price {
    color: var(--Navy, #1C1F26);
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.coupoun_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    margin-top: 16px;
    margin-bottom: 16px;
}

.coupou_input {
    display: flex;
    padding: 16px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--Outline, #DEE5ED);
    background: var(--Grayscale-White, #FFF);
    color: var(--Grayscale-700, #656565);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    height: 49px;

}

.btn_black {
    display: flex;
    padding: 14px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 2px solid var(--Navy, #1C1F26);
    color: var(--Navy, #1C1F26);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
    width: 97px;
}

.btn_black:hover {
    display: flex;
    padding: 14px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid rgba(253, 253, 253, 0.05);
    background: #1C1F26;
    color: var(--Grayscale-White, #FFF);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
    width: 97px;
}

.botto_black {
    display: flex;
    padding: 14px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: var(--Navy, #1C1F26);
    box-shadow: 0px 1px 2px 0px rgba(119, 119, 119, 0.50), 0px 0px 0px 2px #181719;
    color: var(--Grayscale-White, #FFF);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
    width: 100%;

}

.nav-link:focus,
.nav-link:hover {
    color: #FFF !important;
}


.botto_black:hover {
    display: flex;
    padding: 14px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #323326;
    color: var(--Grayscale-White, #FFF) !important;
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
    width: 100%;

}

.master {
    margin-top: 16px;
}


/* PAYMET SUCCESFULL */

.sucess_secure {
    background-image: url(../images/privacy_bg.png);
    background-color: #E7E7E7;
    padding: 201px 0px 120px 0px;
    background-position: center;
    background-size: cover;
}

.upper_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.succes_full {
    color: var(--Functional-Success-Green, #0BA40B);
    text-align: center;
    font-family: "DM Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 131.807%;
    /* 65.903px */
    text-transform: capitalize;
    margin-bottom: 0px;
}

.upper_box p {
    color: var(--Grayscale-700, #656565);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    /* 26.72px */
    margin-bottom: 0px;
    margin-bottom: 0px;

}

.lower_box {
    width: 100%;
    max-width: 544px;
    margin: 40px auto 0px;
    display: flex;
    padding: 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: var(--off-white, #F3F3F3);

}

.unsucces_full {
    color: var(--Functional-Error-Red, #C81414);
    text-align: center;
    font-family: "DM Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 131.807%;
    /* 65.903px */
    text-transform: capitalize;
    margin-bottom: 0px;
}

.red_total_label {
    color: var(--Functional-Error-Red, #C81414);
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 16px;
}

.red_total_price {
    color: var(--Functional-Error-Red, #C81414);
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 16px;
}

/* Contact US */

.contact_us {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 845px;
}

.mid_box {
    display: flex;
    padding: 85px 0px 64px 0px;
    justify-content: center;
    align-items: center;
    gap: 183px;
    align-self: stretch;
}

.conatc_side {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
    background: var(--Grayscale-White, #FFF);
    box-shadow: 0px 7px 15px 0px rgba(106, 114, 128, 0.05), 0px 25px 80px 0px rgba(106, 114, 128, 0.05), 0px 12px 20px 0px rgba(106, 114, 128, 0.05);
    width: 630px;
    max-width: 100%;
}

.coupoun_boxx {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.as_in {
    display: flex;
    height: 626px;
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
}

.as_upp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
}

.as_upp h4 {
    color: var(--Secondary, #F2F2F2);
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 133.807%;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.as_upp p {
    color: var(--Grayscale-500, #D0D0D0);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    /* 26.72px */
    margin-bottom: 0px;
}

.as_low {
    width: 337px;
    height: 156px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.connt {
    display: flex;
    align-items: center;
    gap: 25px;
    width: 515px ;
}

.connt p {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    margin-bottom: 0px;
}

/* About Us */

.abou1 {
    display: flex;
    height: 756px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
}

.about_sec_1 {
    display: flex;
    width: 100%;
    max-width: 657px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    margin-bottom:40px;
}


.upper_sec_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.upper_sec_1 p {
    color: var(--Grayscale-White, #FFF);
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.upper_sec_1 h1 {
    color: var(--Grayscale-White, #FFF);
    font-family: "DM Sans";
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;

}


.upper_sec_2 p {
    color: var(--Grayscale-200, #F8F8F8);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    margin-bottom: 0px;
}

.abou2 {
    padding: 64px 0px;
    background-color: var(--Grayscale-200, #F8F8F8);}

.abou_mid_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 974px;
    margin: auto;
}

.bold_d {
    color: var(--Navy, #1C1F26);
    text-align: center;
    font-family: "DM Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 131.807%;
    /* 65.903px */
    text-transform: capitalize;
    margin-bottom: 0px;
}

.sub_title {
    color: var(--Grayscale-700, #656565);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    /* 26.72px */
    margin-bottom: 0px;

}

.contentt_box {
    background-image: url(../images/fr_1.png);
    background-position: center;
    background-size: contain;
    height: 576px;
    position: relative;
    align-self: stretch;
    background-repeat: no-repeat;
    margin-top: 64px;

}

.contentt_box2 {
    background-image: url(../images/fr_2.png);
    background-position: center;
    background-size: contain;
    height: 576px;
    position: relative;
    align-self: stretch;
    background-repeat: no-repeat;
    margin: 8px 0px;
    margin-left: 139px;

}

.contentt_box3 {
    background-image: url(../images/fr_3.png);
    background-position: center;
    background-size: contain;
    height: 576px;
    position: relative;
    align-self: stretch;
    background-repeat: no-repeat;
}

.abou3 {
    background-color: var(--off-white, #F3F3F3);
    padding: 0px;
}

.main_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1605px;
    margin: auto;
    padding-top: 64px;
}

.cont_inner_box {
    width: 100%;
    max-width: 455px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: absolute;
    top: 148px;
    left: 220px;
}

.cont_inner_box2 {
    width: 100%;
    max-width: 455px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: absolute;
    top: 148px;
    right: 160px;
}

.mini_bold {
    color: var(--Navy, #1C1F26);
    text-align: center;
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 133.807%;
    /* 42.818px */
    text-transform: capitalize;
    margin-bottom: 0px;
}

.mini_prs {
    margin-bottom: 0px;
    color: var(--Grayscale-700, #656565);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    /* 26.72px */
}

.thricebix {
    background: url(../images/last_sec.png);
    display: flex;
    width: 100%;
    padding-right: 102px;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    height: 293px;
    position: relative;
    margin-bottom: 64px;
}

.union_n {
    border-radius: 20PX 0PX 0PX 20PX;
}

.thrice_inner_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    max-width: 655px;
    position: absolute;
    left: 36%;
}

.thrice_inner_box h4 {
    color: var(--Grayscale-White, #FFF);
    font-family: "DM Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 131.807%;
    /* 65.903px */
    text-transform: capitalize;
    margin-bottom: 0px;
}

.thrice_inner_box p {
    color: var(--Grayscale-300, #E7E7E7);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    /* 26.72px */
    margin-bottom: 0px;
}


.black_bttn {
    border-radius: 100px;
    background: var(--Navy, #1C1F26);
    box-shadow: 0px 1px 2px 0px rgba(119, 119, 119, 0.50), 0px 0px 0px 2px #181719;
    display: flex;
    padding: 14px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Grayscale-White, #FFF);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
    WIDTH: 100%;
    MAX-WIDTH: 163PX;
    position: absolute;
    right: 102px;
}

.btn_red {
    color: var(--Grayscale-White, #FFF);
    text-align: center;
    text-shadow: 0px 0px 0.5px #FFF;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    background: var(--Red, #f91717);
}