@font-face {
    font-family: 'Nohemi';
    src: url('../font/Nohemi_font/Nohemi-Regular.woff2') format('woff2'),
        url('../font/Nohemi_font/Nohemi-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../font/satoshi/Satoshi-Regular.woff2') format('woff2'),
        url('../font/satoshi/Satoshi-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Global css start  */

:root {
    --lightblue: #28A3DC;
    --blue: #155BAE;
    --green: #94CC4C;
    --white: #fff;
    --black: #000;
    --drakblue: #0C3554;
    --grey: #868686;
    --hddarkblue: #0B304B;
    --extalight: rgba(40, 163, 220, 0.06);
}

body {
    font-family: 'Satoshi';
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--black);
}

.pr_cl {
    color: var(--grey);
}

h1 {
    font-family: 'Nohemi';
    font-weight: 500;
    font-size: 76px;
    line-height: 100%;
    text-align: center;
    color: var(--white);

}

h2 {
    font-family: 'Nohemi';
    font-weight: 500;
    font-size: 56px;
    line-height: 66px;
    letter-spacing: 2px;
}

h3 {
    font-family: 'Nohemi';
    font-weight: 500;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 2px;

}

h4 {
    font-family: 'Nohemi';
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 2px;

}

h5 {
    font-family: 'Nohemi';
    font-weight: 500;
    font-size: 26px;
    line-height: 46px;
}

h6 {
    font-family: 'Nohemi';
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;

}

.cta {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    background-color: var(--white);
    color: var(--black);
    text-decoration: none;
    padding: 10px 28px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cta:hover {
    background-color: #94cc4c;
    color: #fff;
}

.cta1 {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    padding: 20px 40px;
    background-color: var(--green);
    color: var(--white);
    border-radius: 10px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    border: 1px solid var(--green) !important;

}

.cta1:hover {
    background-color: var(--white);
    color: var(--green) !important;
    border: 1px solid var(--green) !important;
}

.cta2 {
    padding: 20px 30px;
    border-radius: 10px;
    background-color: var(--blue);
    border: 1px solid var(--blue);
    color: var(--white);
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: var(--white);
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cta2:hover {
    background-color: var(--white);
    color: var(--green);
    border: 1px solid var(--green);
}

.container-fluid {
    padding: 0 30px;
}

img {
    height: auto;
    max-width: 100%;
}

.text_clr {
    background: linear-gradient(270deg, #155BAE 0%, #28A3DC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text_clr2{
    background:linear-gradient(90deg, #28A3DC 0%, #155BAE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.title_gradient {
    background: linear-gradient(140deg, #155BAE 30%, #28A3DC 60%, #155BAE 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.up-down {
    display: inline-block;
    animation: up-down 4s ease-in-out infinite alternate;
    transform-origin: 50% 50%;
    will-change: transform;
}

/* Improved Smooth Floating Animation */
@keyframes up-down {
    0% {
        transform: translateY(0px);
    }

    25% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(-15px);
    }

    75% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}


.bnr_36 h1 {
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 2px;
}

.bnr_36 .bnr_txt {
    font-size: 20px !important;
    font-weight: 400 !important;
}

.bnnr_Secnd {
    padding: 330px 0 100px 0;
}

.bnnr_Secnd .bnr_txt {
    font-size: 20px !important;
    font-weight: 400 !important;
}

.mob_box {
    left: 0px !important;
}

.mobile_li {
    display: none;
}


/* up down key frame end   */


/* Global css end  */

/* index page css start ////////////////////////// */


.page-header.is-sticky {
    width: 100%;
    position: fixed;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    animation: slideDown 0.35s ease-out;
    background-image: linear-gradient(0deg, #155BAE 0%, #28a3dc 100%) !important;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid #1866b5 !important;
}

header {
    position: absolute;
    width: 100%;
    z-index: 99;
    background-size: cover;
    background-repeat: no-repeat;
}

header .indside_hdr {
    background-color: var(--green);
}

header .indside_hdr .otned_hlp {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

header .indside_hdr .otned_hlp .ned_hlp {
    width: 52%;
}

header .indside_hdr .otned_hlp .pge_sec {
    width: 48%;
}

.mobl_hdr {
    display: none;
}

header .indside_hdr .otned_hlp .pge_sec .otr_pge .insd_ul {
    display: flex;
    list-style-type: none;
    margin-bottom: 0;
    max-width: 690px;
    width: 100%;
    justify-content: space-between;
}

header .indside_hdr .otned_hlp>div .ned_para {
    color: #fff;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;

}

header .indside_hdr .otned_hlp .pge_sec .otr_pge .insd_ul .insd_an {
    text-decoration: none;
    color: #fff;
    font-family: 'Satoshi';
    font-weight: 500;
    font-size: 16px;
    line-height: 21.6px;
    text-align: right;
}


header .otsite_log .hdr_logosec {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .otsite_log .serch_box {
    /* width: 100%; */
    flex: 0 0 560px;
    position: relative;
}

header .otsite_log .cont_sec {
    white-space: nowrap;
    flex: 0 0 280px;
}

.inside_hdr {
    display: flex;
    background-color: var(--white);
    border-radius: 100px;
    padding: 5px;
    box-shadow: 0px 24px 44px 0px #00000040;
}

.inside_hdr .inpt_box {
    width: 88%;
}

.inside_hdr .srch_box:hover {
    background-color: var(--hddarkblue);
    color: #fff;
}

.inside_hdr .srch_box {
    transition: background-color 0.2s ease, color 0.2s ease;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    padding: 17px;
    background-color: var(--green);
    border-radius: 100%;
    color: var(--white);
}

.inside_hdr .inpt_box .hdr_inpt {
    width: 100%;
    outline: none;
    border: 0;
    height: 100%;
    padding: 10px 10px 10px 20px;
    border-radius: 50px 0 0 50px;
    font-size: 16px;
}

header .otsite_log .otr_contsec {
    display: flex;
    align-items: center;
    gap: 40px;
}

header .otsite_log .otr_contsec .admin_hdr .admn_ul {
    display: flex;
    list-style-type: none;
    align-items: center;
    padding: 0;
    gap: 24px;
    margin-bottom: 0;
}


header .otsite_log .span_ab {
    position: absolute;
    top: 30px;
    right: -10px;
    background-color: var(--lightblue);
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    line-height: 16.2px;
    border-radius: 10px;
    padding: 2px 5px;
    /* width: 100%; */
    display: inline-table;
}

header .otsite_log .admn_li.adm_ab {
    position: relative;
}

header .cate_box .catebox_flx {
    display: flex;
    justify-content: center;
}

header .cate_box .inside_cate .incate_grp .incate_grpul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
}

header .cate_box .inside_cate .incate_grp .incate_grpul .nav-item {
    text-decoration: none;
    font-family: 'Satoshi';
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    transition: background-color 0.1s ease, color 0.1s ease;
}

header .cate_box .inside_cate .incate_grp .incate_grpul .nav-item.active {
    font-weight: bold;
}


header .cate_box .inside_cate .incate_grp .incate_grpul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
    display: flex;
    max-width: 1090px;
    justify-content: space-between;
}

header .otsite_log .cate_box {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.1);

}

header .otsite_log .cate_box .hdrnw_btn .hdr_an {
    text-decoration: none;
    font-family: 'Satoshi';
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    background-color: var(--green);
    /* Default background color */
    color: var(--white);
    /* Text color */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 10px 36px;
    transition: all 0.2s ease;
    /* Smooth transition for background */
}

header .otsite_log .cate_box .hdrnw_btn .hdr_an:hover {
    background-color: var(--blue);
}

header .otsite_log .inside_cate {
    display: flex;
    align-items: center;
    padding: 5px;
    width: 100%;
    justify-content: space-between;
    max-width: 1440px;
}

header .otsite_log .incate_grp {
    max-width: 1080px;
    width: 100%;
}

header .otsite_log .hdrnw_btn {
    padding: 10px 0px 0px 0px;
}

header .logo_box {
    flex: 0 0 310px;
}

/* tab css ///// */
.nav-next::before {
    content: '';
    position: absolute;
    top: 42%;
    left: 95%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    transform-origin: center;
    transform: rotate(135deg);
}

/* Initially hide nav-wrapper-1 */
/* ---- Base Styling ---- */
.nav-wrapper-1 {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 0;
    z-index: 100;
    top: 100%;
    /* left: 0; */
    width: 530px;
    border-radius: 25px;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.nav-wrapper:has(.nav-wrapper-2):has(.nav-parent.active){
    border-radius: 25px 0 0 25px;
}
.right_menu .nav-wrapper:has(.nav-wrapper-2):has(.nav-parent.active){
    border-radius: 0 25px 25px 0;
}

/* Show when active */
.nav-wrapper-1.active {
    display: block;
    opacity: 1;
    transform: translateY(30px);
}

/* Styling for nav items */
.nav-item-wrapper {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 12px 15px; */
    border-radius: 6px;
    transition: background 0.3s;
    position: relative;
    z-index: 110;
}

.nav-wrapper-1 .nav-content h2 {
    padding: 30px 0px 20px 25px;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
}

/* Menu Links */
.nav-wrapper.nav-wrapper-1.active .nav-item {
    color: var(--black);
}

.nav-content {
    position: relative;
}

/* Responsive Design */
@media (max-width: 768px) {
    .nav-wrapper-1 {
        width: 100%;
        box-shadow: none;
        padding: 10px;
    }
}

.nav-wrapper-0 .nav-parent .nav-item-wrapper .nav-item {
    color: var(--white);
}

.nav-wrapper-0 .nav-parent .nav-item-wrapper .nav-item:hover {
    color: var(--green);
}

.nav-wrapper-1 .nav-content ul li .nav-item-wrapper .nav-item {
    color: var(--black) !important;
}

.nav-wrapper-1 .nav-content ul li .nav-item-wrapper .nav-item:hover {
    color: var(--green) !important;
}

.nav-wrapper-2 .nav-content ul li .nav-item-wrapper .nav-item {
    color: var(--white) !important;
}

.nav-wrapper-2 .nav-content ul li .nav-item-wrapper .nav-item:hover {
    color: var(--black) !important;
}


/* Hide .nav-wrapper-2 initially */
.nav-wrapper-2 {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background: var(--green) !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    width: 250px;
    min-height: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    opacity: 0;
    transform: translateX(-10px);
    border-radius: 0 25px 25px 0;
}

.nav-wrapper-2 .nav-item-wrapper {
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    justify-content: normal;
    color: var(--white) !important;
    align-items: center;
}



/* Show when parent .nav-parent is active */
.nav-parent.active .nav-wrapper-2 {
    display: block;
    opacity: 1;
    transform: translateX(0);
}

/* Ensure positioning within .nav-content */
.nav-content {
    position: relative;
}

/* Style for nav-next button */
.nav-next {
    cursor: pointer;
    display: flex;
    width: 20px;
    height: 20px;
    background: url('your-icon.svg') no-repeat center;
    background-size: contain;
    align-items: center;
    justify-content: center;
}

.nav-wrapper-1 ul {
    padding: 10px 10px 20px 10px;
    list-style-type: none;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.nav-wrapper-2 .nav-content ul li {
    width: 100%;
}

.nav-wrapper-2 .nav-content ul {
    padding: 0;
}

.nav-wrapper-1 ul li {
    width: 50%;
    padding: 12px 15px;
}


.nav-wrapper-1::after {
    content: "";
    position: absolute;
    bottom: -20px;
    top: 0%;
    transform: translateX(120%) translateY(-40%);
    width: 30px;
    height: 30px;
    background-image: url('/img/hdr_aftr.png');
    background-size: cover;
    background-repeat: no-repeat;
}



/* index page css end ////////////////////////// */


/* banner section start  */

@keyframes smooth-wave {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    15% {
        transform: translate(5px, -8px) rotate(3deg);
    }

    30% {
        transform: translate(-6px, 6px) rotate(-4deg);
    }

    45% {
        transform: translate(7px, -5px) rotate(5deg);
    }

    60% {
        transform: translate(-5px, 7px) rotate(-3deg);
    }

    75% {
        transform: translate(6px, -6px) rotate(4deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

@keyframes reverse-floating-wave {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    15% {
        transform: translate(-8px, -12px) rotate(-2deg);
    }

    30% {
        transform: translate(10px, 14px) rotate(3deg);
    }

    45% {
        transform: translate(-12px, 10px) rotate(-4deg);
    }

    60% {
        transform: translate(8px, -12px) rotate(3deg);
    }

    75% {
        transform: translate(-10px, 8px) rotate(-3deg);
    }

    90% {
        transform: translate(6px, -10px) rotate(2deg);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}



.bnr_search {
    display: none;
}

.banner_sec .down_lftboxbr {
    position: absolute;
    z-index: -1;
    bottom: auto;
    left: -70px;
    animation: smooth-wave 12s infinite ease-in-out;
    top: calc(100% - 180px);
}

.banner_sec .down_rgtboxbr {
    position: absolute;
    z-index: -1;
    bottom: auto;
    top: calc(100% - 190px);
    right: -180px;
    animation: reverse-floating-wave 12s cubic-bezier(0.4, 0.05, 0.2, 1) infinite;
}

.banner_sec .bannr_text {
    max-width: 1140px;
    margin: auto;
    text-align: center;
}

.banner_sec h2 {
    color: var(--white);
}

.banner_sec .bgr_nt .net_imgbr {
    min-height: 430px;
}

.banner_sec {
    padding: 300px 0px 70px 0;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.banner_sec .bgr_nt {
    position: absolute;
    top: 175px;
    left: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
    height: 100%;
}

.banner_sec .bnr_amtionotr {
    top: -60px;
    position: absolute;
    width: 100%;
    height: 100%;
}

.banner_sec .topste_lftboxbr .tops_img {
    position: absolute;
    bottom: 220px;
    left: -140px;
    max-width: 250px;
    max-height: 170px;
    width: 100%;
    height: 100%;
    animation: floatUpDown 3s infinite ease-in-out;
    /* Add the animation */
}

/* Define the up-and-down keyframes */
@keyframes floatUpDown {
    0% {
        transform: translateY(0);
        /* Start at the original position */
    }

    50% {
        transform: translateY(-20px);
        /* Move up by 20px */
    }

    100% {
        transform: translateY(0);
        /* Return to the original position */
    }
}

.banner_sec .topste_rgtboxbr .tops_img {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 230px;
    max-height: 220px;
    width: 100%;
    height: 100%;
    animation: up-down 4s ease-in-out infinite alternate;
}

/* Up and Down Floating Animation */
@keyframes up-down {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-25px);
    }

    100% {
        transform: translateY(-10px);
    }
}



.banner_sec .bannr_text .bnr_txt {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 26px;
    line-height: 35px;
    color: var(--white);
}

/* banner section end  */

/* sections second css start //// */

.fqty .wth_fqty .otr_fqty .img_fqty img {
    max-width: 36px;
    width: 100%;
    max-height: 23px;
    height: 100%;
}

.fqty .wth_fqty .otr_fqtyul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.fqty {
    position: relative;
    box-shadow: 0px 14px 54px 0px #155BAE1A;
    padding: 20px 0;
    z-index: 6;
    background-color: var(--white);
}

.fqty .wth_fqty {
    max-width: 1210px;
    margin: auto;
    color: var(--black);
    display: flex;
    justify-content: space-between;
}

.fqty .inside_fqtypara {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
}

.fqty .fqty_para {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
}

/* sections second css end //// */

/* sections 3rd css start //// */

.look_sec .look_box {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* Ensure the slick-slide and its children have height 100% */
.look_sec .slick-slide {
    height: 100% !important;
}

/* Ensure the look_box and its children have height 100% */
.look_box {
    height: 100% !important;
}

/* Optional: Add flexbox to align content vertically and horizontally */
.look_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Center content vertically */
    align-items: center;
    /* Center content horizontally */
}

/* Ensure images inside lookbox_img are responsive */
.lookbox_img img {
    height: auto !important;
    max-width: 190px !important;
    width: 100%;
    height: auto !important;
    /* Maintain aspect ratio */
}

.look_sec .slick-slide {
    height: 240px !important;
}




.look_sec .look_box .look_txt h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.look_sec .look_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.look_sec .lookbox_img {
    display: flex;
    justify-content: center;
    height: 100%;
}

.look_sec .inside_lksec {
    padding: 100px 0 100px 0;
}

.look_sec .looksec_hd h3 {
    text-align: center;
    margin-bottom: 1.5em;
}
.sec5_hd {
    display: flex;
    align-items: center;
}

/* sections 3rd css end //// */

/* section4 css start  */

.sec4otr .inside_sec4 .sec4_box .insec4img img {
    max-width: 78px;
    width: 100%;
    max-height: 78px;
    height: 100%;
}

.sec4otr .inside_sec4 .sec4_box .sec4_box_pra {
    padding-top: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 0;
}

.sec4otr .inside_sec4 .sec4_box .insec4img {
    text-align: center;
}

.sec4otr .inside_sec4 .sec4_box {
    max-width: 235px;
    margin: auto;
}

.sec4otr .inside_sec4 .sec4_hd {
    text-align: center;
    margin-bottom: 40px;
}

.sec4otr .inside_sec4 {
    border-radius: 20px;
    padding: 60px 60px;
    background-image: linear-gradient(90deg, rgba(40, 163, 220, 0.1) 0%, rgba(21, 91, 174, 0.1) 100%);
}

/* section4 css end  */

/* section 5 css start  */

.otr_sec5 .sec5_btn {
    margin-bottom: 15px;
}
.sec6otr .insde_sec6pr .sec6hd h2{
    margin: 0;
}

.otr_sec5 .inside5box .sec5_para {
    margin-top: 20px;
}

/* Slider */

/* Ensure the slick-slide and its children have height 100% */
.game-slide {
    height: 100% !important;
}

/* Ensure the inside5box and its children have height 100% */
.inside5box {
    height: 100% !important;
}

/* Optional: Add flexbox to align content vertically and horizontally */
.inside5box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Center content vertically */
    align-items: center;
    /* Center content horizontally */
}

/* Ensure images inside sec5img_box are responsive */
.sec5img_box img {
    max-width: 100% !important;
    height: auto;
    /* Maintain aspect ratio */
}

.game-slide {
    height: 270px !important;
    /* Example height */
}



.sec5otr .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.sec5otr .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}

.sec5otr .slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.sec5otr .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }

    .slick-loading & {
        visibility: hidden;
    }
}

.sec5otr .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0 14px;

    [dir="rtl"] & {
        float: right;
    }

    img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 156px;
        max-height: 190px;
    }

    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}

.othr_fq .otr_fqty {
    color: #fff;
    flex: 0 0 100%;
}

.othr_fq .otr_fqty img {
    filter: invert(1);
}

.sec5otr .arrows-box-custom .slick-arrow:hover {
    background-image: linear-gradient(0deg, #155BAE 0%, #28a3dc 100%);
    color: #fff;
    border: 1px solid #28a3dc;
}

.sec5otr .arrows-box-custom .slick-arrow.active {
    background-image: linear-gradient(0deg, #155BAE 0%, #28a3dc 100%);
    color: #fff;
    border: 1px solid #28a3dc;
}

.sec5otr .arrows-box-custom {
    text-align: center;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;

    button {
        display: inline-block;
        vertical-align: top;
        padding: 8px 15px;
        margin: 2px;
        border: none;
        color: #000;
        border-radius: 50px;
        border: 1px solid rgba(21, 91, 174, 0.1);
    }
}

.sec5otr .slick-dots-custom {
    display: flex;
    padding: 10px;
    margin: 0;
    list-style: none;
    justify-content: center;

    li {
        padding: 2px;
    }

    button {
        display: inline-block;
        background: #000;
        color: #fff;
        padding: 5px 8px;
    }
}

.inside5box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(21, 91, 174, 0.1);
    padding: 40px 0;
    border-radius: 15px;
    margin: 0px;
}

.inside5box .sec5_para {
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    /* margin-top: auto; */
    text-align: center;
}

.sec5otr {
    padding: 25px 0 25px 0;
}

.sec5_ot_slidr .container {
    padding: 0;
}

/* section 5 css end  */

/* section 6 start  */
.sec6otr {
    padding: 20px 0 120px 0;
}

.sec6otr .insde_sec6pr .sec6_btn {
    display: flex;
    align-items: center;
    padding-top: 50px;
}

.sec6otr .insde_sec6pr .sec6hd {
    max-width: 410px;
    width: 100%;
}

.sec6otr .insde_sec6pr .sec6hd_para {
    font-weight: 700;
}

.sec6otr .insde_sec6pr .sec6hd_para {
    font-weight: 700;
    max-width: 540px;
    width: 100%;
}

.sec6otr .insde_sec6pr .sec6_para {
    max-width: 100%;
    width: 100%;
    color: rgba(134, 134, 134, 1);
}

.sec6otr .sec6_btn {
    display: flex;
    align-self: start;
    padding: 10px 0 0 60px;
}

.sec6otr .insde_sec6pr {
    padding-left: 60px;
}

.sec6otr .insde_sec6img {
    position: relative;
}

.sec6otr .insde_sec6img::before {
    content: "";
    background-image: url("./img/sec6_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: -2;
}

/* section 6 end  */

/* section 7 start  */

.btnbox_sec7 {
    display: flex;
    align-items: center;
    justify-content: end;
}

.sec7_bg .insdtxt_sec7 h2 {
    color: var(--white);
}

.sec7_otr .sec7_bg {
    position: relative;
    padding: 60px 60px;
    background-color: var(--green);
    border-radius: 20px;
    z-index: 1;
}

.sec7_bg .text_clr {
    display: block;
}

.sec7_bg .paratext_sec7 {
    color: var(--white);
    max-width: 580px;
    width: 100%;
    margin-bottom: 0;
    font-weight: 700;
}

.sec7_otr .sec7_bg::before {
    position: absolute;
    content: "";
    background-image: url("./img/sec7_bg.png");
    width: 100%;
    height: 264px;
    top: 40px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

/* section 7 end  */

/* section 8 start  */

.game-slide img {
    width: 100%;
    border-radius: 10px;
}

.slider-controls-game {
    text-align: center;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.otr_sec8 .arrow_btn {
    display: inline-block;
    vertical-align: top;
    padding: 8px 15px;
    margin: 2px;
    border: none;
    color: #000;
    border-radius: 50px;
    border: 1px solid rgba(21, 91, 174, 0.1);
}

.otr_sec8 .btn-prev-game:hover,
.btn-next-game:hover {

    background-image: linear-gradient(0deg, #155BAE 0%, #28a3dc 100%);
    color: #fff;
    border: 1px solid #28a3dc;

}

.otr_sec8 .arrow_btn.active {
    background-image: linear-gradient(0deg, #155BAE 0%, #28a3dc 100%);
    color: #fff;
    border: 1px solid #28a3dc;
}

.otr_sec8 .inside5box {
    height: 100%;
    padding: 40px 26px 15px 26px;
}

.otr_sec8 .sec5_btn {
    margin-bottom: 20px;
}

/* section 8 end  */



/* section 9 css start /////// */

.sec9_otr .inside_sec9 {
    padding: 60px 60px;
    background-color: var(--hddarkblue);
    color: var(--white);
    border-radius: 25px;
    max-height: 740px;
    height: 100%;
}

.inside_sec9 .hdr_sec9 {
    max-width: 510px;
    width: 100%;
}

.inside_sec9 .sec9_btnbox {
    display: flex;
    align-items: center;
    padding-top: 40px;
}

.inside_sec9 .lft_sldrbox {
    max-width: 560px;
    margin: auto;
}

.slider-for,
.slider-nav {
    display: block !important;
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.slider-nav .slick-slide {
    cursor: pointer;
    border: 2px solid transparent;
}

.sec9_otr {
    position: relative;
    overflow: hidden;
}

.rgt_boxsldr .slick-list.draggable {
    overflow: visible;
}


.sec9_otr .sec9_hdrbox .slider-for,
.slider-nav {
    display: block !important;
    width: 100%;
    max-width: 580px;
    margin: auto;
}

.sec9_otr .rgt_imgbox {
    border: 1px solid rgba(40, 163, 220, 0.28);
    padding: 40px 40px;
    margin: 20px 0;
    border-radius: 25px;
}

.sec9_otr .sec9_hdrbox {
    padding-top: 70px;
}

.sec9_otr .rgt_boxsldr {
    position: relative;
    /* Ensure relative positioning for ::after */
}

.sec9_otr .rgt_boxsldr::after {
    content: "";
    position: absolute;
    top: -380px;
    left: 0;
    width: 100%;
    height: 400px;
    background: linear-gradient(360deg, rgba(11, 48, 75, 0) -30.56%, #0B304B 88.43%);

    pointer-events: none;
    z-index: 1;
}

.sec9_otr .rgt_boxsldr::before {
    content: "";
    position: absolute;
    bottom: -380px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(11, 48, 75, 0) -46.71%, #0B304B 84.87%);
    pointer-events: none;
    z-index: 1;
}

.rgt_boxsldr .slick-slide.slick-current.slick-active {
    background-image: url(./img/sec9_bgsl.svg);
    background-repeat: no-repeat;
    background-position: right 0% top 50%;
    background-size: 15%;
}

.sec9_otr .slick-slide img {
    height: 206px;
    display: block;
}

.inside_sec9 .hdr_sec9 .text_clr {
    display: block;
}

/* section 9 end css  */


/* section10 start css  */

.sec10_otr .inside_sec10 {
    padding: 100px 0px 40px 0;
}

.inside_sec10 .inside_hdsec10 {
    max-width: 810px;
    margin: auto;
    text-align: center;
}

.sec10hd_para {
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    color: var(--grey);
}

/* section10 end css  */


/* section11 end start  */
.inside_sec11 {
    padding: 60px 80px 60px 80px;
    background-color: var(--extalight);
    border-radius: 35px;
}

.inside_sec11 .hdg11_otr .sec11_hd .inside_para {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.inside_sec11 .hdg11_otr .box_flx11 .box_ul11 {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}

.hdg11_otr .box_flx11 li.box_li11 {
    height: 58px;
    /* text-align: center; */
    width: 80px;
}

.hdg11_otr .box_flx11 {
    max-width: 590px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 30px;
}

.sec11_otr .ots11_btnbox .rgt11_btn a.cta2 {
    padding: 20px 40px;
}

.hdg11_otr .sec11_hd {
    max-width: 510px;
    width: 100%;
}

.sec11_otr {
    padding: 100px 0 100px 0;
}

.sec11_otr .ots11_btnbox {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 70px;
}

.sec11_otr .ots11_btnbox>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec11_rgtbox {
    mix-blend-mode: multiply;
}

/* section11 end   */

/* section12 start  */
.otr_sec12 {
    padding: 0 0 100px 0;
    position: relative;
}

.otr_sec12::after {
    content: "";
    position: absolute;
    background-image: url("./img/sec12_bfr.svg");
    /* Path to your image */
    background-repeat: no-repeat;
    /* Prevent the image from repeating */
    background-size: contain;
    /* Scale the image to fit */
    background-position: center;
    /* Center the image */
    right: 0;
    top: -100px;
    width: 112px;
    /* Set a width for the ::after element */
    height: 343px;
    /* Set a height for the ::after element */
    z-index: 1;
    /* Ensure it appears above other content */
}

.sec12_hdr h2 .text_clr {
    display: block;
}

.otr_sec12 .sec12_hdr {
    max-width: 670px;
    margin: auto;
    text-align: center;
    margin-bottom: 40px;
}

.otr_sec12 .cotnt_sec12 .iside_12img img {
    border-radius: 25px;
}

.cotnt_sec12 .iside_12text {
    max-width: 640px;
    margin: auto;
}

/* section12 end  */

/* section 13 start  */

.inside_Sec13 .sec13_img {
    text-align: end;
}

.inside_Sec13 .sec13_img img {
    border-radius: 25px;
}

.inside_Sec13 {
    position: relative;
    padding: 0 0 100px 0;
}

.inside_Sec13::before {
    content: "";
    position: absolute;
    content: "";
    background-image: url("./img/sec13_bg.png");
    width: 50%;
    height: 570px;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.inside_Sec13 .hdr_sec13 {
    max-width: 400px;
    width: 100%;
    position: relative;
}

.inside_Sec13 .hdr_sec13::after {
    content: "";
    position: absolute;
    top: -50px;
    left: 10%;
    width: 66px;
    /* Adjust width */
    height: 2px;
    /* Adjust thickness */
    background-color: lightblue;
    /* Adjust color */
    transform: translateX(-50%);
}

.inside_Sec13 .sec13_btn {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.sec13_parabox {
    padding-top: 10px;
    max-width: 596px;
    width: 100%;
    color: var(--grey);
}

/* section 13 end  */

.game-content .pagination ul {
    padding-left: 0;
}

.guidelines ul.what-txt li span {
    font-weight: 500;
}

header .indside_hdr .otned_hlp .pge_sec .otr_pge .insd_ul .insd_an:hover {
    color: var(--hddarkblue);
    transition: color 0.1s ease;
}



.price-buy span:hover {
    color: var(--green);
    cursor: pointer;
}

.cart_content .delete:hover {
    background-color: var(--lightblue);
    transition: 0.2s ease;
}

.cart_content .delete:hover img {
    transition: 0.2s ease;
    filter: invert(1);
}



/* custom css start  */
.pb_120 {
    padding-bottom: 120px;
}

.trade-in-game-content .dropdown-content,
.sub-dropdown-content {
    display: none;
}

.trade-in-game-content .dropdown-content.active,
.sub-dropdown-content.active {
    display: block;
}

.trade-in-game-content .sub-dropdown-toggle,
.dropdown-toggle {
    cursor: pointer;
    position: relative;
}

.trade-in-game-content .breadcrmb {
    padding-top: 25px;
}

.trade-in-game-content .breadcrumb-item,
.breadcrumb-item a {
    font-size: 16px;
    line-height: 1.2;
    color: var(--grey);
    text-decoration: none;
}

.trade-in-game-content .breadcrumb-item+.breadcrumb-item::before {
    content: "|";
}

.trade-in-game-content .breadcrumb-item.active {
    color: var(--black);
    font-weight: 700;
}

.trade-in-game-content .game-description>p {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    max-width: 900px;
    margin: 50px auto 50px;
}

.trade-in-game-content .all-option a {
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    color: var(--black);
    background-color: #155bae12;
    border: 1px solid #155bae1a;
    border-radius: 15px;
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    padding: 36px 15px;
    transition: all 0.5s ease;
}

.trade-in-game-content .all-option a:hover {
    color: var(--lightblue);
    background-color: var(--white);
    box-shadow: 0px 10px 30px 0px #0000001a;
    border: 1px solid #155bae1a;
}

.trade-in-game-content .game-options {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    position: relative;
}

.trade-in-game-content .sidebar {
    width: 290px;
    border: 1px solid #155bae1a;
    padding: 20px 22px 20px 22px;
    border-radius: 10px;
    height: max-content;
    position: sticky;
    top: 0;
}



.sidebar input[type="checkbox"]:checked+label {
    font-weight: bold;
}

.sidebar label:has(input[type="checkbox"]:checked) {
    font-weight: bold;
}


.trade-in-game-content .slid_box {
    position: relative;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-bottom: 1px solid #155bae1a;
    cursor: pointer;
}

.trade-in-game-content .sidebar .slid_box::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    bottom: -2px;
    left: 0;
    background: var(--lightblue);
}



.trade-in-game-content .dropdown-toggle {
    letter-spacing: 0.5px;
    font-size: 16px;
    line-height: 1.2;
    padding: 20px 0px;
    border-top: 1px solid #155bae1a;
    margin-bottom: 0;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-toggle,
.sub-dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-toggle i {
    color: var(--grey);
}

.dropdown-toggle.active i {
    transform: rotate(90deg);
    color: #000;
}

.trade-in-game-content .dropdown-content.active li,
.sub-dropdown-content.active li,
.sub-dropdown-toggle {
    list-style: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 15px;
}

.trade-in-game-content .dropdown-content.active,
.sub-dropdown-content.active {
    padding: 0;
    margin: 0;
}

.trade-in-game-content label {
    display: flex;
    width: 100%;
    gap: 14px;
    cursor: pointer;
}

.trade-in-game-content .dropdown-content.active li,
.sub-dropdown-content.active li {
    list-style: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.trade-in-game-content .dropdown-content.active,
.sub-dropdown-content.active {
    padding: 0;
    margin: 0;
}

label {
    display: flex;
    width: 100%;
    gap: 14px;
}

.games {
    width: 100%;
    border: 1px solid #155bae1a;
    padding: 25px;
    border-radius: 15px;
}

.games img {
    width: 100%;
    height: 100%;
}

.games p {
    font-family: Satoshi;
    font-weight: 500;
    font-size: 18px;
    line-height: 24.3px;
    color: var(--lightblue);
    margin-top: 23px;
}

.sub-dropdown-toggle {
    justify-content: space-between;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    cursor: pointer;
}

.sub-dropdown-toggle i {
    color: var(--grey);
}

.sub-dropdown-content {
    padding-left: 35px !important;
    padding-top: 12px !important;
}

.sub-dropdown-content a {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    color: var(--grey);
    text-decoration: none;
}

.sub-dropdown-toggle.active i {
    color: #000;
    transform: rotate(90deg);
}

.sidebar input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background-color: var(--white);
    cursor: pointer;
    position: relative;
}

.sidebar input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-image: url('./img/tick_img.svg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.sidebar input[type="checkbox"]:checked {
    border-color: var(--lightblue);
    position: relative;
}

.game-img {
    margin: auto;
}

.games {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sell {
    display: flex;
    align-items: center;
    border: 1px solid #155bae1a;
    padding: 0px 8px 0px 0px;
    border-radius: 170px;
    justify-content: space-between;
}

.sell .cta {
    text-transform: capitalize;
    background-color: var(--green);
    border-radius: 170px 0px 0px 170px;
    padding: 6px 12px;
    color: var(--white);
    border: 1px solid var(--green);
}

.games .sell .cta:hover {
    color: var(--green);
    background-color: var(--white);
}

.games .sell p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    color: var(--grey);
}

.games .sell span {
    font-family: Satoshi;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: var(--blue);
}

.games:hover {
    box-shadow: 0px 10px 30px 0px #0000001a;
}

.games:hover {
    box-shadow: 0px 10px 30px 0px #0000001a;
}

.pagination {
    margin-top: 30px;
}

.pagination li {
    list-style: none;
}

.pagination ul {
    display: flex;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

.pagination ul button, .pagination ul a, .pagination .page-btn {
    height: 40px;
    width: 40px;
    border: 0.5px solid #155bae1a;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
}

.pagination ul button.active, .pagination ul a.active {
    background: linear-gradient(0deg, #155bae 0%, #28a3dc 100%);
    color: #fff;
}

.online-sell-content {
    border-radius: 20px;
    background: linear-gradient(90deg,
            rgba(40, 163, 220, 0.1) 0%,
            rgba(21, 91, 174, 0.1) 100%);
    padding: 60px 125px;
    text-align: center;
}

.online-sell-content h3 {
    margin-bottom: 38px;
}

.online-sell-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.online-sell-content ul li {
    max-width: 235px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.online-sell-content ul p {
    margin: 0;
    font-size: 18px;
    line-height: 23px;
    margin-top: 13px;
    font-weight: 500;
}

.online-games-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.online-games-img img {
    max-height: 82px;
    max-width: 82px;
    height: 100%;
    width: 100%;
}

.fqty.dark .wth_fqty {
    max-width: 100%;
    width: 100%;
    color: var(--white);
}

.fqty.dark .wth_fqty img {
    filter: invert(1);
}

.faq-content h2 {
    text-align: center;
    margin-bottom: 28px;
}

.faq-content .accordion-item .accordion-button {
    border: 1px solid #155bae1a;
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 0px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    padding: 30px;
    border: 1px solid #155bae1a;
    border-radius: 15px;
    /*margin-bottom: 30px;*/
}

.faq-content .accordion-item:has(.accordion-button:not(.collapsed)) {
    border: 1px solid #fff;
    background-color: transparent;
    color: #000;
    box-shadow: 0px 14px 54px 0px #155bae14;
    margin-bottom: 30px;
    border-radius: 15px;
    padding: 30px;
}

.faq-content .accordion-button:not(.collapsed) {
    border: 0px;
    background-color: transparent;
    color: #000;
    box-shadow: none;
    padding: 0px;
    padding-bottom: 17px;
    margin: 0;
}

.faq-content .accordion-item {
    border: 0;
}

.faq-content .accordion-body {
    padding: 0;
    max-width: 1075px;
    color: #868686;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

/* Accordion button structure */
.faq-content .accordion-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    position: relative;
}

.faq-content .accordion-text {
    flex: 1;
    padding-right: 20px;
}

.faq-content .accordion-icon {
    position: absolute;
    right: 42px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%230b304b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    transition: transform 0.3s ease;
}

.faq-content .accordion-button:not(.collapsed) .accordion-icon {
    transform: translateY(-50%) rotate(180deg);
    right: 11px;
    top: 19px;
}

/* Removed ::after pseudo-element */
.shop_otr img:hover {
    transition: 0.2s ease;
    filter: invert(66%) sepia(95%) saturate(283%) hue-rotate(42deg) brightness(185%) contrast(97%);
}
.admin_icon:hover{
    transition: 0.2s ease;
    filter: invert(66%) sepia(95%) saturate(283%) hue-rotate(42deg) brightness(185%) contrast(97%);
}
.otr_drpshp .cros_drp:hover{
    transition: 0.3s ease;
    background-color: var(--drakblue);
}
/* Removed ::after pseudo-element for collapsed state */

/* Contact Info Section */
.contact-info-sec {
    padding: 60px 0;
    background-color: #f8f9fa;
}

.contact-info-box {
    background: #fff;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    margin: 0 auto;
}

.company-info h3 {
    color: #155BAE;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.trading-name {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 30px;
    font-style: italic;
}

.address-section {
    margin-bottom: 30px;
}

.address-section h4 {
    color: #155BAE;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.address-note {
    color: #e74c3c;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}

.address-block {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    border-left: 4px solid #155BAE;
}

.address-block p {
    margin: 0;
    line-height: 1.6;
    color: #333;
}

.company-details {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.company-details p {
    margin: 0 0 10px 0;
    color: #333;
}

.company-details p:last-child {
    margin-bottom: 0;
}


.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.accordion-button:focus {
    border-color: #155bae1a;
    box-shadow: none;
}

.faq-content .accordion-item:has(.accordion-button:not(.collapsed)):last-child,
.faq-content .accordion-item:last-child .accordion-button {
    margin: 0;
}

:focus-visible {
    outline: 0px;
}

.faq-sec .faq-content {
    max-width: 1200px;
    margin: auto;
}

/* .fqty .wth_fqty {
    padding: 0px 30px;
  } */

.footer-row {
    display: flex;
    justify-content: space-between;
}

.trade-in-game-content .category:nth-child(2) .dropdown-toggle {
    border-top: 0;
}

.lwr_foot {
    margin-top: 43px;
}

footer .inside_footr .footer_insidetxt .otr_hdtxt .otr_txtul .fotr_txt {
    line-height: 1.2;
    /* padding-top: 30px; */
    display: inline-block;
}

footer .inside_footr .footer_insidetxt .otr_hd h5 {
    margin-bottom: 0;
}

footer .lowr_footside .row {
    margin: 0;
}

.faq-content .accordion-body p {
    margin-bottom: 30px;
}

.faq-content .accordion-body p:last-child {
    margin: 0;
}

.without-bnr {
    padding-top: 230px;
}

.game-content.game-content2 {
    width: 100% !important;
}

.game-content.game-content2 h2 {
    margin-bottom: 34px;
}

.game-block-2>div {
    flex: 0 0 20%;
}

/* rupali  css */
.p_120 {
    padding: 120px 0;
}

.light-grey {
    color: #868686;
}

.text-black {
    color: #000;
}

.sell-cash-wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.what-txt {
    font-size: 18px;
    max-width: 690px;
}

.dark-p {
    font-weight: 500;
}

.sell-cmmn {
    font-size: 16px;
    font-weight: 500;
    background-color: #28a3dc;
    color: #fff;
    padding: 15px 47px;
    border-radius: 160px;
}

.sell-txt,
.do-now-btm {
    max-width: 600px;
    margin: auto;
    color: #868686;
}

.cash.sell-cmmn {
    padding: 15px 67px;
}

.click-here {
    color: #28a3dc;
    text-decoration: none;
    font-weight: 700;
}

.do-now-btm {
    padding-top: 25px;
}

.dont-forget {
    align-items: center;
    color: #fff;
    gap: 20px;
}

.print-btn {
    background-color: #94cc4c;
    display: inline-block;
    color: #fff;
    border-radius: 9px;
    padding: 20px 40px;
}

.print-btn:hover {
    background-color: #155bae1a;
    color: #000;
}

.truck-img {
    background-color: #155bae12;
    text-align: center;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wht-rgt {
    padding-left: 36px;
}

.guidelines .wht-rgt {
    padding: 20px 0 !important;
}

.packing-txt {
    max-width: 1000px;
    margin: auto;
}

.packing-img {
    padding: 25px 0;
}

.guidelines .wht-lft,
.guidelines .wht-lft>div {
    height: 100%;
}

.li-mail {
    display: block;
    color: #28a3dc;
    text-decoration: none;
    font-weight: 500;
}

.guidelines ul.what-txt li {
    padding-bottom: 8px;
}

.guidelines .wht-lft {
    padding-right: 30px;
}

.forget-img {
    min-width: 143px;
}

.dont-forget {
    max-width: 960px;
    margin: auto;
}

.what-you .what-you-innr .wht-lft h2 {
    max-width: 520px;
    width: 100%;
}

.forget-text p {
    font-weight: 700;
    font-size: 22px;
}

section.fqty.dont-frget-sec {
    padding: 40px 0;
}

.grey-btn {
    background-color: #155bae1a;
    color: #000;
}

.grey-btn:hover {
    background-color: #94cc4c;
    color: #fff;
}

.print.guide-print .print-btn {
    padding: 20px 59px;
}

.print .cta1 {
    border: 1px solid transparent !important;
    display: inline-block;
    border-radius: 9px;
    margin-top: 35px;
}

.print .cta1:hover {
    background-color: var(--black);
}

.guide-print {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cta1-grey {
    background-color: #155BAE1A;
    color: #000;
    border-color: #155BAE1A;
}

/*NT 6march 25 */
.cart-content {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top:15px ;
}

.cart_content table tbody tr td:first-child {
    padding-left: 0;
}

.cart_content table tbody tr {
    border-bottom: 1px solid #155bae1a;
}

.cart_content table tbody tr td {
    padding: 30px 15px;
}

.cart_content table th {
    padding: 0 15px 15px 15px;
}

.cart-cont p {
    font-family: 'Nohemi';
    margin: 0;
}

.cart-cont {
    padding-top: 80px;
}

.cart-product-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #155bae1a;
    padding: 8px 10px;
    max-width: 100px;
    border-radius: 150px;
}

.quantity input[type="text"] {
    width: 100%;
    text-align: center;
    border-radius: 0;
    border: 0;
    color: #000000;
    font-weight: 700;
    font-size: 18px;
}

 .price {
    min-width: 150px !important;
    text-align: center ;
}
.pr_dlbox {
    display: flex;
    align-items: center;
}
.quantity span.plus,
.quantity span.minus {
    font-size: 24px;
    cursor: pointer;
    color: #868686;
}

.step_right {
    width: calc(100% - 525px);
}

.step_left {
    width: 460px;
}

.step_left .cart_shipp {
    background: linear-gradient(180deg, #28a3dc 0%, #155bae 100%);
    padding: 45px 30px 50px;
    border-radius: 15px;
    position: sticky;
    top: 0;
}

.step_left .cart_shipp * {
    color: #fff;
}

.step_left .ordr-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 26px;
}

.step_left .ordr-summary p {
    margin: 0;
}

.step_left h6 {
    font-family: "Satoshi";
    font-weight: 700;
    font-size: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 15px;
    margin-bottom: 23px;
}

.step_left .cart_shipp .cta1 {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 13.5px 40px;
}

.step_left .cart_shipp .cta1 {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 13.5px 40px;
}

.cart_content p {
    font-family: Nohemi;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
}

.cart_content th {
    text-align: center;
    border: 0;
    font-family: Nohemi;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
}

.cart_content th:first-child {
    text-align: left;
}

.cart_content thead {
    border-bottom: 1px solid #155bae1a;
}

.cart_content td {
    font-family: Satoshi;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
}

.cart_content .delete {
    border: 1px solid #155bae1a;
    height: 34px;
    width: 34px;
    display: inline-flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #000;
    text-decoration: none;
}

.cart_content .image-box {
    height: 120px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 14px 25px 0px #155bae1a;
    border-radius: 5px;
    font-size: 0px;
}

.cart_content .product-text p {
    font-family: Satoshi;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 0;
}

.cart_content .product-text {
    text-align: left;
}

.cart_content .product-text span {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #868686;
}

.cart_content .product-text {
    /*max-width: 142px;*/
}



/* NT 6march 25 */
.checkout-content {
    display: flex;
    justify-content: space-between;
}

.checkout {
    flex: 0 0 50%;
    padding: 260px 45px 120px 0px;
}

.checkout.right {
    padding-left: 60px;
}


.checkout .tab-content {
    display: none;
}

.checkout .tab-content.active{
    display: block;
}
.grey-link a {
    font-size: 16px;
    line-height: 30px;
    color: #868686;
    text-decoration: none;
    display: flex;
    gap: 15px;
}

.grey-link i {
    font-style: normal;
    font-family: fontAwesome;
}
.step_left .cart_shipp .ordr-summary p {
    font-family: 'Satoshi';
    letter-spacing: 1px;
}

.prog-bar {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 40px 0px 65px;
}

.prog-bar .step {
    position: relative;
    flex: 0 0 50%;
    text-align: center;
    padding-top: 50px;
    font-family: Nohemi;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #868686;
    border-top: 5px solid #d7eef9;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;

}

.prog-bar .step.active {
    color: #000;
    border-top: 5px solid #28A3DC;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;

}

.prog-bar .step::after {
    position: absolute;
    content: "";
    top: -40%;
    width: 100%;
    background: url("./img/check.png") no-repeat center;
    height: 54px;
    left: 0;
}

.prog-bar .step.active::after {
    background: url("./img/active-check.png") no-repeat center;
}

.checkout h6 {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 28px;
}

.checkout-sec {
    position: relative;
}

.checkout-sec::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 50%;
    background: #155BAE0D;
    height: 100%;
    z-index: -1;
}

.form-input {
    height: auto;
    width: 100%;
    border: 1px solid #155BAE1A;
    border-radius: 5px;
    background-color: transparent;
    padding: 20px;
    margin-bottom: 20px;
    font-family: Satoshi;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #868686;
}

.tab-block:not(:last-child) {
    margin-bottom: 40px;
}

.checkout-sec .cta1 {
    border: 0;
}


.radio-box {
    border: 1px solid #155BAE1A;
    overflow: hidden;
    border-radius: 15px;
}

.radio-box label:has(input:checked) {
    background-color: #155BAE12;
}


.radio-box label {
    padding: 25px 20px;
}

.radio-box label {
    display: inline-flex;
    justify-content: space-between;
}

.sub-btn {
    text-align: right;
}

.sub-btn .cta1 {
    padding: 20px 55px;
    font-size: 20px;
}

.radio-box .input-block {
    font-family: Satoshi;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    align-items: center;
}

.radio-box .input-block input {
    margin-right: 14px;
}

.radio-box .input-block a {
    margin-left: 5px;
}

.radio-box label {
    font-family: Satoshi;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.radio-box label a {
    padding-right: 20px;
    color: #28A3DC;
    text-decoration: none;
}

.order-summary.one button.tab-button i:hover {
    transition: 0.3s ease;
    color: var(--blue);
}

.tab-button {
    width: 100%;
    text-align: left;
}

.tab-container .tab {
    border: 1px solid #155BAE1A;
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: transparent;
}

.tab-container .tab button {
    background: transparent;
    border: 0;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
}

.tab-container .tab button i {
    color: #868686;
}

.checkout.left .tab-content {
    padding: 25px;
}

.checkout.left .tab-content p {
    font-family: 'Satoshi';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #868686;
    margin-bottom: 10px;
}

.tab-container .tab.tab-blue {
    background-color: #155BAE0D;
    border-radius: 160px;
}

.tab-container .tab.tab-blue:has(.tab-button.active) {
    border-radius: 10px;
}

.tab-container .tab:has(.tab-button.active) i {
    transform: rotate(180deg);
    color: #28A3DC;
}

.tab-container .tab-button.active {
    background-color: #155BAE0D;
    border-bottom: 1px solid #155BAE1A;
}

.tab-container .tab.tab-blue .form-input {
    background-color: #fff;
}

.tab-form form {
    display: flex;
    flex-direction: column;
}

.tab-form form a {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
}

.tab-button span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-summary h6 {
    border-bottom: 1px solid #155BAE1A;
    padding-bottom: 20px;
}

.order-summary .summary-item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.order-summary .summary-total {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #155BAE1A;
    border-bottom: 1px solid #155BAE1A;
    padding: 20px 0px;
}

.order-summary span {
    font-family: Satoshi;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
}

.order-summary span.value {
    font-weight: 700;
}


.order-summary {
    max-width: 525px;
    width: 100%;
    padding-top: 30px;
}

.order-summary .complete-order-btn {
    width: 100%;
    margin-top: 50px;
}

.order-summary button.tab-button {
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1px 0;
}

.rembr_box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.shipping-address {
    margin-top: 30px;
}

.order-summary button.tab-button i {
    color: #868686;
}

.order-summary .summary-total * {
    font-weight: 700;
}

.order-summary button.tab-button.active i {
    transform: rotate(180deg);
}

.checkout .tab-content li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0px;
    border-top: 1px solid #155BAE1A;
    border-bottom: 1px solid #155BAE1A;
}

.checkout .tab-content li:last-child {
    border-top: 0px;
}

.checkout .tab-content ul {
    padding: 0;
    margin: 0;
    padding-top: 20px;
}

.checkout .tab-content ul a {
    color: #868686;
}

.order-summary.one h6 {
    border: 0;
    margin-bottom: 10px;
    padding: 0;
}

.order-summary.one .shipping-address {
    margin: 0;
}

.order-summary.one button.tab-button {
    font-weight: 500;
    font-size: 20px;
    padding: 1px 0;
}

.order-summary.one button.tab-button i {
    color: #28A3DC;
}

/* .checkout .order-summary.one .tab-content li:last-child {
    border: 0;
} */

.checkout .order-summary.one .tab-content li {
    display: flex;
    gap: 20px;
    justify-content: left;
    align-items: center;
}

.checkout .order-summary.one .tab-content li p {
    margin: 0;
}

.checkout .order-summary.one .tab-content li p:first-child {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 6px;
}

.checkout .order-summary.one .tab-content li p:nth-child(2) {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #868686;
    margin-bottom: 4px;
}

.checkout .order-summary.one .tab-content li p:last-child {
    font-family: Satoshi;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
}

.product-img {
    height: 110px;
    width: 110px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: relative;
    /* Nově přidáno: zajistí, že cokoliv uvnitř, co by přečnívalo, bude oříznuto */
    overflow: hidden;
}

.product-img img {
    /* Zajistí, že obrázek nepřesáhne šířku a výšku rodiče */
    max-width: 100%;
    max-height: 100%;
    /* Volitelné: Zaručí, že obrázek si udrží poměr stran a vyplní dostupný prostor
       'contain' by zmenšil obrázek tak, aby se celý vešel bez ořezání, ale ponechal by prázdné místo.
       'cover' by vyplnil prostor, ale mohl by oříznout okraje obrázku.
       'fill' by roztáhl obrázek, aby vyplnil prostor, ale mohl by deformovat poměr stran.
       Pro "nepřečníval" je 'contain' často vhodný, ale 'cover' je často estetičtější, pokud chcete, aby celá oblast byla zaplněna. */
    object-fit: contain; /* Nebo 'cover', podle toho, co preferujete */
    /* Volitelné: Zabraňuje prázdným místům pod obrázky způsobeným inline-blok chováním */
    vertical-align: middle;
}

/* Pokud .fst_contprdt má nějakou specifickou roli nebo rozměry,
   tak by také potřeboval úpravy, ale pro tento případ stačí úprava img.
   Pokud .fst_contprdt má mít pevnou velikost a img má být uvnitř něj,
   pak je dobré i na něj aplikovat max-width/height.
*/
.fst_contprdt {
    height: 100%; /* Zajistí, že kontejner zabírá celou výšku rodiče */
    width: 100%;  /* Zajistí, že kontejner zabírá celou šířku rodiče */
    display: flex; /* Pro centrování, pokud je potřeba */
    justify-content: center;
    align-items: center;
}

.product-img span {
    position: absolute;
    top: -5px;
    right: -5px;
    background: linear-gradient(180deg, #28A3DC 0%, #155BAE 100%);
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    font-weight: 700;
    font-size: 12px;
    border-radius: 50%;
}


/* custom css end  */

/* prdt-detail css start  */

.product-details {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
}

.product-details .product-img {
    max-width: 368px;
    width: 100%;
    height: 410px;
    background-color: #fff;
    box-shadow: 0px 14px 54px 0px #155BAE1A;
    border-radius: 15px;
    padding: 30px 45px;
}

.product-details .product-img img {
    width: 100%;
    height: 100%;
}

.product-infos h3 {
    line-height: 46px;
    max-width: 432px;
    margin: 0px;
}

.product-infos h6 {
    font-family: 'Satoshi';
    font-weight: 700;
    line-height: 30px;
    margin: 7px 0px 10px 0px;
}

.product-infos ul {
    margin-bottom: 0px;
    /* padding-left: 26px; */
    gap: 8px;
}

.product-infos ul li {
    font-size: 16px;
    line-height: 24px;
    color: #313131;
    padding-bottom: 11.44px;
}

.product-infos ul li:last-child {
    padding-bottom: 0px;
}


/* btn */
.form .nav-tabs {
    display: flex;
    height: 45px;
    gap: 12px !important;
    margin-bottom: 19px;
}

.switch-field input[type="radio"] {
    display: none;
}

.product-infos  button.active {
    background: linear-gradient(270deg, #28A3DC -0.15%, #155BAE 100%) !important;
    color: #fff !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px 15px !important;
    border-radius: 10px !important;
    border: transparent;
}
.product-infos  button:hover {
    background: linear-gradient(270deg, #28A3DC -0.15%, #155BAE 100%) !important;
    color: #fff !important;
    display: inline-flex;
    transition: none !important;
    justify-content: center;
    align-items: center;
    padding: 12px 15px !important;
    border-radius: 10px !important;
    border: transparent;
}
.product-infos .nav-tabs {
    padding-bottom: 5px;
}


.product-infos  button {
    background: #155BAE12 !important;
    border: 1px solid #155BAE1A !important; 
    font-weight: 500;
    font-size: 16px;
    color: #000;
    flex: 0 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding: 12px 15px;
    border-radius: 10px !important;
}
.product-infos .list-group .list-group-item{
    border: none;
    padding: 0;
}
.product-infos  .product-infos .list-group{
    gap: 0;
}
.product-infos {
    padding: 0px 47px 0px 44px;
    max-width: 613px;
}

.prodcuts-prices p {
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 15px;
}

.prodcuts-prices h3 {
    margin-bottom: 46px;
}


.prodcuts-prices .price-buy {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.price-buy a.cta1 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.price-buy a.cta1 button {
    border: 1px solid #155BAE1A;
    background-color: #155BAE12;
    color: #868686;
}

.price-buy a.cta1 button:hover {
    background-color: var(--green);
    color: var(--white) !important;
}

.price-buy a.cta1:first-child {
    border: 1px solid #155BAE1A;
    background-color: #155BAE12;
    color: #868686;
}

.price-buy a.cta1:first-child:hover {
    background-color: var(--green);
    color: var(--white) !important;
}

.price-buy span {
    font-size: 14px;
    color: #868686;
    text-align: center;
}

.prodcuts-prices {
    max-width: 406px;
    width: 100%;
    padding: 25px;
    border: 2px solid #155BAE;
    border-radius: 15px;
}

/* date 07/03/2025 */


.bannr_text_s h1 {
    font-size: 26px;
    line-height: 100%;
    margin-bottom: 0px;
    letter-spacing: 2px;
}


/* login page */
.login-header h2 {
    text-align: center;
    margin-bottom: 30px;
}

.popup-overlay-2 .close-popup:hover,
.popup-overlay .close-popup:hover {
    transition: 0.3s ease;
    background-color: var(--blue);
}

/* page login */

.popup-overlay-2 .pop_body ,
.popup-overlay .pop_body {
    scrollbar-width: thin;
    scrollbar-color: rgba(21, 91, 174, 1) rgba(21, 90, 174, 0.123);
}

.form .form-group {
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.form .form-group input[type="text"] {
    border: 1px solid #155BAE1A;
    background: transparent;
}

.form .form-group input[type="text"]::placeholder {
    font-size: 18px;
    line-height: 100%;

}

.form .form-group input[type="text"] {
    border: 1px solid #155BAE1A;
    background: transparent;
    padding: 23px 20px;
    margin-bottom: 25px;
    border-radius: 5px;
}

.form .form-group input[type="text"]:last-of-type {
    margin-bottom: 0px;
}

.forgotten {
    display: flex;
    justify-content: space-between;
    padding-left: 0px;
    padding-bottom: 32px;
}

.forgotten a {
    font-size: 18px;
    line-height: 100%;
    text-decoration: none;
    color: #868686;
    padding: 18px 0px;
    display: inline-block;
}

.form a.cta1 {
    border-radius: 5px;
    text-align: center;
}

.form-group p {
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    margin-top: 18px;
}

.form-group p span {
    color: #94CC4C;
    font-weight: 500;
}

.banner_sec_s {
    padding: 280px 0px 50px 0;
}


/* prdt-detail css end  */

.game-description .all-option .option_wth {
    width: 20%;
    height: 100%;
}

.game-description .all-option .option_wth a {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 25px 15px;
}

.fqty-slider .slick-arrow {
    display: none;
}

.tab_otrpoint {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tab_otrpoint .inside_rewrdbox {
    border: 1px solid #155BAE1A;
    background-color: #f3f7fb;
    padding: 10px;
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 4px;
}


.tab_otrpoint .inside_pointbox {
    border: 1px solid #155BAE1A;
    background-color: #f3f7fb;
    padding: 10px;
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 4px;
}

.rewrd_lft {
    font-size: 28px;
    font-weight: 600;
}

.rewrd_rgt p {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
}

.rewrd_rgt> :first-child {
    font-weight: 800;
}


.drp_shop {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    right: 0;
    top: 60px;
    z-index: 999;
    width: 434px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 40px 27px;
    border-radius: 25px;
}

.shop_otr img {
    cursor: pointer;
}

.drp_shop.show {
    display: block;
    /* Show when the class is added */
}

.drp_shop.show .item_bsk {
    font-family: 'Nohemi';
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid rgba(21, 91, 174, 0.1);
    padding-bottom: 20px;
}

.drp_shop.show .item_bsk .rgt_item .rgt_itmul {
    padding: 0;
    list-style-type: none;
}

.drp_shopbtn {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
}

.drp_shopbtn>div {
    display: flex;
    width: 100%;
}

.drp_shopbtn>div a {
    width: 100%;
    text-align: center;
    border-radius: 50px;
}

.slid_drpshop .isde_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid rgba(21, 91, 174, 0.1);
}

.ctnt_sldshp .ctnt_ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.img_sldshp img {
    max-width: 64px;
    width: 100%;

}

.ctnt_inbox p {
    margin: 5px;
}

.img_sldshp {
    box-shadow: 0px 14px 25px 0px #155BAE1A;
    max-width: 120px;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    border-radius: 5px;
}

.lft_item {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 2%;
}

.rgt_item {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 2%;
}

.rgt_item .rgt_itmspn {
    font-weight: 700;
}

.ctnt_inbox {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
}

.ctpra_inbox {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #868686;
}

.ctnt_sldshp {
    width: 100%;
}

.ctnt_vlue {
    font-weight: 700;
    font-size: 18px;
}

.drp_shop.show .item_bsk .rgt_item .rgt_itmul li {
    text-align: right;
}

.otr_drpshp {
    position: relative;
}

.otr_drpshp .cros_drp {
    position: absolute;
    top: 0;
    right: 0;
}

.otr_drpshp .cros_drp {
    position: absolute;
    top: -33px;
    right: -17px;
    background-color: var(--green);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
}





.popup-overlay, .popup-overlay-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

/* Ensure seen-deal-popup is properly hidden by default */
#seen-deal-popup {
    display: none !important;
}

/* When popup is shown, override with flex display */
#seen-deal-popup[style*="display: flex"] {
    display: flex !important;
}

.popup-content {
    background: #fff;
    position: fixed; /* Ensures it stays centered even on scroll */
    width: 767px;
    border-radius: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 630px;

    /* Centering */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0; /* Removes any unwanted margins */
    height: 100%;
    width: calc(100vw - 10vw) !important;
    max-width: 767px !important;
    padding: 20px !important;
    box-sizing: border-box;
}


.popup-overlay-2 .pop_hdr,
.popup-overlay .pop_hdr {
    padding: 20px 20px 0 20px;
    background-color: var(--white);
}

.popup-overlay-2 .pop_body,
.popup-overlay .pop_body {
    max-height: 400px;
    /* Scrollable content */
    overflow-y: auto;
    padding: 20px;
}

.popup-overlay .item,
.popup-overlay-2 .item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 30px 0;
    border-bottom: 1px solid rgba(21, 91, 174, 0.1);
    justify-content: space-between;
}

.pop_hdrin {
    padding-top: 20px;
    border-bottom: 1px solid rgba(21, 91, 174, 0.1);
}

.popup-overlay-2 .game-img ,
.popup-overlay .game-img {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: inherit;
    box-shadow: 0px 14px 25px 0px rgba(21, 91, 174, 0.1);
    border-radius: 5px;
}

.popup-overlay-2 .game-img img,
.popup-overlay .game-img img {
    width: 69px;
    height: 79px;
}

.popup-overlay-2 .game-info,
.popup-overlay .game-info {
    width: 140px;
}

.popup-overlay-2 .qty,
.popup-overlay .qty,
.price {
    text-align: center;
}

.game_info {
    display: none;
}

.qunty {
    display: none;
}

.items_ot {
    display: flex;
    align-items: center;
    gap: 20px;
}

.csh_ot {
    display: none;
}

.popup-overlay-2 .pop_footer,
.popup-overlay .pop_footer {
    display: flex;
    justify-content: end;
    padding: 15px 20px;
    background: var(--white);
    /* border-top: 1px solid #eaeaea; */
    gap: 15px;
}

.popup-overlay-2 .cta,
.popup-overlay .cta {
    background-color: #4CAF50;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.pop_footer .cta2 {
    background-color: rgba(21, 91, 174, 0.1);
    color: rgba(0, 0, 0, 1);
    border: 1px solid rgba(21, 91, 174, 0.1);
}

.pop_footer .cta2:hover {
    background-color: var(--white);
    border: 1px solid #4CAF50;
}

.popup-overlay-2 .close-popup,
.popup-overlay .close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-weight: 800;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    background-color: rgba(148, 204, 76, 1);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.popup-overlay-2 .pop_hdrin .pop_hdrul,
.popup-overlay .pop_hdrin .pop_hdrul {
    font-family: 'Nohemi';
    font-weight: 300;
    line-height: 100%;
    padding: 0;
    list-style-type: none;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
}

.otr_itmimg {
    display: flex;
    align-items: center;
    gap: 15px;
}

.otr_qulty {
    display: flex;
    align-items: center;
    min-width: 310px;
    justify-content: space-between;
}

.swrd_ftl {
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 8px 0;
}

.cond_gd {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
}

.popup-overlay-2 .qty button,
.popup-overlay .qty button {
    color: rgba(134, 134, 134, 1);
    border: 0;
    background-color: transparent;
    font-size: 24px;
    font-weight: 600;
    line-height: 0;
}

.popup-overlay-2 .qty,
.popup-overlay .qty {
    display: flex;
    border: 1px solid rgba(21, 91, 174, 0.1);
    border-radius: 50px;
    padding: 10px 20px;
    align-items: center;
    justify-content: space-between;

}
.popup-overlay-2 .ot_qt,
.popup-overlay  .ot_qt {
    width: 120px;
}
.popup-overlay-2 .qty span,
.popup-overlay .qty span {
    font-size: 18px;
    font-weight: 700;
}

.pop_hdrul .itemhd {
    width: 52%;
}

.pop_hdrul .qtyhdr {
    width: 18%;
    text-align: center;
}

.pop_hdrul .cash_value {
    width: 25%;
    text-align: end;
}

.pop_para {
    font-family: 'Nohemi';
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    margin: 0;
}

.item .price {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
}


.content-section #results {

    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 94px;
    left: 0;
    background-color: var(--white);
    width: 100%;
    z-index: 999;
    padding: 0;
    list-style-type: none;
    border-radius: 25px;
}

.content-section #results .name {

    cursor: pointer;
    border-bottom: 1px solid rgba(21, 91, 174, 0.1);
}

.gm_boxs:hover .ctnt_leftgm {
    color: var(--lightblue);
}

.gm_boxs:hover {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}

.gm_boxs .lft_gmbox .img_lftgm {
    max-width: 67px;
    width: 100%;
}

.gm_boxs {
    margin: 20px 10px 20px 10px;
    padding: 12px 5px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gm_boxs .lft_gmbox {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rgt_gmbox .sell {
    align-items: center;
    padding-right: 6px;
}

.rgt_gmbox .sell p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding-left: 15px;
    color: rgba(134, 134, 134, 1);
}

.rgt_gmbox .sell p span {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: rgba(21, 91, 174, 1);
}

.lft_gmbox .ctnt_leftgm {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    max-width: 240px;
    width: 100%;
}

.rgt_gmbox .sell .cta {
    font-size: 14px;
}


.inside_result {
    max-height: 400px;
    /* Set a fixed height for the container */
    overflow-y: scroll;
    /* Enable vertical scrolling */
}

/* Customize the scrollbar track */
.inside_result::-webkit-scrollbar-track {
    background: rgba(21, 91, 174, 0.1);
    /* Color of the track */
    border-radius: 10px;
    /* Rounded corners for the track */
    margin: 20px 0;
    /* Add margin to shorten the track effect */
}

/* Customize the scrollbar thumb */
.inside_result::-webkit-scrollbar-thumb {
    background: rgba(21, 91, 174, 1);
    /* Color of the thumb */
    border-radius: 10px;
    /* Rounded corners for the thumb */
    height: 50px;
    /* Set a fixed height for the thumb */
}

/* Customize the scrollbar itself */
.inside_result::-webkit-scrollbar {
    width: 8px;
    /* Width of the scrollbar */
}

.othr_fq .slick-dots li.slick-active button:before {
    background-color: var(--white) !important;
}

.othr_fq .slick-dots li button:before {
    border: 1px solid var(--white);
}



.drp_shop.show::after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background-image: url('./img/arrow.png');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -20px;
    right: 55px;
}

/* Container for the slider */
.slid_drpshop {
    width: 100%;
    height: 400px;
    overflow-y: scroll;
}

/* Container for the slider */
.slid_drpshop {
    width: 100%;
    height: 400px;
    overflow-y: scroll;
    /* Enable vertical scrolling */
}

/* Customize the scrollbar */
.slid_drpshop::-webkit-scrollbar {
    width: 8px;
    /* Width of the scrollbar */
}

.slid_drpshop::-webkit-scrollbar-track {
    background: rgba(21, 91, 174, 0.1);
    /* Track color */
    border-radius: 4px;
    /* Rounded corners */
}

.slid_drpshop::-webkit-scrollbar-thumb {
    background: rgba(21, 91, 174, 1);
    /* Thumb color */
    border-radius: 4px;
    /* Rounded corners */
}

.slid_drpshop::-webkit-scrollbar-thumb:hover {
    background: rgba(21, 91, 174, 1);
    /* Thumb color on hover */
}

/* Hide the scrollbar arrows */
.slid_drpshop::-webkit-scrollbar-button {
    display: none;
    /* Hide the arrows */
}

#searchInput {
    touch-action: manipulation;
}

.pop_body::-webkit-scrollbar-button {
    display: none !important;
    /* Hide the arrows */
}


.prdct_otimg .product-infos {
    padding: 0;
}

.prdct_otimg .product-infos .prdft_detlins {
    display: none;
}

.cate_wrap {
    display: none;
    transition: all 0.3s ease;
}

.slid_box.active .arrow_ i {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.arrow_ i {
    transition: transform 0.3s ease;
}

.otr_prdt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shipping-address .prdt-desc {
    width: 100%;
}

.radio_otr {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.radio_otr .input-block {
    justify-content: space-between;
    width: 100%;
}

.rgt_boxsldr .slick-dots {
    position: absolute;
    top: 15%;
    left: 53%;
    right: 10px;
    transform: rotate(90deg) translateY(-50%);
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    /* width: auto; */
    padding: 0;
    margin: 0;
    list-style: none;
    bottom: unset;
    z-index: 99999;
}


.rgt_boxsldr .slick-dots li.slick-active button:before {
    content: "";
    height: 6px;
    width: 6px;
    background-color: rgba(148, 204, 76, 1);
    position: static;
    border-radius: 50%;
}

.rgt_boxsldr .slick-dots li button {
    font-size: 0px;
    line-height: 0px;
    border: 1px solid rgba(40, 163, 220, 0.27);
    border-radius: 50px;
    padding: 0px !important;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rgt_boxsldr  .slick-dots li button:before{
    position: static;
}

.rgt_boxsldr .slick-dots li button:before {
    color: transparent;
}

.cate_Secotr {
    padding: 100px 0 100px 0;
}

.inside_cate {
    padding-top: 40px;
}

.insde_cateotr .hdr_caategor h6, .insde_cateotr .hdr_caategor a {
    font-family: 'Nohemi';
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    padding: 35px 0;
    text-align: -webkit-center;
    color: rgba(21, 91, 174, 1);
    margin: 0;
}

.insde_cateotr .hdr_caategor {
    background-color: rgba(21, 91, 174, 0.06);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.insde_cateotr {
    border: 1px solid rgba(21, 91, 174, 0.1);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    cursor: pointer;

}

.insde_cateotr .categr_incont .categr_ulside {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.categr_incont .categr_liside .categor_an {
    text-decoration: none;
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
    color: var(--black);
}

.categr_incont .categr_liside {
    line-height: 53px;
    border-bottom: 1px solid rgba(21, 91, 174, 0.1);
}

.insde_cateotr .categr_incont {
    padding: 15px 30px;
}

.categor_boxotr {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.categr_incont .categr_liside:last-child {
    border-bottom: 0;
}

.insde_cateotr:hover .hdr_caategor {
    background-image: linear-gradient(180deg, #28A3DC 0%, #155BAE 100%);
    transition: 0.3s ease-in-out;
    border: 0;
}

.insde_cateotr:hover .hdr_caategor a {
    color: var(--white);
}

.categr_liside .categor_an:hover {
    color: var(--blue);
}

.insde_cateotr:hover {
    border: 1px solid rgba(21, 91, 174, 0.1);
    transition: 0.3s ease-in-out;
    box-shadow: 0px 14px 54px 0px rgba(21, 91, 174, 0.1);
}

/* how it works page css */
.how-does-sec .sec6otr .insde_sec6img::before {
    background-image: url("./img/how-does-bg.png");
}



section.why-choose-sec {
    padding-bottom: 120px;
}

.how-does-sec .sec6otr .insde_sec6pr .sec6_btn {
    padding-left: 0;
}

.best-qaulity-img {
    display: flex;
    justify-content: center;
}

.why-choose-hd {
    margin-bottom: 60px;
}

.choose-btm-rgt {
    padding-top: 24px;
}

.choose-btm-rgt h3,
.free-ship-left h3 {
    color: var(--lightblue);
}

.free-ship-content {
    background-color: #F2F9FD;
    border-radius: 35px;
    padding: 120px 100px;
}

.how-does-sec .sec6otr .insde_sec6pr {
    padding-left: 0px;
}

section.why-choose-sec.excep-sec {
    padding-top: 65px;
    padding-bottom: 0px;
}

.review-sec {
    padding-bottom: 100px;
}

.free-ship-para {
    max-width: 712px;
    width: 100%;
}

/* how it works page css ends*/
.outr_othr_itm {
    padding: 280px 0 0 0px;
}

.hdr_sllinside .hdr_para {
    font-size: 17px;
    line-height: 27px;
    color: rgba(134, 134, 134, 1);
}

.hdr_sllinside b {
    color: var(--black);
}

.hdr_sllinside {
    max-width: 1250px;
    width: 100%;
}

.itmform_box {
    max-width: 860px;
    margin: auto;
}

.itmform_box .itmform_inpt {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: space-between;
}

.itmform_box .itmform_inpt .input_box {
    width: 48%;
}

.itmform_box .itmform_inpt .input_box .int_itmbox {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(21, 91, 174, 0.1);
    outline: none;
}

.itmform_box .txt_itmbox {
    padding-top: 25px;
}

.itmform_box .txt_itmbox .text_areitm {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(21, 91, 174, 0.1);
    outline: none;
    min-height: 160px;
    height: 100%;
}

.itmbox_chosse .file-upload {
    display: flex;
    align-items: center;
    gap: 20px;
}

.itmbox_chosse .custom-file-button {
    background-color: #e9eff7;
    color: var(--black);
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    transition: background 0.3s ease;
    border-radius: 10px;
}

.itmbox_chosse .custom-file-button:hover {
    background-color: #d4e2f4;
}

.itmbox_chosse #fileName {
    font-size: 16px;
    color: var(--black);
}

.itmbox_chosse .custom-file-button {
    max-width: 150px;
    text-align: center;
    width: 100%;
}
.rgt_boxsldr .slick-arrow {
    display: none !important;
}

.itmbox_chosse {
    padding-top: 25px;
}

.itmbox_chosse .captcha_box {
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: rgba(134, 134, 134, 1);
}

.policy_trm {
    color: var(--lightblue);
}

.choos_btn .cta1 {
    margin-top: 40px;
    display: inline-block;
    padding: 18px 57px;
}

.sell_lookitm .inside_lksec .selllk_box {
    border-radius: 20px;
    padding: 60px;
    background-color: #e8f1f8;
}

.sell_lookitm .slick-slide img {
    display: block;
    mix-blend-mode: darken;
}

.sell_lookitm .look_sec .lookbox_img {
    background-color: #e8f1f8;
}

.outr_othr_itm .otrsite_itmform {
    margin-top: 40px;
}

.benifit_img img {
    border-radius: 15px;
}

.inside_benfit .benfit_hdr {
    text-align: center;
    margin-bottom: 30px;
}

.inside_benfit {
    padding-bottom: 100px;
}

.ins_benfit .benifit_text h3 {
    max-width: 530px;
    width: 100%;
    line-height: 46px;
}

.ins_benfit .benifit_text {
    max-width: 670px;
    width: 100%;
}

.ins_benfit .benifit_text .ul_bnft {
    color: var(--grey);
}

.ins_benfit .benifit_text p {
    margin: 0;
}

.otr_benfitsec .ins_benfit {
    padding-bottom: 120px;
}


.blog_txt .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    font-size: 26px;
}

.blog_txt .breadcrumb li {
    display: inline;
    color: white;
}

.blog_txt .breadcrumb a {
    text-decoration: none;
    color: white;
    font-weight: 500;
    transition: color 0.3s ease;
}

.blog_txt .breadcrumb a:hover {
    color: var(--lightblue);
}

.blog_txt .breadcrumb .separator {
    margin: 0 8px;
    color: white;
}

.blog_txt .breadcrumb .active {
    font-weight: bold;
    color: #ddd;
}


.gam_box {
    color: var(--lightblue);
}

.trd_contb .blog_hding {
    max-width: 346px;
    width: 100%;
    line-height: 30px;
}

.blog_boxtrd {
    transition: 0.3s ease;
    width: 100%;
    max-width: 352px;
    border: 1px solid #155BAE1A;
    padding: 20px;
    border-radius: 15px;
}

.trdblg_imgbo .trdimg_blog {
    width: 100%;
    object-fit: cover;
}

.trd_contb .blog_prgh {
    margin: 0;
}

.trd_contb .gam_box {
    padding: 14px 0 8px 0;
}

.inside_blogsec {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.outr_blogsec {
    padding: 120px 0;
}

.blog_boxtrd:hover {
    border: 1px solid transparent;
    box-shadow: 0px 14px 25px 0px #155BAE1A;
}

.fluid_blogitm .breadcrumb {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
    color: #666;
    font-family: Arial, sans-serif;
}

.fluid_blogitm .breadcrumb li {
    display: inline;
}

.fluid_blogitm .breadcrumb a {
    text-decoration: none;
    color: #999;
    font-weight: 500;
    transition: color 0.3s ease;
}

.fluid_blogitm .breadcrumb a:hover {
    color: #000;
}

.fluid_blogitm .breadcrumb .separator {
    margin: 0 6px;
    color: #999;
}

.fluid_blogitm .breadcrumb .active {
    font-weight: bold;
    color: #000;
}

.blog_detailotr {
    padding: 240px 0 120px 0;
}

.insde_blogboxd {
    max-width: 1200px;
    margin: 50px auto 0;
}

.blog_gambox .imgblog_gam img {
    border-radius: 15px;
}

.dtl_blogcnt {
    padding: 20px 0 40px 0;
}

.dtlblog_hd h3 {
    line-height: 46px;
}

.dtl_inrboxpra {
    margin-top: 20px;
}

.inside_dtlblogcnt h5 {
    font-size: 20px;
    line-height: 27px;
}

.page_jmp .pre_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    border-top: 1px solid rgba(21, 91, 174, 0.1);
    border-bottom: 1px solid rgba(21, 91, 174, 0.1);
    padding: 20px 0;
}

.lft_blog {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.3s ease;
}

.lft_blog:hover {
    color: var(--blue);
}

.lft_blog:hover img {
    filter: invert(24%) sepia(99%) saturate(7284%) hue-rotate(205deg) brightness(87%) contrast(84%);
}

.relate_blogitm {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.itemrltbox .games {
    border: 0;
}

.itemrltbox {
    width: 19%;
}

.blog_dtlrelat {
    padding-bottom: 120px;
}

.relat_blgdtlhdr h3 {
    text-align: -webkit-center;
}

.itemrltbox .games p {
    color: var(--black);

}

.why_textbox h6 {
    color: rgba(40, 163, 220, 1);
    font-family: 'Satoshi';
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 20px;
}

.whytrade_otr {
    padding: 120px 0 120px 0;
}

.why_imgbox img {
    border-radius: 15px;
}

.sec2_whyb {
    margin-top: 60px;
}

.how_trdeotr {
    padding-bottom: 120px;
}

.inside_tradehow .trade_howhdr {
    text-align: -webkit-center;
}

.inside_tradehow .trade_howhdr .stps_howq {
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
}

.inside_tradehow .trade_howhdr h2 {
    margin: 0;
}


/* rp  */
/* already added css changes  */
.how-does-sec {
    padding-top: 80px;
}

.free-ship-content {
    padding: 90px 93px;
}

/* new css */
.light-text-cntnt {
    font-size: 17px;
}

.choose-btm-rgt {
    padding-left: 113px;
}

.excep-sec .choose-btm-rgt {
    padding-left: 63px;
}

.how-does-sec .sec6otr .insde_sec6pr .sec6_para.light-text-cntnt {
    max-width: 594px;
}

/* faq page */
.bannr_text.faq_banner p {
    font-size: 26px;
    line-height: 1.3;
}

.bannr_text.faq_banner {
    max-width: 1200px;
}

.faq-lft .nav-link {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    padding: 25px 30px;
    padding-right: 15px;
    border-bottom: 1px solid #155BAE1A;
    display: flex;
    justify-content: space-between;
    font-family: 'Nohemi';
    align-items: center;
}

.faq-lft .nav-pills .nav-link.active {
    color: #28A3DC;
    background-color: #155BAE0D;
    border-radius: 10px 10px 0 0;
}

.faq-sec {
    padding:0 0 100px 0;
}

.faq-lft .nav {
    min-width: 385px;
    width: 100%;
    border: 1px solid #155BAE1A;
    border-radius: 15px;
    position: sticky;
    top: 80px;

}

.faq-tabs {
    position: relative;
}

.icon-arrw {
    color: #fff;
    height: 40px;
    width: 40px;
    background-color: #155BAE1A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrw i {
    font-size: 17px;
}

.faq-lft .nav-link.active .icon-arrw {
    background-color: #94CC4C;
}

.faq-lft .nav-link.active .icon-arrw i {
    transform: rotate(90deg);
}

.faq-rgt {
    /* width: calc(100% - 385px);  */
    width: 100%;
}

.faq-lft {
    margin-right: 30px;
}

.faq-tab-cntnt .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #000;
    box-shadow: none;
}

.faq-tab-cntnt .accordion-item {
    margin-bottom: 20px;
    border-radius: 5px;

}

.faq-tab-cntnt .accordion-item:has(.accordion-button:not(.collapsed)) {
    box-shadow: 0px 14px 54px 0px #155BAE1A;
    border-radius: 15px;
    border-color: transparent;
}

.faq-tab-cntnt .accordion-item,
.faq-tab-cntnt .accordion-item:not(:first-of-type) {
    border: 1px solid #155BAE1A;


}

.faq-tab-cntnt .accordion-button {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Satoshi';
    padding: 22px 20px;
    border-radius: 5px;
}

.faq-tab-cntnt .accordion-item h2 {
    line-height: normal !important;
}

.faq-tab-cntnt .accordion-body {
    padding-top: 0;
    color: var(--grey);
    font-size: 16px;
    line-height: 1.5;
}

.faq-tab-cntnt .accordion-body p {
    margin-bottom: 12px;
}

.faq-tab-cntnt .accordion-icon {
    position: absolute;
    right: 42px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%230b304b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    transition: transform 0.3s ease;
}

.faq-tab-cntnt .accordion-button:not(.collapsed) .accordion-icon {
    transform: translateY(-50%) rotate(180deg);
}

.faq-sec .outer_faq .accordion-button:not(.collapsed)::after{
    transform: rotate(0deg) !important;
}
.faq-sec .accordion-button:not(.collapsed)::after {

    background-repeat: no-repeat;
    background-size: 50%;
    height: 38px;
    width: 38px;
    background-position: center;
}
.outer_faq .faq-tab-cntnt .accordion-button:not(.collapsed){
    padding: 15px 15px 0 15px !important;
}
.faq-sec .outer_faq .accordion-button:not(.collapsed)::after {
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); */
    transform: rotate(0deg) !important;
}
.outer_faq .faq-lft .nav-link{
padding: 15px;
}


.faq-sec .outer_faq .accordion-button::after{
    transition: transform 0s ease-in-out !important;
}
 .accordion-button:not(.collapsed)::after {

    background-repeat: no-repeat;
    background-size: contain;
    height: 14px;
    width: 14px;
}

.accordion-button::after {

   display: none;
}

.trade_box {
    position: relative;
    background-color: rgba(21, 91, 174, 0.05);
    padding: 20px;
    border-radius: 15px;
    width: 32%;
    max-height: 100%;
    transition: 0.3s ease;
    cursor: pointer;
}

.trade_box:hover {
    background-color: var(--blue);
}

.trade_box:hover h6 {
    color: var(--white);
}

.trade_box:hover .trde_para {
    color: var(--white);
}

.trade_box:hover .num_trde {
    color: var(--white);
}

.trade_box .trade_txtbox h6 {
    font-weight: 500;
    font-size: 30px;
    line-height: 31px;
}

.trade_box .tradeimg_box {
    margin-bottom: 25px;
}

.trade_box .trde_para {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: rgba(134, 134, 134, 1);
    margin: 0;
}

.trade_box .num_trde {
    font-family: 'Nohemi';
    font-weight: 700;
    font-size: 120px;
    color: rgba(21, 91, 174, 0.05);
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(65px) translateX(-10px);
}

.howtrade_otr {
    display: flex;
    justify-content: space-between;
}

.trade_box .tradeimg_box img {
    max-width: 100px;
    width: 100%;
}

.about_benifit .online-sell-content ul li {
    max-width: 280px;
    width: 100%;
}

.about_benifit .online-sell-content h3 {
    max-width: 770px;
    margin: auto;
    word-break: break-word;
    line-height: 46px;
}
.about_benifit img {
    width: 80px;
    height: 80px;
}
.about_whychose .iside_12text {
    margin: unset;
}
.about_benifit .online-sell-content ul {
    margin-top: 14px;
}
.about_benifit  .online-sell-content {
    padding: 60px 85px;
}
.about_whychose .otr_sec12::after{
    display: none;
}

/* rs  */
.terms-condition-cntnt {
    max-width: 1270px;
    margin: auto;
    margin-top: 40px;
}

.terms-condition-cntnt .main-p-txt,
.note span {
    font-size: 20px;
    font-weight: 700;
}

.terms-wrap h6 {
    font-size: 24px;
    padding-top: 20px;
    margin-bottom: 10px;
    line-height: 1.2;
}

.terms-condition-cntnt .main-p-txt {
    margin-bottom: 20px;
    margin-top: 2px;
}

.terms-wrap ul li {
    margin-bottom: 20px;
}

.sublist-inner ol {
    padding-left: 0;
}

.main-ul {
    counter-reset: ol-counter;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
}

.main-ul li:not(.sublist li) {
    counter-increment: ol-counter;
}

.main-ul li:not(.sublist li):before {
    content: counter(ol-counter) " . ";
}
.terms-condition-cntnt.privacy-policy li::before {
    display: none;
}

.outer-wrap {
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;
}


#searchInput {
    font-size: 16px; 
  
    transform: scale(0.9375); 
    transform-origin: left;
    width: 100%;
}

.faq-sec.outer_faq {
    padding-top: 100px;
}
.left_anotr .anc_inside {
    text-decoration: none;
    color: var(--white);
    /* cursor: default; */
}





/* For mobile devices */
@media (max-width: 768px) {
    #searchInput { 
        min-height: 44px; 
        padding: 12px 15px;
    }
}
















/* footer css start /////// */
footer .inside_footr {
    background-color: var(--drakblue);
    padding: 100px 0px 70px 0px;
    position: relative;
}

footer .inside_footr .footer_insidetxt .otr_hd h5 {
    font-family: 'Nohemi';
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: var(--white);
}

footer .inside_footr .footer_insidetxt .otr_hdtxt .otr_txtul {
    padding: 0;
    list-style-type: none;
}

footer .inside_footr .footer_insidetxt .otr_hdtxt .otr_txtul .fotr_txt {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.51);
    font-weight: 400;
    font-size: 16px;

}

footer .inside_footr .footer_insidetxt .otr_hdtxt .otr_txtul .otr_txtli {
    line-height: 44px;
}

footer .lowr_footside {
    background-color: var(--hddarkblue);
}

footer .lowr_footside .inside_lowrtxt {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 44px;
    color: var(--white);
}

footer .lowr_footside .inside_lowrtxt p {
    margin-bottom: 0;
}

footer .inside_footr .footer_insidetxt .otr_hdtxt .otr_txtul .fotr_txt:hover {
    color: #94cc4c;
}

footer .inside_footr .footr_ab .img_footr {
    max-width: 80px;
    width: 100%;
    max-height: 80px;
    height: 100%;
}

footer .inside_footr .footr_ab {
    position: absolute;
    bottom: 40px;
    right: 40px;
}

/* footer css end /////// */

/* Blog Styling Start */
.blog-section {
    padding: 80px 0;
    background-color: #f8f9fa;
}

.blog-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.blog-img-container {
    position: relative;
    overflow: hidden;
    height: 200px;
}

.blog-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-card:hover .blog-img-container img {
    transform: scale(1.05);
}

.blog-card-body {
    padding: 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-card-meta {
    margin-bottom: 15px;
}

.blog-card-meta .date {
    color: var(--grey);
    font-size: 14px;
    font-weight: 500;
}

.blog-title {
    margin-bottom: 15px;
}

.blog-title a {
    color: var(--black);
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.blog-title a:hover {
    color: var(--lightblue);
}

.blog-excerpt {
    color: var(--grey);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.blog-more {
    margin-top: auto;
}

.read-more {
    color: var(--lightblue);
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.read-more:hover {
    color: var(--blue);
}

.read-more::after {
    content: '→';
    transition: transform 0.3s ease;
}

.read-more:hover::after {
    transform: translateX(3px);
}

/* Blog Listing Page Styling */
.outr_blogsec {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.inside_blogsec {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

.blog-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

.blog_boxtrd {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid rgba(21, 91, 174, 0.1);
}

.blog_boxtrd:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
    border-color: var(--lightblue);
}

.trdblg_imgbo {
    position: relative;
    overflow: hidden;
    height: 220px;
}

.trdimg_blog {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog_boxtrd:hover .trdimg_blog {
    transform: scale(1.08);
}

.trd_contb {
    padding: 25px;
}

.gam_box {
    margin-bottom: 15px;
}

.gam_box a {
    background: linear-gradient(135deg, var(--lightblue), var(--blue));
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.gam_box a:hover {
    background: linear-gradient(135deg, var(--blue), var(--lightblue));
    transform: translateY(-2px);
}

.blog_hding {
    margin-bottom: 15px;
}

.blog_hding a {
    color: var(--black);
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.blog_hding a:hover {
    color: var(--lightblue);
}

.blog_prgh {
    color: var(--grey);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.blog-card-meta {
    margin-bottom: 20px;
}

.blog-card-meta .date {
    color: var(--grey);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-card-meta .date::before {
    content: '📅';
    font-size: 12px;
}

.trd_contb .btn {
    background: linear-gradient(135deg, var(--green), #7bb342);
    color: #fff;
    padding: 12px 24px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.trd_contb .btn:hover {
    background: linear-gradient(135deg, #7bb342, var(--green));
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(148, 204, 76, 0.4);
}

.trd_contb .btn::after {
    content: '→';
    transition: transform 0.3s ease;
}

.trd_contb .btn:hover::after {
    transform: translateX(3px);
}

/* Pagination Styling */
.page_sec {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.pagination ul {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-btn {
    width: 45px;
    height: 45px;
    border: 2px solid rgba(21, 91, 174, 0.2);
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--grey);
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
}

.page-btn:hover:not(:disabled) {
    background: var(--lightblue);
    color: #fff;
    border-color: var(--lightblue);
    transform: translateY(-2px);
}

.page-btn.active {
    background: linear-gradient(135deg, var(--lightblue), var(--blue));
    color: #fff;
    border-color: var(--lightblue);
}

.page-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Blog Detail Page Styling */
.blog_detailotr {
    padding: 200px 0 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.insde_blogboxd {
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.blog_gambox {
    position: relative;
}

.imgblog_gam {
    height: 400px;
    overflow: hidden;
}

.imgblog_gam img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dtl_blogcnt {
    padding: 40px;
}

.gam_box {
    margin-bottom: 20px;
}

.gam_box {
    background: linear-gradient(135deg, var(--lightblue), var(--blue));
    color: #fff;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.dtlblog_hd h3 {
    color: var(--black);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 25px;
}

.blog_dtlpara {
    color: var(--grey);
    font-size: 18px;
    line-height: 1.8;
}

.blog_dtlpara h1, .blog_dtlpara h2, .blog_dtlpara h3, 
.blog_dtlpara h4, .blog_dtlpara h5, .blog_dtlpara h6 {
    color: var(--black);
    margin: 30px 0 15px 0;
}

.blog_dtlpara p {
    margin-bottom: 20px;
}

.blog_dtlpara ul, .blog_dtlpara ol {
    margin: 20px 0;
    padding-left: 30px;
}

.blog_dtlpara li {
    margin-bottom: 10px;
}

.blog_dtlpara blockquote {
    border-left: 4px solid var(--lightblue);
    padding-left: 20px;
    margin: 30px 0;
    font-style: italic;
    background: rgba(40, 163, 220, 0.05);
    padding: 20px;
    border-radius: 0 10px 10px 0;
}

.blog_dtlpara img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 20px 0;
}

/* Related Posts Styling */
.blog_dtlrelat {
    padding: 80px 0;
    background: #fff;
}

.relat_blgdtlhdr h3 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: 700;
    color: var(--black);
}

.relate_blogitm {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.itemrltbox {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid rgba(21, 91, 174, 0.1);
}

.itemrltbox:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.itemrltbox .games {
    padding: 0;
    border: none;
    background: transparent;
}

.itemrltbox .game-img {
    height: 150px;
    overflow: hidden;
}

.itemrltbox .game-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.itemrltbox:hover .game-img img {
    transform: scale(1.05);
}

.itemrltbox .game_sehbox {
    padding: 20px;
}

.itemrltbox .game_sehbox p {
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 15px;
}

.itemrltbox .sell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 0;
    background: transparent;
}

.itemrltbox .sell .cta {
    background: linear-gradient(135deg, var(--green), #7bb342);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.itemrltbox .sell .cta:hover {
    background: linear-gradient(135deg, #7bb342, var(--green));
    transform: translateY(-2px);
}

.itemrltbox .sell p {
    color: var(--grey);
    font-size: 12px;
    margin: 0;
}

/* Breadcrumb Styling */
.fluid_blogitm .breadcrumb {
    background: rgba(255, 255, 255, 0.1);
    padding: 15px 25px;
    border-radius: 25px;
    backdrop-filter: blur(10px);
    margin-bottom: 30px;
}

.fluid_blogitm .breadcrumb a {
    color: rgba(255, 255, 255, 0.8);
    transition: color 0.3s ease;
}

.fluid_blogitm .breadcrumb a:hover {
    color: #fff;
}

.fluid_blogitm .breadcrumb .active {
    color: #fff;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
    .blog-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .blog_boxtrd {
        margin: 0 10px;
    }
    
    .dtl_blogcnt {
        padding: 25px;
    }
    
    .dtlblog_hd h3 {
        font-size: 28px;
    }
    
    .relate_blogitm {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .blog_detailotr {
        padding: 150px 0 60px 0;
    }
    
    .outr_blogsec {
        padding: 60px 0;
    }
}

/* Blog Styling End */

/* Margin Top */
.mt-1 { margin-top: 1em; }
.mt-2 { margin-top: 2em; }
.mt-3 { margin-top: 3em; }
.mt-4 { margin-top: 4em; }
.mt-5 { margin-top: 5em; }
.mt-6 { margin-top: 6em; }
.mt-7 { margin-top: 7em; }
.mt-8 { margin-top: 8em; }
.mt-9 { margin-top: 9em; }
.mt-10 { margin-top: 10em; }
.mt-11 { margin-top: 11em; }
.mt-12 { margin-top: 12em; }
.mt-13 { margin-top: 13em; }
.mt-14 { margin-top: 14em; }
.mt-15 { margin-top: 15em; }
.mt-16 { margin-top: 16em; }
.mt-17 { margin-top: 17em; }
.mt-18 { margin-top: 18em; }
.mt-19 { margin-top: 19em; }
.mt-20 { margin-top: 20em; }
.mt-21 { margin-top: 21em; }
.mt-22 { margin-top: 22em; }
.mt-23 { margin-top: 23em; }
.mt-24 { margin-top: 24em; }
.mt-25 { margin-top: 25em; }
.mt-26 { margin-top: 26em; }
.mt-27 { margin-top: 27em; }
.mt-28 { margin-top: 28em; }
.mt-29 { margin-top: 29em; }
.mt-30 { margin-top: 30em; }

/* Margin Bottom */
.mb-1 { margin-bottom: 1em; }
.mb-2 { margin-bottom: 2em; }
.mb-3 { margin-bottom: 3em; }
.mb-4 { margin-bottom: 4em; }
.mb-5 { margin-bottom: 5em; }
.mb-6 { margin-bottom: 6em; }
.mb-7 { margin-bottom: 7em; }
.mb-8 { margin-bottom: 8em; }
.mb-9 { margin-bottom: 9em; }
.mb-10 { margin-bottom: 10em; }
.mb-11 { margin-bottom: 11em; }
.mb-12 { margin-bottom: 12em; }
.mb-13 { margin-bottom: 13em; }
.mb-14 { margin-bottom: 14em; }
.mb-15 { margin-bottom: 15em; }
.mb-16 { margin-bottom: 16em; }
.mb-17 { margin-bottom: 17em; }
.mb-18 { margin-bottom: 18em; }
.mb-19 { margin-bottom: 19em; }
.mb-20 { margin-bottom: 20em; }
.mb-21 { margin-bottom: 21em; }
.mb-22 { margin-bottom: 22em; }
.mb-23 { margin-bottom: 23em; }
.mb-24 { margin-bottom: 24em; }
.mb-25 { margin-bottom: 25em; }
.mb-26 { margin-bottom: 26em; }
.mb-27 { margin-bottom: 27em; }
.mb-28 { margin-bottom: 28em; }
.mb-29 { margin-bottom: 29em; }
.mb-30 { margin-bottom: 30em; }

/* Padding Top */
.pt-1 { padding-top: 1em; }
.pt-2 { padding-top: 2em; }
.pt-3 { padding-top: 3em; }
.pt-4 { padding-top: 4em; }
.pt-5 { padding-top: 5em; }
.pt-6 { padding-top: 6em; }
.pt-7 { padding-top: 7em; }
.pt-8 { padding-top: 8em; }
.pt-9 { padding-top: 9em; }
.pt-10 { padding-top: 10em; }
.pt-11 { padding-top: 11em; }
.pt-12 { padding-top: 12em; }
.pt-13 { padding-top: 13em; }
.pt-14 { padding-top: 14em; }
.pt-15 { padding-top: 15em; }
.pt-16 { padding-top: 16em; }
.pt-17 { padding-top: 17em; }
.pt-18 { padding-top: 18em; }
.pt-19 { padding-top: 19em; }
.pt-20 { padding-top: 20em; }
.pt-21 { padding-top: 21em; }
.pt-22 { padding-top: 22em; }
.pt-23 { padding-top: 23em; }
.pt-24 { padding-top: 24em; }
.pt-25 { padding-top: 25em; }
.pt-26 { padding-top: 26em; }
.pt-27 { padding-top: 27em; }
.pt-28 { padding-top: 28em; }
.pt-29 { padding-top: 29em; }
.pt-30 { padding-top: 30em; }

/* Padding Bottom */
.pb-1 { padding-bottom: 1em; }
.pb-2 { padding-bottom: 2em; }
.pb-3 { padding-bottom: 3em; }
.pb-4 { padding-bottom: 4em; }
.pb-5 { padding-bottom: 5em; }
.pb-6 { padding-bottom: 6em; }
.pb-7 { padding-bottom: 7em; }
.pb-8 { padding-bottom: 8em; }
.pb-9 { padding-bottom: 9em; }
.pb-10 { padding-bottom: 10em; }
.pb-11 { padding-bottom: 11em; }
.pb-12 { padding-bottom: 12em; }
.pb-13 { padding-bottom: 13em; }
.pb-14 { padding-bottom: 14em; }
.pb-15 { padding-bottom: 15em; }
.pb-16 { padding-bottom: 16em; }
.pb-17 { padding-bottom: 17em; }
.pb-18 { padding-bottom: 18em; }
.pb-19 { padding-bottom: 19em; }
.pb-20 { padding-bottom: 20em; }
.pb-21 { padding-bottom: 21em; }
.pb-22 { padding-bottom: 22em; }
.pb-23 { padding-bottom: 23em; }
.pb-24 { padding-bottom: 24em; }
.pb-25 { padding-bottom: 25em; }
.pb-26 { padding-bottom: 26em; }
.pb-27 { padding-bottom: 27em; }
.pb-28 { padding-bottom: 28em; }
.pb-29 { padding-bottom: 29em; }
.pb-30 { padding-bottom: 30em; }

a{
    color: black;
    text-decoration: unset;
}

@media screen and (max-width:2000px) {
        .nav-parent:nth-child(3+n) .nav-wrapper-2 {
        left: unset !important;
        right: 100% !important;
        /* Move it to the right side */
        transform: translateX(10px);
        border-radius: 25px 0 0 25px;
    }
}

.dropdown-content-new{
    list-style-type: none;
    padding-left: 8px;
}
.sub-dropdown-content-new{
    padding-left: 8px;
}

.sub-menu-new li{
    list-style-type: none;
}
.sub-menu-new li a{
    width: 100%;
}

.dropdown-content-new .sub-dropdown-toggle{
    padding: 2px 0;
}

.cate_wrap li a{
    padding-top: 4px;
    padding-bottom: 4px;
}

.sub-menu-new h4{
    font-weight: normal;
}

.btn-primary{
    color: white;
    background-color: #94cc4c;
}

.cta1-full{
    color: white !important;
    background-color: #94cc4c !important;
    width: 100%;
    text-align: center;
    justify-content: center !important;
}

.cta1-full:hover{
    background-color: white !important;
    color: #94CC4C;
}


.all-option > .row{
    row-gap: 40px;
}
.category-listing{
    
}

.pl-1{
    padding-left: 4px;
}

.category-upper-text h2 { font-size: 1.7rem!important; }
.category-upper-text p {
    margin: 0px;
    padding: 0px;
}

.fs26{
    font-size: 26px !important;
    margin: 0px;
    padding: 0px;
}