/************landing_page****************/


      .landing_page .whatsapp_lp .hero {
        min-height: 750px;
        margin-top: 60px;
        background-color: #24457a;
        background: url(#) center / cover no-repeat #1e4278;
    }

    
    .landing_page .whatsapp_lp .header-text img {
        float: right;
        width: 400px;
        margin-top: 0;
    }

    .landing_page .whatsapp_lp .header-text {
        padding-top: 120px;
        text-align: left;
      
    }


.landing_page .expert .expert-tabs {
    padding: 47px;
    margin: 0 auto;
    
}


.landing_page .whatsapp_lp .hero {
    margin-top: 0;
}

.landing_page .expert ul li {
    margin-bottom: 8px;
    color: #2c599d;
    font-size: 15px;
}


.landing_page .navbar.light-header {
    box-shadow: 1px 1px 9px 0 rgb(192 192 201 / 48%);
    background-color: #24457a;
}

.landing_page .btn-secondary {
    color: #fff;
    background-color: #2c599d;
    border-color: #24457a;
    font-size: 14px;
}
    
    .landing_page .btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #203d6d;
        border-color: #24457a;
        border-color: #5d85c3;

}




.landing_page .expert .form-row>.col,
.landing_page .expert .form-row>[class*=col-]{
    padding-right: 5px;
    padding-left: 5px;
}


.landing_page iframe {
    height: 190px;
}

.landing_page .footer-06 .copyright-right p {
   text-align: left;
}

.landing_page .expert {
    margin-top: 0;
    min-height: 690px;
    background-color: #fff;
}


.landing_page .expert .expert-tabs .tab-content {
    padding: 0;
}


.landing_page .expert .form-sales .form-check{
    margin-right: 0;
    margin-left: auto;
    text-align: left;
}


.whatsapp_lp .sms_service {
    padding: 80px;
    background-color: #f6f9fe
}

.whatsapp_lp .sms_service h2 {
    font-weight: 700;
    color: #2c599d;
    font-size: 32px;
    width: 60%;
    margin: 10px auto;
    line-height: 45px;
    text-align: center
}

.channels-callbot .callbot_uses h3,.channels-callbot .video_ai h3,.whatsapp_lp .sms_service h3 {
    text-align: center;
    width: 60%;
    margin: 14px auto;
    font-size: 16px;
    line-height: 25px
}

.whatsapp_lp .sms_service .taqnyat_sms {
    background-color: #fff;
    padding: 37px 40px;
    border-radius: 8px;
    margin-top: 25px;
    min-height: 94%
}

.whatsapp_lp .sms_service .btn_2 {
      margin: 60px auto 0;
      text-align: center;
}

.whatsapp_lp .sms_service .btn_2 h5 {
     font-weight: bold;
}

.whatsapp_lp .sms_service .btn_2 .btn-primary {
    color: #fff;
    background: #f48022;
    border-color: #f48022;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 700;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
}

.whatsapp_lp .sms_service .taqnyat_sms h4 {
    text-align: left;
    margin: 14px auto;
    font-size: 21px;
    line-height: 28px;
    font-weight: 900
}

.whatsapp_lp .flexible_sms {
    padding: 40px;
    min-height: 600px
}

.whatsapp_lp .flexible_sms h2 {
    font-weight: 900;
    color: #2c599d;
    font-size: 32px;
    width: 61%;
    margin: 35px auto;
    line-height: 45px;
    text-align: center
}

.whatsapp_lp .flexible_sms img {
    width: 90%;
    margin: 38px auto
}

.whatsapp_lp .flexible_sms .btn_2 {
      margin: 0 auto 0;
      text-align: center;
}

.whatsapp_lp .flexible_sms .btn_2 .btn-primary {
    color: #fff;
    background: #f48022;
    border-color: #f48022;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 700;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
}

.whatsapp_lp .flexible_sms h5 {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}


.channels-callbot .how_callbot h4,.whatsapp_lp .media h4 {
    font-size: 20px;
    font-weight: 900
}

.whatsapp_lp .flexible_sms p {
    font-size: 16px;
    line-height: 30px;
}

.whatsapp_lp .media {
    margin-bottom: 20px;
    background-color: #f3f8fc;
    padding: 21px 0 0 15px;
    border-radius: 10px;
}

.whatsapp_lp .media .las {
    margin-right: 9px;
    font-size: 22px;
    color: #ef6b06;
    padding: 1px;
}

.whatsapp_lp .hero .header-text h1 {
   font-weight: 700;
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 15px;
    text-align: left;
}

.whatsapp_lp .hero .header-text p {
    font-size: 20px;
    color: #fff;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: left;
}

.whatsapp_lp .hero .header-text h3 {
    color: white;
    font-size: 20px;
    line-height: 30px;
    font-weight: 900;
    border-top: 1px solid #ffffff;
    padding-top: 20px;
    margin-bottom: 20px;
}


.whatsapp_lp .sms_service {
    padding: 80px;
    background-color: #f6f9fe
}



.whatsapp_lp .hero .header-text .btn-primary{

color: #fff;
    background: #f48022;
    border-color: #f48022;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 40px;
    font-weight: 700;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;


}

.whatsapp_lp .hero .header-text .box_1 h2{

font-weight: bold;
    color: #ffffff;
    font-size: 17px;
}



.whatsapp_lp .hero .header-text .box_1 p {
   font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
}

.whatsapp_lp .hero .header-text .box_1{
  background-color: #2c599d;
    border-radius: 20px;
    padding: 12px 7px;
    text-align: center;
}


.landing_page .expert h5 {
    font-size: 16px;
    margin-top: 0;
    line-height: 20px;
    padding: 20px;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #f3f7f9;
    margin-bottom: 32px;
}

.whatsapp_lp .integration_sms{
    position: relative;
    min-height: 700px;
    margin-top: 60px;
    background-color: #234478;
}

.whatsapp_lp .integration_sms  .header-text img {
    float: right;
    width: 550px;
    margin-top: 0;
}



.whatsapp_lp .integration_sms .header-text h2 {
   font-weight: 700;
    font-size: 30px;
    color: #fff;
    line-height: 41px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.whatsapp_lp .integration_sms .header-text h3 {
   color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    line-height: 32px;
}


.whatsapp_lp .integration_sms .header-text p {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 27px;
}

.whatsapp_lp .integration_sms ul li {
   list-style: disc;
    color: #fff;
    font-size: 15px;
    line-height: 38px;
}

.whatsapp_lp .integration_sms ul {
    margin-left: 20px;
}

 .whatsapp_lp .integration_sms .btn-primary {
    color: #fff;
    background: #f48022;
    border-color: #f48022;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    margin-right: 10px;
    font-weight: 700;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
}

.landing_page .expert p {
    color: #2c599d;
    width: 100%;
    text-align: center;
}

.landing_page .expert h2 {
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    width: 80%;
    margin: 14px auto;
}











/************National-Day****************/



.landing_page .National-Day .hero {
    min-height: 560px;
    margin-top: 60px;
    background-color: #003438;
    background: url(#) center / cover no-repeat #003438;
}

.landing_page .National-Day .hero .header-text h2 {
   font-weight: normal;
    font-size: 22px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 0;
    text-align: left;
}

.landing_page .National-Day .header-text {
    padding-top: 153px;
    text-align: left;
}

.landing_page .National-Day .hero .header-text h1 {
    font-weight: 700;
    font-size: 30px;
    color: #fff;
    line-height: 44px;
    margin-bottom: 15px;
    text-align: left;
}

.National-Day .hero .header-text p {
       font-size: 18px;
    color: #fff;
    line-height: 31px;
    margin-bottom: 0;
    margin-top: 37px;
    text-align: left;
    border-top: 1px solid #ffffff;
    padding: 23px 0;
}

.National-Day .hero .header-text .btn-primary {
    color: #fff;
    background: #966b40;
    border-color: #966b40;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 0;
    font-weight: 700;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
}

    
 .landing_page .National-Day .header-text img {
    float: right;
    width: 307px;
    margin-top: 72px;
}


.landing_page .National-Day  .counter {
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column; /* يخلي العناصر فوق بعض */
    align-items: center;    /* سنترة أفقية */
    justify-content: center;/* سنترة عمودية */
    text-align: center;
    width: 70px;
    height: 70px;
    background-color: #966b40;
    border-radius: 12px;
    margin-top: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3)
}

.landing_page .National-Day  .counter .las {
    margin-left: 0;
    padding: 0;
    color: white;
    margin-right: 0;
}

.landing_page .National-Day .counter h4 {
    color: white;
    font-size: 28px;
    margin: 0;
    font-weight: bold;
}


 .landing_page .National-Day .expert .text-sales{
    margin-bottom: 20px;
    text-align: left;
}




    .landing_page .National-Day .header-text {
        padding-top: 120px;
        text-align: left;
      
    }



.landing_page .National-Day .hero {
    margin-top: 0;
}


.landing_page .navbar.light-header {
    box-shadow: 1px 1px 9px 0 rgb(192 192 201 / 48%);
    background-color: #24457a;
}

.National-Day .decorations {
    background: url(../images/offers/National-Day/decorations_1.jpg) center / cover no-repeat;
    position: relative;
    min-height: 50px;
}


.National-Day .participation{
    background-color: #966b40;
    padding: 100px 0;

}


.National-Day .participation h2{
  text-align: left;
  color: #fff;
  font-weight: bold;

}

.National-Day .participation p {
    text-align: left;
    color: #fff;
    font-size: 19px;
    line-height: 36px;
    margin-bottom: 0;
}

.National-Day .participation ul{
 text-align: left;
 margin-left: 37px;

}

.National-Day .participation ul li{
 list-style: unset;
 color: #fff;
 font-size: 19px;
 line-height: 36px;

}


.National-Day .participation img {
   width: 450px;
}




.National-Day .participation .story_min {
    background-color: #f9f9f9; 
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 20px 2px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.National-Day .participation .story_min h4 {
    color: #966b40;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
}

.National-Day .participation .story_min h2 {
    text-align: center;
    color: #003438;
    font-weight: bold;
    font-size: 20px;
    line-height: 29px;
}

.National-Day .participation .story_min p {
   color: #003438;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    text-align: justify;
    border-top: 1px solid #cab097;
    padding-top: 13px;
    margin-top: 20px;
}


.National-Day .participation .story_content {
    max-height: 400px;
    overflow-y: auto;
    line-height: 1.7;
    text-align: justify;
    padding: 0 30px;
}


.National-Day .participation .story_content::-webkit-scrollbar {
    width: 8px;
}

.National-Day .participation .story_content::-webkit-scrollbar-thumb {
    background-color: #966B40;
    border-radius: 4px;
}

.National-Day .participation .story_content::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 4px;
}














.National-Day .participation .btn-primary {
    color: #fff;
    background: #003438;
    border-color: #003438;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 700;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
}


.National-Day .form-control {
    display: block;
    width: 100%;
    height: calc(2.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #F8F8F8;
    background-clip: padding-box;
    border: 1px solid #f8f8f8;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.National-Day .expert .expert-tabs {
    background-color: #fff;
    padding: 0;
    border-radius: 15px;
        box-shadow: 0 0 0 rgb(224 224 224 / 78%);
        margin-top: 50px;
}


.National-Day .expert img {
    margin-top: 8px;
}

.landing_page .National-Day .navbar.light-header {
    box-shadow: 1px 1px 9px 0 rgb(192 192 201 / 48%);
    background-color: #003438;
}

.National-Day .expert h5 {
    text-align: center;
    background-color: #966b40;
    font-size: 19px;
    color: white;
    line-height: 29px;
    padding: 20px;
}







.National-Day .clients_stories {
  padding: 30px 0;
    min-height: 500px;
    background-color: #f8f8f8;
}

.National-Day .clients_stories h2 {
  font-weight: 900;
    color: #003438;
    font-size: 32px;
    margin: 20px 0 55px 0;
    line-height: 45px;
    text-align: center;
}

.National-Day .clients_stories img {
    width: 14%;
    margin: 0 20px;
}

.National-Day .clients_stories .media {
   margin-bottom: 20px;
    background-color: #ffffff;
    padding: 25px 0;
    border: 1px solid #ffffff; 
    border-radius: 10px;
}

.National-Day .clients_stories .media:hover {
 
    border: 1px solid #CACACA; 

}






.National-Day .clients_stories p {
    text-align: left;
    margin-bottom: 0;
    color: #003438;
}

.National-Day .clients_stories .media h4 {
    font-size: 20px;
    font-weight: 900;
      color: #003438;
}

.National-Day .clients_stories a {
    color: #003438;
}


.National-Day .expert .form-sales h6 {
    font-size: 14px;
    margin-top: 3px;
    text-align: left;
    margin-bottom: 20px;
}


.landing_page .National-Day .btn-secondary {
    color: #fff;
    background-color: #01474C;
    border-color: #01474C;
    font-size: 14px;
}



.landing_page .National-Day .expert .btn-border {
    color: #fff;
    background-color: #003438;
    border-color: #003438;
    border-radius: 50px;
}

.landing_page .National-Day .expert h2, .landing_page .National-Day .expert h3 {
    line-height: 35px;
    color: #003438;
}


.landing_page .National-Day .dropdown-menu {
   right: 0;
    left: auto;
   
}







.landing_page .National-Day .hero_Thank_you {
    min-height: 560px;
    background-color: #003438;
    background: url(#) center / cover no-repeat #003438;
}



.landing_page .National-Day .hero_Thank_you .header-text .Thank_you{
    text-align: center;
    background-color: #ffffff;
    padding: 50px;
    width: 60%;
    margin: 0 auto;
}

.landing_page .National-Day .hero_Thank_you .header-text .Thank_you img {
    float: none;
    text-align: center;
    margin-top: 0;
}

.landing_page .National-Day .hero_Thank_you .header-text .Thank_you h1 {
    text-align: center;
     margin-top: 30px;
     color: #003438;
    font-size: 35px;
}

.landing_page .National-Day .hero_Thank_you .header-text .Thank_you p {
   text-align: center;
    color: #003438;
    font-size: 20px;
    width: 85%;
    margin: 0 auto;
}


.landing_page .National-Day .hero_Thank_you .header-text  {
  padding-top: 150px;
    text-align: left;
    height: 669px;
}


.National-Day .participation h5 {
   text-align: center;
    color: white;
    font-size: 16px;
}

.landing_page .National-Day .hero_Thank_you .btn-primary {
    color: #fff;
    background: #003438;
    border-color: #003438;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 16px;
    margin-top: 40px;
    font-weight: 700;
   
}

.landing_page .National-Day .story {
    min-height: 560px;
    background-color: #003438;
    background: url(#) center / cover no-repeat #003438;
}

.landing_page .National-Day .story .header-text .Thank_you h1 {
   text-align: center;
    margin-top: 30px;
    color: #003438;
    font-size: 30px;
    margin-bottom: 50px;
}

.landing_page .National-Day .story .header-text {
    padding-top: 150px;
    text-align: left;
    min-height: 669px;
}


.landing_page .National-Day .story .header-text {
    padding-top: 67px;
    text-align: left;
    min-height: 669px;
}

.landing_page .National-Day .story .header-text .Thank_you {
    text-align: center;
    background-color: #ffffff;
    padding: 50px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.landing_page .National-Day .story .header-text .Thank_you p {
    text-align: right;
    color: #003438;
    font-size: 16px;
    width: 100%;
    margin: 0 auto;
    line-height: 30px;
    text-align: justify;
}

.landing_page .National-Day .story img {
    float: none;
    text-align: center;
    width: 100px;
        margin-top: 0;
}



/************media****************//************media****************/
/************media****************//************media****************/
/************media****************//************media****************/
/************media****************//************media****************/
/************media****************//************media****************/




@media (max-width: 1024px) {

    .landing_page .National-Day .hero_Thank_you .header-text .Thank_you p {
       font-size: 18px;
   
}
.whatsapp_lp .hero .header-text .box_1 {
    border-radius: 20px;
    padding: 19px 11px;
    text-align: center;
}
.whatsapp_lp .hero .header-text .box_1 h2 {
    font-weight: bold;
    font-size: 16px;
}

.whatsapp_lp .hero .header-text .box_1 p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
}
.landing_page .National-Day .hero_Thank_you .header-text .Thank_you p {
   
    width: 100%;
    margin: 0 auto;
}

}



@media (max-width: 768px) {

    
    .landing_page .National-Day .counter {
   
    width: 100%;
    
}

    .whatsapp_lp .integration_sms .btn-primary {
    margin-left: 10px;
    width: 81%;
}

    .National-Day .hero .header-text .btn-primary {
    float: none;
    margin-bottom: 30px;
}

    .landing_page .National-Day .hero_Thank_you .header-text .Thank_you p {
    font-size: 16px;
    width: 85%;
  
}

.landing_page .National-Day .hero_Thank_you .header-text .Thank_you {
  
    padding: 40px;
    width: 80%;
  
}

    .landing_page .National-Day .navbar-brand img {
        width: 90px;
        margin-top: 8px;
    }
    .National-Day .participation .btn-primary {
    margin-bottom: 30px;
   
}

    .National-Day .participation {
    padding: 20px;
}

    
.landing_page .National-Day .header-text {
    padding-top: 80px;
    text-align: center;
}
.landing_page .National-Day .header-text img {
    float: none;
    margin-top: 0;
    
}
.landing_page .National-Day .hero .header-text h2 {
    text-align: center;
}
.landing_page .National-Day .hero .header-text h1 {
     text-align: center;
}
.National-Day .hero .header-text p {
    text-align: center;
}

    .landing_page .whatsapp_lp .header-text {
    padding-top: 54px;
}

    .whatsapp_lp .integration_sms ul li {
    list-style: none;
    
}

.whatsapp_lp .integration_sms .header-text h2 {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 0;
}
.whatsapp_lp .hero .header-text h1 {
    font-size: 25px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 0;
}

.whatsapp_lp .hero .header-text p {
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
}

.landing_page .whatsapp_lp .header-text {
    padding-top: 120px;
    text-align: center;
}

.landing_page .whatsapp_lp .header-text img {
    float: right;
    width: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
        float: none;

}

.whatsapp_lp .sms_service h2 {
    font-size: 25px;
    width: 100%;
    text-align: center;
}

.whatsapp_lp .sms_service {
    padding: 20px;
    background-color: #f6f9fe;
}

.whatsapp_lp .flexible_sms h2 {
    font-size: 25px;
    width: 100%;
    margin: 35px auto;
    text-align: center;
}

.whatsapp_lp .flexible_sms {
    padding: 10px 0;
    min-height: 600px;
}

.landing_page .footer-06 .copyright-right p {
    text-align: center;
}

}


@media (max-width: 767px) {

    .landing_page .National-Day .hero_Thank_you .header-text .Thank_you {
    padding: 30px;
    width: 100%;
    margin: 0 auto;
}

    .landing_page .National-Day .hero_Thank_you .header-text .Thank_you p {
    width: 100%;
   }

    .National-Day .participation h2 {
   
    font-size: 25px;
}

.National-Day .participation p {
   
    font-size: 16px;
    line-height: 30px;
            margin-bottom: 0px;
}

.National-Day .participation ul li {
    font-size: 15px;
    line-height: 30px;
}

    .landing_page .National-Day .hero .header-text h2 {
    font-size: 14px;
    line-height: 50px;
    margin-bottom: 0;
}

.landing_page .National-Day .hero .header-text h1 {
   font-size: 28px;
        line-height: 38px;
        margin-bottom: 15px;
}

    .landing_page .footer-06 .copyright-right p {
    text-align: center;
}

    .whatsapp_lp .integration_sms ul {
    margin-left: 0;
}

   .whatsapp_lp .hero .header-text .box_1 {
        margin-bottom: 10px;
    }

    .landing_page .whatsapp_lp .header-text img {
        width: 322px;
    }
    .landing_page .expert .expert-tabs {
    padding: 19px 17px;
    margin: 0 auto;
}

  .whatsapp_lp .hero .header-text h1 {
line-height: 37px;  
  }


}