/* =========================== Base css =========================== */
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Medium.eot');src:url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Gilroy-Medium.woff2') format('woff2'),url('../fonts/Gilroy-Medium.woff') format('woff'),url('../fonts/Gilroy-Medium.ttf') format('truetype'),url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap;}
:root{--white-900:#ffffff;--black-500:#071E2A;--black-600:#010F16;--black-700:#061A25;--black-800:#000E15;--gray-300:#F5F7F9;--gray-600:#707070;--yelow-800:#FFB257;}
html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior: smooth;}
*{box-sizing:border-box;}
*,*::before,*::after{box-sizing:border-box;}
body{font-family:"Outfit",sans-serif;font-weight:400;overflow-x:hidden;font-size:20px;}
menu:not(article menu),ol:not(article ol),ul:not(article ul){list-style:none;}
menu,ol,ul{margin-bottom:0px;padding-inline: 0px;}
a{text-decoration:none;transition:0.3s ease;}
a:hover{color:var(--yelow-800) !important;}
button,select,summary,[type=radio],[type=submit],[type=checkbox]{cursor:pointer;outline: none;}
select{-webkit-appearance:none;appearance:none;background-image:url('/images/web/angle-down-icon.svg');background-size:contain;background-repeat:no-repeat;background-position:right -4px center;}
select option{color: var(--black-800);}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1410px;margin-inline:auto;padding-inline:20px;}
h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--black-800);}
h1{font-size:90px;line-height:normal;}
h2{font-size:58px;line-height:normal;}
h3{font-size:48px;line-height:normal;}
h4{font-size:24px;font-weight:500;line-height:30px;}
p{font-size:20px;line-height:30px;font-weight:400;margin-bottom:0px;}
.font-gilroy{font-family:'Gilroy';font-weight:500;}
.bg-black-500{background-color:var(--black-500);}
.bg-black-800{background-color:var(--black-800);}
.bg-black-700{background-color:var(--black-700);}
.bg-gray-300{background-color:var(--gray-300);}
.text-yellow-800{color:var(--yelow-800);}
.bg-yellow-800{background-color:var(--yelow-800);}
.text-gray-600{color:var(--gray-600);}
.text-black-600{color:var(--black-600);}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.radius-12{border-radius:12px;}
.radius-20{border-radius:20px;}
.radius-32{border-radius:32px;}
.radius-42{border-radius:42px;}
.radius-10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.gap-20{gap:20px;}
.col-gap-40{column-gap:40px;}
.col-gap-55{column-gap:55px;}
.row-gap-34{row-gap:34px;}
.btn{padding:15px 27px;min-width:152px;transition:0.3s ease;}
.btn:hover{background-color:var(--yelow-800) !important;color: var(--black-600) !important;}
.font-20{font-size:20px;}
.gradient_text{background:linear-gradient(90deg,#FF9A33 0%,#FFD74B 50%,#88F63E 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.icon-outer{width:42px;height:42px;}
.icon-outer-lg{width:66px;height:66px;}
.icon-outer-xl{width:85px;height:85px;}

.row > * { padding-left: 15px; padding-right: 15px; }
.max-w-800 { max-width: 800px; }
.max-w-930{ max-width: 930px;} 
.text-black-800{color: var(--black-800);}
.border-gray-100{border-color: var(--border-gray-100);}
.text-gray-100{color: var(--gray-600);}
.common-space-kickoff{margin-bottom:80px;}
.font-24 {font-size: 24px;}
.bg-gray-kickoff{background-color: var(--gray-300);}
.form-label{font-size: 18px;}
/* [type=email], [type=number], [type=tel], [type=url]{direction: rtl;} */
html[dir="rtl"] input[type=email],
html[dir="rtl"] input[type=number],
html[dir="rtl"] input[type=tel],
html[dir="rtl"] input[type=url] {
    direction: rtl;
    text-align: right;
}

/* For LTR (optional, ensures override if needed) */
html[dir="ltr"] input[type=email],
html[dir="ltr"] input[type=number],
html[dir="ltr"] input[type=tel],
html[dir="ltr"] input[type=url] {
    direction: ltr;
    text-align: left;
}


#overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1000;display:none;}

/* =================== Header css =================== */
header{max-width:calc(100% - 220px);margin-bottom:-140px;padding-top:70px;}
.language_selector_btn{left: calc(100% - 263px);}

/* =================== Hero css =================== */
.hero_section{padding:28px 28px 0px;}
.hero_inner{background:url('/images/web/hero-bg.jpg') no-repeat center;padding:40px 80px 0px;}
.hero_data{max-width:1112px;margin-block:96px 10px;}
.hero_data .hero_subheading{max-width:900px;}
.hero_data .hero_phone_img{bottom:-10px;}

/* =================== About css =================== */
.about_section{margin-block:100px 84px;}
.about_section .ball_img{top:-70px;left:50px;}

/* =================== How-it-work css =================== */
.howit_work{margin-block:84px 164px;}
.how_work_card{padding-block:50px 57px;}
.howit_work .heading,.mb-84{margin-bottom:84px;}
.how_work_card.mtn_40{margin-top:-40px;}

/* =================== Feature css =================== */
.feature .dark_outer{padding:56px 68px 54px 70px;}
.feature_img_wrap{height:506px;max-width:510px;bottom:-54px;}
.feature_img_wrap img{margin-top: -224px;}

/* =================== Testimonial Section Css =================== */
.testimonial-img { width: 64px; height: 64px; }
.testimonial-person{font-size: 24px;}
.testimonial-slider .slick-arrow:not(.slick-disabled):hover{background-color: var(--yelow-800); border-color: var(--yelow-800); }
.testimonial-slider .slick-arrow { border: 1.5px solid #000E15; width: 40px; height: 40px; border-radius: 50%; background: #fff; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; }
.testimonial-slider.slick-slider { margin-bottom: 0 !important; max-width: 1260px; margin: auto; padding: 0 45px; position: relative; }
.testimonial-slider::after { content: " "; position: absolute; width: 100%; max-width: 138px; height: 138px;background: url("/images/web/football-icon.svg");right: -250px;
    bottom: -40px; background-size: contain; }
.testimonial-slider.slick-slider .slick-prev { left: 0; }
.testimonial-slider.slick-slider .slick-next { right: 0; }
.testimonial-slider.slick-slider .slick-prev:before {background-image: url("/images/web/left-arrow.svg");}
.testimonial-slider.slick-slider .slick-next:before {background-image: url("/images/web/right-arrow.svg");}
.testimonial-slider.slick-slider .slick-arrow:before { background-position: center; background-size: 8px; background-repeat: no-repeat; color: transparent; }
.testimonial-slider.slick-slider .slick-dots { position: relative; bottom: 0; line-height: 10px;margin-top: 50px; }
.testimonial-slider.slick-slider .slick-dots li { width: 10px; height: 10px; margin: 0 6px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; }
.testimonial-slider.slick-slider .slick-dots li button { height: inherit; width: inherit; background: #70707033; transition:all 0.4s ease-in-out ; -webkit-transition:all 0.4s ease-in-out ; -moz-transition:all 0.4s ease-in-out ; -ms-transition:all 0.4s ease-in-out ; -o-transition:all 0.4s ease-in-out ; }
.testimonial-slider.slick-slider .slick-dots li button:hover {background: var(--gray-600);}
.testimonial-slider.slick-slider .slick-dots li button:before { width: inherit; height: inherit; opacity: 0;}
.testimonial-slider.slick-slider .slick-dots li.slick-active {background: var(--gray-600);}
.testimonial-slider .slick-arrow.slick-disabled { opacity: .25; }


/* =================== Download Our App Section Css Start =================== */
.cta-btn-wrap .cta-btn { max-width: 206px; width: 100%; padding: 8.5px 17px; height: 60px; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
.cta-btn-wrap .cta-btn:hover,.cta-btn-wrap .cta-btn:active{background-color: var(--black-800); }
.cta-bg { background-image: url("/images/web/cta-bg-img.png"); background-size: cover; background-repeat: no-repeat; background-position: center; }

/* =================== FAQ Section Css Start =================== */
.accordion .accordion-header {font-size: 24px;}
.faq-section{margin-bottom: 100px;}
.accordion .accordion-body{ font-size:20px; line-height:30px; color:var(--gray-600); padding: 0 60px 21px 30px; transition:all 0.4s ease-in-out  ; -webkit-transition:all 0.4s ease-in-out  ; -moz-transition:all 0.4s ease-in-out  ; -ms-transition:all 0.4s ease-in-out  ; -o-transition:all 0.4s ease-in-out  ; }
.accordion .accordion-button{ font-size: 24px;line-height:30px; padding: 23px 30px; color: var(--black-800); transition:all 0.4s ease-in-out  ; -webkit-transition:all 0.4s ease-in-out  ; -moz-transition:all 0.4s ease-in-out  ; -ms-transition:all 0.4s ease-in-out  ; -o-transition:all 0.4s ease-in-out; justify-content: space-between;}
.accordion .accordion-button[aria-expanded="true"] {padding-bottom: 11px;}
.mailtotext {font-size: 32px;}
.mailtotext:hover{text-decoration: underline;text-underline-offset: 4px;}
.accordion .accordion-button::after { background-image: url("/images/web/plus-icon.svg"); background-position: center;margin: 5px 0 0 12px ; }
.accordion .accordion-button:not(.collapsed)::after { background-image: url("/images/web/minus-icon.svg"); transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.star-icon { width: 18px; height: 16px; }

/* =================== Contact Us Section Css Start =================== */
.get-in-touch-wrap{ margin-top: 36px;}
form .form-control { height: 55px; font-size: 18px; padding: 16px 20px; border-color: #FFFFFF30; }
form .form-control:focus {border-color: var(--yelow-800);}
.form-btn.btn { padding: 11px 45px; font-size: 20px; height: 54px; }
.form-btn.btn:active, .form-btn.btn:focus-visible, .form-btn.btn:hover { background-color: var(--yelow-800); border-color: var(--yelow-800); }
.contact-us-section .row {margin: 0 -6px;}
.contact-us-section .row .col-12 { padding-left: 6px; padding-right: 6px; }
.contact-us-section .icon-outer-lg img{width: 38px;}

/* =========================== Footer css =========================== */
.footer_top{padding-block:80px 76px;border-radius:50px 50px 0px 0px;}
.footer_bottom{padding-block:27px;}
.social_list a{transition:0.3s ease;}
.social_list a:hover{transform:scale(0.9);}
.footer_top .ft_logo_block{max-width:370px;}
.footer_top .ft_social_block{max-width:150px;}


/* =========================== RTL css =========================== */
html[dir="rtl"] .btn_arrow img{transform:scaleX(-1);}
html[dir="rtl"] .testimonial-slider.slick-slider .slick-prev{left:0;right:auto;}
html[dir="rtl"] .about_section .ball_img{left:auto;right:50px;}
html[dir="rtl"] .testimonial-slider::after{right:auto;left:-250px;}
html[dir="rtl"] select{background-position:left;}
html[dir="rtl"] .hamburger_icon svg{transform: scaleX(-1);}
html[dir="rtl"] .language_selector_btn{left:auto;right:calc(100% - 263px);}