:root {
    --bg_primary: rgba(87, 104, 255, 1);
    --bg_primary_light: #D0DBFF;
    --bg_primary_dark: #0d1eaf;
    --bg_primary_light_10: rgba(87, 104, 255, .1);

    --bg_white:#FFFFFF;
    --bg_white_light_10: rgba(255, 255, 255, .1);
    --bg_white_light_10_2: rgba(255, 255, 255, .1);
    --bg_white_light_20: rgba(255, 255, 255, .2);

    --bg_black:#000000;
    --bg_dark: #0D0D0D;
    --bg_dark_90: rgba(13, 13, 13, .9);
    --bg_dark2: #252525;

    --bg_gray1: #F5F5F7;
    --bg_gray2: #E5E5E5;
    
    --text_primary: #5768FF;
    
    --text_white:#FFFFFF;
    --text_white_light_50: rgba(255, 255, 255, .5);
    --text_white_light_70: rgba(255, 255, 255, .7);
    
    --text_black:#000000;
    --text_dark: #454545;
    
    --text_gray: #D9D9D9;
    --text_light_gray: #999999;

    --border_color: #272727;
    --border_color2: #E7E7E7;

    --scrollbar_color1:#D9D9D9;
    --scrollbar_color2:#FFFFFF;

    --boxshadow1: rgba(218, 213, 213, 0.1) 0px 0px 15px 5px;

    --heading_fonts: "Inter", sans-serif;
    --primary_fonts: "Manrope", sans-serif;
    --secondary_fonts: "Montserrat", sans-serif;
    --third_fonts: "Syne", sans-serif;
    
    --fs_xxs: 10px;
    --fs_xs: 12px;
    --fs_sm: 14px;
    --fs_md: 16px;
    --fs_lg: 18px;
    --fs_xl: 20px;
    --fs_xxl: 24px;
    
    --fw_light: 300;
    --fw_regular: 400;
    --fw_medium: 500;
    --fw_semibold: 600;
    --fw_bold: 700;
    --fw_extrabold: 800;

    --br_0:0;
    --br_5: 5px;
    --br_8: 8px;
    --br_10: 10px;
    --br_16: 16px;
    --br_20: 20px;
    --br_50:50%;

    --transition: .5s all;

    --r: 20px; /* the radius */
    --s: 30px; /* size of inner curve */
    --x: 20px; /* horizontal offset (no percentage) */
    --y: 10px; /* vertical offset (no percentage) */
}

:root.dark{
    --bg_white:#121212;
    --bg_white_light_10: rgb(0 0 0 / 90%);
    --bg_white_light_10_2: rgb(32 32 32 / 90%);
    --bg_white_light_20: rgba(0, 0, 0, .2);

    --bg_gray1: #0D0D0D;
    --bg_gray2: #252525;

    --text_black:#ffffff;
    --text_dark: #bdbaba;

    --boxshadow1: rgba(99, 99, 99, 0.1) 0px 0px 15px 5px;

    --border_color2: #282727;
}

html {
    scroll-behavior: smooth;
}
html body{
    background-color: var(--bg_white);
    position: relative;
    font-family: var(--primary_fonts);margin: 0;
}
body::-webkit-scrollbar-track{background-color: var(--scrollbar_color2);}
body::-webkit-scrollbar{width: 6px;background-color: var(--scrollbar_color2);}
body::-webkit-scrollbar-thumb{background-color: var(--scrollbar_color1);}
body .container{max-width: 1400px;margin: 0 auto;}
body ul{list-style: none;padding: 0;margin: 0;}
body a{text-decoration: none;}
body p,body ul li{
    margin: 0;
    color: var(--text_dark);
    font-weight: var(--fw_medium);
    font-size: var(--fs_md);
}
body .section_heading{
    margin: 0 0 25px 0;
    color: var(--text_black);
    font-weight: var(--fw_semibold);
    font-size: 56px;
    font-family: var(--heading_fonts);
}
body .btn.btn-primary{color: #fff;background-color: var(--bg_primary);border-radius: var(--br_20);padding: 10.5px 20px;border: 1px solid transparent;
text-transform: uppercase;transition: var(--transition);font-family: var(--heading_fonts);font-weight: var(--fw_semibold);font-size: var(--fs_sm);
display: flex;align-items: center;gap: 0.5rem;justify-content: center;    line-height: 1.2;}
body .btn.btn-primary:hover,body .btn.btn-primary:focus{background-color: var(--bg_primary_dark);box-shadow: none;}

body .btn.btn-secondary{color: #454545;background-color: var(--bg_gray2);border-radius: var(--br_20);padding: 10.5px 20px;border: 1px solid transparent;
text-transform: uppercase;transition: var(--transition);font-family: var(--heading_fonts);font-weight: var(--fw_semibold);font-size: var(--fs_sm);
display: flex;align-items: center;gap: 0.5rem;justify-content: center;    line-height: 1.2;}

.dark body .btn.btn-secondary{background-color: #222020;color: #ffffff;}
.dark body .btn.btn-secondary svg path{fill: #ffffff;}
.dark body .btn.btn-secondary:hover svg path,.dark body .btn.btn-secondary:focus svg path{fill: #ffffff;}

body .btn.btn-secondary:hover,body .btn.btn-secondary:focus{background-color: #454545;color: #ffffff;box-shadow: none;}
body .btn.btn-secondary svg path{transition: var(--transition);}
body .btn.btn-secondary:hover svg path,body .btn.btn-secondary:focus svg path{fill: #ffffff;}

body .btn.btn-outline-primary{color: var(--text_primary);background-color: var(--bg_primary_light);border-radius: var(--br_20);padding: 10.5px 20px;border: 1px solid transparent;
text-transform: uppercase;transition: var(--transition);font-family: var(--heading_fonts);font-weight: var(--fw_semibold);font-size: var(--fs_sm);
display: flex;align-items: center;gap: 0.5rem;justify-content: center;    line-height: 1.2;}
body .btn.btn-outline-primary:hover,body .btn.btn-outline-primary:focus{color: #fff;background-color: var(--bg_primary_dark);box-shadow: none;}

/* header */
header{background-color: var(--bg_dark);position: relative;z-index: 1000;}
header .navbar-brand{max-width: 180px;margin: 0;width: 100%;}
header .navbar-brand:focus,header .navbar-brand:focus-visible{outline: 0;border: 0;}
header .navbar-brand img{max-width: 50px;}
header .navbar-nav{gap: 50px;}
header .nav-item .nav-link{color: var(--text_white);font-family: var(--third_fonts);text-transform: uppercase;font-size: var(--fs_sm);
font-weight: var(--fw_regular);padding: 0 0 !important;position: relative;}
header .nav-item .nav-link:active,header .nav-item .nav-link:focus{color: var(--text_white);}
header .nav-item .nav-link.active{color: var(--text_primary);}

header .nav-item .nav-link[href]:hover{color: var(--text_primary) !important;}
header .nav-item .nav-link[href]:after{content: '';position: absolute;bottom: -0.4rem;width: 0%;transition: var(--transition);
    height: 2px;background-color: var(--bg_primary);left: 0;}
header .nav-item .nav-link[href]:hover:after{width: 100%;}
header .nav-item .nav-link[href].active:after{content: '';position: absolute;bottom: -0.4rem;width: 100%;transition: var(--transition);
    height: 2px;background-color: var(--bg_primary);left: 0;}

.header_btns{display: flex;align-items: center;gap: 1.5rem;}
.theme_toggle{max-width: 32px;max-height: 32px;min-width: 32px;min-height: 32px;display: flex;align-items: center;justify-content: center;
    border-radius: 50%;cursor: pointer;background-color: var(--bg_white_light_10);}
.theme_toggle i{color: #ffffff;font-size: var(--fs_sm);cursor: pointer;}
.header_btns .btn.btn-primary{padding: 6.5px 14px !important;height: fit-content;font-weight: var(--fw_regular);font-family: var(--third_fonts);}
.lng_drop .btn{padding: 0 !important;height: fit-content;background-color: transparent;color: var(--text_white);font-size: var(--fs_sm);font-family: var(--third_fonts);
font-weight: var(--fw_regular);border: 0;}
.lng_drop .btn:focus{outline: 0;border: 0;color: var(--text_white);}
.lng_drop .dropdown-menu{border: 0 !important;margin: 0;padding: 0;box-shadow: var(--boxshadow1);border-radius: var(--br_8) var(--br_8);
background-color: var(--bg_dark_90);}
.lng_drop .dropdown-item{color: #ffffff;font-size: var(--fs_sm);font-weight: var(--fw_bold);padding: 0.3rem 1rem;
background-color: transparent;border: 0 !important;}
.lng_drop li:nth-child(1) .dropdown-item{border-radius: var(--br_8) var(--br_8) 0 0;padding: 0.5rem 1rem 0.3rem 1rem;}
.lng_drop li:last-child .dropdown-item{border-radius: 0 0 var(--br_8) var(--br_8);padding: 0.3rem 1rem 0.5rem 1rem;}
.lng_drop .dropdown-item:hover{background-color: var(--bg_primary);color: var(--text_white);}
.lng_drop .dropdown-toggle:hover{color: var(--text_white);}
.lng_drop .dropdown-toggle::after{content: none !important;}
.lng_drop .dropdown-toggle:focus,.lng_drop .dropdown-toggle:active,.lng_drop .dropdown-toggle:focus-visible,
.lng_drop .dropdown-toggle.show{color: var(--text_white);}
/* .lng_drop .dropdown-menu.show{display: block !important;min-width: 100px !important;} */

.lng_drop .dropdown-toggle{position: relative;padding-right: 1rem !important;}
.lng_drop .dropdown-toggle::before {content: "";background-image: url(../images/arrow_icon.svg);background-repeat: no-repeat;background-size: contain;
    width: 10px;height: 8px;margin-left: 6px;transition: var(--transition);
    display: inline-block;
    position: absolute;right: 0;top: 8px;}

.dropdown.lng_drop:hover .dropdown-toggle.show::before,.dropdown.lng_drop:hover .dropdown-toggle::before {
    transform: rotate(180deg);top: 6px;
}
.lng_drop .dropdown-menu {
    display: block;
    opacity: 0;visibility: hidden;
    transition: all 0.35s ease;
    transform: translate(-70%, 0%);
}
.dropdown.lng_drop:hover .dropdown-menu.show,.dropdown.lng_drop:hover .dropdown-menu{
    display: block;
    opacity: 1;visibility: visible;transform: translate(-70%, 10%);
}

#hardwareMenu{padding-right: 16px !important;}
#hardwareMenu::before {content: "";background-image: url(../images/arrow_icon.svg);background-repeat: no-repeat;background-size: contain;
    width: 10px;height: 8px;margin-left: 6px;transition: var(--transition);
    display: inline-block;
    position: absolute;right: 0;top: 8px;}

#hardwareMenu.active::before {
    transform: rotate(180deg);top: 6px;
}

#softwareMenu{padding-right: 16px !important;}
#softwareMenu::before {content: "";background-image: url(../images/arrow_icon.svg);background-repeat: no-repeat;background-size: contain;
    width: 10px;height: 8px;margin-left: 6px;transition: var(--transition);
    display: inline-block;
    position: absolute;right: 0;top: 8px;}

#softwareMenu.active::before {
    transform: rotate(180deg);top: 6px;
}

.mega_menu{background-color: var(--bg_dark_90);border-radius: 0 0 2rem 2rem;padding: 50px 70px;margin: 0rem auto 0;max-width: 1600px;
    position: absolute;top: 100%;left: 50%;transform: translate(-50%, 20px);width: 100%;opacity: 0;visibility: hidden;
    transition: all 0.35s ease;backdrop-filter: blur(10px);box-shadow: var(--boxshadow1);transition: var(--transition)
}
.mega_menu.show {opacity: 1;visibility: visible;transform: translate(-50%, 0);transition: var(--transition)}
.close_btn{display: none;}
.mega_menu_flex{display: flex;justify-content: space-between;gap: 1rem;margin: 35px 0 0 0;}
.mega_menu_left{display: flex;gap: 2.5rem;}
.mega_menu h2{font-size: var(--fs_lg);color: var(--text_primary);margin: 0;font-weight: var(--fw_semibold);font-family: var(--heading_fonts);}
.mega_menu_list{display: flex;flex-direction: column;gap: 0.5rem;}
.mega_menu_list a{display: flex;gap: 0.9rem;transition: var(--transition);padding: 0.5rem;border-radius: var(--br_8);align-items: center;}
.mega_menu_list a:hover{background-color: var(--bg_white_light_10_2);}
.mega_menu_list span{background-color: var(--bg_white_light_10);display: flex;align-items: center;justify-content: center;border-radius: var(--br_8);
width: 48px;height: 48px;min-height: 48px;min-width: 48px;max-width: 48px;max-height: 48px;}

.mega_menu_list_text{display: flex;flex-direction: column;gap: 0.3rem;}
.mega_menu_list_text b{color: var(--text_white);font-size: var(--fs_md);font-weight: var(--fw_semibold);font-family: var(--heading_fonts);margin: 0;}
.mega_menu_list_text small{color: var(--text_white);color: var(--text_white_light_70);font-size: var(--fs_sm);font-weight: var(--fw_regular);font-family: var(--heading_fonts);}

.mega_menu_right{max-width: 335px;margin-left: auto;}
.mega_menu_right h3{color: var(--text_white);font-size: 36px;font-family: var(--heading_fonts);margin: 0 0 22px 0;font-weight: var(--fw_semibold);}
.mega_menu_right p{color: var(--text_white_light_70);font-size: var(--fs_xxl);font-family: var(--heading_fonts);margin: 0 0 22px 0;font-weight: var(--fw_regular);}
.mega_menu_right .btn.btn-primary{width: fit-content;font-family: var(--third_fonts);font-weight: var(--fw_regular);font-family: var(--third_fonts);}

/* hero_section */
.hero_section{padding: 80px 0 0 0;overflow: hidden;}
.hero_content{max-width: 1350px;margin: 0 auto 54px;}
.hero_content h1{font-family: var(--heading_fonts);font-size: 72px;font-weight: var(--fw_bold);margin: 0 0 30px 0;text-align: center;
color: var(--text_black);}
.hero_content p{text-align: center;margin: 0 0 30px 0;}
.hero_btns{display: flex;justify-content: center;align-items: center;gap: 0.8rem;}
.hero_btns .btn{min-width: 154px;}

/* .hero_img{max-width: 1115px;margin: 0 auto;} */

.hero_img {position: relative;height: 670px;}
.hero_img img {max-width: 1110px;width: 100%;height: 670px;position: absolute;top: 0;left: 0;right: 0;margin: auto;transition: var(--transition);}
/* Default state */
.heriImg1 {z-index: 2;}
.heriImg2 {z-index: 1;}
/* On scroll state */
.hero_img.scrolled .heriImg1 {transform: translate( -560px, 0%);}
.hero_img.scrolled .heriImg2 {transform: translate( 560px, 0%);}

.logo_marquee {width: 100%;overflow: hidden;position: relative;padding: 50px 0;position: relative;}
.logo_marquee:after{content: '';height: 100%;width: 200px;background: linear-gradient(-90deg, #ffffff 0%, #ffffff12 100%);
    top: 0;right: 0;position: absolute;z-index: 1;}
.logo_marquee:before{content: '';height: 100%;width: 200px;background: linear-gradient(90deg, #ffffff 0%, #ffffff12 100%);
    top: 0;left: 0;position: absolute;z-index: 1;}

.dark .logo_marquee:after{background: linear-gradient(-90deg, #121212 0%, #12121212 100%);}
.dark .logo_marquee:before{background: linear-gradient(90deg, #121212 0%, #12121212 100%);}

.logo_queue {display: flex;width: max-content;animation: scrollLeft 50s linear infinite;gap: 80px;}
.logo_queue li {flex-shrink: 0;}
.logo_queue img {max-height: 60px;width: auto;object-fit: contain;display: block;}
.dark .logo_queue img{filter: invert(1);}
@keyframes scrollLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* plateform_section */
.plateform_section{padding: 80px 0;background-color: var(--bg_gray1);}
.plateform_head .section_heading{max-width: 750px;}
.plateform_head p{max-width: 880px;}
.club_img{position: relative;background-image: url(../images/clubImg.png);background-repeat: no-repeat;background-size: cover;
    background-position: center;height: 660px;margin: 40px 0 20px 0;border-radius: var(--br_16);position: relative;}
.club_img:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: var(--br_16);
}
.club_img .club_chips{position: absolute;bottom: 1rem;left: 0rem;right:0rem;margin: 0 auto;width: 100%;max-width: calc(100% - 2rem);
    display: flex;align-items: center;justify-content: space-between;gap: 5px;flex-wrap: wrap;z-index: 3;}
.club_chips li a{color: var(--text_white);font-size: var(--fs_sm);font-weight: var(--fw_semibold);display: flex;align-items: center;justify-content: center;
border-radius: var(--br_8);padding: 14px 24px;background-color: var(--bg_white_light_20);text-transform: uppercase;font-family: var(--heading_fonts);
backdrop-filter: blur(1px);transition: var(--transition);}
.club_chips li a:hover{background-color: var(--bg_white);color: var(--text_dark);}

.club_card{background-color: var(--bg_white);border-radius: var(--br_16);display: flex;flex-direction: column;justify-content: space-between;
height: 100%;position: relative;}
.club_card_inner{padding: 42px 32px 20px 32px;position: relative;z-index: 9;}
.club_card h4{font-size: var(--fs_xxl);font-weight: var(--fw_semibold);color: var(--text_black);margin: 0 0 0.6rem 0;font-family: var(--heading_fonts);}
.club_card p{margin: 0 0 1rem 0;}
.club_card p b{font-weight: var(--fw_bold);}
.clubcard_btns{display: flex;gap: 10px;margin: 22px 0 0 0;}
.club_card .btn.btn-secondary{width: fit-content;padding: 8.5px 23px;}

.club_card_bottom{display: flex;align-items: center;justify-content: center;position: relative;}
.club_card_first .club_card_bottom img{max-width: 320px;z-index: 2;}
.club_card_first .club_card_bottom:before{content: '';position: absolute;background-image: url(../images/circleTextured.png);background-repeat: no-repeat;
height: 230px;width: 100%;bottom: 0;right: 0;left: 0;margin: 0 auto;}

.club_card_third .club_card_bottom{justify-content: flex-end;}
.club_card_third .club_card_bottom img{max-width: 320px;z-index: 2;}
.club_card_third .club_card_bottom:before{content: '';position: absolute;background-image: url(../images/signalImg.png);background-repeat: no-repeat;
height: 200px;width: 100%;max-width: 200px;bottom: 0;left: 0;margin: 0 auto;background-size: contain;}

.club_card_img{background-image: url(../images/clubCardImg.png);background-position: center;background-size: cover;background-repeat: no-repeat;
    padding: 0;display: flex;justify-content: flex-end;}
.club_card_img .club_card_inner{backdrop-filter: blur(25px);padding: 32px 32px;border-radius: 0 0 var(--br_16) var(--br_16);}
.club_card_img h4{color: #fff;}
.club_card_img p{color: #fff;}
.club_card_img .btn.btn-secondary{background-color: #fff;}

.club_widget{background-image: url(../images/clubWidgetImg.png);background-repeat: no-repeat;background-size: cover;height: 660px;position: relative;
border-radius: var(--br_16);margin: 40px 0 0 0;}
.club_widget:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;
background-color: rgba(0, 0, 0, 0.4);border-radius: var(--br_16);}
.club_widget_inner{position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;gap: 1rem;
padding: 50px;z-index: 2;}

.club_widget_top{display: flex;align-items: center;gap: 2rem;}
.club_widget_top .section_heading{color: var(--text_white);font-weight: var(--fw_semibold);margin: 0;font-family: var(--heading_fonts);margin: 0;}
.club_widget_top p{color: var(--text_white);max-width: 370px;}

.club_widget_bottom_group_btn{display: flex;align-items: center;height: 100%;border-radius: var(--br_8);}
.club_widget_bottom_group_btn .btn.btn-secondary{border-radius: 0;height: 100%;border-right: 1px solid var(--border_color2);}
.club_widget_bottom_group_btn .btn.btn-secondary:last-child{border-right: 1px solid transparent;}
.club_widget_bottom_group_btn .btn.btn-secondary:nth-child(1){border-radius: var(--br_8) 0 0 var(--br_8);}
.club_widget_bottom_group_btn .btn.btn-secondary img{transition: var(--transition);}
.club_widget_bottom_group_btn .btn.btn-secondary:hover img{filter: invert(1);}
.club_widget_bottom_group_btn .btn.btn-secondary:last-child{border-radius: 0 var(--br_8) var(--br_8) 0;}
.club_widget_bottom{display: flex;align-items: center;justify-content: space-between;}
.club_widget_bottom .btn.btn-secondary{background-color: #fff;}

.carousel_section{padding: 80px 0;}
.carousel_top{margin: 0 0 2rem 0;}
.carousel_top .section_heading{margin: 0 0 1rem 0;}

.carousel_section .owl-item,.carousel_section .item {height: 100%;}
.carousel_card{background-color: var(--bg_gray1);border-radius: var(--br_16);position: relative;height: 100%;}
.carousel_card_inner{padding: 2rem 1rem 2rem 2rem;}
.carousel_card p{font-size: var(--fs_lg);max-height: 340px;height: 100%;overflow: auto;margin: 0 0 2rem 0;padding-right: 1rem; scrollbar-width: thin;
    scrollbar-color: var(--scrollbar_color1) var(--scrollbar_color2);}
.carousel_card p::-webkit-scrollbar-track{background-color: var(--scrollbar_color2);}
.carousel_card p::-webkit-scrollbar{width: 6px;background-color: var(--scrollbar_color2);}
.carousel_card p::-webkit-scrollbar-thumb{background-color: var(--scrollbar_color1);}

.carousel_card_inner .quote_icon{max-width: 26px;margin: 0 0 1rem 0;object-fit: contain;}
.dark .carousel_card_inner .quote_icon{filter: invert(1);}
.carousel_card_bottom h4{color: var(--text_black);font-size: var(--fs_md);font-weight: var(--fw_semibold);margin: 0 0 5px 0;font-family: var(--heading_fonts);}
.carousel_card_bottom small{margin: 0;color: var(--text_dark);font-weight: var(--fw_medium);font-size: var(--fs_md);}

/* .customer_img{} */
.customer_img img{width: 100%;height: 100%;max-width: 90px;max-height: 90px;min-height: 90px;min-width: 90px;border-radius: var(--br_50);
object-fit: cover;border: 10px solid var(--bg_white);z-index: 3;position: relative;}

.carousel_card .customer_img {
    position: absolute;
    bottom: -0.375rem;
    right: 0;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--bg_white);
    border-top-left-radius: 2.8rem;
}
.carousel_card .customer_img::before{content: '';background-image: url(../images/cardshape.svg);background-size: contain;background-repeat: no-repeat;
    bottom: 6px;left: -18px;position: absolute;z-index: 3;width: 20px;height: 20px;}
.carousel_card .customer_img::after{content: '';background-image: url(../images/cardshape.svg);background-size: contain;
    background-repeat: no-repeat;top: -20px;right: -3px;position: absolute;z-index: 3;width: 20px;height: 20px;}
.dark .carousel_card .customer_img::before{background-image: url(../images/cardshape_black.svg);}
.dark .carousel_card .customer_img::after{background-image: url(../images/cardshape_black.svg);}

footer{background-color: var(--bg_dark);padding: 100px 0 0px 0;}
.footer_top .section_heading{color: var(--text_white);margin: 0 0 1rem 0;max-width: 820px;}
.footer_top p{color: var(--text_white_light_50);margin: 0 0 25px 0;}
.footer_top .hero_btns{justify-content: flex-start;}

.footer_links{border-top: 1px solid var(--border_color);padding-top: 50px;margin-top: 90px;padding-bottom: 80px;display: flex;justify-content: space-between;gap: 1rem;}
.footer_link_col{display: flex;flex-direction: column;gap: 1rem;}
.footer_link_col ul{display: flex;flex-direction: column;gap: 1rem;}
.footer_link_header{color: var(--text_white);font-size: var(--fs_md);font-weight: var(--fw_semibold);font-family: var(--secondary_fonts);}
.footer_link_col ul li a{color: var(--text_gray);font-size: var(--fs_sm);font-family: var(--secondary_fonts);position: relative;
transition: var(--transition);}
.footer_link_col ul li a[href]:hover{color: var(--text_white) !important;}
.footer_link_col ul li a[href]:after{content: '';position: absolute;bottom: -0.4rem;width: 0%;transition: var(--transition);
    height: 2px;background-color: var(--bg_primary);left: 0;}
.footer_link_col ul li a[href]:hover:after{width: 100%;}

.footer_text{color: var(--text_gray);font-size: var(--fs_sm);font-family: var(--secondary_fonts);margin: 0 0 1rem 0;}
.footer_text a{text-decoration: underline;color: var(--text_gray);transition: var(--transition);}
.footer_text a:hover{color: var(--text_white);}

.copy_right_text{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin: 0 0 60px 0;}
.copy_right_text p{font-family: var(--secondary_fonts);color: var(--text_gray);font-size: var(--fs_sm);font-weight: var(--fw_regular);text-align: center;}
.footer_social_links{display: flex;align-items: center;}
.footer_social_links a{color: var(--text_gray);font-size: var(--fs_sm);font-weight: var(--fw_regular);font-family: var(--secondary_fonts);
border-right: 1px solid var(--text_gray);padding: 0 1rem 0rem 1rem;transition: var(--transition);}
.footer_social_links li:nth-child(1) a{padding-left: 0;}
.footer_social_links a:hover{color: var(--text_white);}
.footer_social_links li:last-child a{border-right: 1px solid transparent;padding-right: 0rem;}


.logo_divider{position: relative;display: flex;align-items: center;justify-content: center;margin: 2rem 0;}
.logo_divider:after{content: '';position: absolute;bottom: 0;width: 100%;height: 1px;background-color: var(--border_color);top: 16px;}
.logo_divider img{margin: 0 auto;max-width: calc(50px + 2rem);position: relative;z-index: 3;padding: 0 1rem;background-color: var(--bg_dark);}


/* 4-6-26 */

.section_padding{padding: 70px 0;}
.retention_section.section_padding{padding: 0px 0 70px 0;}
.smart_section.section_padding{padding: 70px 0 70px 0;}
.payment_mm_section.section_padding{padding: 0px 0 70px 0;}
.integration_build_section.section_padding{padding: 0 0 70px 0;}
.real_time_section.section_padding{padding: 70px 0;}
.club_widget_inner_section{padding: 70px 0;}
.club_widget_inner_section .club_widget{margin: 0;}
.pricing_section{padding: 0 0 70px 0;}

.gray_bg_section{background-color: var(--bg_gray1);}

.inner_hero_section{padding: 2rem 0 3rem 0;overflow: hidden;}
.link_primary{color: var(--text_primary);font-size: var(--fs_md);font-weight: var(--fw_semibold);}
.pagination_link_flex{display: flex;align-items: center;gap: 0.5rem;padding-bottom: 1rem;}
.pagination_link{color: var(--text_light_gray);font-size: var(--fs_sm);font-weight: var(--fw_medium);transition: var(--transition);}
.pagination_link_flex li i{color: var(--text_black);font-size: var(--fs_sm);}
.pagination_link.active{color: var(--text_black);}
.pagination_link:hover{color: var(--text_black);}
.inner_hero_row{padding: 0px 0 0px 0;display: flex;gap: 2rem;align-items: center;justify-content: space-between;}
.inner_hero_content{max-width: 575px;}
.inner_hero_content h1{color: var(--text_black);font-size: 52px;font-weight: var(--fw_bold);margin: 0 0 20px 0;font-family: var(--heading_fonts);}
.inner_hero_content p{margin: 0 0 30px 0;opacity: 0.5;}
.inner_hero_content .inner_hero_list{margin: 0 0 30px 0;display: flex;flex-direction: column;gap: 0.2rem}
.inner_hero_content_btns{display: flex;align-items: center;gap: 0.5rem;margin: 0 0 50px 0;}
.inner_hero_content_socialbtns{display: flex;align-items: center;gap: 0.5rem;margin: 0 0 30px 0;}
.inner_hero_content_socialbtns a img{width: 100%;max-width: 150px;}

.inner_hero_rates{display: flex;gap: 1.5rem;}
.inner_hero_rates li{display: flex;flex-direction: column;gap: 0.2rem;}
.inner_hero_rates li span{color: var(--text_primary);font-size: 30px;font-weight: var(--fw_bold);font-family: var(--heading_fonts);}
.inner_hero_rates li small{color: var(--text_black);opacity: 0.5;font-size: var(--fs_sm);font-weight: var(--fw_medium);line-height: 1;}
.trusted_people_text{display: flex;align-items: center;gap: 0.5rem;}
.round_tp_flex{display: flex;align-items: center;}
.round_tp{border-radius: 50px;width: 40px;height: 40px;min-width: 40px;min-height: 40px;display: flex;align-items: center;justify-content: center;color: #4A4A4A;
border: 1px solid #fff;font-weight: var(--fw_semibold);font-size: var(--fs_sm);}
.round_tp.purple_bg{background-color: #CECBF6;}
.round_tp.green_bg{background-color: #9FE1CB;}
.round_tp.yellow_bg{background-color: #FAC775;}
.round_tp.pink_bg{background-color: #F4C0D1;}
.round_tp_flex .round_tp:nth-child(2){margin: 0 0 0 -0.5rem;}
.round_tp_flex .round_tp:nth-child(3){margin: 0 0 0 -0.5rem;}
.round_tp_flex .round_tp:nth-child(4){margin: 0 0 0 -0.5rem;}
.trusted_people_text small{color: var(--text_black);font-weight: var(--fw_medium);}

.inner_screen_logo_marquee{background-color: var(--bg_gray1);}
.inner_screen_logo_marquee .logo_marquee {padding: 40px 0;}
.inner_screen_logo_marquee .logo_marquee:before {background: linear-gradient(90deg, var(--bg_gray1) 0%, #ffffff12 100%);}
.inner_screen_logo_marquee .logo_marquee:after {background: linear-gradient(-90deg, var(--bg_gray1) 0%, #ffffff12 100%);}
.dark .inner_screen_logo_marquee .logo_marquee:before {background: linear-gradient(90deg, var(--bg_gray1) 0%, #00000012 100%);}
.dark .inner_screen_logo_marquee .logo_marquee:after {background: linear-gradient(-90deg, var(--bg_gray1) 0%, #00000012 100%);}
.inner_screen_logo_marquee .logo_queue img {max-height: 50px;}

.sec_top{margin-bottom: 2rem;max-width: 540px;}
.sec_top p{margin-top: 0.6rem;}
.section_heading_small{color: var(--text_black);font-weight: var(--fw_bold);font-size: var(--fs_xxl);font-family: var(--heading_fonts);margin: 0 0 0rem 0;line-height: 1.4;}
.primary_heading{color: var(--text_primary);font-weight: var(--fw_regular);font-size: var(--fs_xxl);font-family: var(--heading_fonts);
display: flex;align-items: center;gap: 0.9rem;margin: 0 0 0.6rem 0;}
.badge_primary{max-width: 40px;min-height: 40px;max-height: 40px;min-width: 40px;display: flex;align-items: center;justify-content: center;
font-size: var(--fs_lg);font-weight: var(--fw_semibold);background-color: var(--bg_primary_light_10);border-radius: 50%;}
.brand_section .sec_top{max-width: 100%;}

.mm_section_flex{display: flex;align-items: center;gap: 10rem;justify-content: space-evenly;margin: 0 0 50px 0;}
.mm_left{max-width: 600px;width: 100%;}
.mm_left img{width: 100%;border-radius: 1rem;height: 100%;}
.mm_right{max-width: 530px;}

.gray_box{background-color: var(--bg_gray1);border-radius: var(--br_16);padding: 30px;height: 100%;transition: var(--transition);}
.gray_box.gray_white_box{background-color: var(--bg_white);}
.gray_box:hover{background-color: var(--bg_primary_light_10);transform: translateY(-5px);}
.gray_box_img{background-color: var(--bg_gray2);border-radius: var(--br_8);max-width: 60px;max-height: 60px;min-width: 60px;min-height: 60px;
display: flex;align-items: center;justify-content: center;margin: 0 0 1.5rem 0;}
.gray_box.gray_white_box .gray_box_img{background-color: var(--bg_gray2);}
.gray_box img{width: 100%;object-fit: contain;max-width: 30px;}
.dark .gray_box img{filter: invert(1);}
.gray_box h4{color: var(--text_black);font-size: var(--fs_lg);margin: 0 0 1rem 0;font-weight: var(--fw_bold);}

.gray_box2{background-color: var(--bg_gray1);border-radius: var(--br_16);padding: 30px;height: 100%;display: flex;gap: 1.5rem;transition: var(--transition);}
.gray_box2:hover{background-color: var(--bg_primary_light_10);transform: translateY(-5px);}
.graybox2_left{height: fit-content;}
.graybox2_left img{object-fit: contain;width: 35px;margin: 1rem 0 0rem 0;}
.dark .graybox2_left img{filter: invert(1);}
.gray_box2 h4{color: var(--text_black);font-size: var(--fs_lg);margin: 0 0 1rem 0;font-weight: var(--fw_bold);}

.gray_box.gray_box_border{border: 1px solid var(--border_color2);}

.integ_box{border: 1px solid var(--border_color2);border-radius: var(--br_16);padding: 40px;height: 100%;transition: var(--transition);}
.integ_box:hover{transform: translateY(-5px);}
.integ_box img{object-fit: contain;max-width: 175px;margin: 0 0 1.5rem 0;}
.integ_box h4{color: var(--text_black);font-size: var(--fs_lg);margin: 0 0 1rem 0;font-weight: var(--fw_bold);}

.lead_section .row{justify-content: center;}

.my_clubplanner_inner_hero_img{display: flex;align-items: center;position: relative;background-image: url(../images/ellipse_bg.png);background-position: center;
background-repeat: no-repeat;background-size: contain;width: 100%;height: 100%;}

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

.integrations_sec_flex{display: flex;align-items: center;gap: 10rem;justify-content: space-evenly;}
.integrations_sec_left{max-width: 600px;width: 100%;}
.integrations_sec_left img{width: 100%;border-radius: 1rem;height: 100%;box-shadow: #00000017 0px 4px 40px 0px;}
.dark .integrations_sec_left img{box-shadow: #ffffff17 0px 4px 40px 0px;}
.integrations_sec_right{max-width: 530px;}

.smart_section .gray_box2{background-color: var(--bg_white);}
.smart_section .gray_box2:hover{background-color: var(--bg_primary_light_10);}

.integrations_sec_right ul{display: flex;flex-direction: column;gap: 0.4rem;list-style: disc;padding-left: 1rem;}

.pricing_box{background-color: var(--bg_white);border-radius: var(--br_16);height: 100%;transition: var(--transition);
display: flex;flex-direction: column;justify-content: space-between;border: 1px solid var(--border_color2);}
.pricing_box_popular{border: 1px solid var(--bg_primary);}
.pricing_box_top{padding: 30px;}
.pricing_box_bottom{padding: 0 30px 30px 30px;}
.pricing_box span{color: var(--text_dark);font-size: var(--fs_sm);text-transform: uppercase;margin: 0 0 0.4rem 0;display: block;font-weight: var(--fw_medium);}
.pricing_box small{color: var(--text_dark);font-size: var(--fs_sm);font-weight: var(--fw_medium);}
.pricing_box .popular_text{border-radius: 14px 14px 0 0;text-align: center;padding: 0.5rem;background-color: var(--bg_primary);color: #ffffff;margin: 0;}
.pricing_box h2{color: var(--text_black);font-size: 30px;font-weight: var(--fw_bold);text-transform: uppercase;margin: 0 0 0.1rem 0;}
.pricing_box ul{margin: 1.5rem 0 0 0;overflow: auto;scrollbar-width: thin;max-height: 220px;min-height: 220px;display: flex;flex-direction: column;gap: 0.4rem;}
.pricing_box ul li{position: relative;padding: 0 0 0 1.8rem;}
.pricing_box ul li::before{content: "\f00c";content: '✓';font-weight: var(--fw_bold);font-size: var(--fs_md);color: var(--text_primary);position: absolute;top: 1px;left: 0;}
.pricing_box .btn.btn-outline-primary{border-radius: 5px;border: 1px solid var(--text_primary);background-color: transparent;}
@media screen and (max-width: 1600px) {
    .inner_hero_content h1{font-size: 44px;}
    .inner_hero_rates li span{font-size: 28px;}
    
    .section_heading_small {font-size: 22px;}
    .primary_heading{font-size: 22px;}

    .mm_section_flex{gap: 8rem;margin: 0 0 40px 0;}
    .integrations_sec_flex{gap: 8rem;}

    .pricing_box h2{font-size: 28px;}
}
@media screen and (max-width: 1400px) {

    .section_padding{padding: 50px 0;}
    .retention_section.section_padding{padding: 0px 0 50px 0;}
    .smart_section.section_padding{padding: 50px 0 50px 0;}
    .payment_mm_section.section_padding{padding: 0px 0 50px 0;}
    .integration_build_section.section_padding{padding: 0 0 50px 0;}
    .real_time_section.section_padding{padding: 50px 0;}
    .club_widget_inner_section{padding: 50px 0;}
    .pricing_section{padding: 0 0 50px 0;}

    .inner_hero_content h1{font-size: 40px;margin: 0 0 15px 0;}
    .inner_hero_content p {margin: 0 0 20px 0;}
    .inner_hero_content .inner_hero_list{margin: 0 0 20px 0;}
    .inner_hero_content_btns {margin: 0 0 30px 0;}
    .inner_hero_rates li span{font-size: 24px;}
    .inner_hero_content_socialbtns{margin: 0 0 20px 0;}

    .section_heading_small {font-size: var(--fs_xl);margin: 0 0 0.8rem 0;line-height: 1.3;}
    .primary_heading{font-size: var(--fs_xl);margin: 0 0 0.8rem 0;line-height: 1.2;}
    .badge_primary {max-width: 30px;min-height: 30px;max-height: 30px;min-width: 30px;font-size: var(--fs_md);}

    .gray_box {padding: 24px;}
    .gray_box h4 {margin: 0 0 0.8rem 0;}
    .gray_box img {max-width: 24px;}
    
    .gray_box_img {max-width: 50px;max-height: 50px;min-width: 50px;min-height: 50px;margin: 0 0 1rem 0;}

    .gray_box2 {padding: 24px;}
    .gray_box2 h4 {margin: 0 0 0.8rem 0;}
    .gray_box2 img {max-width: 24px;}

    .integ_box{padding: 24px;}
    .integ_box img{max-width: 150px;margin: 0 0 1.2rem 0;}
    .integ_box h4{margin: 0 0 0.8rem 0;}

    .mm_section_flex{gap: 6rem;margin: 0 0 30px 0;}
    .mm_left {max-width: 500px;}

    .integrations_sec_flex{gap: 6rem;}
    .integrations_sec_left {max-width: 500px;}

    .pricing_box_top{padding: 24px;}
    .pricing_box_bottom{padding: 0 24px 24px 24px;}

    .pricing_box h2 {font-size: 24px;}
    .pricing_box ul {margin: 1rem 0 0 0;}
}
@media screen and (max-width: 1199px) {
    .inner_hero_row {gap: 1rem;}
    .inner_hero_content {max-width: 510px;}
    .inner_hero_content h1{font-size: 32px;}
    .inner_hero_rates{gap: 0.8rem;}

    .primary_heading {margin: 0 0 0.5rem 0;}
    .sec_top {margin-bottom: 1rem;}
    .sec_top p {margin-top: 0.4rem;}

    .inner_screen_logo_marquee .logo_marquee {padding: 30px 0;}
    .inner_screen_logo_marquee .logo_queue img {max-height: 25px;}

    .section_heading_small{margin: 0 0 0.5rem 0;}

    .gray_box {padding: 20px;}

    .mm_section_flex{gap: 6rem;margin: 0 0 25px 0;}

    .integrations_sec_flex {gap: 4rem;}

    .pricing_box h2 {font-size: 24px;}
}
@media screen and (max-width: 991px) {
    .inner_hero_content {max-width: 400px;}
    .inner_hero_content_btns {margin: 0 0 16px 0;}
    .inner_hero_content h1{font-size: 26px;margin: 0 0 0.5rem 0;}
    .inner_hero_content_btns .btn.btn-primary,.inner_hero_content_btns .btn.btn-outline-primary{padding: 6.5px 12px;}
    .inner_hero_content p {margin: 0 0 16px 0;font-size: var(--fs_sm);}
    .inner_hero_content .inner_hero_list {margin: 0 0 16px 0;font-size: var(--fs_sm);}
    .link_primary{font-size: var(--fs_sm);}
    .inner_hero_content_socialbtns a img {max-width: 120px;}
    
    .round_tp {width: 35px;height: 35px;min-width: 35px;min-height: 35px;}

    .gray_box2 {flex-direction: column;gap: 1rem;}

    .brand_section .gray_box h4 {margin: 0 0 0.2rem 0;}

    .gray_box p{font-size: var(--fs_sm);}
    .brand_section .row.align-items-center{align-items: normal !important;}
    .brand_img{position: sticky;top: 0;}

    .gray_box2 p{font-size: var(--fs_sm);}
    
    .mm_section_flex {gap: 2rem;}
    .mm_left {max-width: 400px;}
    .mm_section_flex p,.mm_section_flex ul li {font-size: var(--fs_sm);}

    .integrations_sec_flex {gap: 2rem;}
    .integrations_sec_left{max-width: 400px;}
    .integrations_sec_flex p,.integrations_sec_flex ul li {font-size: var(--fs_sm);}

    .pricing_box ul li{font-size: var(--fs_sm);}

    .pricing_box h2 {font-size: 22px;}
}
@media screen and (max-width: 767px) {

    .section_padding{padding: 30px 0;}
    .retention_section.section_padding{padding: 0px 0 30px 0;}
    .smart_section.section_padding{padding: 30px 0 30px 0;}
    .payment_mm_section.section_padding{padding: 0px 0 30px 0;}
    .integration_build_section.section_padding{padding: 0 0 30px 0;}
    .brand_section.section_padding{padding: 30px 0 0 0;}
    .real_time_section.section_padding{padding: 30px 0;}
    .club_widget_inner_section{padding: 30px 0;}
    .pricing_section{padding: 0 0 30px 0;}

    .inner_hero_content {max-width: 340px;}
    .inner_hero_content h1{font-size: 24px;margin: 0 0 0.5rem 0;}
    .trusted_people_text{margin: 0 0 1.5rem 0;}
    .inner_hero_rates{display: grid;grid-template-columns: repeat(3 , 1fr);}
    .inner_hero_rates li span{font-size: 20px;}

    .primary_heading {font-size: var(--fs_lg);}
    .section_heading_small {font-size: var(--fs_lg);}

    .gray_box {padding: 16px;}
    .gray_box img {max-width: 18px;}
    .gray_box h4 {font-size: var(--fs_md);margin: 0 0 0.5rem 0;}
    
    .gray_box_img {max-width: 40px;max-height: 40px;min-width: 40px;min-height: 40px;margin: 0 0 0.8rem 0;}

    .gray_box2 {padding: 16px;flex-direction: column;gap: 1rem;}
    .gray_box2 img {max-width: 18px;}
    .gray_box2 h4 {font-size: var(--fs_md);margin: 0 0 0.5rem 0;}

    .brand_section .row.align-items-center{flex-direction: column-reverse;}
    .brand_img {max-width: 300px;margin: 1rem auto 0;}

    .mm_section_flex{flex-direction: column-reverse;align-items: flex-start;margin: 0 0 1.5rem 0;gap: 0rem;}
    .mm_left {max-width: 300px;min-width: auto;}
    .mm_right ul{margin: 0 0 1rem 0;}

    .integrations_sec_flex{flex-direction: column-reverse;gap: 0rem;align-items: flex-start;}
    .integrations_sec_left {max-width: 300px;min-width: auto;}
    .integrations_sec_right ul{margin: 0 0 1rem 0;}

    .webshop_section .integrations_sec_flex{flex-direction: column;}

    .pricing_box_top {padding: 1rem;}
    .pricing_box_bottom {padding: 1rem;}
    .pricing_box h2 {font-size: 20px;}

}
@media screen and (max-width: 650px) {
    .inner_hero_section {padding: 1.5rem 0 1.5rem 0;}
    .inner_hero_row{flex-direction: column;gap: 1.5rem;}
    .inner_hero_content {max-width: 100%;text-align: center;}
    .inner_hero_content_btns{justify-content: center;}
    .trusted_people_text{margin: 0;flex-direction: column;text-align: center;}
    .inner_hero_img{max-width: 450px;margin: 0 auto;}
    .inner_hero_content_socialbtns{justify-content: center;margin: 0 0 1rem 0;}
    .my_clubplanner_inner_hero_section .inner_hero_img {max-width: 300px;}
}
@media screen and (max-width: 575px) {
    .inner_hero_content h1{font-size: 22px;}
    .gray_box2 {flex-direction: row;gap: 1rem;}

    .pricing_box ul{max-height: fit-content;min-height: fit-content;}
}

/* 4-6-26 */


@media screen and (max-width: 1600px) {
    body .section_heading {font-size: 48px;}
/* .hero_section */
    .hero_content {max-width: 1120px;}
    .hero_content h1{font-size: 60px;margin: 0 0 30px 0;}
/* plateform_section */
    .plateform_head .section_heading {max-width: 580px;}

/* Footer */
    .footer_top .section_heading {max-width: 700px;}
    .footer_links {padding-top: 40px;margin-top: 60px;padding-bottom: 60px;}
    .copy_right_text {margin: 0 0 40px 0;}
    .logo_divider {margin: 2rem 0 1rem 0;}
}

@media screen and (max-width: 1400px) {
    body .section_heading {font-size: 40px;margin: 0 0 16px 0;}

    .mega_menu_right h3 {font-size: 28px;margin: 0 0 16px 0;}
    .mega_menu {padding: 35px 50px;}
    .mega_menu_right p {font-size: var(--fs_xl);margin: 0 0 15px 0;}
    .mega_menu_left {gap: 1rem;}
    .mega_menu_right {max-width: 300px;}
/* .hero_section */
    .hero_section {padding: 60px 0 0 0;}
    .logo_marquee {padding: 40px 0;}
    .logo_queue {gap: 60px;}
    .logo_queue img {max-height: 35px;}
    .hero_content {max-width: 900px;margin: 0 auto 44px;}
    .hero_content h1{font-size: 50px;margin: 0 0 25px 0;}
    .hero_img {height: 600px;}
    .hero_img img {height: 600px;}
/* carousel_section */
    .carousel_section {padding: 60px 0;}
/* plateform_section */
    .plateform_head .section_heading {max-width: 480px;}
    .club_chips li a {padding: 10px 14px;}  
    .club_img {height: 500px;margin: 30px 0 20px 0;}
    .club_widget {height: 500px;margin: 30px 0 0 0;}
    .plateform_section {padding: 60px 0;}
    .club_widget_inner {padding: 40px;}
    .club_card h4 {font-size: var(--fs_xl);}
    .club_card_inner {padding: 32px 24px 15px 24px;}
    .club_card_img .club_card_inner {padding: 24px 24px;}
    .club_card .btn.btn-secondary svg{max-width: 14px;}
/* Footer */
    .footer_top .section_heading {max-width: 580px;font-size: 32px;}
    footer {padding: 70px 0 0px 0;}
}

@media screen and (max-width: 1199px) {
        /* header */
    header .navbar-brand img{max-width: 40px;}
    header .navbar-nav {gap: 30px;}

    .mega_menu {padding: 25px 35px;}
    .mega_menu_flex {margin: 16px 0 0 0;}
    .mega_menu_right h3 {font-size: 22px;}
    .mega_menu_right p {font-size: var(--fs_lg);}
    .mega_menu_right {max-width: 260px;}
    .mega_menu_list span {width: 38px;height: 38px;min-height: 38px;min-width: 38px;max-width: 38px;max-height: 38px;}
    

/* .hero_section */
    .hero_img {height: 500px;}
    .hero_img img {height: 500px;}
    .hero_img img {max-width: 800px;}
    .hero_img.scrolled .heriImg1 {transform: translate( -405px, 0%);}
    .hero_img.scrolled .heriImg2 {transform: translate( 405px, 0%);}
/* carousel_section */
    .carousel_card p {font-size: var(--fs_md);}
/* plateform_section */
    .club_img .club_chips{justify-content: flex-start;}
    .club_card_first .club_card_bottom img {max-width: 260px;}
    .club_card_third .club_card_bottom img {max-width: 235px;}
    .club_card_inner {padding: 20px 16px 15px 16px;}
    .club_card_img .club_card_inner {padding: 16px 16px;}
    .club_card p {margin: 0 0 0.8rem 0;}
    .club_card .btn.btn-secondary {padding: 8.5px 16px;}
    .club_card h4 {font-size: var(--fs_lg);}
}

@media screen and (max-width: 1023px) {
/* .hero_section */
    .logo_marquee {padding: 30px 0;}
    .logo_queue {gap: 40px;}
    .hero_content {max-width: 750px;margin: 0 auto 34px;}
    .hero_content h1{font-size: 40px;margin: 0 0 20px 0;}
/* carousel_section */
    .carousel_top {margin: 0 0 1rem 0;}
/* plateform_section */
    .club_widget_inner {padding: 30px;}
    .club_img {height: 400px;margin: 20px 0 20px 0;}
    .club_widget {height: 400px;margin: 20px 0 0 0;}
    .club_card .btn.btn-secondary {
        padding: 6.5px 14px;font-size: var(--fs_xs);
    }
    .club_card_first .club_card_bottom img {max-width: 220px;}
    .club_card_third .club_card_bottom img {max-width: 200px;}
    .clubcard_btns {margin: 16px 0 0 0;flex-wrap: wrap;}
/* Footer */
    .footer_links{flex-wrap: wrap;row-gap: 2rem;column-gap: 0.5rem;}
    .footer_links .footer_link_col{max-width: 30%;width: 100%;}
}
@media screen and (max-width: 991px) {
    
    .no-scroll {overflow: hidden;}
    body .section_heading {font-size: 34px;margin: 0 0 10px 0;}

    .hero_section {padding: 50px 0 0 0;}

/* Mega_Menu */
    .mega_menu{overflow: auto;height: 100vh;height: 100dvh;border-radius: 0;top: 0;opacity: 1;visibility: visible;left: 0;transform: translate(-100%, 0px);}
    .mega_menu.show {opacity: 1;visibility: visible;transform: translate(0%, 0px);}
    .close_btn{position: absolute;top: 1rem;color: var(--text_white);right: 1rem;font-size: var(--fs_sm);z-index: 9;
    background-color: var(--bg_white_light_10);border-radius: 50%;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
    .mega_menu_flex {flex-direction: column;gap: 2.5rem;margin: 24px 0 0 0;}
    .mega_menu_right{margin: 0rem 0 0 0;max-width: 100%;}
    .mega_menu_right h3 {font-size: 20px;margin: 0 0 10px 0;}
    .mega_menu_right p {font-size: var(--fs_md);margin: 0 0 15px 0;}
    .mega_menu {padding: 20px 25px;}

    .header_btns{gap: 1rem;}
    header .navbar-brand {max-width: 100px;}
/* .hero_section */
    .logo_marquee:after{width: 100px;}
    .logo_marquee:before{width: 100px;}
    .hero_content {max-width: 600px;margin: 0 auto 34px;}
    .hero_content h1{font-size: 32px;margin: 0 0 20px 0;}
    .hero_img {height: 350px;}
    .hero_img img {height: 350px;}
    .hero_img img {max-width: 600px;}
    .hero_img.scrolled .heriImg1 {transform: translate( -305px, 0%);}
    .hero_img.scrolled .heriImg2 {transform: translate( 305px, 0%);}
/* carousel_section */
    .carousel_card_inner {padding: 1.5rem 1rem 1.5rem 1.5rem;}
    .carousel_section {padding: 40px 0;}
    .carousel_top .section_heading {margin: 0 0 0.5rem 0;}
/* plateform_section */
    .plateform_head .section_heading {max-width: 400px;}
    .club_widget_top {gap: 1rem;}
    .club_chips li a{color: var(--text_black);background-color: var(--text_white_light_50);font-size: var(--fs_xs);padding: 6px 10px;}
/* Footer */
    .footer_top .section_heading {max-width: 100%;font-size: 24px;}
    footer {padding: 50px 0 0px 0;}
    .footer_links {padding-top: 30px;margin-top: 40px;padding-bottom: 40px;}
    .copy_right_text {margin: 0 0 25px 0;}
    .logo_divider {margin: 1.5rem 0 0.5rem 0;}

    .club_widget_bottom .btn.btn-secondary {
        padding: 8.5px 15px;
    }
}
@media screen and (max-width: 767px) {
    body ul li{font-size: var(--fs_sm);}
    body p{font-size: var(--fs_sm);}
    body .btn.btn-primary{padding: 10px 14px;font-size: var(--fs_xs);}
    body .btn.btn-outline-primary{padding: 10px 14px;font-size: var(--fs_xs);}
    body .btn.btn-secondary{padding: 10px 14px;font-size: var(--fs_xs);}
    body .btn.btn-outline-secondary{padding: 10px 14px;font-size: var(--fs_xs);}

    .hero_section {padding: 40px 0 0 0;}
/* Mega_Menu */
    .mega_menu {
        padding: 30px 30px;
    }
    .mega_menu_list{gap: 0;}
    .mega_menu_list span {width: 38px;height: 38px;min-height: 38px;min-width: 38px;max-width: 38px;max-height: 38px;}
    .mega_menu_list span img{max-width: 16px;}
    .mega_menu_right h3 {font-size: 18px;margin: 0 0 10px 0;}
    .mega_menu_right p {font-size: var(--fs_sm);margin: 0 0 15px 0;}

    .navbar-brand{order: 1;}
    .header_btns{order: 2;margin-left: auto;gap: 0.5rem;}
    header .navbar-toggler{order: 3;padding: 0;margin-left: 0.5rem;}
    header .navbar-collapse{order: 4;}
    .navbar .navbar-toggler:focus{box-shadow: none;outline: 0;}
    .navbar .navbar-toggler:focus{box-shadow: none;}
    .navbar .navbar-toggler-icon{background-image: none !important;display: block;width: 22px;height: 2px;background-color: #fff;
        transition: var(--transition);margin: 4px 0;}
    /* ===== CLOSE ICON STATE ===== */
    .navbar .navbar-toggler{transition: var(--transition);}
    .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-child(1) {transform: rotate(45deg) translate(6px, 3px);transition: var(--transition);}
    .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-child(2) {opacity: 0;transition: var(--transition);}
    .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-child(3) {transform: rotate(-45deg) translate(6px, -3px);transition: var(--transition);}

    header .navbar-nav{gap: 1rem;margin: 1rem 0 !important;}
    header .nav-link{width: fit-content;}
    #softwareMenu::before {right: -5px;transform: rotate(-90deg);top: 7px;}
    #softwareMenu.active::before {transform: rotate(-90deg);top: 7px;}
    #hardwareMenu::before {right: -5px;transform: rotate(-90deg);top: 7px;}
    #hardwareMenu.active::before {transform: rotate(-90deg);top: 7px;}
    
    /* .hero_section */
    /* .hero_img {height: 350px;}
    .hero_img img {height: 350px;} */
    .logo_queue img {max-height: 25px;}
/* plateform_section */    
    .club_img {height: 350px;}
    .club_widget {height: 350px;}
    .plateform_section {padding: 40px 0;}
    .club_widget_inner {
        padding: 20px;
    }
    .carousel_card p {
        font-size: var(--fs_sm);
    }
    .carousel_card_bottom small{
        font-size: var(--fs_sm);
    }
    .carousel_card_bottom h4 {
        margin: 0 0 0.2rem 0;
        font-size: var(--fs_md);
    }
    
/* Footer */
    .footer_social_links a {padding: 0 0.5rem 0rem 0.5rem;}
}
@media screen and (max-width: 650px) {
/* .hero_section */
    .hero_img {height: 300px;}
    .hero_img img {height: 300px;}
    .hero_img img {max-width: 480px;}
    .hero_img.scrolled .heriImg1 {transform: translate( -245px, 0%);}
    .hero_img.scrolled .heriImg2 {transform: translate( 245px, 0%);}
    /* carousel_section */
    .carousel_section {padding: 25px 0;}
/* plateform_section */ 
    .club_widget_top{flex-direction: column;align-items: flex-start;gap: 0.5rem;}
    .club_widget_bottom .btn.btn-secondary {padding: 6.5px 12px;}
/* Footer */
    .footer_links .footer_link_col{max-width: 48%;width: 100%;}
    .footer_link_col ul{gap: 0.4rem;}
    .copy_right_text{flex-direction: column;gap: 0.5rem;}
    .logo_divider {margin: 1.5rem 0 1.5rem 0;}
}
@media screen and (max-width: 650px) {

    .mega_menu_left{flex-direction: column;gap: 0;}

/* Footer */
    .footer_links .footer_link_col{max-width: 100%;width: 100%;}
    .footer_links {padding-top: 20px;margin-top: 20px;padding-bottom: 20px;}
}
@media screen and (max-width: 575px) {
    .logo_queue {
        gap: 25px;
    }
    .logo_queue img {
        max-height: 20px;
    }
    header .navbar-brand{max-width: fit-content;}
    body .section_heading {font-size: 24px;}
    
    .hero_section {padding: 30px 0 0 0;}
    .mega_menu {padding: 20px 20px;}
    .mega_menu_list_text b{font-size: var(--fs_sm);}
    .mega_menu_list_text small{font-size: var(--fs_sm);}
    .mega_menu_right h3 {font-size: 16px;margin: 0 0 8px 0;}
    .mega_menu_right p {font-size: var(--fs_sm);margin: 0 0 12px 0;}
/* .hero_section */
    .hero_content h1 {font-size: 26px;margin: 0 0 16px 0;}
    .hero_content p {margin: 0 0 16px 0;}
    .hero_content {margin: 0 auto 20px;}
    .hero_img {height: 250px;}
    .hero_img img {height: 250px;}
    .hero_img img {max-width: 400px;}
    .hero_img.scrolled .heriImg1 {transform: translate( -205px, 0%);}
    .hero_img.scrolled .heriImg2 {transform: translate( 205px, 0%);}
/* plateform_section */
    .club_widget_inner {padding: 15px;}
    .club_widget_bottom .btn.btn-secondary {padding: 4.5px 8px;font-size: var(--fs_xs);}
    .club_card_img{min-height: 350px;}
    .club_card_first .club_card_bottom img {max-width: 170px;}
    .club_card_first .club_card_bottom:before {height: 150px;}
    .club_card_third .club_card_bottom img {max-width: 150px;}
    .club_card_third .club_card_bottom:before {height: 150px;max-width: 150px;}
    .plateform_head .section_heading {max-width: 300px;}
/* Footer */
    .footer_top .section_heading {font-size: 22px;}
    .footer_links {row-gap: 1rem;column-gap: 0.4rem;}
    .logo_divider {margin: 1rem 0 0.5rem 0;}
    .logo_divider img {max-width: calc(40px + 1rem);padding: 0 0.5rem;}
}
@media screen and (max-width: 420px) {
    /* .hero_section */
    .hero_img {height: 200px;}
    .hero_img img {height: 200px;}
    .hero_img img {max-width: 300px;}
    .hero_img.scrolled .heriImg1 {transform: translate( -155px, 0%);}
    .hero_img.scrolled .heriImg2 {transform: translate( 155px, 0%);}
}

body {cursor: none;}
.custom-cursor {width: 30px;height: 30px;border: 2px solid var(--text_primary);border-radius: 50%;position: fixed;top: 0;left: 0;pointer-events: none;transform: translate(-50%, -50%);z-index: 9999;
  box-shadow: 0px 0px 10px -10px var(--bg_primary), 0px 0px 10px -10px var(--bg_primary);
  transition: transform 0.15s ease-out;}
.custom-cursor::after {content: "";width: 6px;height: 6px;background: var(--bg_primary);border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}