

@media (min-width:1920px)
{
    body{max-width: 1920px;margin-inline: auto;}
}

@media (max-width:1799px)
{
    .ball_img img{max-width: 100px;}
    .testimonial-slider::after { right: -17%; }

    /* ========= RTL CSS ========= */
     html[dir="rtl"] .testimonial-slider::after { left: -17%; }
}

@media only screen and (max-width:1700px) {
    .testimonial-slider::after { right: -12%; }

     /* ========= RTL CSS ========= */
     html[dir="rtl"] .testimonial-slider::after { left: -12%; }
}
@media only screen and (max-width:1600px) {
    .testimonial-slider::after { right: -8%; }

     /* ========= RTL CSS ========= */
    html[dir="rtl"]  .testimonial-slider::after { left: -8%; }
}
@media only screen and (max-width:1500px) {
    .testimonial-slider::after { right: -5%; }

    /* ========= RTL CSS ========= */
    html[dir="rtl"]  .testimonial-slider::after { left: -5%; }
}

@media (max-width:1399px)
{
    .ball_img img{max-width:70px;}
    .about_section .ball_img{top:-80px;left:30px;}

    /* Feature css */
    /* .feature_img_wrap{bottom: -160px;} */

    /* ========= RTL CSS ========= */
    html[dir="rtl"] .about_section .ball_img{left:auto;right: 30px;}
    
}

@media only screen and (max-width:1366px) {
   .testimonial-slider::after { right: 0; }
   .testimonial-slider::after { max-width: 120px; height: 120px;}

    /* ========= RTL CSS ========= */
   html[dir="rtl"] .testimonial-slider::after { left: 0; }
}

@media (max-width:1199px)
{
    .btn{padding:10px 20px;min-width:100px;}

     /* h2 { font-size: 50px;}
    h4 {font-size: 35px;} */
    .accordion .accordion-button { font-size: 22px; padding: 20px 25px; }
    .accordion .accordion-body { font-size: 18px; line-height: 28px; }
    .accordion .accordion-body {padding: 0 48px 20px 25px;}
    .mailtotext {font-size: 30px;}
    .testimonial-slider::after { max-width: 100px; height: 100px;}
    .get-in-to-img { width: 62px; min-width: 62px; height: 62px; }
    .font-24 {font-size: 22px;}
    
    /* Header css */
    header{max-width: calc(100% - 100px);}
    header .col-gap-55{column-gap:30px;}
    .hero_inner{padding:30px 20px 0px;}
    
    /* Feature css */
    .feature_img_wrap{bottom: 0;}
    
    /* How-it-works css */
    .howit_work{margin-bottom: 240px;}
}

@media (max-width:1024px)
{
    .cta-btn { max-width: 200px; padding: 8px 15px; height: 58px; }
    .accordion .accordion-button { font-size: 21px; padding: 18px 20px; }
    .accordion .accordion-body { font-size: 16px; line-height: 26px; }
    .accordion .accordion-body {padding: 0 45px 20px 20px;}
    .accordion .accordion-button[aria-expanded="true"] { padding-bottom: 10px;}
    .accordion .accordion-button::after { width: 18px; height: 18px; }
    .mailtotext {font-size: 25px;}
    .faq-section{margin-bottom: 80px;}
    .testimonial-slider.slick-slider .slick-dots { margin-top: 40px; }
    .testimonial-person{font-size: 22px;}
    .testimonial-slider::after { max-width: 80px; height: 80px;}
    .get-in-to-img { width: 58px; min-width: 58px; height: 58px; }
    
    .get-in-touch-wrap { margin-top: 30px;}
    .form-btn.btn { padding: 10px 40px; font-size: 18px; height: 52px; }
    .language_selector_btn select{font-size: 16px;}
    .language_selector_btn{left: calc(100% - 225px);}
    
    /* ========= RTL CSS ========= */
    html[dir="rtl"]  .language_selector_btn{right: calc(100% - 225px);left: auto;}

}

@media (max-width:991px)
{
    body,p{font-size:16px;}
    p{line-height:24px;}
    h1{font-size:60px;}
    h2{font-size:48px;}

    /* Header css */
    header{max-width:calc(100% - 80px);margin-bottom:-110px;padding-top:50px;}
    .logo{max-width: 70px;}
   
  

    /* Hero css */
    .hero_section{padding:18px 18px 0px;}


    /* About css */
    .about_section{margin-top: 80px;}
    .about_section .ball_img{top:-30px;left:auto;right:30px;}

    /* How-it-works css */
    .how_work_card.mtn_40{margin-top: 0px;}
    .howit_work .heading{margin-bottom: 40px;}

    .cta-btn { max-width: 150px; padding: 6px 12px; height: 48px; }
    .accordion .accordion-button[aria-expanded="true"] { padding-bottom: 8px;}
    .accordion .accordion-button { font-size: 18px; padding: 15px 15px; }
    .accordion .accordion-body { font-size: 15px; line-height: 25px; }
    .accordion .accordion-body {padding: 0 40px 15px 15px;}
    .accordion .accordion-button::after { width: 17px; height: 17px; }
    .mailtotext {font-size: 22px;}
    .common-space-kickoff,.faq-section{margin-bottom: 60px;}
    .testimonial-slider.slick-slider .slick-dots { margin-top: 30px; }
    .testimonial-img { width: 60px; height: 60px; }
    .testimonial-person{font-size: 21px;}
    .testimonial-slider::after { max-width: 70px; height: 70px;}
    .get-in-to-img { width: 50px; min-width: 50px; height: 50px; }
   
    .get-in-touch-wrap { margin-top: 25px;}
    .form-label{font-size: 17px;}
    form .form-control { height: 50px; font-size: 17px; padding: 14px 20px; }
    .form-btn.btn { padding: 8px 35px; font-size: 17px; height: 50px; }


    /* ========= RTL CSS ========= */
    html[dir="rtl"] .about_section .ball_img{right: auto;left: 30px;}
 
}

@media (max-width:767px)
{
    h4{font-size:22px;}
    
    /* Header css */
    header nav{position:fixed;background:#ffffff;top:0;right:0;bottom:0;height:100%;width:380px;padding:80px 30px 30px;z-index:1040;transform:translateX(100%);transition:0.5s ease;display:flex;flex-direction:column;justify-content:space-between;opacity:0;overflow-y:auto;}
    header.active nav{transform:translateX(0);opacity:1;}
    header nav li:not(:last-child){margin-bottom:16px;}
    header nav a.text-white{font-size:22px;color:#000E15 !important;}
    header nav a.text-white:hover{color:#FFB257 !important;}
    .close_menu{top:15px;right:15px;}
    header .contact_us_btn{background-color:#000E15 !important;color:#ffffff !important;width:100%;}
     .contact_us_btn{display: none;}
     header.active .contact_us_btn{display: block;}
     .language_selector_btn{position: static !important;}
     .language_selector_btn select
     {
        border: 1px solid #000000 !important;
        color: #000000 !important;
     }
    select
     {
        background-image: url('/images/web/angle-down-dark.svg');
        background-position: right 0px center;
     }


    /* Feature css */
    .feature .dark_outer{padding: 56px 30px 70px;}
    .feature_mb_img{margin-top: -230px;}

    .accordion .accordion-button[aria-expanded="true"] { padding-bottom: 6px;}
    .mailtotext {font-size: 20px;}
    .accordion .accordion-body {padding: 0 35px 15px 15px;}
    .common-space-kickoff,.faq-section{margin-bottom: 50px;}
    .cta-btn-wrap .cta-btn { max-width: 180px; min-width: 180px;height: 50px;}
    .accordion .accordion-button { font-size: 18px; padding: 12px 12px; }
    .accordion .accordion-button::after { width: 15px; height: 15px; }
    .accordion .accordion-body {padding: 0 30px 12px 12px;}
    .testimonial-slider.slick-slider .slick-dots { margin-top: 20px; }
    .testimonial-slider .slick-arrow { width: 38px; height: 38px; }
    .testimonial-img { width: 55px; height: 55px; }
    .testimonial-person{font-size: 20px;}
    .testimonial-slider::after {display: none;}
    .testimonial-slider.slick-slider .slick-dots li { margin: 0 5px;}
    .get-in-to-img { width: 45px; min-width: 45px; height: 45px; margin: auto; }
    .get-in-touch-wrap { margin-top: 20px;}
    .form-label{font-size: 16px;}
     form .form-control { height: 45px; font-size: 16px; padding: 12px 18px; }
     .form-btn.btn { padding: 8px 30px; font-size: 16px; height: 45px; }

}

@media (max-width:575px)
{
    h1{font-size: 50px;}
    h2,h3{font-size:36px;}
    .mb-84{margin-bottom: 50px;}


     /* Header css */
    header nav{width: 90%;}

    /* Hero css */
    .hero_data .hero_subheading{font-size: 18px;}
    
    /* Footer css */
    .footer_top{padding-block: 60px 40px;}
    .footer_top .ft_social_block{max-width: 100%;}
    .icon-outer{width:36px;height:36px;}
    .icon-outer svg{width: 20px;}
    .social_list img{width: 32px;}
    .copyright{font-size: 14px;}

    /* How-it-works css */
    .icon-outer-xl{width: 75px;height: 75px;}
    .icon-outer-xl img{max-width: 40px;}
    .how_work_card .mt-40{margin-top: 30px;}
    .how_work_card{padding-block: 40px 30px;}
    .howit_work{margin-top: 44px;}
    .howit_work .heading{margin-bottom: 30px;}

    .about_section{margin-bottom: 44px;}
    .contact-us-section .icon-outer-lg{width: 60px;height: 60px;}
    .contact-us-section .icon-outer-lg img{width: 30px;}

}

@media (max-width:480px)
{

    h1{font-size:45px;}

    /* Hero css */
    .hero_section{padding:10px 10px 0px;}

     .testimonial-slider.slick-slider { padding: 0; }
    .testimonial-slider .slick-arrow { width: 35px; height: 35px; top: auto; bottom: 5px; margin: 0 -40px; }
    .testimonial-slider.slick-slider .slick-prev { left: 50%; }
    .testimonial-slider.slick-slider .slick-next { right: 50%; }
    .testimonial-slider.slick-slider .slick-dots { margin-top: 55px; }
    .testimonial-img { width: 50px; height: 50px; }
    .testimonial-person{font-size: 18px;}
    .testimonial-slider.slick-slider .slick-dots li { margin: 0 4px;}
    .get-in-to-img { width: 40px; min-width: 40px; height: 40px; }
    .get-in-touch-wrap { margin-top: 18px;}
    form .form-control { height: 42px; font-size: 16px; padding: 10px 15px; }
    .form-btn.btn { padding: 8px 25px;height: 40px;}

    html[dir="rtl"] .testimonial-slider.slick-slider .slick-prev{left: 50%;}

}

@media (max-width:400px)
{
    /* About css */
    .about_section .ball_img{top:-65px;}

}


@media (min-width:768px) and (max-width:991px)
{
    /* Header css */
    header .btn{min-width:80px;padding:10px;font-size:16px;}
    header .nav_list{margin-left:-85px;}
    .language_selector_btn{left:calc(100% - 195px);}

    /* ========= RTL CSS ========= */
    html[dir="rtl"]  header .nav_list{margin-right:-85px;margin-left: auto;} 
    html[dir="rtl"]  .language_selector_btn{right:calc(100% - 195px);left: auto;}

}





