div#app1{
  padding-top: 0 !important;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: 'Poppins', sans-serif;
  }
  html,
  body {
    width: 100%;
    height: 100%;
  
  }
  /* Change container width  from bootstrap*/
  @media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
}
}
  a:hover{
    text-decoration: none;
  }
  .gradient-color{
    background: transparent linear-gradient(180deg, #C7EAFB 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  }
 .pt-header{
    padding-top: 70px;
    
 }
 /* .navbar-desktopview{
    margin-bottom: 70px;
 } */

  .logo{
    margin-right:55px ;
  }
  .menu-taps li{
    margin-top: 5px;
    margin-right: 55px;
  }
  .menu-taps li a{
    font: normal normal 17px/17px Poppins;
    font-weight: 500;
    letter-spacing: 0px;
    color: #373737;
  }

  a.startbtn{
    padding:12px 27px ;
    background: #156BF5 0% 0% no-repeat padding-box;
    border-radius: 6px;
    font: normal normal 17px/17px Poppins;
    font-weight: 400;
    letter-spacing: 0px;
    color: #FFFFFF;
  }
  /* Exception */
  a.startbtn{
    margin-top: -6px;
  }
  a.language{
    margin: 5px 0 0 25px;
    font: normal normal normal 14px/17px Roboto;
    letter-spacing: 0px;
    color: #091E42;
    text-transform: capitalize;
  }
  .pd-precentage{
    margin-top: 70px;
  }
  /* ------------------------------------Start First Section */
  /* @media (min-width: 1400px) {
  .pd-precentage{
    max-width: 100%;
    padding-left: 8%;
    width: 100%  !important;
  }
}
@media (max-width: 1400px) and (min-width:1280px){
    .pd-precentage{
      max-width: 100%;
      padding-left: 4%;

    }
  } */

  .plane-description{
    padding-right: 10px;
  }
  .bold-text {
    font: normal normal bold 52px/70px Poppins;
    letter-spacing: 0px;
    color: #091E42;
    margin-bottom: 30px;
    padding-right: 30px;
  }
  .bold-text span{
    color: #156BF5;
  }
  .full-description{
    font: normal normal normal 22px/38px Poppins;
    letter-spacing: 0px;
    color: #7D7D7D;
    display: block;
    margin-bottom: 60px;
    
  }
  /* Exception */
  @media(min-width:1280px){
    .full-description{
        padding-right: 140px;
    }
  }
  .full-description strong{
    color:#091E42 ;
    font-weight: normal;
  }
  .startbtn-big{
    color: #fff;
    font: normal normal  22px/40px Poppins;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 15px 38px;
    background-color: #156BF5;
    border-radius: 9px;
    z-index: 999;

  }

  .startbtn-big:hover{
    color: #fff;
  }
  .startbtn-big:hover img{
    margin-left: 30px;
  }
  .startbtn-big img {
    margin-left:5px;
    transition: all 0.3s ease-in-out;
  }
  .plane-img img{
    float: right;
  }
  /* --------------------------- Features section */
  /* .features{
    background: #FAFAFA 0% 0% no-repeat padding-box;
    padding: 45px 0 70px 0;
  }
  .feature-title{
    font: normal normal  26px/39px Poppins;
    font-weight: 500;
    letter-spacing: 2.1px;
    color: #373737;
    opacity: 0.73;
    margin-bottom: 55px;
  }
  .feature-box{
    border: 3px solid #fff;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 77px #0000000F;
    border-radius: 15px;
    padding: 30px;
    margin: 0 15px;
    transition: all 0.54s ease-in-out;
  }
  .feature-box:hover{
    border: 3px solid #717CFF;
  }

  .feature-box-title{
    margin-top: 37px;
    margin-bottom: 17px;
    font: normal normal bold 20px/37px Poppins;
    color: #37474F;
    letter-spacing: 0px;
  }
  .feature-box-description{
    font: normal normal normal 16px/24px Poppins;
    letter-spacing: 0px;
    color: #37474FB8;
    margin-bottom: 0;
    height: 100px;
  } */
  /*--------------------------------- How it Works Section */
  .how-it-works{
    padding: 70px 0 80px 0;
  }
  .custom-width{
    padding: 0 13%;
  }
  .works-title{
    font: normal normal bold 34px/54px Poppins;
    letter-spacing: -0.42px;
    color: #373737;
    margin-bottom: 23px;
  }
  .works-subtitle{
    font: normal normal normal 22px/38px Poppins;
    letter-spacing: 0px;
    color: #7D7D7D;
    margin-bottom: 60px;
    
  }
  .works-box{
    padding: 18px 27px  32px 27px  ;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 77px #0000000F;
    border-radius: 8px;
    border: 3px solid #FFF;
    transition: all 0.54s ease-in-out;
  }
  .works-box:hover{
    border: 3px solid #BFD8FF;
  }
  .circle-number{
    width: 38px;
    height: 38px;
    background: #091E42 0% 0% no-repeat padding-box;
    border-radius: 50%;
    color: #fff;
    padding: 7px 12px;
    margin-bottom: 11px;
    margin-left: -20px;

  }
  .works-box-title{
    font: normal normal bold 16px/37px Poppins;
    letter-spacing: 0px;
    color: #37474F;
    margin-top: 35px;
    position: relative;
    margin-bottom: 26px;
  }
  .works-box-title::after{
    position: absolute;
    content: "";
    border-bottom: 3px solid #707070;
    width: 41px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
  }
.works-box-description{
    font: normal normal normal 12px/16px Poppins;
    letter-spacing: 0px;
    color: #37474FB8;
    min-height: 50px;
}
/*------ Winner selection style */
.winner-selection{
    padding-top: 100px;
    padding-bottom: 100px ;
    background: #FAFAFA 0% 0% no-repeat padding-box;
}
.winner-selection-title{
    font: normal normal bold 34px/51px Poppins;
    letter-spacing: 0px;
    color: #14183E;
    text-transform: capitalize;
    max-width: 310px;
    margin-bottom: 60px;
    
}
.winner-selection-box{
    margin-left: 40px;
}
.gap-med{
    gap: 20px;
}
.mb-35{
    margin-bottom: 35px;
}
.selection-icon {
    /* padding: 14px ; */
    width: 47px;
    height: 47px;
    border-radius: 13px;
}
.selection-icon img{
    display: block;
    margin: 14px auto;
}
.blue{
    background: #87B2F8 0% 0% no-repeat padding-box;
}
.gray{
    background: #74829C 0% 0% no-repeat padding-box;
}
.dark-blue{
    background: #006380 0% 0% no-repeat padding-box;
}
.rules-box{
    max-width: 350px;
}
.rule-title{
    font: normal normal bold 16px/19px Poppins;
    letter-spacing: 0px;
    color: #5E6282;
    margin-bottom: 5px;
}
.rules-description{
    font: normal normal normal 16px/19px Poppins;
    letter-spacing: 0px;
    color: #5E6282;
    margin-bottom: 0;
}
.select-img{
  position: relative;
}
.absolute-img img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  z-index: 0;
}
.winner-img{
    max-width: 100%;
    z-index: 999;
    
}

/* ----------------------------------------------- FAQS Section */
.asked-question-section{
    padding: 65px 0;
    background-color: #fff;
}
.faqs-bd{
    padding: 0 16%;
}

.accordion .card-header:after {
    content: "-";
    color: #156BF5;
    float: right; 
    font-size: 28px;
    font-weight: 400;

}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "+"; 
    color: #156BF5;
    float: right; 
    font-size: 28px;
    font-weight: 400;
}
.card-box{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #74829C;
    border-radius: 4px;
    padding: 4px 22px;
    margin-bottom: 23px;
}
.card-title{
    font: normal normal  18px/38px Poppins;
    font-weight: 500;
    letter-spacing: 0px;
    color: #091E42;
}
.card-title:hover{
    color: #091E42;
}
.card,.card-header{
    padding: 0;
    margin: 0;
    border: 0;
    background-color: #fff;
}
.card-header:first-child {
    border-radius: 0;
}
.card-body{
    padding: 15px 80px 15px 0; 
}
.card-body p {
    margin-bottom: 0;
    font: normal normal normal 16px/27px Poppins;
    letter-spacing: 0px;
    color: #091E42;
}

/* --------------------- Call to action Section ------------ */
.call-action-box{
    position: relative;
}
.action-title{
    font: normal normal 600 34px/54px Poppins;
    letter-spacing: 0px;
    color: #5E6282;
    margin-bottom: 15px;
}
.action-description{
    font: normal normal normal 16px/20px Poppins;
    letter-spacing: 0px;
    color: #37474FB8;
    max-width: 450px;
    margin-bottom: 36px;
}
.pattern{
    position: absolute;
    left: -18%;
    bottom: -40px;
}

/*------------------------  Footer ------------------- */
footer{
    padding: 47px 0;
    background: #FAFDFF 0% 0% no-repeat padding-box;
    position: relative;
}
.copy-rights{
    font: normal normal normal 18px/20px Poppins;
    letter-spacing: 0.74px;
    color: #8F8F8F;
    margin-bottom: 0;
}
.privacy-links a {
    font: normal normal normal 17px/20px Poppins;
    letter-spacing: 0.7px;
    color: #75B0E2;
    margin-left: 70px;
}
/* Fixed Menu */

@media(min-width:767px){
  .fixed{
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 3px 6px #0000000F;
    z-index: 999999;
    width: 100%;
    padding-top: 18px;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #DDDEE3 !important;
    /* transition: all 0.1s ease-in-out; */
    padding-bottom: 4px;
  
  }
}
@media(max-width:767px){
  .fixed{
    border-bottom: 1px solid #DDDEE3 !important;
    box-shadow: none !important;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 3px 6px #0000000F;
    z-index: 999999;
    width: 100%;
    padding-top: 10px;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #DDDEE3 !important;
    /* transition: all 0.1s ease-in-out; */
   
  }
.fixed-second{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 3px 6px #0000000F;
  z-index: 999999;
  width: 100%;
  padding-top: 10px;
  top: 49px;
  background-color: #fff;
}
}
/* ----------------------- Start Responsive --------------------------- */
@media(max-width:1200px) and (min-width:991px){
  .plane-img img{
    float: none;
    max-width: 106%;
  }
  .pd-precentage{
    margin-top: 35px;
  }
  .bold-text{
    font: normal normal bold 43px/60px Poppins;
  }
  .feature-box-description{
    height: auto;
  }
  .feature-box{
    height: 430px;
  }
  .custom-width{
    padding: 0 4%;
  }
}

@media(max-width:991px){
  .startbtn{
    display: none;
  }
  .startbtn-big{
    margin: 0 auto;
  }
  .center-btn{
    margin-bottom: 26px;
  }
  .plane-description , .winner-selection-title , .call-action-box{
    text-align: center !important;
  }
  .bold-text{
    padding-right: 15px;
    padding-left: 15px;
  }
  .plane-img{
    display: flex;
    margin-top: 45px;
  }
  .plane-img img {
    max-width: 100%;
   
  }
  .feature-box{
    margin-bottom: 25px;
  }
  .works-box{
    margin-bottom: 20px;
  }
  .winner-selection-box{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .center-md{
    justify-content: center;
  }
  .pattern{
    display: none;
  }
  .call-action-box{
    align-items: center !important;
  }
  .center-btn{
    /* display: flex; */
    align-self: center !important;
  }
  .plane-img{
    display: flex;
    justify-content: center;
  }
  .features{
    padding-bottom: 25px;
  }
}
@media(min-width:767px){
  .custom-show{
    display: none !important;
  }
}
@media(max-width:767px){
  .logo img{
    width: 58px;
    height: 15;
  }
  .language{
    font: normal normal normal 14px/17px Roboto;
    letter-spacing: 0px;
    color: #444444;
  }
  .d-none-sm{
    display: none !important;
  }
  .custom-show{
    display: flex !important;
  }
  .pt-header{
    padding-top: 10px;
  }
  .nav-fw , .second-line-nav{
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .second-menu-taps , .menu-taps {
    margin-bottom: 0;
  }
  .second-menu-taps li a{
    font: normal normal normal 12px/21px Poppins;
    letter-spacing: 0px;
    color: #686868;
    padding: 0 15px;

  }

  .pd-precentage{
    margin-top: 24px;
  }
  .bold-text{
    text-align: center !important;
    font: normal normal bold 28px/34px Poppins;
    letter-spacing: 0px;
    margin-bottom: 26px;
    padding: 0 5px;
  }
  .full-description{
    text-align: center !important;
    font: normal normal normal 16px/22px Poppins;
    letter-spacing: 0px;
    color: #7D7D7D;
    margin-bottom: 25px;
  }
  .startbtn-big{
    font: normal normal  16px/40px Poppins;
    font-weight: 500;
    letter-spacing: 0px;
    color: #FFFFFF;
  }
  .mb-med{
    margin-bottom: 25px;
  }

  .feature-title{
    margin-bottom: 35px;
    letter-spacing: 2.01px;
    color: #373737;
    text-transform: uppercase;
  }
  .feature-box img{
    height: 66px;
    width: 66px;
  }
  .feature-box-title {
    font: normal normal bold 18px/37px Poppins;
    letter-spacing: 0px;
    color: #37474F;
  }
  .feature-box-description{
    font: normal normal normal 16px/22px Poppins;
    letter-spacing: 0px;
    color: #37474FB8;
    height: 90px;
    overflow: hidden;
  }
  .how-it-works {
    padding: 35px 0 45px 0;
  }
  .works-title{
    font: normal normal bold 22px/54px Poppins;
    letter-spacing: -0.28px;
    color: #373737;
    margin-bottom: 10px;
    line-height: 1.1;
  }
  .works-subtitle{
    font: normal normal normal 14px/21px Poppins;
    letter-spacing: 0px;
    color: #7D7D7D;
    margin-bottom: 40px;
  }
  .works-box-description{
    font: normal normal normal 12px/14px Poppins;
    letter-spacing: 0px;
    color: #37474FB8;
  }
  .winner-selection{
    padding-top: 45px;
  }
  .winner-selection{
    padding-bottom: 70px;
  }
  .winner-selection-title{
    font: normal normal bold 22px/33px Poppins;
    letter-spacing: 0px;
    color: #14183E;
    text-transform: capitalize;
    margin-bottom: 35px;
  }
  .winner-selection-box{
    margin-left: 20px;
  }
  .medium-change{
    font: normal normal normal 16px/25px Poppins;
    margin-bottom: 22px;
  }

  .rules-description{
    font: normal normal normal 14px/22px Poppins;
    letter-spacing: 0px;
    color: #5E6282;
    
  }
  .mb-35{
    margin-bottom: 20px;
  }
  .asked-question-section{
    padding: 30px 0;
  }
  .card-box{
    padding: 10px 15px;
  }
  .card-title{
    font: normal normal  16px/38px Poppins;
    font-weight: 500;
    letter-spacing: 0px;
    color: #091E42;
    padding-right: 40px;
  }
  .card-body p{
    font: normal normal normal 14px/21px Poppins;
    letter-spacing: 0px;
    color: #091E42;
  }
  .card-body{
    padding: 5px 5px 15px 0;
  }
  .card-header{
    position: relative;
    padding-right: 17px;
  }
  .accordion .card-header.collapsed:after{
    content: "+";
    color: #156BF5;
    float: right;
    font-size: 28px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;
  }
  .accordion .card-header:after{
    content: "-";
    color: #156BF5;
    float: right;
    font-size: 28px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;
  }
  .action-title{
    font: normal normal 600 22px/54px Poppins;
    letter-spacing: 0px;
    color: #5E6282;
    line-height: 1.1;
    margin-top: 15px;
    margin-bottom: 11px;
  }
  .action-description{
    font: normal normal normal 14px/22px Poppins;
    letter-spacing: 0px;
    color: #37474FB8;
  }
  .startbtn-big{
    padding: 9px 25px;
  }
  .startbtn-big img{
    margin-left: 9px;
    width: 16px;
    height: 14px;
  }
  .action-description{
    margin-bottom: 26px;
  }
  .privacy-links a{
    font: normal normal normal 14px/20px Poppins;
    letter-spacing: 0.57px;
    color: #75B0E2;
  }
  footer{
    padding:  0px;
  }
  .privacy-links{
    padding: 15px 0;
    border-bottom: 1px solid #E4E9EC;;
  }
  .copy-rights{
    font: normal normal normal 12px/20px Poppins;
    letter-spacing: 0.57px;
    color: #8F8F8F;
    padding: 15px 0;
  }



  .privacy-links{
    justify-content: space-between !important;
  }
  .privacy-links a{
    margin: 0;
  }
  .order-smlast{
    order: 13 !important;
  }
  .order-smfirst{
    order: -1 !important;
  }
  .copy-rights{
    text-align: center !important;
  }
 
}
/* -------------------------------------------------- START AR ----------------------------------------------- */
.lang_ar{
  text-align: right;
  direction: rtl;
}
.lang_ar img{
  max-width: 100%;
}
.lang_ar .plane-img img{
  float: left;
}
.lang_ar a.language{
  margin: 5px 25px 0 0;
}
.lang_ar .menu-taps li , .lang_ar .logo{
  margin-right: 0;
  margin-left: 55px;
}
.lang_ar .bold-text{
  padding-right: 0;
  padding-left: 30px;
}
.lang_ar .startbtn-big img {
  transition: all 0.3s ease-in-out;
  transform: rotate(180deg);
  margin-right: 5px;
  margin-left: 0;
}
.lang_ar .startbtn-big:hover img {
  margin-right: 30px;
}
.lang_ar .accordion .card-header.collapsed:after , .lang_ar .accordion .card-header:after{
  float: left;
}
.lang_ar .card-body{
  padding: 15px 0 15px 80px;
}
@media (max-width: 767px){
  .lang_ar .accordion .card-header.collapsed:after , .lang_ar .accordion .card-header:after {

  
    right: auto;
    left: 0;

}
.lang_ar .card-title {
  
  padding-right: 0px;
  padding-left: 40px;
}
.lang_ar .card-header{
  padding-right: 0;
  padding-left: 18px;
}

}
@media (min-width: 1280px){
.lang_ar .full-description {
    padding-left: 140px;
    padding-right: 0;
}
}
.lang_ar .card-title{
  font-weight: 600;
}
/* New updates */
@media(min-width:991px){
  .startbtn-big{
    display: block;
    width: 300px;
  }
}
@media(max-width:767px){
  .center-btn{
    padding: 2px 25px !important;
  }
}