/* font-family: 'Poppins', sans-serif; */
*{
    /* scroll-behavior: smooth; */
}
body{
    font-family: 'Poppins', sans-serif;
}
/* ========================================================
    Reuseable Class 
======================================================== */
section, footer {
    /* border: 1px solid red; */
}

.title{
    font-size: 40px;
    font-weight: 600;
    color: #242f51;
}
.title-2{
    font-size: 20px;
    font-weight: 600;
}
.p-text{
    color: #616368;
    line-height: 24px;
}
.choose-app-space {
    margin-bottom: 40px !important;
}
.font-size-18{
    font-size: 18px;
}
.color-harnonium{
    color: #242f51;
}
.color-68{
    color: #616368;
}
.color-f9{
    color: #2500f9;
}
.color-51{
    color: #242f51;
}
.color-5f{
    color: #40975f;
}
.color-67{
    color: #f55767;
}
.background-color-f9{
    background-color: #2500f9;
}
.background-color-67{
    background-color: #f55767;
}
.background-color-ef{
    background-color: #ffecef;
}
.background-color-ff{
    background-color: #f4f4ff;
}
.background-color-ee{
    background-color: #e4ffee;
}
.background-color-ed{
    background-color: #e2eaed;
}
.custom-button{
    font-weight: 600;
    color: #fff;
    word-spacing: 1px;
    letter-spacing: .5px;
    transition: all .4s;
}
.custom-button:hover{
    background-color: #242f51;
    color: #fff;
}
.custom-button-3{
    height: 50px;
    font-weight: 600;
    color: #fff;
    word-spacing: 1px;
    letter-spacing: .5px;
    transition: all .4s;
    margin-bottom: 8px;
}

.custom-button:hover, .custom-button-3:hover{
    background-color: #242f51;
    color: #fff;
}



/* ========================================================
    Header Area Start 
======================================================== */
header{
    padding: 20px 0;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 199;
    background-color: #fff; 
}
.header_sticky{
    padding: 12px 0; 
    border-bottom: 3px solid #2500f9;
    background-color: #fff;
}
.menu_icon{
    color: #fcae61;
}
.menu ul li a {
    padding: 0 !important;
    margin: 0 0 0 35px !important;
    font-weight: 500;
    color: #242f51 !important;
    transition: all .2s linear;
}
.menu ul li a:hover{
    color: #2500f9 !important;
}
.menu ul li:last-child a{
    padding: 9px 24px !important;
    font-weight: 500;
    background-color: #2500f9;
    color: #fff !important;
    word-spacing: 1px;
    letter-spacing: .5px;
    transition: all .2s linear;

}
.menu ul li:last-child a:hover{
    background-color: #242f51;
}
.navbar_custom {
    border: 2px solid #fcae61;
}
.navbar_custom:focus {
    color: #fcae61;
}
/* ========================================================
    Header Area end 
======================================================== */
/* ========================================================
    Banner Area start 
======================================================== */
.banner {
    padding-top: 90px;
    background-image: url(../../assets/images/banner.png);
    background-repeat: no-repeat;
    background-position: top;
}
.app-icon a{
   width: 380px;
}
.app-contant h1{
    font-size: 60px;
}
.custom-button-2{
    color: #2500f9 !important;
    border: 2px solid #2500f9;
    transition: all .3s;
}
.custom-button-2:hover{
    color: #fff !important;
    background-color: #2500f9;
}
/* ========================================================
    Banner Area end 
======================================================== */
/* ========================================================
    Trustedner Area end 
======================================================== */
.trusted{
    padding: 80px 0;
}
.trusted-header{
    margin-bottom: 80px;
}
.trusted-single-box{
    padding: 0;
    transition: all .5s ease;
}
.tr-img-1{
    margin-top: 32px;
}
.tr-img-3{
    margin-top: 14px;
}
.trusted-single-box:hover{
    transform: scale(1.1);
}

.awesome-app {
    margin-top: 100px;
}
.awesome-app-title {
    font-size: 39px;
}
#features {
    margin-top: 160px;
}
.awesome-app-content-p {
    margin: -5px 0 70px 0;
}
/* Row 4 Smart jackpots */
.smart-jackpot{
    margin-top: 100px;
}
.smart-jackpot-left{
    padding-right: 60px;
    border-right: 2px solid #616368;
}
/* row 5 awesome-app-new */
.awesome-app-new {
    margin: 145px 0 0;
}

.a-sd{
    padding: 0 35px;
}
.custom-btn-2{
    width: 330px;
    height: 50px;
}
.a-f-c-p{
    margin-bottom: 45px;
}
/* ========================================================
    trusted Area end 
======================================================== */
/* ========================================================
   Why Choose App Area start 
======================================================== */
.why-choose-app {
    padding: 80px 0 90px;
}
.common-title h1{
    margin-bottom: 20px;
}
.common-title-h1{
    padding: 0 55px;
}
.why-choose-app-single-area {
    margin-top: 60px;
}
.awesome-title {
    margin: 8px 0 10px 0 !important;
}
/* ========================================================
    Why Choose App Area end 
======================================================== */
/* ========================================================
    Ultimate features App Area start
======================================================== */
.ultimate-feature-area{
    padding: 25px 0;
}
.ultimate-title{
    padding: 0 75px 0 0;
}
.ultimte-single-area{
    margin-top: 45px;
}
.ultimate-a-sd{
    padding: 0 5px 0 0 ;
}
/* ========================================================
    WUltimate features App Area end 
======================================================== */
/* ========================================================
   awewsome feature Area start 
======================================================== */
.awesome-futre-area {
    padding: 132px 0 30px;
}
.awesome-button-box{
    margin: 55px 0 0 0;
}
.card-dolor{
    font-size: 55px;
    font-weight: 700;
    color: 242f51;
}
.awesome-card-top{
    padding: 30px 0 20px;
    background-color: #f5f8fa;
}
.awesome-card-bottom{
    padding: 50px 0 20px;
    
}
.awesome-card-single-area{
    margin-top: 50px;
}
.awesome-card{
    border-radius: 5px;
    transition: all .4s linear;
}
.awesome-card:hover{
    transform: translateY(5px);
    box-shadow: 0 7px 20px 0 rgb(28 30 35 / 20%);
}
/* ========================================================
   awewsome feature Areat  end 
======================================================== */
/* ========================================================
client Areat  start 
======================================================== */
.client{
    padding: 110px 0px;
}
.rating ul li i {
    font-size: 25px;
    color: #ffcc00;
}
.carousel-control-prev-custom, .carousel-control-next-custom {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #2500f9;
    top: 90%;
   
}
.carousel-control-prev-custom {
    left: 83%;
}
.carousel-control-next {
    right: 9%;
}

/* ========================================================
  client Areat  end 
======================================================== */

/* ========================================================
    questions Area  start 
======================================================== */
.question {
    padding: 50px 0 70px;
} 
.according-border-p{
    background-color: #e7f1ff;
    border-bottom: 2px solid #2500f9 !important;
}
.accordion-button {
    background-color: #e7f1ff;
}
.accordion-button:hover {
    z-index: 2;
}
.accordion-button:focus {
    box-shadow: 0 0 0 0;
}
/* ========================================================
 questions Area  eend 
======================================================== */
/* ========================================================
 Download app Area  start 
======================================================== */
.download{
    padding: 0 0 80px 0;
}
.download-btn-area ul li a {
    padding: 9px 20px;
    background-color: #000;
    transition: all .2s linear;
}
.download-btn-area ul li a:hover{
    background-color: #2500f9;
}
/* ========================================================
 Download app Area  end 
======================================================== */
/* ========================================================
 footer Area  end 
======================================================== */
.footer {
    padding: 75px 0 20px;
    background: #09142e;
}
.footer-icon li a i{
    display: inline-block;
    margin: 0 5px;
    font-size: 25px;
    color: #616368;;
}
/* ========================================================
 footer Area  end 
======================================================== */
/* Scroll Button Top  */
.top_bnt-scroll{
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    background-color: #2500f9;
    color: #fff;
    position: fixed;
    right: 25px;
    bottom: 30px;
    z-index: 33;
    border-radius: 50%;
   
}
.top_bnt-scroll:hover{
    color: #fff;
}