* {
    padding: 0;
    margin: 0;
}

:root {
    --white: #FFFFFF;
    --black: #4a4a4a;
    --green: #48B64C;
    --dark_green: #205021;
    --light_green: #D1ECD2;
    --heading_main: #2F3736;
}

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

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins/Poppins-Medium.ttf');
}

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

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat/static/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf');
}

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

@font-face {
    font-family: 'Ubuntu-Light';
    src: url('../fonts/Ubuntu/Ubuntu-Light.ttf');
}

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

h1 {
    font-size: 80px;
    font-family: 'Poppins-Bold';
    font-weight: 900;
    color: var(--heading_main);
}

h2 {
    font-size: 100px;
    font-family: 'Poppins-Bold';
    font-weight: 900;
    color: var(--black);
}

h3 {
    font-size: 50px;
    font-family: 'Poppins-Regular';
    font-weight: 400;
}

/*h4{font-size: 50px;font-family:'Poppins-Regular';font-weight: 400;}*/
h5 {
    font-size: 40px;
    font-family: 'Poppins-Regular';
    font-weight: 400;
}

h6 {
    font-size: 22px;
    font-family: 'Poppins-Regular';
    font-weight: 700;
}

p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    font-weight: 400;
    line-height: 1.2;
}

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

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

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

.fs-24 {
    font-size: 24px;
    font-family: Poppins-Regular;
}

.fs-20 {
    font-size: 20px;
    font-family: Poppins-Regular;
}

.fs-30 {
    font-size: 30px;
    font-family: Poppins-Regular;
}

.fs-28 {
    font-size: 28px;
    font-family: Poppins-Regular;
}

.fs-18 {
    font-size: 18px;
    font-family: Poppins-Regular;
    line-height: 1.6;
}

/*Colors*/
.black {
    color: var(--black);
}

.green {
    color: var(--green);
}

.form-control:focus {
    box-shadow: unset;
}


header .navbar .nav_menu .btn-outline_primary {
    color: var(--dark_green);
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px 35px;
    background: transparent;
    border-radius: 90px;
    border: 1px solid var(--dark_green);
}

.banner_section .side_box a.btn-outline_primary {
    border-radius: 90px;
    background: #FFF;
    color: var(--dark_green);
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px 35px;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    border: unset;
}

span.bold_text {
    color: var(--green);
    font-family: 'Poppins-SemiBold';
    font-size: 50px;
    font-weight: 600;
    line-height: 68px;
}

a {
    text-decoration: none;
}

.light_btn_btn.bg_transparent {
    background: linear-gradient(to right, #D1ECD2, #D1ECD2), linear-gradient(to right, #48B64C00, #205021, #205021, #48B64C00);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}

.light_btn .btn.btn-primary_green {
    border-radius: 90px;
    background-color: #48B64C;
    color: #FFF;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 500;
    border: 0;
    padding: 12px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.light_btn {
    border: 3px solid transparent;
    border-radius: 50px;
    background: linear-gradient(to right, white, #ffffff), linear-gradient(to right, #48B64C00, #48B64C, #48B64C, #48B64C00);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    padding: 5px;
    width: fit-content;
}

.light_btn_btn {
    border: 3px solid transparent;
    border-radius: 50px;
    background: linear-gradient(to right, white, #ffffff), linear-gradient(to right, #48B64C00, #205021, #205021, #48B64C00);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    padding: 5px;
    width: fit-content;
}

.light_btn_btn a.btn.btn-primary.btn-outline_primary_green {
    border-radius: 90px;
    background-color: var(--dark_green);
    color: #FFF;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 500;
    border: 0;
    padding: 12px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

/*hover*/
.inner_span_div {
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease-in-out;
}

.inner_span_div span {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
}

.light_btn_btn button,
.light_btn_btn a,
.light_btn a,
.rounded_btn a {
    position: relative;
    overflow: hidden;
    z-index: 2;
    border: 0;
    outline: 0
}

.light_btn_btn:hover .inner_span_div,
.light_btn:hover .inner_span_div,
.rounded_btn:hover .inner_span_div {
    left: 0%;
}

.light_btn_btn:hover .inner_span_div span:nth-child(5),
.rounded_btn:hover .inner_span_div span:nth-child(5) {
    right: -10px
}


.rounded_btn .inner_span_div span:nth-child(1) {
    background-color: #E1E1E1;
    border-radius: 50px 50px 50px 50px;
    left: 0;
}

.rounded_btn .inner_span_div span:nth-child(2) {
    background-color: #D5D5D5;
    border-radius: 50px 50px 50px 50px;
    width: 80%;
    left: 20%;
}

.rounded_btn .inner_span_div span:nth-child(3) {
    background-color: #CDCDCD;
    border-radius: 50px 50px 50px 50px;
    width: 60%;
    left: 40%;
}

.rounded_btn .inner_span_div span:nth-child(4) {
    background-color: #C6C6C6;
    border-radius: 50px 50px 50px 50px;
    width: 40%;
    left: 60%;
}

.rounded_btn .inner_span_div span:nth-child(5) {
    background-color: #C2C2C2;
    border-radius: 50%;
    width: 20%;
    left: 80%;
}



.light_btn .inner_span_div span:nth-child(1) {
    background-color: #48B64C;
    border-radius: 50px 50px 50px 50px;
    left: 0;
}

.light_btn .inner_span_div span:nth-child(2) {
    background-color: #389F3C;
    border-radius: 50px 50px 50px 50px;
    width: 80%;
    left: 20%;
}

.light_btn .inner_span_div span:nth-child(3) {
    background-color: #3A943D;
    border-radius: 50px 50px 50px 50px;
    width: 60%;
    left: 40%;
}

.light_btn .inner_span_div span:nth-child(4) {
    background-color: #2B7D2E;
    border-radius: 50px 50px 50px 50px;
    width: 40%;
    left: 60%;
}

.light_btn .inner_span_div span:nth-child(5) {
    background-color: #206D23;
    border-radius: 50%;
    width: 20%;
    left: 80%;
}

.light_btn_btn.green_btn_bg {padding: 0; border: 0;}

.light_btn_btn .inner_span_div span:nth-child(1) {
    background-color: #205021;
    border-radius: 50px 50px 50px 50px;
    left: 0;
}

.light_btn_btn .inner_span_div span:nth-child(2) {
    background-color: #258D27;
    border-radius: 50px 50px 50px 50px;
    width: 80%;
    left: 20%;
}

.light_btn_btn .inner_span_div span:nth-child(3) {
    background-color: #34AC36;
    border-radius: 50px 50px 50px 50px;
    width: 60%;
    left: 40%;
}

.light_btn_btn .inner_span_div span:nth-child(4) {
    background-color: #51CC53;
    border-radius: 50px 50px 50px 50px;
    width: 40%;
    left: 60%;
}

.light_btn_btn .inner_span_div span:nth-child(5) {
    background-color: #86DF87;
    border-radius: 50%;
    width: 20%;
    left: 80%;
}

/*header*/
header .navbar .nav_menu {
    gap: 20px;
}

header .navbar .nav_menu ul li.nav-item.active {
    position: relative
}

header .navbar .nav_menu ul li.nav-item.active::after {
    content: "";
    position: absolute;
    background: #48B64C;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -3px
}

header .navbar .nav_menu .cart_icon i {
    font-size: 15px;
    color: var(--green);
}

header .navbar .nav_menu .cart_icon {
    display: flex;
    width: 33px;
    height: 33px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 30px;
    border-radius: 70px;
    background: rgba(72, 182, 76, 0.20);
}

header .navbar .nav_menu ul {
    gap: 30px;
    padding-right: 10px;
}

header .navbar .nav_menu ul li.nav-item a ,header .navbar .nav_menu ul li.nav-item button {
    padding: 0;
    color: var(--black);
    font-family: 'Ubuntu-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

header {
    position: absolute;
    width: 100%;
    top: 20px;
    z-index: 9;
}

header .logo {
    width: 228px;
    height: 77px;
}

header .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

header .navbar .nav_menu ul>li ul.dropdown-menu {
    top: 30px;
    margin: 0;
    border: 0;
    padding: 0px 10px 10px 10px;
    box-shadow: 1px 1px 10px 0px rgba(72, 182, 76, 0.20);
}

header .navbar .nav_menu ul>li ul.dropdown-menu a.dropdown-item {
    text-align: center;
}

header .navbar .nav_menu ul>li ul.dropdown-menu li {
    padding-top: 10px;
}

header .navbar .nav_menu ul>li ul.dropdown-menu a.dropdown-item:hover {
    background: unset;
}

.header .cart_icon .cart_count_wrapper .cart_count {width: 20px; height: 20px; background-color: red; color: white; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.header .cart_icon .cart_count_wrapper {position: absolute; top: -10px; right: -10px; color: #FFF; font-size: 10px; font-weight: 600;}

/*banner*/
.banner {
    background-image: url(../images/banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 150px 0 78px 0;
}

.banner .main_banner {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
    justify-content: center;
}

.banner .main_banner span {
    color: var(--green);
}

.banner .main_banner p {
    font-size: 14px;
    line-height: 23px;
    max-width: 73%;
    margin: 0 auto;
    text-align: center;
}

.banner.cart {
    padding: 196px 0 98px 0;
}


/*banner_section*/

.banner_section .banner_section_heading {
    text-align: center;
}

.banner_section .banner_section_heading h1 {
    font-size: 130px;
    font-weight: 900;
    font-family: 'Poppins-Bold';
    letter-spacing: 3px;
    line-height: 1;
    line-height: 0.9;
}

.banner_section .banner_section_heading h1 span {
    background: linear-gradient(178deg, rgba(72, 182, 76, 1) 18%, rgba(72, 182, 76, 0) 86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.banner_section .side_box {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(4.5px);
}

.banner_section .center_img {
    height: 510px;
    width: 80%;
    margin-top: -215px;
    margin: 0 auto;
    margin-top: -148px;
    padding-left: 20px;
}

.banner_section .center_img img.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}

.banner_section .side_box_second {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items:flex-end;
}

.banner_section .side_box {
    color: #fff;
}

.banner_section .side_box p.lookup_para {
    color: #FFF;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.banner_section .side_box h6.lookup_heading {
    color: #FFF;
    font-family: 'Poppins-Bold';
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    padding-bottom: 10px;
}

.banner_section .side_box .rounded_btn {
    margin-top: 20px;
}

.banner_section .side_box_second .side_box h6 {
    color: #FFF;
    font-family: 'Poppins-Bold';
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
}

.banner_section .side_box_second .side_box p {
    color: #FFF;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    padding-top: 10px;
    line-height: 22px;
}

/*footer*/
footer .footer-logo {
    text-align: center;
    width: 100%;
    height: 92px;
}

footer .row {
    row-gap: 35px;
}

footer .footer_link_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(191, 191, 191, 1);
    border-bottom: 1px solid rgba(191, 191, 191, 1);
    padding: 16px 0;
}

footer .footer_link_box .footer_menu ul {
    column-gap: 55px;
}

footer .footer_link_box .footer_menu ul li a {
    color: var(--black);
    font-family: 'Montserrat-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.39px;
    text-transform: capitalize;
    text-decoration: none;
}

footer .footer_link_box .footer_icons ul {
    column-gap: 43px;
}

footer .footer_link_box .footer_icons ul li a i {
    color: rgba(74, 74, 74, 1);
    font-size: 20px;
}

footer p.footer_copyright {
    color: rgba(74, 74, 74, 1);
    text-align: center;
    font-family: 'Montserrat-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}

footer {
    margin: 30px 0 20px 0;
}

footer .container {
    padding: 33px 40px 13px 40px;
}

/*second_section*/
/*.second_section {padding-top: 120px;}*/
.second_section .outer_div_one {
    background-image: url(../images/group-one.png);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 166px;
    padding: 30px;
    border-radius: 20px;
    backdrop-filter: blur(4.5px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.second_section  .sticks_links {display: flex;align-items: center;gap: 40px;}
.second_section .sticks_links .arrow_up_icon{background:rgba(72, 182, 76, 0.20)}
/*.second_section .sticks_links .arrow_up_icon i{color:#fff}*/


.second_section .outer_div_icon {
    display: flex;
    width: 63px;
    height: 63px;
    padding: 4.785px;
    align-items: center;
    gap: 7.975px;
    flex-shrink: 0;
    border-radius: 100px;
    border: 0.797px solid rgb(255 255 255 / 54%);
}

.second_section .arrow_up_icon {
    text-decoration: none;
    display: flex;
    width: 53px;
    height: 53px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 26px;
    background: #FFF;
}

.second_section .arrow_up_icon i {
    color: var(--green);
    transform: rotate(45deg);
}

.second_section .outer_div_one .content_box_subheading {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 83%;
}

.second_section .outer_div_one .content_box_subheading h6 {
    color: var(--white);
    font-family: 'Poppins-Medium';
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

.second_section .outer_div_one .content_box_subheading p {
    color: var(--white);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.second_section .outer_div_two {
    background-image: url(../images/group-two.png);
    display: flex;
    align-items: flex-end;
    gap: 38px;
    justify-content: space-between;
    flex-direction: row;
    padding: 185px 30px 30px 30px;
    border-radius: 20px;
    backdrop-filter: blur(4.5px);
}

.second_section .outer_div_two .content_box_subheading_two {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 45px;
}

.second_section .outer_div_two .content_box_subheading_two h6 {
    color: var(--white);
    font-family: 'Poppins-Medium';
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: end;
    max-width: 60%;
    margin-left: auto;
}

.second_section .outer_div_two .content_box_subheading_two p {
    color: var(--white);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: end;
    /* max-width: 100%; */
    /* margin-left: auto; */
}

button.custom_button {
    background: transparent;
    border: 0;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    gap: 18px;
}

button.custom_button .image_div {
    flex: 1;
    padding: 0 13px;
    position: relative;
}

button.custom_button .image_div:after {
    content: "";
    position: absolute;
    width: 85px;
    height: 85px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    background: rgba(72, 182, 76, 0.20);
}

button.custom_button .image_div img {
    width: 70px;
    height: 100%;
    object-fit: contain;
}

button.custom_button .text_div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    flex: 4;
    padding-bottom: 10px;
}

button.custom_button .text_div h5 {
    color: var(--green);
    font-family: 'Poppins-Bold';
    font-size: 40px;
    font-weight: 700;
    line-height: 27px;
    text-align: left;
}

button.custom_button .text_div p {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

button.custom_button .image_div:before {
    content: "";
    border-radius: 10px;
    background: #D9D9D9;
    width: 5px;
    height: 75px;
    position: absolute;
    right: 0;
    bottom: 14px;
}

button.custom_button.active .image_div::before {
    background: var(--dark_green);
}

.donut_box_img {
    -webkit-mask-image: url(../images/circle.png);
    mask-image: url(../images/circle.png);
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    width: 498px;
    height: 498px;
}

.donut_box_img img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

/*.donut_box_circle { border: 22px solid white; border-radius: 50%; width: 540px; height: 540px; position: absolute; left: -25%; bottom: -38%; z-index: 1; background-color: white; }*/
.donut_box_circle {
    border: 20px solid white;
    border-radius: 50%;
    width: 540px;
    height: 540px;
    position: absolute;
    left: -25%;
    bottom: -45%;
    z-index: 1;
    background-color: white;
}

.donut_box {
    position: relative;
}

.donut_box .stick_box_img {
    z-index: 2;
    position: relative;
    bottom: -23px;
    transform: scale(1.1);
}

.donut_box .stick_box_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom left;
}

.sticks_box {
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding-top: 20px;
}

.sticks_box .custom_button:first-of-type .subheading {
    max-width: 80%;
}

.stick_box_img img,
.donut_box_img img {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

.stick_box_img img.show,
.donut_box_img img.show {
    opacity: 1;
}

.second_section .row {
    align-items: end;
}

/*third_section*/
.ball_box_one {
    display: flex;
    gap: 30px;
}

.ball_box_one .ball_box_img {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 55%;
}

.ball_box_one .ball_box_img p {
    color: #4A4A4A;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    /* 156.25% */
    /* max-width: 67%; */
}

.ball_box_one .ball_box_img .ball_box_image {
    height: 257px;
    width: 100%;
}

.ball_stick_img {
    width: 45%;
    height: 446px;
}

.ball_box_one .ball_box_img .ball_box_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.ball_stick_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.ball_box_two {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ball_box_two h3 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 49px;
    font-weight: 400;
    line-height: 68px;
}

.ball_box_two p {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.ball_box_two h6 {
    color: var(--dark_green);
    font-family: 'Montserrat-Regular';
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 26px;
}

.ball_box_one .ball_box_img .ball_box_image_one {
    width: 100%;
    height: 169px;
}

.ball_box_one .ball_box_img .ball_box_image_one img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.third_section {
    padding-top: 120px;
}

.about_us .ball_box_two {
    justify-content: center;
    height: 100%;
}

.about_us .ball_box_two div {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.about_us .ball_box_two div h6 {
    padding: 0;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Poppins-Medium';
    flex: 1.5;
}

.about_us .ball_box_two div p {
    flex: 2.5;
}

.third_section.about_us .ball_box_one .ball_stick_img.image_txt {
    width: 50%;
}

.third_section.about_us .ball_box_one .ball_stick_img.image_txt h5 {
    text-align: center;
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 35px;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 20px;
}

/*four_section*/
.four_section {
    padding-top: 120px;
}

.four_section.about_us .twolay_bg {
    padding: 100px;
}

.elevate_headings h2 {
    color: var(--white);
    text-align: center;
    font-family: 'Poppins-SemiBold';
    font-size: 50px;
    font-weight: 600;
    line-height: 55px;
}

.elevate_headings {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
}
/*.homepage_four_sec .elevate_headings h2,.homepage_four_sec .elevate_headings p {color:#1e1e1e}*/
.elevate_headings p {
    color: var(--white);
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
    text-align: center;
    max-width: 72%;
}

.apply_now_box {
    display: flex;
    gap: 30px;
    width: 90%;
    margin: 0 auto;
}

.apply_now_box .card_box {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.07);
    padding: 20px 30px;
}

.apply_now_box .card_box .white-box h3 {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: capitalize;
    padding: 15px 0 10px 0;
}

.apply_now_box .card_box .white-box p {
    color: #696969;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-transform: capitalize;
}

.apply_now_box .card_box .white-box a {
    color: var(--green);
    font-family: 'Poppins-Regular';
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: capitalize;
    padding: 17px 0 0 0;
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}

.four_section .container:before {
    content: "";
    border-radius: 10px;
    height: 72%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.four_section .container {
    position: relative;
}

.four_section .twolay_bg {
    display: flex;
    flex-direction: column;
    row-gap: 60px;
    padding-top: 80px;
}

.apply_now_box .card_box .white-box .card_icon i {
    color: var(--green);
    font-size: 30px;
    font-weight: 900;
}

.four_section.about_us .container:before {
    height: 100%;
}


/*get_in_touch*/
.get_in_touch .container {
    background: var(--light_green);
    border-radius: 16px;
    padding: 32px;
}

.get_in_touch .get_in_touch_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 32px;
}

.get_in_touch .get_in_touch_box .questions_heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.get_in_touch .get_in_touch_box .questions_heading h6 {
    color: #101828;
    font-family: 'Poppins-Regular';
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.get_in_touch .get_in_touch_box .questions_heading p {
    color: var(--black);
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}

.get_in_touch .image-wrapper img.left {
    margin-right: -20px;
}

.get_in_touch .image-wrapper img.right {
    margin-left: -20px;
}

.get_in_touch .image-wrapper img.center {
    position: relative;
    z-index: 1;
    bottom: 5px;
}

/*faqs_section*/
.faqs_section {
    padding-top: 120px;
}

.faqs_section .faqs_box {
    display: flex;
    flex-direction: column;
    row-gap: 35px;
    padding: 0px 0 62px 0;
}

.faqs_section .faqs_box .faqs_heading {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: center;
}

.faqs_section .faqs_box .faqs_heading h3 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 50px;
    font-weight: 400;
    line-height: 68px;
}

.faqs_section .faqs_box .faqs_heading p {
    color: var(--black);
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.faqs_section .faqs_box .accordion {
    margin: 0 auto;
    width: 85%;
}

.faqs_section .faqs_box .accordion .accordion-item {
    border: unset;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid #EAECF0;
    border-radius: 0;
    padding: 0 0 32px 0;
}

.faqs_section .faqs_box .accordion .accordion-item .accordion-button {
    background: transparent;
    border: 0;
    border-radius: unset;
    color: #000;
    font-family: 'Poppins-Medium';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.36px;
    box-shadow: unset;
    padding: 24px 0 0 0;
}

.faqs_section .faqs_box .accordion .accordion-item .accordion-body {
    max-width: 95%;
    padding: 0;
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.accordion .accordion-button::after {
    font-family: 'FontAwesome';
    content: "\2b";
    background-image: unset;
    color: #48B64C;
    background: transparent;
    font-size: 14px;
    font-weight: 900;
    border: 3px solid #48B64C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.accordion .accordion-button:not(.collapsed)::after {
    font-family: 'FontAwesome';
    content: "\f068";
    color: #48B64C;
    background: transparent;
    font-size: 14px;
    font-weight: 900;
    border: 3px solid #48B64C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

/*our_product*/
.our_products {
    align-items: end;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.our_products .discover_text p {
    max-width: 90%;
    line-height: 1.5;
}

.product_slider_box .product_box_justify {
    padding: 10px 15px 15px 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between
}

.product_slider_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.10);
    padding: 10px;
    border-radius: 10px;
    height: 100%;
    justify-content: space-between
}

.product_slider_box .product-box {
    position: relative;
    height: 349px;
    width: 100%;
    border-radius: 10px;
}

.product_slider_box .product-box .popular-tag {
    position: absolute;
    color: var(--green);
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    /* 123.077% */
    text-transform: uppercase;
    border-radius: 34px;
    background: var(--white, #FFF);
    padding: 4px 14px;
    top: 16px;
    left: 16px;
}

.product_slider_box .product-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
}

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

.product_slider_box .product_title_box a.product-title {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}

.product_slider_box .product_title_box .rating {
    display: flex;
    gap: 2px;
}

.product_slider_box .rating i {
    color: #FFC300;
    font-size: 16px;
}

.product_slider_box .product-price h6 {
    color: var(--black);
    line-height: 1.2
}

.product_slider_box .product-box {
    position: relative;
    overflow: hidden;
}

.product_slider_box .product-box a {
    z-index: 1;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);
    display: block;
    color: #fff;
    padding: 9px 24px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    border-radius: 70px;
    background: var(--green);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04);
    color: #FEFEFE;
    text-align: center;
    font-family: poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px;
}

.product_slider_box .product-box:hover a {
    bottom: 16px;
    opacity: 1;
}

.product_slider {
    position: relative;
    padding-bottom: 55px;
}

.product_slider .product_slider_box {
    margin-top: 10px;
}


.product_slider .swiper-button-prev, .product_slider .swiper-button-next {position: absolute;top: 50%;width: 40px;height: 40px;background: var(--green);border-radius: 50%;color: white;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-50%); transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;}
.product_slider .swiper-button-prev {left: -70px;}
.product_slider .swiper-button-next {right: -70px;}
.product_slider .swiper-button-prev:after, .product_slider .swiper-button-next:after {display: none;}
.product_slider .swiper-button-prev i, .product_slider .swiper-button-next i {font-size: 18px;}
.product_slider .swiper-button-prev:hover, .product_slider .swiper-button-next:hover {transform: scale(1.1);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);background: var(--dark_green);}


.testimonials .swiper-button-prev, .testimonials .swiper-button-next {position: absolute;top: 72%;width: 40px;height: 40px;background: var(--green);border-radius: 50%;color: white;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-50%); transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;}
.testimonials .swiper-button-prev {left: 70px;}
.testimonials .swiper-button-next {right: 70px;}
.testimonials .swiper-button-prev:after, .testimonials .swiper-button-next:after {display: none;}
.testimonials .swiper-button-prev i, .testimonials .swiper-button-next i {font-size: 18px;}
.testimonials .swiper-button-prev:hover, .testimonials .swiper-button-next:hover {transform: scale(1.1);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);background: var(--dark_green);}



.product_slider .swiper-horizontal>.swiper-pagination-progressbar,
.product_slider .swiper-pagination-progressbar.swiper-pagination-horizontal {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 6px;
    background: #E8ECEF;
    border-radius: 50px;
    overflow: hidden;
    top: unset;
}
.testimonials .swiper-horizontal>.swiper-pagination-progressbar,
.product_slider .swiper-pagination-progressbar.swiper-pagination-horizontal {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 6px;
    background: #E8ECEF;
    border-radius: 50px;
    overflow: hidden;
    top: unset;
}
.product_slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--dark_green);
    height: 100%;
    border-radius: 50px;
    transition: width 0.4s ease-in-out;
}
.testimonials .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--dark_green);
    height: 100%;
    border-radius: 50px;
    transition: width 0.4s ease-in-out;
}
.product_slider .swiper-container {
    overflow: hidden;
    padding-bottom: 10px;
}

.our_product {
    padding-top: 120px;
}

.product_slider_box .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px
}

.search-container {
    width: 50%;
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    border-radius: 90px;
    border: 1px solid var(--dark_green);
    background: #FFF;
    padding: 12px 15px;
}

.search-container input.search-input {
    border: 0;
    color: #C6C6C6;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 900;
    width: 100%;
}

.search-container i {
    font-size: 13px;
    color: #C6C6C6;
    font-weight: 700;
}

.search-container input.search-input:focus-visible {
    outline: unset;
}

.our_products .discover_text {
    flex: 1;
}

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

.our_products .light_btn_box button {
    display: flex;
    padding: 12px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 90px;
    background: var(--green);
    border: 0;
    color: var(--white);
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.our_products .light_btn_box button i {
    font-size: 14px;
}

.our_products .light_btn_box button.btn-sort {
    background: var(--dark_green);
}

.our_product .row.custom_row {
    row-gap: 30px;
}

.view_more_btn a {
    background: var(--dark_green);
    display: flex;
    padding: 12px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 90px;
    border: 0;
    color: var(--white);
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.view_more_btn button {
    background: var(--dark_green);
    display: flex;
    padding: 12px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 90px;
    border: 0;
    color: var(--white);
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.view_more_btn button i {
    font-size: 14px;
}

.view_more_btn {
    display: flex;
    justify-content: center;
    padding-top: 30px
}

.view_more_btn button.btn:hover {
    background-color: var(--dark_green);
}

/*product_detail*/
.product_detail {
    padding-top: 135px;
}

.product_detail .product_detail_content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
}

.product_detail .product_detail_content h5 {
    padding-bottom: 5px;
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
}

.product_detail .product_detail_content .product_detail_price {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

.product_detail .product_detail_content .product_detail_price h6 {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
}

.product_detail .product_detail_content .product_detail_price span {
    color: #A5A5A5;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
}

.product_detail .product_detail_content p {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.product_detail .product_detail_content p.product_description {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.product_detail .product_detail_content .quantity_box {
    gap: 20px;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.product_detail .product_detail_content .quantity_box h3 {
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    font-family: 'Poppins-Medium';
    padding-bottom: 7px;
}

.product_detail .product_detail_content .quantity_box .quantity_content .quantity_selector {
    border-radius: 77px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 13px 15px;
}

.product_detail .product_detail_content .quantity_box .quantity_content .quantity_selector button {
    border: 0;
    background: transparent;
    font-size: 13px;
}

.product_detail .product_detail_slider .swiper.mySwiper2 .swiper-slide {
    height: 380px;
    border-radius: 10px;
}

.product_detail .product_detail_slider .swiper.mySwiper2 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #f5f5f5
}

.product_detail .product_detail_slider .swiper.mySwiper {
    margin-top: 20px;
}

.product_detail .product_detail_slider .swiper.mySwiper .swiper-slide {
    width: 70px;
    height: 70px;
    border-radius: 5px;
}

.product_detail .product_detail_slider .swiper.mySwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
    border: 1px solid #f5f5f5
}

.detail_tabs {
    padding-top: 50px;
}

.detail_tabs .detail_custom_tabs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail_tabs .detail_custom_tabs ul {
    gap: 7px;
    border: 0;
}

.detail_tabs .detail_custom_tabs ul li button {
    padding: 10px 12px 3px 12px;
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

.detail_tabs .detail_custom_tabs ul li button:hover,
.detail_tabs .detail_custom_tabs ul li button.active {
    border-bottom: 1px solid #205021;
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

.detail_tabs .detail_custom_tabs .tab-content {
    border-radius: 7px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 20px;
}

.detail_tabs .detail_custom_tabs .tab-content .tab-pane h3 {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}

.detail_tabs .detail_custom_tabs .tab-content .tab-pane p {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 0;
}

.detail_tabs .detail_custom_tabs .tab-pane ul li {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    list-style: none;
}

.detail_tabs .detail_custom_tabs .tab-pane ul li i {
    color: #48B64C;
    font-size: 13px;
    padding-right: 10px;
}

.detail_tabs .detail_custom_tabs .tab-pane ul li:hover {
    border: unset;
}

.detail_tabs .detail_custom_tabs .tab-pane ul.feature-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0;
    padding-top: 12px;
}

.detail_tabs .detail_custom_tabs .tab-content .tab-pane .card {
    border-radius: 20px;
    border: 1px solid #C6C6C6;
    background: var(--white, #FFF);
    padding: 60px 20px 20px 20px;
}

.detail_tabs .detail_custom_tabs .tab-content .tab-pane .card p.card-text {
    color: var(--black);
    text-align: center;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    padding: 0;
}

.detail_tabs .detail_custom_tabs .tab-content .tab-pane .card .card-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.detail_tabs .detail_custom_tabs .tab-content .tab-pane .card .card-title h6.card-title {
    margin: 0;
    color: var(--green);
    text-align: center;
    font-family: 'Montserrat-Bold';
    font-size: 22px;
    font-weight: 900;
    line-height: 1.2;
}

.detail_tabs .detail_custom_tabs .tab-content .tab-pane .card .card-title p {
    padding: 0;
    color: var(--black);
    text-align: center;
    font-family: 'Montserrat-Regular';
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
}

.detail_tabs .detail_custom_tabs .tab-content .tab-pane .card .card-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.detail_tabs .detail_custom_tabs .tab-content .tab-pane .card img {
    width: 85px;
    height: 88px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
}

.detail_tabs .detail_custom_tabs .tab-content .reviews {
    margin-top: 60px;
}

.product_detail .product_detail_content .quantity_box .product_counter {
    border-color: #C6C6C6;
}

.product_counter input:focus-visible {
    outline: unset;
}

.product_counter {
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex: 1;
    padding: 8px 15px;
    justify-content: center;
    max-width: 160px;
    border-radius: 64px;
    border: 1px solid var(--green);
}

.product_counter button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 16px;
}

.product_counter button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.product_counter input {
    padding: 0px 5px;
    width: 100%;
    min-width: 50%;
    border: 0px;
    text-align: center;
}

.product_detail .product_detail_content .quantity_box .color_select {
    flex: 1;
}

.product_detail .product_detail_content .quantity_box .color_select select {
    border-radius: 77px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 9px 15px;
    width: 100%;
}

.detail_tabs .detail_custom_tabs ul li:focus-visible,
.detail_tabs .detail_custom_tabs ul li button:focus-visible {
    border: 0;
    box-shadow: unset;
    outline: unset;
}

.nav-tabs .nav-link {
    border: 0;
}


/*cart_modal*/
.cart_modal .offcanvas .offcanvas-header {
    padding: 0;
}

.cart_modal .offcanvas {
    padding: 30px 20px;
}

.cart_modal .offcanvas .offcanvas-header h5 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 25px;
    font-weight: 600;
    line-height: 45px;
}

.cart_modal .offcanvas .offcanvas-body {
    padding: 0;
}


/*cart*/
.cart_section {
    padding-bottom: 80px;
}

.cart_section .shopping_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 30px 0 50px 0;
}

.cart_section .shopping_box h6 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
}

.cart_section .shopping_box span.shopping_box_count {
    font-size: 19px;
    font-family: 'Poppins-Regular';
    font-weight: 400;
    line-height: 1.2;
}

.summary {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #D1D1D8;
    background: #FFF;
    padding: 32px 25px;
}

.summary .summary_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.summary .summary_box .detail_content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 24px;
    padding-bottom: 17px;
    border-bottom: 1px solid #D1D1D8;
}

.summary .summary_box .detail_content .detail_value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.summary .summary_box .detail_content h6 {
    padding-bottom: 8px;
    color: var(--black);
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    font-family: 'Poppins-SemiBold';
}

.summary .summary_box .detail_content .detail_value p {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.summary .summary_box .detail_content .detail_value p.free {
    color: var(--green);
}

.summary .summary_box .total_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    padding-top: 17px;
    gap: 24px;
}

.summary .summary_box .total_content .total_value {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.summary .summary_box .total_content .total_value p {
    color: var(--black);
    font-size: 16px;
    font-family: 'Poppins-Regular';
    font-weight: 600;
    line-height: 24px;
}

.summary .summary_box .total_content .coupon_field {
    width: 100%;
    border-radius: 62px;
    border: 1px solid #D1D1D8;
    padding: 10px 16px;
    display: flex;
    align-items: center;
}

.view_more_btn.light {
    padding: unset;
    width: 100%;
}

.view_more_btn.light .btn.btn-primary.btn-sort {
    width: 100%;
    background: var(--green);
}

.summary .summary_box .total_content .coupon_field input[type="text"]:focus-visible {
    outline: 0;
}

.summary .summary_box .total_content .coupon_field input[type="text"] {
    border: 0;
    width: 100%;
}

.summary .summary_box .total_content .coupon_field input::placeholder {
    color: #A2A3B1;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.summary .summary_box .total_content .coupon_field i {
    font-size: 21px;
    color: var(--green);
    font-weight: 600;
}

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

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

.cart_sidebar .product_cart_box .cart_sidebar_img {
    width: 174px;
    height: 192px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.10)
}

.cart_sidebar .product_cart_box .cart_sidebar_img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #f5f5f5
}

.cart_sidebar .product_cart_box .cart_sidebar_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cart_sidebar .product_cart_box .cart_sidebar_info h5 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

.cart_sidebar .product_cart_box .cart_sidebar_info h6 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
}

.cart_sidebar .product_cart_box .cart_sidebar_info .color_type {
    gap: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cart_sidebar .product_cart_box .cart_sidebar_info p {
    color: var(--black);
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.cart_sidebar .product_cart_box .cart_sidebar_info span {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.cart_sidebar .product_cart_box .cart_sidebar_info .quantity_delete {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-right: 15px;
    justify-content: space-between;
    margin-top: 10px
}

.cart_sidebar .product_cart_box .cart_sidebar_info .quantity_delete button.product_delete_btn {
    border: 0;
    border-radius: 70px;
    background: rgba(222, 0, 0, 0.14);
    padding: 10px;
    display: flex;
    width: 33px;
    height: 33px;
    align-items: center;
    justify-content: center;
}

.cart_sidebar .product_cart_box .cart_sidebar_info .quantity_delete button.product_delete_btn i {
    font-size: 14px;
    color: red;
}

.cart_section .summary .summary_box .total_content .coupon_field input:focus-visible {
    outline: 0;
}

.cart_modal .offcanvas-body::-webkit-scrollbar {
    width: 10px;
}

.cart_modal .offcanvas-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.cart_modal .offcanvas-body::-webkit-scrollbar-thumb {
    background-color: var(--green);
    border-radius: 10px;
    border: 3px solid #f1f1f1;
}

/*Checkout*/
.checkout_section {
    padding-bottom: 2em;
}

.checkout_section .shopping_box {
    display: flex;
    align-items: center;
    padding: 30px 0 50px 0;
    flex-wrap: wrap;
}

form.stepper_form .form_steps.active {
    display: block;
}

form.stepper_form .form_steps {
    display: none;
}

.checkout_section form .form-group label {
    padding-bottom: 7px;
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.checkout_section form .form-group input {
    border-radius: 77px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 12px 15px;
    width: 100%;
}

.checkout_section form .form-group input::placeholder {
    color: var(--black);
    font-family: 'Montserrat-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}

.checkout_section form .form_steps>.row {
    row-gap: 30px;
}

form.stepper_form .stepper_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
}

.checkout_section .shopping_box h6 {
    position: relative;
    transition: all 0.3s;
    padding-right: 110px;
    color: #9D9D9D;
    font-family: 'Poppins-Medium';
    font-size: 25px;
    line-height: 32px;
    font-weight: 500;
}

.checkout_section .shopping_box h6.active {
    font-family: 'Poppins-Medium';
    color: var(--black);
    font-weight: 600;
}

.checkout_section .shopping_box h6:before {
    content: '\f054';
    right: 50px;
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 18px;
}

.checkout_section .shopping_box h6:last-child:before {
    display: none;
}

.address_box {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #D1D1D8;
}

.address_box .address_content {
    display: flex;
    align-items: flex-start;
}

.address_box .address_content .title_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.address_box .address_content .title_box h6 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.15px;
}

.address_box .address_content .title_box p {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.address_box .address_content .title_box .contact {
    display: flex;
    align-items: baseline;
    gap: 11px;
}

.address_box .address_content .title_box .contact p {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.1px;
}

.address_box .address_content .title_box .contact span {
    font-weight: 400;
}

.address_box .address_content .address_box_tag span {
    color: var(--green);
    font-family: 'Poppins-Regular';
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid var(--green);
}

.address_box .address_content .address_box_tag {
    padding-left: 60px;
}

.address_box .address_content .custom-radio {
    margin: 3px 10px 0 0px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

.address_box .address_content .custom-radio input {
    position: absolute;
    opacity: 0;
}

.address_box .address_content .custom-radio span {
    width: 20px;
    height: 20px;
    border: 2px solid var(--green);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.address_box .address_content .custom-radio span::before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--green);
    border-radius: 50%;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.address_box .address_content .custom-radio input:checked+span::before {
    opacity: 1;
}

.address_box .edit_forms {
    display: flex;
    align-items: center;
    gap: 48px;
    position: relative;
}

.address_box .edit_forms button {
    border: 0;
    background: unset;
    color: #E14B4B;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.address_box .edit_forms button.edit-btn {
    color: #17183B;
}

.address_box .edit_forms:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background: #D1D1D8;
    left: 50px;
}

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

.address_content_box .buttons_edit {
    padding: 3px 60px 0 0;
}

.shipping-address-form h6 {
    padding-bottom: 30px;
    color: var(--green);
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.shipping-address-form .checked_state {
    display: flex;
    align-items: center;
    gap: 10px;
}

.shipping-address-form .checked_state label.custom-checkbox {
    border-radius: 10px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.shipping-address-form .checked_state label.custom-checkbox img {
    width: 31px;
    height: 31px;
    object-fit: cover;
}

.shipping-address-form .checked_state label.custom-checkbox span.heading {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.custom-checkbox input[type="radio"] {
    display: none;
}

.square-checkmark {
    width: 15px;
    height: 15px;
    border: 2px solid #48B64C;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    transition: background-color 0.3s ease;
}

.custom-checkbox input[type="radio"]:checked+.square-checkmark::after {
    content: '\f00c';
    position: absolute;
    top: 0px;
    left: 1px;
    font-size: 10px;
    color: #48B64C;
    border-radius: 2px;
    font-family: fontawesome;
}

.new_address {
    padding-top: 30px;
}

.new_address button.add_address {
    color: var(--green);
    font-family: 'Poppins-Regular';
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
    background: transparent;
    border: 0;
}

.new_address .shipping-address-form .row {
    row-gap: 15px;
}

.shipping-address-form .checked_state label.custom-checkbox .checked_state_box {
    position: absolute;
    right: 6px;
    top: 5px;
}

.new_address .shippment_form {
    display: none;
}

.new_address button.add_address i {
    font-size: 15px;
    padding-right: 5px;
}

.address_box .address_payment_box {
    border-radius: 10px;
    border: 1px solid #CBCBCB;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.address_box .address_payment_box .address_payment {
    display: flex;
    align-items: center;
    gap: 20px;
}

.address_box .address_payment_box .address_payment .payment_info {
    display: flex;
    gap: 10px;
    align-items: center;
}

.address_box .address_payment_box .address_payment .payment_info p.payment_date {
    padding-left: 20px;
    color: #A2A3B1;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.address_box .address_payment_box .address_payment .payment_info p {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-weight: 600;
}

.address_box .address_payment_box .address_payment .payment_info img {
    width: 24px;
    height: 17px;
    object-fit: contain;
}

.address_box .address_payment_box .buttons_edit .edit_forms:before {
    display: none;
}

.address_box.payment {
    row-gap: 10px;
}

.address_box .custom-card-radio {
    margin: 3px 10px 0 0px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

.address_box .custom-card-radio input {
    position: absolute;
    opacity: 0;
}

.address_box .custom-card-radio span {
    width: 20px;
    height: 20px;
    border: 2px solid #48B64C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.address_box .custom-card-radio span::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #48B64C;
    border-radius: 50%;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.address_box .custom-card-radio input:checked+span::before {
    opacity: 1;
}

/*process_section*/
.process_section {
    padding-top: 80px;
}

.process_section h6 {
    color: var(--black);
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}

.process_section h3 {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 50px;
    font-weight: 400;
    line-height: 68px;
    text-align: center;
}

.process_section .number_box {
    position: relative;
}

.process_section .number_box .number_box_content {
    border-radius: 20px;
    border: 1px solid #C6C6C6;
    background: var(--white, #FFF);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
}

.process_section .number_box .number_box_content h6 {
    padding: 0;
    color: var(--green);
    text-align: center;
    font-family: 'Montserrat-Medium';
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
}

.process_section .number_box .number_box_content p {
    text-align: center;
    color: var(--black);
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}

body {
    counter-reset: number-counter;
}

.process_section .increment_count h1::before {
    counter-increment: number-counter;
    content: counter(number-counter, decimal-leading-zero);
}

.process_section .increment_count {
    padding-top: 21px;
}

.process_section .increment_count h1 {
    margin-bottom: -42px;
    padding-left: 5px;
    color: #F3F3F3;
    font-size: 98px;
    font-family: 'Montserrat-Bold';
}

.process_section .number_box .number_box_content {min-height: 300px;}


/*buildig_section*/
.buildig_section {
    padding-top: 120px;
}

.buildig_section .pure_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 30px;
}

.buildig_section .pure_content h6 {
    color: var(--black);
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}

.buildig_section .pure_content .pure_img {
    width: 388px;
    height: 75px;
}

.buildig_section .pure_content .pure_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.buildig_section .pure_content h3 {
    color: var(--green);
    font-family: 'Poppins-Regular';
    font-size: 50px;
    font-weight: 400;
    line-height: 68px;
    text-align: center;
}

/*guarantee_section*/
.guarantee_section {
    padding-top: 133px;
}

.guarantee_section .guarantee_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 30px;
}

.guarantee_section .guarantee_content h6 {
    color: var(--black);
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}

.guarantee_section .guarantee_content h3 {
    color: var(--green);
    font-family: 'Poppins-Regular';
    font-size: 50px;
    font-weight: 400;
    line-height: 68px;
    text-align: center;
}

.guarantee_para {
    max-width: 85%;
    border-radius: 7px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 20px;
}

.guarantee_para p {
    text-align: center;
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.search_fields {
    padding-bottom: 20px;
    display: flex;
    align-items: end;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
}

.search_fields .form-group label {
    padding-bottom: 7px;
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.search_fields .form-group .input-group {
    border-radius: 77px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 11px 15px;
    display: flex;
    align-items: center;
}

.search_fields .form-group .input-group input {
    border: 0;
    background: unset;
    padding: 0;
    font-size: 14px;
}

.search_fields .form-group .input-group input::placeholder {
    color: #A2A3B1;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.search_fields .form-group .input-group i {
    color: var(--green);
    font-size: 13px;
}

.search_fields .view_more_btn.light button.btn.btn-primary.btn-sort {
    padding: 15px 35px;
}

.search_fields .form-group {
    flex: 1;
}

.locate_fitter_section {
    padding-top: 40px;
}

.locate_fitter_section .row {
    row-gap: 30px;
}

.search_fields .view_more_btn.light {
    flex: 0;
}

.top_fitters_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
    column-gap: 30px;
}

.top_fitters_box .top_fitters_product {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    row-gap: 7px;
}

.top_fitters_box .top_fitters_product .top_fitters_image {
    width: 100%;
    height: 380px;
}

.top_fitters_box .top_fitters_product .top_fitters_image img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top_fitters_box .top_fitters_product .top_fitters_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    row-gap: 10px;
}

.top_fitters_box .top_fitters_product .top_fitters_content .fitter_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_fitters_box .top_fitters_product .top_fitters_content .fitter_title h6 {
    color: var(--black);
    font-family: 'Poppins Regular';
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.top_fitters_box .top_fitters_product .top_fitters_content .fitter_title a.heart-icon {
    color: #ABABAB;
    font-size: 15px;
}

.top_fitters_box .top_fitters_product .top_fitters_content .fitter_title .rating {
    display: flex;
    gap: 2px;
    align-items: center;
}

.top_fitters_box .top_fitters_product .top_fitters_content .fitter_title .rating i {
    color: var(--green);
    font-size: 15px;
}

.top_fitters_box .top_fitters_product .top_fitters_content .fitter_title .rating span {
    color: var(--black);
    font-family: 'Poppins Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
}

.top_fitters_box .top_fitters_product .top_fitters_content .fitter_title a.facebook-icon {
    font-size: 15px;
}

.top_fitters_box .top_fitters_product .top_fitters_content .fitter_title p {
    color: var(--black);
    font-family: 'Poppins Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    word-break: break-word;
    ;
}

.spot_details_sec ul li a {
    color: var(--green);
    text-decoration: underline;
}

.spot_details_sec ul li {
    position: relative;
    list-style: none;
    color: var(--black);
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
}

.spot_details_sec ul li:before {
    position: absolute;
    left: -21px;
    top: 0;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    color: var(--green);
}

/*fitter-Pages*/
.social_add_section {
    padding: 50px 20px 20px 20px;
}

.fitter_info_form input:focus-visible {
    outline: none;
}

.fitter_info_tabs #pills-tab {
    justify-content: space-around;
}

.fitter_info_tabs .nav-pills .nav-item {
    flex-grow: 1;
    text-align: center;
}

.fitter_info_tabs {
    border-radius: 20px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 20px;
}

.fitter_info_form label {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.fitter_info_form input[type="submit"] {
    background: #48B64C;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
}

.fitter_info_tabs .nav-pills .nav-link {
    width: 100%;
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 18px;
    font-weight: 600;
}

.social_adds {
    padding: 30px 20px;
    height: 100%;
    gap: 30px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
}

.button-container input[type="button"] {
    border-radius: 90px;
    background-color: #48B64C;
    color: #FFF;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 500;
}

.fitter_info_tabs .nav-pills .nav-link.active {
    background-color: #fff;
    font-family: 'Poppins-Regular';
    font-size: 18px;
    font-style: normal;
    border-bottom: 3px solid #28a745;
    font-weight: bold;
    color: #28a745;
    border-radius: 0;
}

.button-container {
    border: 3px solid transparent;
    border-radius: 50px;
    background: linear-gradient(to right, white, #ffffff), linear-gradient(to right, #48B64C00, #48B64C, #48B64C, #48B64C00);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    padding: 5px;
}

.fitter_info_form input {
    width: 100%;
    padding: 13px 15px;
    border-radius: 77px;
    border: 1px solid #C6C6C6;
    background: #FFF;
}

body:has(.order-club) input::placeholder {
    color: var(--green);
}

body:has(.order-club) .form-check-input:checked {
    background-color: var(--green);
    border-color: white;
}

body:has(.order-club) .form-select:disabled,
body:has(.order-club) .form-control:disabled {
    background-color: transparent;
}

body:has(.order-club) .form-select:focus {
    border-color: var(--green);
    outline: 0;
    box-shadow: none;
}

.fitter_detail {
    height: 100%;
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
    column-gap: 40px;
}

.fitter_detail .right_bar .best_icons {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
}

.fitter_detail .right_bar .best_icons i {
    font-size: 15px;
    color: var(--green);
    display: flex;
    width: 33px;
    height: 33px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 30px;
    border-radius: 70px;
    background: rgba(72, 182, 76, 0.20);
}

.fitter_detail .left_bar {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.fitter_detail .left_bar .fitter-detail_content h5 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 33px;
    font-weight: 600;
    line-height: 45px;
}

.fitter_detail .left_bar .fitter-detail_content h6 {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 25px;
    font-weight: 400;
    line-height: normal;
}

.fitter_detail .left_bar .fitter-detail_content .contact-info {
    display: flex;
    flex-wrap: wrap;
    max-width: 78%;
    row-gap: 10px;
    column-gap: 30px;
    padding-top: 10px;
}

.fitter_detail .left_bar .fitter-detail_content .contact-info .info-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.fitter_detail .left_bar .fitter-detail_content .contact-info .info-item i {
    color: var(--green);
    font-size: 15px;
}


.modal-header .btn-close {background-image: none;background: black;padding: 0;color: white;width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;opacity: unset;}
.modal-header .btn-close:focus {box-shadow: none;}
body .club_selection_modal table#clubSelectionTable tbody tr td{font-size:13px;padding:12px !important}
body .club_selection_modal table#clubSelectionTable thead tr th{background:var(--green) !important;;font-size:13px;padding:12px !important}
body .club_selection_modal h5{font-size:28px !important;}
body .club_selection_modal  input {font-size:13px}
body .club_selection_modal  select#perPageSelect {font-size:13px}
body .club_selection_modal button#backToCustomersBtn{display: flex;align-items: center;gap:8px}
body .club_selection_modal  span#paginationInfo {font-size:13px}
body .club_selection_modal   a#nextPageBtn{background: var(--green);color: #fff}
.club_selection_modal .modal-header h5{font-size: 35px}

.fitter_detail .left_bar ul.fitter_icon-list {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin: 0;
    padding: 0;
    row-gap: 10px;
}

.fitter_detail .left_bar ul.fitter_icon-list li {
    list-style: none;
    position: relative;
    padding-left: 18px;
}

.fitter_detail .left_bar .fitter_detail_logo {
    width: 178px;
    height: 143px;
}

.fitter_detail .left_bar .fitter_detail_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fitter_detail .left_bar ul.fitter_icon-list li::before {
    content: "\f0da";
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';
    font-size: 15px;
    color: var(--green);
    left: 0;
    position: absolute;
    top: 1px;
}

/*cart_modal*/
.cart_modal .modal_cart_products {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    padding: 40px 0 30px 0;
    border-bottom: 1px solid #E9E9E9;
}

.cart_modal .modal_cart_products .cart-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 5px
}

.cart_modal .modal_cart_products .cart-item img {
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.20);
    width: 95px;
    height: 80px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #f5f5f5
}

.cart_modal .modal_cart_products .cart-item div {
    flex-direction: column;
    flex: 1;
    display: flex;
    gap: 7px;
}

.cart_modal .modal_cart_products .cart-item div p:first-child {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart_modal .modal_cart_products .cart-item div p {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.cart_modal .modal_cart_products .cart-item div p.price {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins-Medium';
}

.cart_modal .modal_total_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}

.cart_modal .modal_total_box .detail_value {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart_modal .modal_total_box .detail_value p {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.cart_modal .modal_total_box .detail_value.total p {
    font-weight: 600;
    font-family: 'Poppins-Medium';
}

.cart_modal .modal_total_box .detail_value.total {
    padding: 20px 0;
    border-top: 1px solid #E9E9E9;
}

.cart_modal .offcanvas-header h5 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 25px;
    font-weight: 600;
    line-height: 45px;
}

.cart_modal .offcanvas-header {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #E9E9E9;
}

.cart_modal .offcanvas-header button.btn-close.text-reset::before {
    content: "\f00d";
    font-family: 'FontAwesome';
    font-size: 13px;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    position: absolute;
    margin: 0 auto;
}

.cart_modal .offcanvas-header button.btn-close.text-reset {
    padding: 2px;
    width: 15px;
    height: 15px;
    font-size: 8px;
    background-color: #205021;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    background-image: unset;
    position: relative;
}

.cart_modal .offcanvas-body {
    padding: 0;
}

.cart_modal {
    z-index: 99999;
    padding: 30px 20px;
}


/*fitter*/
h3.side_heading {
    text-align: left;
}

.become_fitter {
    padding-top: 120px;
}

.become_fitter .row {
    row-gap: 30px;
}

.become_fitter .number_box {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.become_fitter .number_box .number_box_image {
    height: 381px;
}

.become_fitter .number_box .number_box_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.become_fitter .number_box .number_box_content {
    row-gap: 10px;
    display: flex;
    flex-direction: column;
}

.become_fitter .number_box .number_box_content h4 {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 25px;
    font-weight: 400;
    line-height: normal;
}

.become_fitter .number_box .number_box_content p {
    color: var(--black);
    font-family: 'Poppins-Regular';
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
}

.locate_fitter_section .slider_content {
    position: relative;
    width:100%;height:180px
}

.locate_fitter_section .locate_filter_top_btn {
    gap: 10px
}

.locate_fitter_section .top_fitters_product {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
    height: 100%;
}

.locate_fitter_section .top_fitters_content {
    padding: 20px;
}

.locate_fitter_section .heart-icon i {
    font-size: 1.2rem;
    color: #e83e8c;
    transition: color 0.3s ease-in-out;
}

.locate_fitter_section .rating span {
    margin-left: 5px;
}

.locate_fitter_section .facebook-icon i {
    font-size: 1.2rem;
    color: #3b5998;
    transition: color 0.3s ease-in-out;
}

.locate_fitter_section .top_fitters_content p {
    margin-bottom: 15px;
}

.locate_fitter_section #paginationContainer .page-item {
    margin: 0 5px;
}

.locate_fitter_section #paginationContainer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.locate_fitter_section #paginationContainer nav {
    margin-top: 30px;
}

.locate_fitter_section #paginationContainer .page-link {
    padding: 10px 15px;
    border-radius: 5px;
    background-color: #d4edda;
    color: #155724;
    font-weight: bold;
    border: 1px solid #c3e6cb;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.locate_fitter_section #paginationContainer .page-link:hover {
    background-color: #28a745;
    color: #fff;
}

.locate_fitter_section #paginationContainer .page-item.active .page-link {
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
}

.locate_fitter_section #paginationContainer .page-item.disabled .page-link {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #ddd;
}

.locate_fitter_section #paginationContainer .pagination .page-link:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.locate_fitter_section #paginationContainer .text-center small {
    font-size: 0.9rem;
    color: #6c757d;
}

.locate_fitter_section .slider_content .gallery-top {
    width: 85%;
}

.locate_fitter_section .slider_content .gallery-thumbs {
    position: absolute;
    top: 10px;
    height: 100%;
}

.locate_fitter_section .slider_content .locate_fitter_section .slider_content .gallery-thumbs .swiper-slide {
    opacity: 0.6;
    margin-bottom: 12px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.locate_fitter_section .slider_content .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    transition: transform 0.3s ease;
}

.locate_fitter_section .slider_content .gallery-thumbs .swiper-slide:hover {
    opacity: 0.9;
}

.locate_fitter_section .slider_content .gallery-thumbs img {
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.locate_fitter_section .slider_content .swiper {
    margin-right: unset;
}

.locate_fitter_section .slider_content .slider_left_images {
    width: 80px;
    height: 67px;
}

.locate_fitter_section .slider_content .slider_left_images img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.locate_fitter_section .slider_content .slider_image {
    width: 100%;
    height: 560px;
}

.locate_fitter_section .slider_content .slider_image img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 10px;
}

.locate_fitter_section .slider_content .gallery-thumbs .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.locate_fitter_section .slider_content .slider_content {
    position: relative;
}

.locate_fitter_section .top_fitters_box {
    display: unset
}

.right_bar {
    height: 100%;
    position: relative;
}

.swiper-buttons {
    position: absolute;
    bottom: 35px;
}

.swiper-buttons .swiper-button-prev.custom-prev {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -50px !important;
}

.swiper-buttons .swiper-button-next.custom-next {
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.swiper-buttons .swiper-button-next.custom-next::after,
.swiper-buttons .swiper-button-prev.custom-prev::after {
    display: none;
}

.map_img iframe {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.swiper-buttons .swiper-button-next.custom-next,
.swiper-buttons .swiper-button-prev.custom-prev {
    border-radius: 5px;
    border: 1px solid var(--green);
    width: 33px;
    height: 33px;
    padding: 10px;
    background: rgba(72, 182, 76, 0.15);
    color: var(--green);
}

.locate_fitter_section .map_img {
    width: 100%;
    height: 610px;
    border-radius: 10px;
}

.locate_fitter_section .map_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/*contact-page*/
.contact_section {
    padding-top: 90px;
}

.contact_section .contact_bg {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 76.07%), url(../images/contact.png);
    height: 695px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: end;
    padding: 30px;
    border-radius: 20px;
}

.contact_section .contact_bg .fax_box {
    z-index: 1;
    display: flex;
    flex-direction: column;
    row-gap: 17px;
    align-items: flex-start;
}

.contact_section .contact_bg .fax_box .fax_num {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.contact_section .contact_bg .fax_box .fax_num h6 {
    color: #FFF;
    font-family: 'Poppins-SemiBold';
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

.contact_section .contact_bg .fax_box .fax_num p {
    color: #FFF;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.contact_section .contact_form h5 {
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 33px;
    font-weight: 600;
    line-height: 45px;
}

.contact_form form .row {
    row-gap: 15px;
}

.contact_form form .form-group label {
    padding-bottom: 7px;
    color: var(--black);
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.contact_form form .form-group input,
.contact_form form .form-group select,
.contact_form form .form-group textarea {
    border-radius: 77px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 12px 15px;
    width: 100%;
}

.contact_form form .form-group textarea {
    border-radius: 20px;
}

.contact_form form .form-group input::placeholder,
.contact_form form .form-group textarea::placeholder,
.contact_form form .form-group select::placeholder {
    color: #A2A3B1;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.contact_form {
    display: flex;
    align-items: center;
    height: 100%;
}

.contact_form .contact_form_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact_section.contact_fitter .contact_bg {
    align-items: center;
    height: 735px;
}

.contact_fitter .contact_form .contact_form_box h5 {
    font-weight: 400;
    font-family: 'Poppins-Regular';
    font-size: 50px;
    padding-bottom: 10px;
}

/*Nauman ali*/
.breadcrumb-item+.breadcrumb-item {
    padding: 0;
}

.breadcrumb li a {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: var(--black);
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding: 1px 14px 0 14px;
}

/* Alyan */
/* Google Map */
.google_map_canvas iframe.google_map_iframe {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.google_map_canvas {
    height: 700px;
}

.navbar:has(.nav_menu.show) .navbar-toggler-icon,
.close_nav {
    display: none;
}

.navbar:has(.nav_menu.show) .close_nav {
    display: block;
}

.navbar-expand-lg .navbar-collapse {
    gap: 20px
}

@media (min-width: 992px) {
    .navbar .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        top: 20px;
        left: 0;
    }
}



/*order-club*/
.fs-25 {
    font-size: 25px;
}

#order-info .accordion-button i {
    transition: .5s;
}

#order-info .accordion-button::after {
    display: none;
}

#order-info .card-title {
    font-size: 20px;
    font-weight: 400;
}

#order-info .accordion-button:not(.collapsed) {
    padding-bottom: 0;
}

#order-info .accordion-button:not(.collapsed) i {
    transform: rotate(180deg);
}

#order-info .accordion-button {
    color: #000;
    display: flex;
    box-shadow: none;
    transition: .5s;
    align-items: center;
    justify-content: space-between;
    background: transparent;
}

.customize-club .top {
    top: 35px;
    left: 70px;
}

.customize-club .middle {
    top: 210px;
    left: 160px;
}

.customize-club .bottom {
    right: 110px;
    bottom: 26px;
}

.show-category {
    min-height: 100px;
    padding-bottom: 30px;
}

.customize-club[data-side=right] .length .cm {
    transform: scaleX(-1) rotate(-90deg);
}

.customize-club[data-side=right],
.customize-club[data-side=right] .hs-box,
.customize-club[data-side=right] .grip-size span {
    transform: scaleX(-1);
}

/*Length*/
.customize-club .length:is(.show-brdr):after {
    width: 70%;
    opacity: 1;
    transition: .5s;
}

.customize-club .length:after {
    width: 0;
    bottom: 0;
    border-bottom: 2px dashed #4a4a4a;
}

.customize-club .length .cm {
    top: 50%;
    left: -5px;
    position: absolute;
    transform: rotate(90deg);
}

.customize-club .length:is(.show-brdr):before {
    opacity: 1;
    width: 40px;
    height: 100%;
    transition: .5s;
}

.customize-club .length:before {
    top: 0;
    width: 0;
    height: 0;
    border-top: 2px dashed #4a4a4a;
    border-left: 2px dashed #4a4a4a;
}

.customize-club .length:before,
.customize-club .length:after {
    left: 0;
    content: '';
    opacity: 0;
    transition: .5s;
    position: absolute;
}

/*Group Size*/
.customize-club .grip-size span {
    top: -25px;
    position: absolute;
}

.customize-club .grip-size {
    width: 120px;
    height: 100px;
    position: absolute;
}

.customize-club .grip-size:is(.show):after {
    opacity: 1;
    width: 40px;
    transition: .5s;
}

.customize-club .grip-size:after {
    width: 0;
    bottom: 0;
    border-bottom: 2px dashed #4a4a4a;
}

.customize-club .grip-size:is(.show):before {
    opacity: 1;
    width: 120px;
    height: 100px;
    transition: .5s;
}

.customize-club .grip-size:before {
    width: 0;
    height: 0;
    border-top: 2px dashed #4a4a4a;
    border-right: 2px dashed #4a4a4a;
}

.customize-club .grip-size:before,
.customize-club .grip-size:after {
    content: '';
    right: 0;
    opacity: 0;
    transition: .5s;
    position: absolute;
}

.hotspot {
    position: absolute;
}

.hotspot:not(.bottom) .hs-box:not(.show-hs) {
    left: 0;
    opacity: 0;
}

.hotspot:is(.bottom) .hs-box:not(.show-hs) {
    bottom: 0;
    opacity: 0;
}

.hotspot:not(.bottom) .hs-box {
    top: -35px;
    left: 150px;
}

.hotspot:is(.bottom) .hs-box {
    left: -55px;
    bottom: 50px;
}

.hotspot:is(.bottom):has(.show-hs)::after {
    height: 50px;
}

.hotspot:not(.bottom):has(.show-hs):after {
    width: 130px;
    transition: .5s;
}

.hotspot .hs-box {
    padding: 10px;
    min-width: 120px;
    transition: .5s;
    width: max-content;
    position: absolute;
    background: #fff;
    border-radius: 12px;
    border: 2px dashed #4a4a4a;
}

.hotspot:is(.bottom)::after {
    height: 0;
    bottom: 0;
    left: 9px;
    content: '';
    transition: .5s;
    position: absolute;
    border-left: 2px dashed #4a4a4a;
}

.hotspot:not(.bottom):after {
    content: '';
    width: 0;
    top: 9px;
    left: 20px;
    transition: .5s;
    position: absolute;
    border-bottom: 2px dashed #4a4a4a;
}

.hotspot .spot {
    opacity: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: .5s;
    position: absolute;
    background: #fff;
    border-radius: 50px;
    border: 6px solid #48B64C;
}

.club-detail .accordion-body ul>li {
    gap: 10px;
}

/*.club-detail .accordion-body ul {*/
/*    min-height: 280px;*/
/*}*/

.club-detail .accordion-body ul>li> :first-child {
    min-width: 80px;
}

.club-detail .accordion-body ul {
    max-width: fit-content;
    text-transform: capitalize;
}

.club-detail .accordion-body ul>li> :last-child {
    min-width: 150px;
    font-weight: 500;
    white-space: nowrap;
}

.club-added> :has(.accordion-button:not(.collapsed)) .card {
    opacity: 1;
    transition: .5s;
}

.club-added> :has(.collapsed) .card {
    height: 0;
    opacity: 0;
    transition: .5s;
    pointer-events: none;
}

.custom_phone {
    display: flex;
    flex-direction: column;
}

.card .card-body .new_form_data,
.card .card-body .running_form_data,
.card .card-body .gender_section {
    display: none;
}

.card .card-body .new_form_data.show,
.card .card-body .running_form_data.show {
    display: flex;
}

.card .card-body .gender_section.show {
    display: flex;
    flex-direction: column;
}


/*Order Club DataTable*/
#returning-col .dataTables_wrapper div:has(>.dataTables_paginate) {
    width: 100%;
}

#returning-col .dataTables_wrapper .col-sm-12:is(.col-md-5):empty {
    display: none;
}

#order-info .dataTables_wrapper .dropdown-menu {
    border: 0;
    box-shadow: 0 0 10px #ddd;
}

#order-info .dataTables_wrapper .dropdown-toggle {
    background: #fff;
    border-color: #ebebeb;
}

#order-info .dataTables_wrapper .action-p {
    border: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#order-info .pagination .page-item:is(.active) a,
#order-info .dataTables_wrapper .action-p:hover,
#order-info .dataTables_wrapper .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background: var(--green);
}

#order-info .dataTables_wrapper table .odd td {
    background: #fafafa;
}

#order-info .dataTables_wrapper table td {
    font-size: 14px;
    vertical-align: middle;
}

#order-info .dataTables_wrapper .dataTables_filter {
    margin-right: 3px;
}

#order-info .dataTables_wrapper [type="search"]::placeholder {
    color: #9f9f9f;
}

#order-info .dataTables_wrapper [type="search"] {
    margin: 0;
    border-radius: 0;
    padding: 10px 15px;
    border-width: 0 1px 1px 0;
    background: transparent;
}

#order-info .pagination .page-item:is(.disabled) a {
    opacity: .2;
}

#order-info .pagination {
    margin: 10px 0 15px;
    justify-content: center;
}

#order-info .pagination .page-item a {
    border: 0;
    width: 30px;
    padding: 0;
    height: 30px;
    display: flex;
    font-size: 12px;
    box-shadow: none;
    align-items: center;
    border-radius: 6px;
    color: var(--green);
    justify-content: center;
    background: transparent;
}

#order-info .dataTables_wrapper input[name^="used"]:checked {
    background: var(--green);
    border-color: var(--green);
}

#order-info .dataTables_wrapper input[name^="used"]:checked::before {
    content: "✓";
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    transform: translate(-50%, -50%);
}

#order-info .dataTables_wrapper input[name^="used"] {
    width: 13px;
    height: 13px;
    cursor: pointer;
    appearance: none;
    position: relative;
    background: #fff;
    border-radius: 3px;
    -webkit-appearance: none;
    border: 1px solid #ccc;
}


/*Repair Club*/
.repair_club th,
.repair_club td {
    border: none
}

.repair_club table thead tr {
    border-top: none;
}

.repair_club table thead tr th {
    font-size: 14px;
    color: #4a4a4a;
    font-family: 'Poppins-Medium';
    line-height: 20.2px;
    border-bottom: 2px solid #E4E4E4 !important;
}

.repair_club table tbody tr td {
    padding: 15px !important;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins-Regular';
    line-height: 20px;
    border-bottom: 1px solid #E4E4E4
}

.repair_club table tbody tr td input[type="checkbox"] {
    accent-color: green;
    width: 18px;
    height: 18px;
}

.repair_club .dataTables_filter {
    display: none
}


.repair_club button.btn.btn-primary.btn-filter {
    line-height: 28px;
    display: flex;
    padding: 12px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 90px;
    background: var(--green);
    border: 0;
    color: var(--white);
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 500;
}

.repair_club button.btn.btn-primary.btn-sort {
    background: var(--dark_green);
    display: flex;
    padding: 12px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 90px;
    border: 0;
    color: var(--white);
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 500;
    line-height: 28px
}

.repair_club .table_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0px 30px
}

.repair_club .table_heading h5 {
    font-size: 30px
}

.repair_club .table_heading .table_top_right {
    display: flex;
    align-items: center;
    gap: 20px
}

.repair_club .table_heading .table_top_right .custom_search_box {
    position: relative
}

.repair_club .table_heading .table_top_right .custom_search_box i {
    position: absolute;
    top: 17px;
    left: 15px;
    color: #C6C6C6;
    font-weight: 600
}

.repair_club .table_heading .table_top_right .custom_search_box input {
    border-radius: 90px;
    border: 1px solid var(--dark_green);
    background: #FFF;
    padding: 12px 15px 12px 40px;
    min-width: 354px
}

.repair_club .table_heading .table_top_right .custom_search_box input::placeholder {
    color: #C6C6C6;
    font-size: 15px;
    font-family: 'Montserrat-Regular';
}

.repair_club .first,
.repair_club .last {
    display: none;
}

.repair_club li.paginate_button.page-item.active a {
    border-radius: 3px;
    background: var(--green);
    color: var(--white) !important;
    border: 1px solid var(--green);
}

.repair_club li.paginate_button.page-item a {
    color: #000 !important;
    text-align: center;
    font-size: 18px;
    font-family: 'Montserrat-Regular';
    margin: 0;
    padding: 5px 14px;
    cursor: pointer;
    border: none;
    background: none
}

.repair_club .paginate_button {
    padding: 0px 10px
}

.repair_club .data_wrapper .heading .fs-24 {
    color: #4a4a4a;
    font-family: 'Poppins-Bold';
    font-weight: 700;
    padding: 15px 0px;
    border-bottom: 1px solid #D1D1D8
}

.repair_club .questions_radio_wrapper .fs-20 {
    color: #4a4a4a;
    font-family: 'Poppins-Regular';
    font-weight: 400
}

.repair_club .data_wrapper {
    border-radius: 10px;
    border: 1px solid #D1D1D8;
    background: #FFF;
    padding: 25px;
    margin-top: 40px;
}

.repair_club .data_wrapper .questions_radio_wrapper {
    padding: 15px 0px;
    border-bottom: 1px solid #D1D1D8
}

.repair_club .data_wrapper .option_checkboxes {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 30px
}

.repair_club .data_wrapper .option_checkboxes label {
    border-radius: 10px;
    border: 1px solid #EAECF0;
    padding: 10px 20px
}

.repair_club .data_wrapper .option_checkboxes input {
    margin-right: 10px;
    width: 15px;
    height: 15px;
    accent-color: green
}

.repair_club .data_wrapper .question_detail_content {
    padding: 15px 0px;
    border-bottom: 1px solid #EAECF0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.repair_club .data_wrapper .question_detail_content .title .fs-20 {
    line-height: normal;
    color: #4A4A4A;
    font-family: 'Poppins-Regular';
}

.repair_club .data_wrapper .question_detail_content p {
    padding: 15px 0px;
    font-family: 'Ubuntu-Light';
}

.repair_club .data_wrapper .fs-18 {
    color: #4a4a4a;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    padding: 5px 0px;
    line-height: normal
}

.repair_club .data_wrapper .fees_content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.repair_club .data_wrapper .checkout_btn {
    margin-top: 40px
}

.repair_club .data_wrapper .checkout_btn .btn.btn-primary {
    background: var(--green);
    border: none;
    border-radius: 70px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04);
    padding: 10px 24px;
    min-width: 320px;
    color: white;
    font-family: 'Poppins-Medium';
    font-size: 16px
}

.repair_type:not(:last-child) {
    border-bottom: 1px solid #EAECF0
}

.repair_club .shaft_content {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3%;
    row-gap: 15px;
}

.repair_club .shaft_content .content {
    min-width: 13.7%;
}

.repair_club .shaft_content .select_shaft_pricing {
    display: flex;
    align-items: center;
    gap: 30px;
}

.repair_club .shaft_content .select_shaft_pricing label {
    font-family: 'Montserrat-Medium';
    font-size: 18px;
}

.repair_club .form-check-input:focus {
    box-shadow: none;
}

.repair_club .form-check .form-check-input {
    border: 2px solid #4A4A4A;
}

.repair_club .form-check-input:checked {
    border-color: #48B64C;
    background-color: #48B64C;
}

.models_selection .forms_content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1%;
    row-gap: 20px;
}

.models_selection .forms_content .form-check {
    border: 1px solid silver;
    border-radius: 10px;
    padding: 10px 20px 10px 10px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.models_selection .forms_content .form-check input {
    margin: 0;
}

.reorder_btn {
    margin-top: 20px;
}

.reorder_btn button {
    background: var(--green);
    border: none;
    border-radius: 50px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04);
    padding: 10px 24px;
    min-width: 320px;
    color: white;
    font-family: 'Poppins-Medium';
}

.selected_model_info .content:has(.model_name, .hosel_name, .shaft_name, .grip_name) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question_detail_content .selected_model_info .content p {
    font-family: 'Poppins-Regular';
}


/* Website Splash Modal */
.splashModal {
    padding-right: 0px !important;
}

.splashModal .modal-content .modal_details {
    padding: 0 40px;
    height: 100%;
}

.splashModal .modal-content .modal_close {
    position: absolute;
    right: 15px;
    top: 20px;
}

.splashModal .modal-content .modal_close button.close_modal {
    background: black;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    font-size: 12px;
}

.splashModal .modal-content .modal_logo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.splashModal .modal-content .modal_logo {
    width: 220px;
    height: 110px;
    margin: auto;
}

.splashModal .modal-content .modal-header {
    padding: 0;
    margin: 40px auto 16px auto;
    max-width: 65%;
    border: 0;
    text-align: center;
}

.splashModal .modal-content .modal-header h5 {
    font-size: 32px;
    line-height: 40px;
}

.splashModal .modal-dialog.modal-dialog-centered {
    max-width: 65%;
}

.splashModal .modal_background_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.splashModal .modal_background_image {
    height: 740px;
}

.splashModal .modal-content {
    border-radius: 18px;
}

.splashModal .modal-content .row {
    align-items: center;
}

.splashModal .modal-content .modal-header h5 span {
    color: #48B64C;
    color: #48B64C;
    font-family: 'Poppins-SemiBold';
}

.splashModal .modal-content .modal-body {
    padding: 0;
    text-align: center;
}

.splashModal .modal-content .modal-body p {
    font-size: 13px;
    color: #696969;
    text-transform: capitalize;
    line-height: 25px;
}

.splashModal .modal-content .modal-body form {
    margin: 40px 0 16px 0;
}

.splashModal .modal-content .modal-body a.skip_now_text {
    color: #696969;
    font-size: 13px;
    font-family: 'Poppins-Regular';
    text-decoration: underline;
}

.splashModal .modal-content .modal-body form .form-group {
    display: flex;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 5px;
}

.splashModal .modal-content .modal-body form .form-group input.form-control {
    border: 0;
    padding: 0 20px;
}

.splashModal .modal-content .modal-body form .form-group button.btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 35px;
    background: #205021;
    border-radius: 50px;
    color: white;
    font-size: 14px;
    font-family: 'MONTSERRAT-MEDIUM';
}

/* Video Slider */
.video_slider_content .slider_details .slider_img {
    height: 500px;
}

.video_slider_content {
    margin: 80px 0;
}

.video_slider_content .slider_details .slider_text {
    margin-top: 40px;
}

.video_slider_content .slider_details .slider_text h5 span {
    color: #48B64C;
    font-family: Poppins-Medium;
}

.video_slider_content .slider_details .slider_text p {
    margin-top: 20px;
    line-height: 28px;
}

.pagination_container {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 20px; */
    position: absolute;
    top: 0;
    right: 28px;
    height: 95%;
    width: 50px;
}

.pagination_container .swiper-button-prev,
.pagination_container .swiper-button-next {
    width: 40px;
    height: 40px;
    background: #ECECEC;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pagination_container .swiper-pagination-vertical.swiper-pagination-bullets {
    top: 42%;
    right: unset;
}

.pagination_container .swiper-pagination span.swiper-pagination-bullet {
    width: 8px;
    height: 40px;
    border-radius: 30px;
    background: #ECECEC;
    opacity: 1;
}

.pagination_container .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #48B64C;
}

.pagination_container .swiper-button-prev::after,
.pagination_container .swiper-button-next::after {
    font-size: 16px;
    color: black;
}

.pagination_container .swiper-button-prev {
    top: 10%;
    left: unset;
}

.pagination_container .swiper-button-next {
    bottom: 25%;
    right: 5px;
    top: unset;
}

.pagination_container .swiper-button-prev::before {
    content: "\f062";
    font-family: 'FontAwesome';
    color:#1e1e1e;
}

.pagination_container .swiper-button-next::after {
    content: "\f063";
    font-family: 'FontAwesome';
}

.video_slider_content .slider_details {
    max-width: 85%;
}

.video_slider_content .swiper-wrapper {
    height: 650px;
}

.video_slider_content .swiper-wrapper iframe {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

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

.footer_subscribe_newsletter .footer-logo {
    width: 200px;
}

.footer_subscribe_newsletter form .form-group {
    display: flex;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    padding: 5px;
}

.footer_subscribe_newsletter form .form-group input.form-control {
    border: 0;
    padding: 0 20px;
}

.footer_subscribe_newsletter form .form-group button.btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 35px;
    background: #205021;
    border-radius: 50px;
    color: white;
    font-size: 14px;
    font-family: 'MONTSERRAT-MEDIUM';
}


/* .footer .footer_subscribe_newsletter .subscriber_fields_wrapper {width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 20px;} */
.footer .footer_subscribe_newsletter form {width: 100%;}
.footer .footer_subscribe_newsletter form button {min-width: 160px; display: flex; justify-content: center; align-items: center;}

.footer .footer_subscribe_newsletter .track_order_field_wrapper {position: relative;}
.footer .footer_subscribe_newsletter .track_order_field_wrapper #footerOrderError {position: absolute; bottom: -20px; left: 0;}

/*start added by aftab generated from augment dont remove/override*/
.toast-top-right {
    top: 80px;
    right: 20px;
}

.toast {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    font-family: 'Poppins', sans-serif;
}

.toast-success {
    background-color: #28a745;
    border-left: 4px solid #1e7e34;
}

.toast-error {
    background-color: #dc3545;
    border-left: 4px solid #c82333;
}

.toast-warning {
    background-color: #ffc107;
    border-left: 4px solid #e0a800;
    color: #212529;
}

.toast-info {
    background-color: #17a2b8;
    border-left: 4px solid #138496;
}

.toast-message {
    font-size: 14px;
    font-weight: 500;
}

.toast-title {
    font-weight: 600;
    font-size: 15px;
}

.swal-modal {
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
}

.swal-title {
    font-weight: 600;
    color: #333;
}

.swal-text {
    color: #666;
    font-size: 14px;
}

.swal-button {
    border-radius: 6px;
    font-weight: 500;
    padding: 10px 20px;
}

.swal-button--confirm {
    background-color: #dc3545;
}

.swal-button--confirm:hover {
    background-color: #c82333;
}

.swal-button--cancel {
    background-color: #6c757d;
    color: white;
}

.swal-button--cancel:hover {
    background-color: #5a6268;
}

/*end added by aftab generated from augment dont remove/override*/



/*blog_listing*/

.blog_detail .blog_hero_banner {
    width: 100%;
    height: 400px
}

.blog_detail .blog_hero_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.blog_detail {
    padding: 40px 0px 80px
}

.blog_detail .row {
    row-gap: 20px
}

.blog_detail p {
    margin-top: 10px;
    line-height: 29px
}

.blog_detail.blog_listing h5 {
    font-size: 35px
}

.blog_listing {
    padding: 50px 0px
}

.blog_listing .blog_media_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
body .repair_club table.customer_clubs  thead tr th{font-family:'Poppins-Medium';font-size:15px ;line-height: 18px}

.blog_listing .blog_media {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.blog_listing .blog-media-video,
.blog_listing .blog-media-image {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: top;
}

.blog_listing .blog_media:nth-child(3n+1),
.blog_listing .blog_media:nth-child(3n+2) {
    width: 100%;
}

.blog_listing .blog_media:nth-child(3n) {
    grid-column: span 2;
}

.blog_listing p:has(img) img {
    width: 100% !important;
    height: 500px !important;
    object-fit: cover;
    object-position: top;
    border-radius: 10px
}

.blog_detail .blog_hero_banner {
    height: 500px;
}

.blog_detail .blog_hero_banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.blog_listing .single_blog .blog_image {
    width: 240px;
    height: 240px;
    flex: 1
}

.blog_listing .single_blog .blog_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.blog_listing .single_blog {
    display: flex;
    ;
    align-items: center;
    gap: 20px;
    background: var(--white);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.10);
    padding: 20px
}

.blog_listing .single_blog .blog_content {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.blog_listing .single_blog .blog_content h6 {
    font-size: 13px;
    color: #4a4a4a;
    font-family: 'Poppins-Regular';
    font-weight: 400
}

.blog_listing .single_blog .blog_content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    line-height: normal;
    color: var(--black)
}

.blog_listing .single_blog .blog_content h4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 20px;
    color: #4a4a4a;
    font-family: 'Poppins-Medium';
    font-weight: 500
}

.blog_listing .single_blog .blog_content .readmore_btn {
    font-size: 14px;
    font-family: 'Poppins-Regular';
    line-height: normal;
    color: var(--dark_green);
    text-decoration: none
}

.blog_listing .blog_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.blog_listing .single_blog:nth-child(6n+1) {
    grid-row: span 1;
}

.blog_listing .single_blog:nth-child(6n+2) {
    grid-row: span 2;
    flex-direction: column;
    align-items: start
}

.blog_listing .single_blog:nth-child(6n+2) .blog_image,
.single_blog:nth-child(6n+4) .blog_image {
    width: 100%;
    height: 380px;
    flex: unset
}

.blog_listing .single_blog:nth-child(6n+3) {
    grid-row: span 1;
}

.blog_listing .single_blog:nth-child(6n+4) {
    flex-direction: column;
    grid-row: span 2;
    align-items: start
}

.blog_listing .single_blog:nth-child(6n+5),
.blog_listing .single_blog:nth-child(6n+6) {
    grid-row: span 1;
}

.blog_detail .blog-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 20px;
}

.blog_detail .blog-meta {
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 20px 0px
}

.blog_detail.blog_listing tbody,
.blog_detail.blog_listing td,
.blog_detail.blog_listing tfoot,
.blog_detail.blog_listing th,
.blog_detail.blog_listing thead,
.blog_detail.blog_listing tr {
    width: 10%;
    border: 1px solid #c9c9c9;
    text-align: center;
    padding: 10px
}

.blog_detail.blog_listing th p {
    font-size: 14px;
    line-height: 21px
}

.order-club .card.custom_card_table_height {
    max-height: 668px;
    overflow-y: auto
}

/*Fitter Profile*/

.fitter_profile {
    padding: 147px 0px
}
.fitter_profile.fitter_dashboard table.dataTable.no-footer{width:100% !important;}
.fitter_profile li.breadcrumb-item {
    color: #4a4a4a;
    font-family: 'Poppins-Regular';
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 55px
}

.fitter_profile .white-box {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.06);
    padding: 25px 20px;
}

.fitter_profile .profile_wrapper.white-box {
    display: flex;
    gap: 30px;
    align-items: start
}

.fitter_profile .white-box .profile_image {
    border-radius: 16px;
    border: 1px solid #C6C6C6;
    width: 290px;
    overflow: hidden;
    height: 340px
}

.fitter_profile .current-orders-datatable {
    width: 100% !important
}

.fitter_profile .white-box .profile_image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fitter_profile .white-box .profile_content {
    flex: 2
}

.fitter_profile .white-box .profile_content .name_header h4 {
    font-size: 35px;
    color: #4a4a4a;
    font-family: 'Poppins-Regular';
    line-height: normal
}

.fitter_profile .white-box .profile_content .name_header {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fitter_profile .white-box .profile_content .span_field label {
    min-width: 200px;
    color: #4A4A4A;
    font-family: 'Poppins-Medium';
    font-size: 17px;
    line-height: normal
}

.fitter_profile .white-box .profile_content .span_field span {
    color: #4a4a4a;
    font-family: 'Poppins-Regular';
    font-size: 17px;
    line-height: normal
}

.fitter_profile .white-box .profile_content .fields_data {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.fitter_profile .nav-link {
    border: 1px solid #CCC;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 18px;
    font-family: 'Poppins-Regular';
    line-height: normal;
    background: transparent;
    color: #4a4a4a
}

.fitter_profile .nav-link.active {
    background: #48B64C;
    color: #fff;
}

.fitter_profile .nav.nav-tabs {
    gap: 20px;
    margin-bottom: 25px;
    border-bottom: none
}

.fitter_profile .row {
    row-gap: 30px
}

.fitter_profile .table thead tr th {
    border-bottom:1px solid #E4E4E4 ;
    font-size: 18px;
    font-family: 'Poppins-Regular';
    line-height: 25px;
    padding: 10px 15px;
    font-weight: 400;
    color: #4a4a4a
}

.fitter_profile .table tbody tr td {
    border-bottom:1px solid #E4E4E4 ;
    font-size: 16px;
    font-family: 'Poppins-Regular';
    line-height: 22px;
    padding: 10px 15px;
    color: #4a4a4a;
    font-weight: 400
}
.fitter_profile .table-responsive{overflow: hidden}
.fitter_profile .table tbody tr td input[type="checkbox"] {
    accent-color: green
}

.fitter_profile .white-box .profile_content .fields_data .span_field input {
    border: none;
    background: none;
    min-width:350px;
}
input.contact_number {
    padding-left: 40px !important;
}
body .fitter_profile a.paginate_button.current {
    background: var(--green) !important;
    border: none !important;
    color: white !important;
}
table.dataTable.no-footer{border-bottom:none !important;margin-bottom:30px}


.float{position:fixed;bottom:25px;right:25px;z-index:9999}
.light_btn_btn.float a.btn.btn-primary.btn-outline_primary_green{padding:12px 15px;font-size:13px}

/*testimonials*/
.testimonials .container{overflow: hidden}
.testimonials {padding: 60px 0 10px 0; text-align: center;position:relative}
.testimonials h3 {font-size: 50px;font-family:'Poppins-Medium';font-weight:400;line-height:68px;margin-bottom: 50px;color: #4a4a4a;}
.testimonials .testimonial-item {background: #fff;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);padding: 40px;text-align: center;position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.testimonials .testimonial-item:hover {transform: translateY(-10px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}
.testimonials .profile-img {width: 80px;height: 80px;border-radius: 50%;object-fit: cover;border: 4px solid #fff;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.testimonials .rating {margin-top: 10px;}
.testimonials .rating i {color: #ffb400;margin-right: 3px;font-size: 16px;}
.testimonials .testimonial-item p {font-size: 16px;color: #4a4a4a;margin: 20px 0px;}
.testimonials .testimonial-item h5 {font-size:20px;font-family:'Poppins-Medium';color: #101828;margin-bottom: 5px;}
.testimonials .testimonial-item span {font-size: 14px;line-height: normal;color: #333;}
.testimonials .profile-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.testimonials .testimonial_avatar {position: absolute;top: -40px;left: 50%;transform: translateX(-50%);}
.testimonials h3 span{color:var(--green)}

.testimonials .testimonials_inner_wrapper {padding-bottom: 20px;}


.shopping_cart_section .cart_sidebar  .cart_sidebar_info {background-color: #f9f9f9;padding: 20px;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.shopping_cart_section .cart_sidebar .color_type {background-color: #fff;padding: 10px;border: 1px solid #ddd;border-radius: 6px}
.shopping_cart_section .cart_sidebar .product_cart_box .cart_sidebar_info h5 {font-size: 24px;margin: 0;width: 100%}
.shopping_cart_section .cart_sidebar .product_cart_box .cart_sidebar_info h6 {font-size: 18px;margin-bottom: 20px}
.shopping_cart_section .cart_sidebar .product_cart_box .cart_sidebar_info .card_sidebar_header {display: flex;align-items: center;justify-content: space-between}
.shopping_cart_section .cart_sidebar .product_cart_box .cart_sidebar_info .card_sidebar_header .view_more_btn {justify-content: end !important}
.shopping_cart_section .cart_sidebar .shopping-detail-card {display: grid;grid-template-columns: 1fr 1fr;     gap: 20px;}


li.dropdown.fitter_drop_down {list-style: none;}
li.dropdown.fitter_drop_down button.dropdown-toggle {border: none;background: none;padding: 8px 16px;font-size: 16px;color: #1e1e1e;cursor: pointer;border-radius: 4px;transition: background-color 0.3s ease, color 0.3s ease; }
li.dropdown.fitter_drop_down .dropdown-menu {padding: 0;border-radius: 6px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border: none;}
li.dropdown.fitter_drop_down .dropdown-item {padding: 12px 20px;font-size: 14px;color: #555;text-decoration: none;transition: background-color 0.3s ease, color 0.3s ease;border-bottom:1px solid #f2f2f2;text-align: center;}
li.dropdown.fitter_drop_down .dropdown-item:hover {background-color: rgba(72, 182, 76, 0.20);color: #205021;border-radius: 4px;}
li.dropdown.fitter_drop_down .dropdown-item.active {background-color: rgba(72, 182, 76, 0.20);color: #205021;}

 .fitter_dashboard .card .card-body { padding: 15px 20px; border-radius: 15px; background: var(--white); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06); border: unset; display: flex; flex-direction: column; row-gap: 8px; }
 .fitter_dashboard .card { border: 0; }
.fitter_dashboard .card .card-body img { width: 40px; height: 40px; object-fit: contain; }
 .fitter_dashboard .card .card-body h5.card-title { color:  #151D48; font-family: 'Ubuntu-Regular'; font-size: 24px; font-weight: 700; line-height: 32px; }
.fitter_dashboard .card .card-body p.card-text { color: #425166; font-family: 'Poppins-Medium'; font-size: 16px; font-weight: 500; line-height: 24px; }
.fitter_dashboard .card .card-body a { color: #4079ED; font-family: 'Poppins-Medium'; font-size: 12px; font-weight: 500; line-height: 16px; text-decoration: none; }

.second_section .donut_box_circle {right:-15%;left:unset;}
.second_section .donut_box .stick_box_img img{transform:scaleX(-1)}
.second_section .donut_box .stick_box_img{left:33px}
.second_section .outer_div_two{flex-direction:row-reverse}
.second_section .outer_div_two .content_box_subheading_two h6{margin-left:unset;text-align:start}
.second_section .outer_div_two .content_box_subheading_two p{text-align:start}
.second_section .outer_div_one .content_box_subheading {max-width:100%;padding-left:80px;text-align:right}
.edit_account_btn {display: flex;align-items: center;gap: 20px;}
.edit_account_btn  .payment_method_btn {background:#205021;color:#fff;font-size:14px;padding:12px 35px;border-radius:90px;}

/* === PAYMENT METHOD MODAL STYLING === */
#create-filter.payment-method .modal-content,
.payment-method .modal-content { border-radius: 16px; border: none; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); overflow: hidden;  background-color: #ffffff;}

.payment-method .modal-header { background: #f5f7fa; border-bottom: 1px solid #e5e9ef; padding: 1rem 1.5rem;}

.payment-method .modal-title { font-weight: 600; font-size: 1.25rem; color: #333; }
.payment-method .close { background: transparent; border: none; font-size: 1.5rem; color: #777; opacity: 0.7; transition: all 0.2s ease-in-out; }
.payment-method .close:hover { opacity: 1; color: #000; }
.payment-method .modal-body { padding: 1.5rem; background-color: #fff; }

.payment-method h4 { font-size: 1.1rem; color: #444; font-weight: 600; margin-bottom: 0.75rem; }

.payment-method p { color: #666; font-size: 0.9rem; margin-bottom: 1.25rem; }
.payment-method .form-group { margin-bottom: 1rem;}

.payment-method .form-control { border-radius: 10px; border: 1px solid #d8dee6; padding: 0.6rem 0.75rem; font-size: 0.95rem; transition: all 0.2s ease-in-out; }
.payment-method .form-control:focus { border-color: #4caf50; box-shadow: 0 0 0 0.15rem rgba(76, 175, 80, 0.25); outline: none; }

.payment-method .required-star { color: #e53935; margin-left: 2px;}

.payment-method .modal-footer { border-top: none; padding-top: 1rem; text-align: right; }
.payment-method .btn.light_green_btn { background-color: #4caf50; color: #fff; border-radius: 10px; font-weight: 600; padding: 0.6rem 1.25rem; transition: background-color 0.3s ease-in-out; border: none; }
.payment-method .btn.light_green_btn:hover {background-color: #43a047;}
.payment-method .name_cvv_wrapper { display: flex; gap: 10px; flex-wrap: wrap; }
.payment-method .name_cvv_wrapper .form-group { flex: 1; min-width: 120px; }

/* Saved Payment Methods Section */
.saved_payment_method_container { background: #f8fafc; padding: 1rem; border-radius: 12px; margin-top: 1.5rem; }
.saved_payment_method_container h3 { font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 0.5rem; }
.saved_payment_method_container {padding: 0px}
.saved_payment_method_container .card {padding: 12px;}
.saved_payment_method_container .card input {background: none;padding: 10px;border: 1px solid #d8dee6;font-size: 0.9rem;}
.saved_payment_method_container .card .delete_card_btn {text-align: right;background: red;width: fit-content;margin-left: auto;border-radius: 50%;color: #fff}
.saved_payment_method_container .card .form-group {font-size: 0.9rem}

/* Alert Info */
.payment-method .alert-info { font-size: 0.85rem; color: #4a90e2; margin-top: 0.25rem; }

/* Location autocomplete input */
.payment-method .locationInput {background: #fff url('https://cdn-icons-png.flaticon.com/512/684/684908.png') no-repeat 98% center/18px;}
.payment-method input.form-control.contact_number {width: 100% !important;}
.payment-method .iti.iti--allow-dropdown {display: flex;}
.fitter_profile.fitter_dashboard .table.dataTable.no-footer {width: 100% !important;}


.splashModal.clubModal .modal-content .modal_close button.close_modal {height: 15px; width: 15px; opacity: 1;}
.splashModal.clubModal .modal-content .modal-header {margin: 30px auto;}
.splashModal.clubModal .modal-content .card_wrapper .card_icon {color: var(--green); font-size: 30px; font-weight: 900;}
.splashModal.clubModal .modal-content .modal-body {padding: 0px 40px 40px 40px;}
.splashModal.clubModal .modal-content .card_wrapper .card_content .card-title {color: var(--black);}
.splashModal.clubModal .modal-dialog.modal-dialog-centered {max-width: 65%;}
.splashModal.clubModal .modal-content .card_wrapper {box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.07); border-radius: 10px; transition: transform 0.3s ease;}
.splashModal.clubModal .modal-content a:hover .card_wrapper{transform: scale(1.02);}
.club_selection_modal  .modal-dialog{max-width:50%}
.club_selection_modal.modal .select_club_modal_header {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;background: #157347;padding:10px;border-radius: 5px;color: #fff}
.club_selection_modal .modal-header{border-bottom:none}
.club_selection_modal.modal .select_club_modal_header h5{font-size: 33px}
.club_selection_modal  .modal-body::-webkit-scrollbar {
    width: 12px;
}

.club_selection_modal  .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 6px;
}

.club_selection_modal  .modal-body::-webkit-scrollbar-thumb {
    background-color: #157347;
    border-radius: 6px;
    border: 3px solid #f1f1f1;
}

.club_selection_modal  .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: #157347;
}
body button.swal-button.swal-button--cancel.btn-success{background: var(--green) !important; color:#fff !important;}
body button.swal-button.swal-button--confirm.btn-danger{box-shadow: none !important;}
body button.swal-button.swal-button--confirm.btn-danger:hover{background-color: red !important;}
body .swal-modal:has(.swal-icon.swal-icon--success)  button.swal-button.swal-button--confirm{background: #48B64C !important;}

.checkout_order_summery {width: 100%}
.checkout_order_summery #shipping-options-list {
    max-height:200px;overflow-y: auto;


    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #48B64C #f1f1f1; /* thumb | track (Firefox) */
}
/*Docuemnt center*/
.document_center_section .table_header .light_green_btn{background: var(--dark_green);color: #fff}
.document_center_section .table_header .dark_green_btn{background: var(--green);color: #fff}
.document_center_section .table_header{display: flex;align-items: center;justify-content: space-between;flex-direction: row}
.document_center_section .table_header  .header_add_button{display: flex;align-items: center;gap:20px}
.document_center_section  .document_form { background-color: #fff; border: 3px solid #48B64C; border-radius: 10px; padding: 25px; width: 100%; max-width: 400px;  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; }
.document_center_section  .document_form:hover {box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15);}
.document_center_section  .document_form .form-group {margin-bottom: 20px;}
.document_center_section  .document_form label { font-weight: bold; color: #333; margin-bottom: 5px; display: block; }
.document_center_section  .document_form .form-control { border: 1px solid #ddd; border-radius: 5px; padding: 10px; font-size: 1rem; transition: border-color 0.3s ease; }
.document_center_section  .document_form .form-control:focus {border-color: #48B64C;outline: none;box-shadow: 0 0 5px rgba(72, 182, 76, 0.5);}
.document_center_section  .document_form .btn { background-color: #48B64C; color: #fff; border: none; padding: 12px 25px; border-radius: 5px; cursor: pointer; font-size: 1.1rem; width: 100%; transition: background-color 0.3s ease, transform 0.2s ease; }
.document_center_section  .document_form .btn:hover {background-color: #398F3B;transform: translateY(-2px);}
.document_center_section  .document_form .file-upload input[type="file"] { padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; width: 100%; background-color: #f8f8f8; }
.document_center_section  .document_form .file-upload input[type="file"]:focus {border-color: #48B64C;box-shadow: 0 0 5px rgba(72, 182, 76, 0.5);}
.document_center_section  .document_form .file-upload {margin-top: 5px;}
.document_center_section .documents_wrapper {display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.document_center_section .saved_documents_wrapper {display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.document_center_section  .saved_docs_heading {background:var(--dark_green);padding:20px;border-radius:5px;;margin:40px 0px;width: 100%;display: flex;align-items: center;justify-content: space-between;position: relative}
.document_center_section  .saved_docs_heading h4{color:#fff}
.document_center_section .saved_document{width:400px}
.document_center_section  .saved_document .remove_saved_docs{background: red}
.document_center_section  .document_form .btn.remove_saved_docs:hover {background-color: red;transform: translateY(-2px);}
.document_center_section  .saved_documents_wrapper .saved_docs_heading .txt_field {position: relative;}
.document_center_section  .saved_documents_wrapper .saved_docs_heading .txt_field input{padding-left: 25px}
.document_center_section  .saved_documents_wrapper .saved_docs_heading .txt_field i{position: absolute;top:10px}
.document_center_section  .saved_document .document_form .form-group span{word-break: break-word}
.document_center_section  .saved_document .document_form .form-group .file-preview {border:2px solid var(--light_green);width:100px;height:100px;overflow:hidden}
.document_center_section .document_buttons {display:flex;align-items:center;gap:20px}
.cms_section .saved_document .document_form input, .cms_section .saved_document .document_form textarea{padding:0px;background:none;border:none;resize:none}


.shaft-upgrade-page.intro_section { background: var(--white); padding: 48px 0 36px; text-align: center; border-bottom: 1px solid var(--light_green); }
.shaft-upgrade-page.intro_section ul { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 32px; padding: 0; margin-bottom: 24px; justify-content: center; }
.shaft-upgrade-page.intro_section ul li { font-size: 0.95rem; padding-left: 22px; position: relative; }
.shaft-upgrade-page.intro_section ul li::before { content: '✦'; position: absolute; left: 0; color: var(--dark_green); font-size: 0.72rem; top: 5px; }
.shaft-upgrade-page.intro_section ul li strong { color: var(--green); }
.shaft-upgrade-page.intro_section a[href="#order-form"] { display: inline-block; background: var(--green); color: #fff; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 11px 28px; border-radius:  6px; }
.shaft-upgrade-page.order-form {padding: 72px 0 40px;}
.track-order-section.shaft-upgrade-page .form-group label{padding-bottom: 10px;}

.track-order-section.shaft-upgrade-page p{font-size: 14px}
.shaft-upgrade-page.order-form h2 { font-size: 2rem; color: var(--green-dark); margin-bottom: 32px; padding-bottom: 14px; border-bottom: 2px solid var(--dark_green); display: inline-block; }
.shaft-upgrade-page .shaftUpgradeForm { display: flex; flex-direction: column; gap: 28px; }
.shaft-upgrade-page .shaftUpgradeForm fieldset { border: 1px solid #dde5df; border-radius: 10px; padding: 28px 32px 24px; background: #fff; box-shadow: 0 4px 24px rgba(0,0,0,0.10); }
.shaft-upgrade-page  .shaftUpgradeForm fieldset legend,
.shaft-upgrade-page .shaftUpgradeForm fieldset h4,
.shaft-upgrade-page .shaftUpgradeForm h4 { font-size: 0.88rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white); background: var(--green); padding: 5px 16px; border-radius: 4px; margin-bottom: 22px; display: inline-block; }
.shaft-upgrade-page .shaftUpgradeForm fieldset:first-of-type {background: var(--dark_green);}
.shaft-upgrade-page  .shaftUpgradeForm fieldset:first-of-type legend {background: #D1ECD2;color: var(--dark_green);}
.shaft-upgrade-page .shaftUpgradeForm fieldset:first-of-type label { color: var(--white); font-size: 0.97rem; font-weight: 500; letter-spacing: 0; text-transform: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; margin-right: 24px; }
.shaft-upgrade-page .shaftUpgradeForm input[type="radio"] { width: 17px; height: 17px; accent-color: #D1ECD2; cursor: pointer; }
.shaft-upgrade-page .form-group label em { font-style: normal; font-weight: 400; text-transform: none; color: var(--gray); font-size: 0.8rem; letter-spacing: 0; }
.shaft-upgrade-page .form-group {margin-bottom: 20px}
.shaft-upgrade-page .shaftUpgradeForm input[type="text"],
.shaft-upgrade-page .shaftUpgradeForm input[type="email"],
.shaft-upgrade-page  .shaftUpgradeForm input[type="tel"],
.shaft-upgrade-page .shaftUpgradeForm input[type="number"],
.shaft-upgrade-page .shaftUpgradeForm select,
.shaft-upgrade-page .shaftUpgradeForm textarea { width: 100%; padding: 11px 14px; border: 1.5px solid #cdd8d0; border-radius:  6px; font-size: 0.95rem; background: #fafdfa; transition: border-color 0.2s, box-shadow 0.2s; outline: none; -webkit-appearance: none; appearance: none; }
.shaft-upgrade-page  .shaftUpgradeForm textarea {resize: none;min-height: 100px;}
.shaft-upgrade-page .club-rows p em { font-size: 0.9rem; color: var(--gray);}
.shaft-upgrade-page  .club-rows table { width: 100%; border-collapse: collapse; font-size: 0.88rem; margin-top: 8px; }
.shaft-upgrade-page .club-rows table th { background: var(--green); color: #fff; font-weight: 700; font-size:15px; padding: 10px 12px; border: none; }
.shaft-upgrade-page .club-rows table td { padding: 10px 12px; vertical-align: middle; background: var(--white); }
.shaft-upgrade-page .club-rows table tr:nth-child(even) td { background: #f5faf6; }
.shaft-upgrade-page .club-rows table input[type="text"],
.shaft-upgrade-page .club-rows table select { min-width: 130px; width: auto; padding: 7px 10px; font-size: 0.85rem; border: 1.5px solid #cdd8d0; border-radius: 4px; background: #fafdfa; outline: none; -webkit-appearance: none; appearance: none; }
.shaft-upgrade-page .club-rows table button { color: var(--white); border: none; padding: 7px 12px; border-radius: 4px; font-weight: 600; font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; margin-left: 6px; transition: background 0.2s, color 0.2s; }
.shaft-upgrade-page .shaftUpgradeForm fieldset:last-of-type {background: #eef6f0;}
.shaft-upgrade-page .price-summary { font-size: 1.02rem; font-weight: 500; color: var(--green-dark); }
.shaft-upgrade-page  .price-summary strong { color: var(--green); }
.shaft-upgrade-page .shaftUpgradeForm > p {font-size: 0.84rem;color: var(--gray);}
.shaft-upgrade-page  .shaftUpgradeForm input[type="submit"] { background: var(--green); color: #fff; border: none; padding: 15px 44px; font-size: 1.05rem; font-weight: 700; text-transform: uppercase; border-radius:  6px; cursor: pointer; width: fit-content; transition: background 0.2s, color 0.2s, transform 0.15s; box-shadow: 0 6px 20px rgba(13,31,23,0.18); }
.shaft-upgrade-page.track-order-section h4 { font-size: 1.5rem; margin-bottom: 10px; font-weight: 700; }
.shaft-upgrade-page.track-order-section input[type="text"],
.shaft-upgrade-page.track-order-section input[type="email"] { width: 100%; padding: 11px 14px; border: 1.5px solid #cdd8d0; border-radius:  6px; font-size: 0.95rem; background: #fafdfa; outline: none; transition: border-color 0.2s, box-shadow 0.2s; -webkit-appearance: none; appearance: none; }
.shaft-upgrade-page.track-order-section input[type="submit"] { background: var(--green); color: #fff; border: none; padding: 12px 32px; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; border-radius:  6px; cursor: pointer; margin-top: 8px; transition: background 0.2s, color 0.2s; }


.locate_fitter_section .testimonials .swiper-button-prev{left:0px}
.locate_fitter_section .testimonials .swiper-button-next{right:0px}

.float.online_education_floating{left:25px}
.banner_section .swiper-button-prev ,.banner_section  .swiper-button-next{font-size: 30px;color: var(--green); display: flex; width: 50px; height: 50px; padding: 10px;justify-content:center; align-items: center;gap: 30px;border-radius: 70px;background: rgba(72, 182, 76, 0.20)}
.banner_section .swiper-button-next::after, .swiper-button-prev::after{display:none}

/*.product_video_section{position: relative;}*/
.product_video_section .swiper-button-prev, .product_video_section .swiper-button-next {position: absolute;top: 65%;width: 40px;height: 40px;background: var(--green);border-radius: 50%;color: white;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-50%); transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;}
.product_video_section .swiper-button-prev {left: -70px;}
.product_video_section .swiper-button-next {right: -70px;}
.product_video_section .swiper-button-prev:after, .product_video_section .swiper-button-next:after {display: none;}
.product_video_section .swiper-button-prev i, .product_video_section .swiper-button-next i {font-size: 18px;}
.product_video_section .swiper-button-prev:hover, .product_video_section .swiper-button-next:hover {transform: scale(1.1);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);background: var(--dark_green);}

.product_video_section .product_videos_slider{position: relative;padding: 50px 0px 0px}
.video_box iframe{border-radius: 10px}
.product_categories_section{padding: 50px 0px 0px}
.product_categories_section .product_slider_box .product-box img{object-fit: contain}


.category_products .pagination-container {margin-top: 65px;}
.category_products .pagination-container nav {margin-top: 30px;}
.category_products .pagination-container .page-link {padding: 10px 15px;border-radius: 5px;background-color: #d4edda;color: #155724;font-weight: bold;border: 1px solid #c3e6cb;transition: background-color 0.3s ease, color 0.3s ease;}
.category_products .pagination-container .page-link:hover {background-color: #28a745;color: #fff;}
.category_products .pagination-container .page-item.active .page-link {background-color: #28a745;color: #fff;border-color: #28a745;}
.category_products .pagination-container .page-item.disabled .page-link {background-color: #f8f9fa;color: #6c757d;border-color: #ddd;}
.category_products .pagination-container .pagination .page-link:focus {outline: none;box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}
.category_products{padding: 40px 0px}
.category_products h3{padding-bottom: 20px}
.category_detail_page {padding-top:135px}
.category_detail_page p{line-height: 1.6;font-size: 14px}
.category_detail_page h4{padding: 20px 0px 10px}
.category_detail_page .category_content h3{padding-bottom: 20px}
.category_detail_page .category_content ul li strong{padding-right: 8px;color:#48B64c;font-size: 14px}
.category_detail_page .category_content ul {list-style:none;padding:0;display: flex;flex-direction: column;gap: 5px}
.category_detail_page .gallery_images_wrapper {display:flex;align-items:center;gap: 10px;border-top: 2px solid #1e1e1e;padding-top: 20px;flex-wrap: wrap}
.category_detail_page .gallery_images_wrapper .single_img{width:190px;height:190px}
.category_detail_page  .gallery_images_wrapper  .box_image {border:1px solid #cfcfcf}
.category_detail_page  .gallery_images_wrapper h4{padding-bottom: 15px;}
.category_detail_page  .inner_img {width:100%;height:500px}
.category_detail_page   .inner_img img{width:100%;height:100%;object-fit:contain}
.category_detail_page  .gallery_images_wrapper .single_img img{width:100%;height:100%;object-fit:contain}
.category_detail_steps .steps-section { display: flex; align-items: center;margin: 100px auto;justify-content: space-between;flex-wrap:wrap}
.category_detail_steps .step-description {font-size: 16px; color:#4A4A4A;font-family: "Poppins-SemiBold";line-height: normal}
.category_detail_steps .step i{color: #48B64C;font-size: 30px;margin-bottom:16px}
.category_detail_steps  .step {padding:0px 50px 0px 0px;border-right:1px solid #F5F5F5}
.components .component_header {text-align:center;padding:20px 0px;background:var(--green);position:absolute;width:100%;left:0;right:0;}
.components .component_header h3{color:#fff;font-size:30px}
.components{background:var(--dark_green);position:relative}
.components .slider_img {width:100%;height:150px}
.components .slider_img img{width:100%;height:100%;object-fit:cover}
.components  .description_content {display:flex;align-items:center;width:100%;justify-content:space-between;padding:50px 0px}
.components  .shaft_slider_content {padding-top:80px}
.components  .description_content .single_box {padding:10px;color:#fff;display:flex;align-items:center;flex-direction:column;gap:10px}
.components .shaft_component {padding: 110px 0px 10px;text-align: center;color: #fff;border-bottom: 1px solid;}
.components .shaft_component h4{font-weight: 700}
.components  .offer_img {margin:30px auto;width:100%;height:230px;}
.components  .offer_img img{width:100%;height:100%;object-fit:cover}
.components span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--green)}


.banner_section .hero_slider_two {;padding: 315px 0px 100px;background: linear-gradient(241deg, rgba(255, 255, 255, 0.60) 0.05%, rgba(255, 255, 255, 0.00) 99.95%), url(../images/slider-2.png) lightgray 50% / cover no-repeat;background-position: bottom; position: relative;background-size: cover;overflow: hidden;display: flex;align-items: center;}
.banner_section .container-fluid {padding: 0px}


.banner_section .hero_slider_one{padding: 115px 0px 25px;background: linear-gradient(241deg, rgba(255, 255, 255, 0.60) 0.05%, rgba(255, 255, 255, 0.00) 99.95%),url(../images/background.png) lightgray 50% / cover no-repeat;}
.banner_section .hero_slider_three{position: relative;overflow: hidden;padding: 200px 0px 100px;background: linear-gradient(241deg, rgba(255, 255, 255, 0.60) 0.05%, rgba(255, 255, 255, 0.00) 99.95%),url(../images/slider3-bg.png) lightgray 50% / cover no-repeat;}

.banner_section .banner_section_heading h2{font-size:88px;text-align:start;line-height: 88px;font-family: 'Poppins-Regular';font-weight: 400}
.banner_section .banner_section_heading h2 span{color:var(--green);font-weight: 600}
.banner_section .hero_section_box {width:282px;}
.banner_section .hero_slider_two .center_img_slide2{width:457px;height:720px}
/* ── Golfer Image ── */
.banner_section .hero_slider_two .center_img_slide2 {position: absolute;right:13%;bottom: 0;z-index: 1;pointer-events: none;}
.banner_section .hero_slider_two .center_img_slide2 img{width: 100%;height:90%;object-fit: contain}
.banner_section .hero_slider_two .side_box_one {position:absolute;bottom:40%;right:10px;z-index:9}
/*slider3*/
.banner_section .slider_stick_img {height:400px;position:absolute;bottom: -60px}
.banner_section .slider_stick_img img{width:100%;height:100%;object-fit:cover}
.banner_section .side_two_sticks_img {display:flex;}
/* ── Boy Image: absolute center ── */
.banner_section .hero_slider_three .boy_image {position: absolute;bottom: 0;right: 25%;transform: translateX(-10%);z-index: 1;pointer-events: none;width: 142px;height: 436px;}
.banner_section .hero_slider_three .boy_image img{width: 100%;height: 72%;object-fit: contain}
.banner_section .hero_slider_three .slider_stick_img.stick_two {left:15%}
.banner_section .hero_slider_three .slider_stick_img.stick_one{left:8%;bottom:-17%}
.banner_section .hero_slider_three .flag_stick_img {text-align: center;height: 235px;padding: 40px 0px;}
.banner_section .hero_slider_three .flag_stick_img img{width:100%;height:100%;object-fit:contain}
.banner_section .hero_slider_three .side_box_second {position:absolute;bottom:10%;z-index:1}
.banner_section .hero_slider_two .side_box_second{position:relative;z-index:2}
.banner_section .hero_slider_two{min-height:900px }
.banner_section .hero_slider_one{min-height:900px}
.banner_section .hero_slider_one .side_box_second{margin-top: 120px;align-items: center}
.banner_section .hero_slider_three{min-height:900px}
.header .mega_menu_dropdown .mega-menu { top: 100%;  left: 0; right: 0; border-top: 2px solid #e8f2ea; animation: megaFade 0.2s ease;}
@keyframes megaFade {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
.header .mega_menu_dropdown .mega-card {background-color: #f0f5f1;transition: background 0.2s ease; cursor: pointer;}
.header .mega_menu_dropdown .mega-card:hover { background-color: #ddeee0;}
.header .mega_menu_dropdown .mega-img-box { width: 60px; height: 60px;  background: #fff;  border-radius: 8px;  display: flex;  align-items: center;  justify-content: center;  padding: 6px;}
.header .mega_menu_dropdown .mega-img-box img { width: 46px; height: 46px; object-fit: contain;}
.header .mega_menu_dropdown .mega-link { font-size: 13px; color: #555; text-decoration: none; display: block; padding: 1px 0; }
.header .mega_menu_dropdown .mega-link:hover {color: #2e7d32;}
.our_product.grid_products.fitter_profile{padding:100px 0px}
.our_product.grid_products.fitter_profile .nav-link{border-radius:90px;padding:12px 25px}
.our_product.grid_products.fitter_profile .nav-link img{margin-right:5px}
.banner_section .hero_slider_three .align_end{display: flex;align-items: flex-end}

.category_section_wrapper {background: linear-gradient(160deg, #0b1f10 0%, #134627 100%);position: relative;overflow: hidden;padding: 100px 0;margin-top: 70px }
.category_section_wrapper .category_section_overlay {background: radial-gradient(circle at 50% 50%, rgba(0,0,0,0.15), rgba(0,0,0,0.6));z-index: 1;}
.category_section_wrapper .category_grid {display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;z-index: 2;position: relative;}
.category_section_wrapper .category_card {border-radius: 16px;overflow: hidden;position: relative;cursor: pointer; transition: transform 0.5s ease, box-shadow 0.5s ease;}
.category_section_wrapper .category_card:hover {transform: translateY(-15px) scale(1.03);box-shadow: 0 20px 40px rgba(0,0,0,0.5);}
.category_section_wrapper .category_card .cat_image img { width: 100%;  height: 200px; object-fit: cover; transition: transform 0.6s ease;}
.category_section_wrapper .category_card:hover .cat_image img {transform: scale(1.1) rotate(-1deg);}
.category_section_wrapper .category_text h6 a {font-size: 16px;letter-spacing: 0.5px;}
.category_section_wrapper .category_card .glow { position: absolute; top: -20%; left: -20%; width: 140%; height: 140%; background: radial-gradient(circle, rgba(255,255,255,0.05), transparent 60%); pointer-events: none; opacity: 0.8;}
.category_detail_page .product_status_progress_bar{margin-top:20px}
.category_detail_page .product_status_progress_bar .progress {height: 16px;background-color: #F5F5F5;border-radius: 20px;overflow: hidden;}
.category_detail_page .product_status_progress_bar .progress-bar {background-color: #48B64C;border-radius: 20px;}
.category_detail_page .product_status_progress_bar .label {font-weight: 700;letter-spacing: 1px;margin-bottom: 5px;}
.category_detail_page .product_status_progress_bar .progress-wrapper {margin-bottom: 10px;}
table tr td a.btn.btn-sm.btn-primary {
    background: var(--green);
    border: none;
}
.off_shelf_section .off_shelf_img.text-center {width:100%;height:400px}
.off_shelf_section .off_shelf_img.text-center img{width:100%;height:100%;object-fit:cover}
.off_shelf_section .off_shelf_content {display:flex;flex-direction:column;gap:20px}
.off_shelf_section .off_shelf_content .ofs-tag{display: inline-block;background: #eaf4ea;color: #2d7a2d;font-family: 'DM Sans', sans-serif;font-size: 12px;font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;padding: 6px 14px;border-radius: 20px;width: fit-content;}


.premium_products_section {padding: 100px 0;}
.premium_products_section h2 {letter-spacing: 1px;color:#1e1e1e !important}
.premium_products_section .premium_product_card {position: relative;overflow: hidden;border-radius: 14px;cursor: pointer; background: linear-gradient(160deg, #0b1f10, #123d24); transition: all 0.4s ease;}
.premium_products_section .premium_product_card:hover {transform: translateY(-10px) scale(1.02);}
.premium_products_section .product_img {height: 320px;overflow: hidden;border-radius: 14px;}
.premium_products_section .product_img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}
.premium_products_section .premium_product_card:hover img {transform: scale(1.1);}
.premium_products_section .product_overlay {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px;background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);color: #fff;transition: all 0.4s ease;}
.premium_products_section .product_overlay h6 {font-size: 15px;font-weight: 600;}
.premium_products_section .product_overlay a {color: #fff;text-decoration: none;}
.premium_products_section .view_btn {display: inline-block;margin-top: 8px;font-size: 13px;opacity: 0;transform: translateY(10px);transition: 0.3s;}
.premium_products_section .premium_product_card:hover .view_btn { opacity: 1; transform: translateY(0);}
 .pagination .page-link {background: transparent; border: 1px solid rgba(255,255,255,0.2);color: #fff;}
 .pagination .page-item.active .page-link { background: #a6c437; border-color: #a6c437; color: #000;}
 .pagination .page-link:hover {background: rgba(255,255,255,0.1);}
.locate_fitter_section .slider_content img{width:100%;height:100%;object-fit:contain}

section.hg_process_offshelf{margin-top:80px}


.testimonials .testimonial-item {
    border: 1px dashed var(--green);
    transition: 0.3s ease;
}
.testimonials .testimonial-item::before {
    content: "Coming Soon";
    position: absolute;
    top: -12px;
    right: -12px;
    background: var(--green);
    color: #fff;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.testimonials  .testimonial-item h4 {
    font-size: 26px;
    font-weight: 700;
    color: var(--green);
    margin-top: 20px;
}
.testimonials  .testimonial_avatar,
.testimonials  .rating {
    opacity: 0.3;
    filter: grayscale(100%);
}


.home_video.video_section .video_slider_content{display: flex;flex-direction: column;gap:20px}
.my_gallery_sec .gallery_wrapper{border-radius: 16px;background: #279329;background-blend-mode: normal, normal, soft-light, normal;padding: 40px 40px 65px 40px;border-radius: 15px;width:100%; height:400px}
.gallery_wrapper h4 {text-align: center;color: #fff;font-size: 36px;font-family: 'Poppins-Regular'; padding-bottom:24px}
.my_gallery_sec .gallery_wrapper .single_img {border-radius: 15px;overflow: hidden;position: relative;}
.my_gallery_sec .gallery_wrapper .single_img img { width: 100%;height: 250px; object-fit: cover;border-radius: 15px;}
.my_gallery_sec .gallery_wrapper .single_img::after {content: "";position: absolute;inset: 0;background: rgba(0, 80, 40, 0.35);border-radius: 15px;}
.my_gallery_sec .gallery_wrapper .swiper-slide-active .single_img::after {background: rgba(0, 0, 0, 0.2);}
.my_gallery_sec .gallery_wrapper .swiper-button-next,
.my_gallery_sec .gallery_wrapper .swiper-button-prev {background:#48B64C;width: 40px;height: 40px;border-radius: 50%;color: #fff}
.my_gallery_sec .gallery_wrapper .swiper-button-next::after,
.my_gallery_sec .gallery_wrapper .swiper-button-prev::after {display:none}

.premium_components {background: #F7F9F8;padding: 24px 0;overflow: hidden;border:1px solid #EAECF0;margin-bottom: 80px;}
.premium_components .premium_item {display: flex;align-items: center;justify-content: center;gap: 20px;font-size: 16px;color: #48B64C;font-family:"Poppins-SemiBold";white-space: nowrap;}
.premium_components .premium_item i {color: #48B64C; font-size: 16px;font-weight:900}
.premium_components .swiper-slide {width: auto !important;}

.engineered-shafts-section {padding: 100px 0;background: #fff;overflow: hidden;}
.engineered-shafts-section .shaft-header h2 {font-size: 50px;color: #4a4a4a;font-family:"Poppins-Regular";margin-bottom: 15px;}
.engineered-shafts-section .shaft-header h2 span {color: #48B64C;font-weight:bold}
.engineered-shafts-section .shaft-header p {max-width: 760px;margin: auto;color: #666;font-size: 16px;line-height: 1.8;}
.engineered-shafts-section .shaft-slider-wrapper {margin-top: 40px;position: relative;}
.engineered-shafts-section .shaft-main-image {text-align: center;margin-bottom: 45px;}
.engineered-shafts-section .shaft-info-cards {display: grid;grid-template-columns: repeat(4, 1fr); gap: 24px;}
.engineered-shafts-section .info-card {background:#F7F9F8;padding: 24px 20px;border-radius: 24px;text-align: center; box-shadow: 0 5px 25px rgba(0,0,0,0.04); transition: .3s ease;border:1px solid #EAECF0;}
.engineered-shafts-section .info-card h6 {color: #48B64C;font-size: 16px;font-family:"Poppins-SemiBold";margin-bottom: 8px;line-height:normal;}
.engineered-shafts-section .info-card p {margin: 0;font-size: 14px;color: #4A4A4A;font-family:"Poppins-Regular"}
.engineered-shafts-section .shaft-prev,
.engineered-shafts-section .shaft-next {width: 40px;height: 40px;border-radius: 50%;background: #48B64C;color: #fff;display: flex;align-items: center;justify-content: center;position: absolute;top: 42%;transform: translateY(-50%);z-index: 10;cursor: pointer;box-shadow: 0 8px 25px rgba(76, 175, 80, 0.3);transition: .3s ease;}
.engineered-shafts-section .shaft-prev {left: -70px;}
.engineered-shafts-section .shaft-next {right: -70px;}