.footer-06 .iso_img,.sbutton,.top-header,.top-header .navbar .dropdown-item {
    text-align: center
}

body {
    font-size: 16px;
    font-family: poppins;
    font-display: swap;
    color: #2c599d
}

@font-face {
    font-family: poppins;
    src: url(../fonts/poppins/Poppins-Regular.ttf);
    font-display: swap
}

::selection {
    background: #ef6b06;
    color: #fff
}

.sbuttons {
    bottom: 1%;
    position: fixed;
    margin: 1em;
    right: 11px
}

.sbutton,.sbutton:not(:last-child) {
    margin: 20px auto 0;
    width: 60px;
    height: 60px
}

.sbutton {
    padding: 18px 0;
    background-color: #ef6b06;
    display: block;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 5px 11px -2px rgba(0,0,0,.18),0 4px 12px -7px rgba(0,0,0,.15);
    cursor: pointer;
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out;
    position: relative
}

.sbutton>i {
    margin: 0;
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    transition: .2s ease-in-out 2s
}

.sbutton:active,.sbutton:focus,.sbutton:hover {
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}

.menu-mobile,.navbar.light-header {
    box-shadow: 1px 1px 9px 0 rgb(192 192 201 / 48%)
}

.sbutton:not(:last-child) {
    opacity: 0
}

.sbutton:not(:last-child)>i {
    font-size: 30px;
    line-height: 25px;
    transition: .3s ease-in-out
}





    /* *****************************  notification-top ****************************************** */
    /* *****************************  notification-top ****************************************** */
    /* *****************************  notification-top ****************************************** */
    /* *****************************  notification-top ****************************************** */
    /* *****************************  notification-top ****************************************** */
    /* *****************************  notification-top ****************************************** */


 .notification-top-bar {
        position: fixed;
        top: 0;
        left: 0;
        height: 37px;
        line-height: 37px;
        width: 100%;
        background: linear-gradient(135deg, #f49347, #ef6b06);
        text-align: center;
        color: #FFFFFF;
        font-weight: 500;
        font-size: 14px;
        z-index: 10000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }
    
    .notification-top-bar.hidden {
        display: none;
    }
    

    
    /* عند إخفاء الشريط نزيل الفراغ */
    body.notification-hidden .light-heade.fixed-top {
        margin-top: 0 !important;
    }
    
    .notification-top-bar .notification-link {
        display: block;
        width: calc(100% - 40px);
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        padding: 0;
        margin: 0;
        transition: background 0.3s ease;
    }
    
    .notification-top-bar .notification-link:hover {
        background: rgba(255, 255, 255, 0.1);
    }
    
    .notification-content {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        height: 100%;
        padding: 0 15px;
    }
    
    .notification-text {
        font-weight: 500;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .notification-arrow {
        font-size: 13px;
        opacity: 0.8;
        transition: transform 0.3s ease;
    }
    
    .notification-top-bar .notification-link:hover .notification-arrow {
        transform: translateX(3px);
    }
    
    .notification-close {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        background: none;
        border: none;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        opacity: 0.8;
        z-index: 10001;
    }
    
    .notification-close:hover {
        background: rgba(255, 255, 255, 0.2);
        opacity: 1;
        transform: translateY(-50%) scale(1.1);
    }








#affiliate .faq .panel-group .panel .panel-heading,#internal-software .faq .panel-group .panel .panel-heading,#package .faq .panel-group .panel .panel-heading,#taqnyat-system .faq .panel-group .panel .panel-heading,.channels-callbot .faq .panel-group .panel .panel-heading,.channels-email-marketing .faq .panel-group .panel .panel-heading,.channels-sms .faq .panel-group .panel .panel-heading,.min_partner .tab-content,.partner .whatsapp_api .pricing_box,.products .box-products .card-body,.sbutton .las,.whatsapp_api .faq .panel-group .panel .panel-heading {
    padding: 0
}

.sbuttons:hover .sbutton:not(:last-child) {
    opacity: 1;
    width: 60px;
    height: 60px;
    margin: 15px auto 0
}

.sbutton:last-child {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms
}

.sbutton:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms
}

.sbutton:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms
}

.sbutton:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms
}

.sbutton:not(:last-child):nth-last-child(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms
}

.sbutton:not(:last-child):nth-last-child(6) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.sbutton.chat {
    background: #ef6b06
}

.sbutton.whatsapp {
    background: #4caf50
}

.top-header {
    display: none;
    background-color: #f5f8fb;
    height: 30px;
    -webkit-transition: background-color .3s,-webkit-transform .3s;
    transition: background-color .3s,transform .3s,-webkit-transform .3s
}

.jobs .jobs-bg .p-2,.offers .offers-bg .p-2,.top-header .p-2 {
    padding: 0!important
}

.top-header .btn-offar {
    border: 1px solid #ef6b06;
    padding: 0 8px;
    color: #ef6b06;
    font-weight: 700;
    border-radius: 4px;
    font-size: 12px
}

.top-header .alert {
    padding: .55rem 1.25rem;
    border: 0 solid transparent;
    border-radius: 0
}

.top-header .alert-dismissible .close {
    padding: .15rem 1.25rem
}

.top-header a {
    color: #2c599d;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px
}

.top-header .alert-warning {
    font-size: 12px;
    letter-spacing: .1em;
    color: #2c599d;
    background-color: #fff3cd00;
    border-color: #ffeeba
}

.footer-06 .footer-heading .logo,.footer-06 a,.footer-category li a:hover,.top-header .close {
    color: #fff
}

#affiliate .faq .panel-group .fa,#affiliate .faq .panel-group.panel .panel-heading h4 a i,#internal-software .faq .panel-group .fa,#internal-software .faq .panel-group.panel .panel-heading h4 a i,#package .faq .panel-group.panel .panel-heading h4 a i,.mega-menu .tabs-content h4:hover,.mega-menu-mobile .tabs-content h4:hover,.menu-mobile #sidebar a:hover,.navbar-expand-md .navbar-nav .nav-link:focus,.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .nav-link:hover::before,.privacy a,.top-header .close:hover {
    color: #ef6b06
}

.top-header img {
    margin-left: 5px;
    display: none
}

.channels-callbot .hero .custom-audio-player button:focus,.channels-callbot .hero .custom-audio-player-2 button:focus,.top-header button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 0
}

.top-header .alert-dismissible {
    padding-right: 0;
    border-radius: 0;
    margin-bottom: 0
}

.top-header ul li {
    list-style: none;
    display: inline-block;
    font-size: 12px
}

.top-header ul a {
    margin-right: 20px;
    font-size: 11px;
    margin-top: 0;
    letter-spacing: .11em
}

#affiliate .faq .pull-right,#package .faq .content .las,.channels-callbot .automate_service img,.channels-email-marketing .faq .panel-group .las,.features_application .content-left span,.social_responsibility .csr_programs .environmental_aspect img,.social_responsibility .csr_programs .social_aspect img,.top-header .top-r {
    float: right
}

.top-header .las {
    margin-right: 3px;
    font-size: 13px;
    color: #2c599d;
    padding: 12px 0
}

.menu-mobile #menu-icon,.top-header a:not([href]):not([tabindex]) {
    cursor: pointer
}

.top-header .navbar .dropdown-menu {
    box-shadow: 0 5px 10px #ebebeb;
    border-radius: 0;
    margin: 10px 0 0;
    right: 0;
    padding: 0;
    left: initial
}

.top-header .navbar {
    padding: 0;
    float: right;
    display: block
}

#affiliate .faq .panel-group,#internal-software .faq .panel-group,#package .faq .panel-group,#taqnyat-system .faq .panel-group,.channels-callbot .faq .panel-group,.channels-callbot .how_callbot p,.channels-callbot .integration .media p,.channels-email-marketing .faq .panel-group,.channels-sms .faq .panel-group,.top-header dl,.whatsapp_api .faq .panel-group,ol,ul {
    margin-bottom: 0
}

.expert .custom-select select,.expert .select-hide,.order-form .star-rating input,.social_responsibility .why .tabs-content div:not(.tab-one),.top-header .login-m,.touch #cd-vertical-nav a span:first-child {
    display: none
}

.top-header .carousel {
    height: 0
}

.vert .carousel-item-next.carousel-item-left,.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.vert .active.carousel-item-right,.vert .carousel-item-next {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100% 0)
}

.vert .active.carousel-item-left,.vert .carousel-item-prev {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.bg-inverse {
    background-color: #fff;
    padding: 15px 10px;
    z-index: 100
}

.navbar-brand {
    position: relative;
    padding: 0;
    margin-right: 50px
}

.navbar-brand img {
    width: 95px;
    margin: 0 10px
}

.navbar .dropdown-toggle::after,.navbar-expand-md .navbar-nav .nav-item {
    margin-left: 5px
}

.channels-email-marketing .use-cases .box-user-cases ul,.products .box-products ul,.use-cases .box-user-cases ul,ol li,ul li {
    list-style: none
}

.navbar-expand-md .navbar-nav .active>.nav-link,.navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .open>.nav-link {
    color: #ef6b06!important;
    width: 100%
}

.navbar-expand-md .navbar-nav .nav-link {
    color: #2c599d;
    font-size: 14px;
    padding: 7px;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    background: 0 0;
    margin-top: 5px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.navbar-expand-md .navbar-nav .nav-link:hover::before {
    transform-origin: bottom left;
    transform: scaleX(1)
}

.navbar-expand-md .navbar-nav .nav-link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ef6b06;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .3s
}

.navbar .btn-outline-success {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 8px 27px;
    margin-right: 4px
}

#affiliate .section-2 .btn-primary:active,#affiliate .section-2 .btn-primary:hover,#internal-programs .btn-primary:active,#internal-programs .btn-primary:hover,#internal-software .section-2 .btn-primary:hover,#internal-software.section-2 .btn-primary:active,#offers-page .hero-offers-page .btn-primary:active,#offers-page .hero-offers-page .btn-primary:hover,#package .btn-group-lg>.btn,#package .hero-offers .btn-primary:active,#package .hero-offers .btn-primary:hover,#package .slogan .btn-primary:active,#package .slogan .btn-primary:hover,#package .slogan .btn-primary:not(:disabled):not(.disabled).active,#package .slogan .btn-primary:not(:disabled):not(.disabled):active,#package .slogan .show>.btn-primary.dropdown-toggle,#programs .hero-area-bg .btn-primary:active,#programs .hero-area-bg .btn-primary:hover,#programs .hero-area-bg .btn-primary:not(:disabled):not(.disabled).active,#programs .hero-area-bg .btn-primary:not(:disabled):not(.disabled):active,#programs .use-cases .btn-primary:active,#programs .use-cases .btn-primary:hover,.barq .hero-area-barq .btn-primary:active,.barq .hero-area-barq .btn-primary:hover,.barq .request .btn-primary:active,.barq .request .btn-primary:hover,.barq .request .btn-primary:not(:disabled):not(.disabled).active,.barq .request .btn-primary:not(:disabled):not(.disabled):active,.barq .try-program .btn-primary:active,.barq .try-program .btn-primary:hover,.btn-lg:hover,.channels-callbot .hero .header-text .btn-primary:hover,.channels-chatbot .hero-channels-chatbot .header-text .btn-primary:active,.channels-chatbot .hero-channels-chatbot .header-text .btn-primary:hover,.channels-chatbot .slogan-chatbot .btn-primary:active,.channels-chatbot .slogan-chatbot .btn-primary:hover,.channels-email-marketing .hero-channels-email-marketing .header-text .btn-primary:active,.channels-email-marketing .hero-channels-email-marketing .header-text .btn-primary:hover,.channels-email-marketing .slogan-email-marketing .btn-primary:active,.channels-email-marketing .slogan-email-marketing .btn-primary:hover,.channels-email-marketing .whatsapp-1 .btn-primary:active,.channels-email-marketing .whatsapp-1 .btn-primary:hover,.channels-sms .cloud_communications .header-text .btn-primary:hover,.channels-sms .hero .header-text .btn-primary:hover,.channels-sms .hero-offers-salla .btn-primary:hover,.channels-sms .hero-offers-sms-packages .btn-primary:hover,.channels-sms .hero-offers-sms-service .btn-primary:hover,.channels-sms .hero_school_offer .btn-primary:hover,.channels-sms .integration_sms .header-text .btn-primary:hover,.channels-sms .slogan-sms .btn-primary:active,.channels-sms .slogan-sms .btn-primary:hover,.channels-sms .sms_api .btn-primary:active,.channels-sms .sms_api .btn-primary:hover,.ecommerce .clients .btn-primary:hover,.ecommerce .hero-ecommerce .header-text .btn-primary:hover,.education .hero-education .header-text .btn-primary:hover,.expert .btn-border:hover,.features .features-left .btn-primary:active,.features .features-left .btn-primary:hover,.healthcare .hero-healthcare .header-text .btn-primary:hover,.hero-area-bg .btn-primary:active,.hero-area-bg .btn-primary:hover,.hero-area-bg .btn-primary:not(:disabled):not(.disabled).active,.hero-area-bg .btn-primary:not(:disabled):not(.disabled):active,.jobs .jobs-bg .btn-primary:active,.jobs .jobs-bg .btn-primary:hover,.menu-mobile #sidebar .btn-primary:active,.menu-mobile #sidebar .btn-primary:hover,.min_partner .expert .btn-info:hover,.min_partner .hero .header-text .btn-primary:hover,.modal .btn-border:hover,.navbar .btn-outline-success:hover,.navbar .btn-outline-success:not(:disabled):not(.disabled).active,.navbar .btn-outline-success:not(:disabled):not(.disabled):active,.navbar .btn-primary:active,.navbar .btn-primary:hover,.navbar .btn-primary:not(:disabled):not(.disabled).active,.navbar .btn-primary:not(:disabled):not(.disabled):active,.navbar .show>.btn-outline-success.dropdown-toggle,.offers .offers-bg .btn-dark:active,.offers .offers-bg .btn-dark:hover,.offers .offers-bg .btn-primary:active,.offers .offers-bg .btn-primary:hover,.page-404 .btn-primary:active,.page-not-found .page-404 .btn-primary:hover,.partner .expert .btn-primary:hover,.partner .hero .header-text .btn-primary:hover,.products .box-products .btn-primary:active,.products .box-products .btn-primary:hover,.register .btn-border:hover,.show>.btn-primary.dropdown-toggle,.slogan .btn-primary:not(:disabled):not(.disabled).active,.slogan .btn-primary:not(:disabled):not(.disabled):active,.slogan .show>.btn-primary.dropdown-toggle,.use-cases .btn-primary:active,.use-cases .btn-primary:hover,.user-manual .btn-primary:active,.user-manual .btn-primary:hover,.whatsapp_api .hero .header-text .btn-primary:hover,.whatsapp_api .slogan .btn-primary:not(:disabled):not(.disabled).active,.whatsapp_api .slogan .btn-primary:not(:disabled):not(.disabled):active,.whatsapp_api .slogan .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d
}

.mega-menu .badge-danger,.navbar .btn-primary {
    background-color: #ef6b06
}

.navbar .dropdown-item {
    padding: 13px 35px;
    color: #2c599d;
    text-align: left;
    font-weight: 700;
    font-size: 14px
}

.navbar .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ef6b06
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    box-shadow: 0 9px 10px rgb(148 169 200 / 27%);
    border-radius: 0;
    margin: 23px 0 0
}

.navbar .see-more-btn a {
    color: #ef6b06;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 10px 40px;
    font-size: 13px
}

.navbar .dropdown-menu {
    padding: 0;
    margin: 10px 0 0;
    border: 1px solid rgb(255 255 255)
}

.navbar .btn-primary {
    color: #fff;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px
}

.navbar .dropdown-item:focus,.navbar .dropdown-item:hover {
    color: #2c599d;
    text-decoration: none;
    background-color: #f3f8fd
}

.navbar svg {
    margin-right: 4px
}

.navbar {
    -webkit-transition: background-color .3s,-webkit-transform .3s;
    transition: background-color .3s,transform .3s,-webkit-transform .3s
}

.deleteAnimation {
    transform: translateY(-102%)
}

.addAnimation {
    transform: translateY(0)
}

.mega-menu {
    padding: 0;
    background-color: #fff;
    min-height: 326px;
    width: 500px
}

.mega-menu h1 {
    font-weight: 600;
    color: #2c599d;
    font-size: 35px;
    margin-bottom: 10px;
    text-align: center
}

.mega-menu p,.mega-menu-mobile p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center
}

.mega-menu .title-head:after,.mega-menu-mobile .title-head:after,.social_responsibility .why .title-head:after {
    content: '';
    width: 50px;
    left: 50%;
    bottom: -20px;
    margin-left: -23px;
    height: 3px;
    position: absolute
}

.mega-menu .title-description,.mega-menu-mobile .title-description,.social_responsibility .why .title-description {
    font-size: 17px;
    line-height: 30px;
    color: #c1c1c1;
    max-width: 500px;
    margin: 0 auto 71px;
    text-align: center
}

.mega-menu .badge-danger,.mega-menu .badge-success {
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 50px;
    text-transform: uppercase;
    float: right;
}

.mega-menu .badge-success {
    background-color: #28a745
}

.mega-menu .tabs li,.mega-menu-mobile .tabs li {
    background-color: #f6f7f900;
    color: #2c599d;
    height: 70px;
    cursor: pointer;
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in
}

.mega-menu .tabs li.selected,.mega-menu .tabs li:hover {
    background-color: #f3f8fd;
    border-left: 2px solid #ef6b06
}

.mega-menu .tabs img,.mega-menu-mobile .tabs img {
    width: 74px;
    padding: 4px;
    margin: 17px
}

.mega-menu .media-body,.mega-menu-mobile .media-body {
    margin: 20px 15px
}

.mega-menu h5,.mega-menu-mobile h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 2;
    text-align: center
}

.mega-menu .tabs-content {
    background-color: #f3f8fd;
    min-height: 329px;
    padding: 2px
}

.mega-menu .tabs-content ul li,ol li {
    list-style: none;
    background-color: #f3f8fd;
    border-bottom: 1px solid #daebfd;
    padding: 0 15px
}

.mega-menu .tabs-content h4 {
    font-size: 14px;
    font-weight: 700;
    color: #2c599d
}

.mega-menu .tabs-content a:hover,.mega-menu-mobile .tabs-content a:hover {
    text-decoration: none;
    color: #ef6b06
}


.mega-menu .col-lg-4,.mega-menu .col-md-12,.mega-menu .col-md-4,.mega-menu .col-md-8,.mega-menu-mobile .col-lg-4,.mega-menu-mobile .col-md-12,.mega-menu-mobile .col-md-4,.mega-menu-mobile .col-md-8,.social_responsibility .why .col-lg-4,.social_responsibility .why .col-md-12,.social_responsibility .why .col-md-4,.social_responsibility .why .col-md-8,.user-manual .container-fluid,.whatsapp_api .pricing_box .col-md-6 {
    padding-right: 0;
    padding-left: 0
}


.mega-menu .tabs-content .btn,.mega-menu-mobile .tabs-content .btn,.social_responsibility .why .tabs-content .btn {
    background-color: #f8e35600;
    color: #112648;
    border-color: #0052a5;
    border-radius: 0
}

.mega-menu .tabs-content .btn:hover,.mega-menu-mobile .tabs-content .btn:hover,.social_responsibility .why .tabs-content .btn:hover {
    background-color: #0052a5;
    color: #fff;
    border-color: #0052a5;
    cursor: pointer
}

.mega-menu .tabs-content h3 {
    font-size: 25px;
    font-weight: 600;
    line-height: 39px;
    color: #2c599d
}

.mega-menu .tabs-content p {
    font-size: 13px;
    line-height: 20px;
    color: #2c599d;
    margin-top: 8px;
    text-align: left
}

.mega-menu .tabs-content h2,.mega-menu-mobile .tabs-content h2 {
    font-size: 18px;
    color: #ef6b06
}

#back-school .back-school-offer .la,#offers-page .offers-page-offer .las,.las,.mega-menu .tabs-content .media .las {
    margin-right: 3px;
    font-size: 20px;
    color: #ef6b06;
    padding: 5px 0
}

.lab,.navbar .mega-menu .media .las {
    margin-left: 3px;
    margin-top: 0;
    font-size: 19px;
    color: #2c599d;
    padding: 19px 8px
}

.mega-menu-mobile {
    display: none;
    padding: 0;
    background-color: #fff;
    height: 250px;
    width: 100%;
    overflow: scroll
}

.mega-menu-mobile h4 {
    font-weight: 700;
    color: #2c599d;
    font-size: 14px;
    text-align: left;
    padding: 8px 0
}

.why-mobile h1,.why-mobile h3 {
    font-weight: 600;
    color: #2c599d
}

.mega-menu-mobile .tabs li.selected,.mega-menu-mobile .tabs li:hover {
    background-color: #fef3f0
}

.mega-menu-mobile .tabs-content {
    background-color: #fff;
    min-height: 329px;
    padding: 2px
}

.mega-menu-mobile .tabs-content ul li,ol li {
    list-style: none;
    background-color: #f3f8fd;
    border-bottom: 1px solid #daebfd;
    padding: 0 5px
}

.mega-menu-mobile .tabs-content h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #2c599d
}

.mega-menu-mobile .tabs-content p {
    font-size: 14px;
    line-height: 20px;
    color: #2c599d;
    margin-top: 8px;
    text-align: left
}

.navbar .mega-menu .media .fa,.navbar .mega-menu-mobile .media .lab {
    margin-right: 3px;
    font-size: 25px;
    color: #2c599d;
    padding: 22px 8px
}

.navbar .mega-menu .media .lab {
    margin-right: 3px;
    padding: 19px 8px
}

.why-mobile {
    padding: 30px 0 0;
    background-color: #fff;
    min-height: 600px;
    display: none
}

.why-mobile h1 {
    font-size: 25px;
    margin-bottom: 10px;
    text-align: center
}

.why-mobile h3 {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 15px
}

.why-mobile p {
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 10px;
    color: #2c599d;
    text-align: center
}

.why-mobile .why-mobile-box {
    background-color: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 12px #e6e4e4;
    margin-bottom: 10px
}

.menu-mobile {
    display: none;
    background-color: #fff
}

.menu-mobile header {
    background-color: #fff;
    color: #fff;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu-mobile .navbar-brand img {
    width: 95px;
    margin: 15px 0
}

.menu-mobile #sidebar {
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #fff;
    transform: translateX(-100%);
    transition: transform .3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    z-index: 900000000000
}

.menu-mobile .sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
    border-bottom: 1px solid #c1c1c1
}

.menu-mobile #close-icon {
    font-size: 1.5em;
    cursor: pointer
}

.menu-mobile #sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu-mobile #sidebar img {
    width: 110px
}

.menu-mobile #sidebar p {
    color: #2c599d;
    background-color: #f0f8ff;
    padding: 15px 25px;
    font-size: 14px;
    margin-bottom: 0
}

.menu-mobile #sidebar a {
    text-decoration: none;
    font-size: 14px;
    color: #2c599d;
    display: block;
    padding: 20px 25px;
    border-bottom: 1px solid #d9d9d9;
    transition: background-color .3s ease-in-out
}

.menu-mobile #sidebar .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
    margin: 20px
}

.menu-mobile button {
    border: 0;
    background-color: #fff;
    padding: 0;
    margin-left: 10px
}

#demo,.why-box {
    border-radius: 8px
}

.menu-mobile button:focus,.partner .packages button:focus {
    outline: dotted 0;
    outline: -webkit-focus-ring-color auto 0
}

#back-school .back-school-offer li,.menu-mobile .las,.promises .promises-box p {
    font-size: 16px
}

.menu-mobile #sidebar .dropdown-toggle::after {
    position: absolute;
    right: 20px;
    margin-top: 8px;
    transform: translateY(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

@media screen and (max-width: 768px) {
    .navbar {
        display:none
    }

    #menu-icon,.menu-mobile,.navbar_offer_page .navbar,.partner .navbar {
        display: block
    }

    main {
        margin-left: 0
    }

    #sidebar {
        transform: translateX(-100%)
    }

    #sidebar.show {
        transform: translateX(0)
    }

    main.show {
        margin-left: 250px
    }
}

.hero-area-bg {
    background: url(../images/hero.png) center/cover no-repeat;
    position: relative;
    min-height: 700px;
    margin-top: 60px
}

.hero-area-bg .meta_partners img {
    margin-top: 20px;
    width: 140px
}

.hero-area-bg .shape-1 {
    left: 0;
    bottom: 0
}

.barq .request .img-footer img,.hero-area-bg .shape-1 img {
    width: 250px
}

.hero-area-bg .shape-2 img {
    width: 480px
}

.hero-area-bg .shape-2 {
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(-1)
}


#doc .hero-area-bg .header-shape-bg,#programs .hero-area-bg .header-shape-bg,.hero-area-bg .header-shape-bg {
    position: absolute;
    top: 0;
    min-height: 500px;
    z-index: 2;
    width: 100%
}

#programs .hero-area-bg .header-text,#programs .hero-area-bg .width-100,.hero-area-bg .width-100,.jobs .hero-area-bg .header-text {
    width: 100%
}

#programs .hero-area-bg .float-right,.hero-area-bg .float-right {
    float: right!important
}

#programs .hero-area-bg .play-button-wrapper,.hero-area-bg .play-button-wrapper {
    top: 45%;
    width: 35.5%;
    right: 0
}

#programs .hero-area-bg .play-button-wrapper img,.hero-area-bg .play-button-wrapper img {
    width: 40%
}

.hero-area-bg .offers-title-top {
    margin-top: 40px
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.hero-area-bg .right-bg {
    float: right;
    padding: 40px 0
}

.hero-area-bg .right-bg-2 {
    width: 65%;
    float: right;
    padding: 40px 0
}

.hero-area-bg .right-bg-offer {
    width: 95%;
    float: right;
    right: 1px;
    overflow: hidden;
    padding: 50px 0
}

.hero-area-bg .header-text {
    width: 100%;
    padding: 50px;
    margin-top: 0
}

.hero-area-bg .header-text h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 9px;
    margin-top: 70px;
    color: #2c599d;
}

.hero-area-bg .header-text h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 9px;
    margin-top: 70px;
    color: #2c599d;
}



.hero-area-bg .header-text p {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 35px;
    margin-top: 27px;
    color: #2c599d;
    line-height: 28px;
}



.hero-area-bg .shape-2 {
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}

.hero-area-bg .header-text img {
   margin-top: 20px;
}

.hero-area-bg .shape-2 img {
    width: 400px
}

.hero-area-bg .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 18px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.hero-area-bg .las {
    margin-left: 8px;
    font-size: 20px;
    color: #fff;
    padding: 5px 0
}

#programs .hero-area-bg .offers-title-top,#programs .hero-area-bg .values,.hero-area-bg .values-min {
    margin-top: 60px
}

#programs .hero-area-bg .values .list-unstyled,.hero-area-bg .values-min .list-unstyled,.partner .packages .nav {
    display: inline-flex
}

.hero-area-bg .values-min .list-unstyled li {
    margin-right: 20px;
    font-size: 16px;
    color: #2c599d
}

.hero-area-bg .values-min .list-unstyled .las {
    font-size: 15px;
    color: #ef6b06;
    margin-right: 10px
}

.hero-area-bg .carousel {
    height: 500px
}

.barq .use-cases .carousel-indicators,.hero-area-bg .carousel-indicators {
    bottom: -90px
}

.hero-area-bg .carousel-indicators li {
    background-color: #ef6b06;
    width: 12px;
    height: 4px;
    margin-right: 6px;
    margin-left: 6px;
    border-radius: 0
}

.min-testimonial {
    padding: 50px 0;
    min-height: 700px;
    background-color: #f5e3d4;
    text-align: center
}

.why-box,.why-taqnyat {
    background-color: #fff
}

#demo {
    background: linear-gradient(112deg,#fff 50%,#fdf2e9 50%);
    max-width: 900px;
    margin: auto
}

.min-testimonial .las {
    padding: 20px;
    color: #fff;
    background-color: #ef6b06;
    border-radius: 100px;
    margin: 30px
}

#back-school .hero-area-bg .header-text p,#internal-software .hero-area-bg .header-text p,#taqnyat-system .hero-area-bg .header-text p,.min-testimonial .name,.min-testimonial p,.products .box-products a {
    color: #2c599d
}

.min-testimonial .position {
    color: #ef6b06;
    font-size: 14px;
    font-weight: 400
}

.min-testimonial h1 {
    margin: 25px 0 50px;
    font-size: 35px;
    font-weight: 700
}

.carousel-caption {
    position: initial;
    z-index: 10;
    padding: 5rem 8rem;
    color: rgba(78,77,77,.856);
    text-align: center;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 700;
    line-height: 2rem
}

.carousel-caption img {
    width: 6rem;
    border-radius: 5rem;
    margin-top: 2rem
}

#image-caption {
    font-style: normal;
    font-size: 1rem;
    margin-top: .5rem
}

@media(max-width: 767px) {
    .carousel-caption {
        position:initial;
        z-index: 10;
        padding: 3rem 2rem;
        color: rgba(78,77,77,.856);
        text-align: center;
        font-size: .7rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5rem
    }

    .carousel-caption img {
        width: 4rem;
        border-radius: 4rem;
        margin-top: 1rem
    }

    #image-caption {
        font-style: normal;
        font-size: .6rem;
        margin-top: .5rem
    }

    i {
        padding: .8rem
    }
}

.carousel-control-prev {
    justify-content: flex-start
}

.carousel-control-next {
    justify-content: flex-end
}

.carousel-control-next,.carousel-control-prev {
    transition: none;
    opacity: unset
}

.why-taqnyat {
    padding: 40px;
    min-height: 750px;
    text-align: center
}

.why-taqnyat h2 {
    margin: 30px;
    font-size: 35px;
    font-weight: 700
}

.why-box {
    padding: 15px;
    margin-top: 20px;
    height: 100%;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.why-box .icon-main {
    margin: 25px auto;
    width: 120px;
    height: 120px;
    color: #fff;
    background: #fdf2e9;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.why-box .icon-main img {
    width: 80px;
    height: 80px;
    padding: 10px;
    margin: 20px
}

.why-box .why-box-2 h5 {
    font-size: 22px;
    font-weight: 700;
    margin: 30px 0 10px;
    line-height: 33px;
    text-align: center
}

.why-box .why-box-2 h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 30px 0 10px;
    line-height: 33px;
    text-align: center
}

.why-box .why-box-2 p {
    font-size: 16px;
    margin: 10px;
    line-height: 25px;
    text-align: center
}

.why-box .why-box-2 .h-line {
    height: 2px;
    background-color: #ef6b06;
    margin: 20px auto;
    width: 50%
}

.why-box:hover {
    background: #fdf2e9
}

#affiliate .faq .content,#internal-software .faq .content,#package .faq .content,#taqnyat-system .faq .content,.channels-callbot .faq .content,.channels-email-marketing .faq .content,.channels-sms .faq .content,.whatsapp_api .faq .content,.why-box:hover .icon-main {
    background: #fff
}

.package-min {
    padding: 90px 0;
    background-color: #fff
}

.package-min .package-min-box {
    background-color: #fff;
    box-shadow: 0 10px 40px rgb(4 75 194 / 10%);
    border: 1px solid rgba(88,136,247,.1);
    padding: 50px;
    border-radius: 8px;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: .3s ease-in-out
}

.package-min .package-min-box:hover {
    border: 1px solid rgb(249 129 36)
}

.package-min .package-min-box .icon-main {
    bottom: 231px;
    margin-bottom: 30px;
    width: 120px;
    height: 120px;
    color: #fff;
    background: #f7fbfe;
    border-radius: 50%;
    -webkit-border-radius: 22%;
    -moz-border-radius: 50%
}

.package-min .package-min-box .icon-main img {
    width: 95px;
    padding: 10px;
    margin: 14px
}

.package-min .package-min-box .why-box-2 h5 {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 40px
}

.package-min .package-min-box .why-box-2 p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px
}

.package-min .package-min-box .buy-btn a {
    color: #ef6b06;
    font-size: 15px
}

.package-min .package-min-box .buy-btn {
    margin: 30px 0 0
}

.channels-email-marketing .whatsapp-1 .values-box svg,.package-min .package-min-box svg {
    margin-left: 10px
}

.channels-email-marketing .whatsapp-1 .values-box svg .arrow,.package-min .package-min-box svg .arrow {
    transition: .3s
}

.channels-email-marketing .whatsapp-1 .values-box:hover svg .arrow,.package-min .package-min-box:hover svg .arrow {
    transform: translateX(32px)
}

.slogan,.whatsapp_api .slogan {
    background: url(../images/values-bg.png) center center/cover no-repeat fixed;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 350px;
    padding: 50px
}

.slogan p,.whatsapp_api .slogan p {
   width: 45%;
    margin: 33px auto;
    font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
}

#package .slogan .btn-primary,.ecommerce .slogan .btn-primary,.education .slogan .btn-primary,.healthcare .slogan .btn-primary,.slogan .btn-primary,.whatsapp_api .slogan .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 20px;
    font-weight: 600
}

.ecommerce .slogan .btn-primary:active,.ecommerce .slogan .btn-primary:hover,.education .slogan .btn-primary:active,.education .slogan .btn-primary:hover,.healthcare .slogan .btn-primary:active,.healthcare .slogan .btn-primary:hover,.slogan .btn-primary:active,.slogan .btn-primary:hover,.whatsapp_api .slogan .btn-primary:active,.whatsapp_api .slogan .btn-primary:hover {
    color: #fff;
    background-color: #5c84c4;
    border-color: #5c84c4
}

.features .features-left,.features .features-right,.features-channels .features-left {
    border-top: 1px solid #e8e6e6;
    border-bottom: 1px solid #e8e6e6;
    padding: 40px;
    margin-top: 30px
}

.features,.features-channels {
    padding: 40px 0;
    text-align: center;
    min-height: 790px;
    background-color: #fff
}

.clients,.products,.use-cases {
    padding: 50px 0
}

.features h2,.features-channels h2 {
    font-size: 35px;
    margin: 30px
}

.features .features-right {
    background-color: #f7fafd;
    min-height: 650px;
    border-right: 1px solid #e8e6e6
}

.features .features-right .media,.features-channels .features-right .media {
    padding: 15px;
    line-height: 22px;
    margin-top: 30px;
    border-radius: 3px
}

.features .features-right .media h5,.features-channels .features-right .media h5 {
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px
}

.features .features-right .media p,.features-channels .features-right .media p {
    text-align: left;
    line-height: 25px
}

.features .features-right .media .las {
    margin-right: 25px;
    font-size: 35px;
    color: #ef6b06;
    background-color: #fff;
    padding: 14px;
    border-radius: 8px
}

.features .features-left,.features-channels .features-left {
    background-color: #fff;
    border-left: 1px solid #e8e6e6
}

.features .features-left img,.features-channels .features-left img {
    width: 50%;
    margin: 80px 0 14px
}

.features .features-left h3,.features-channels .features-left h3 {
    font-size: 25px;
    margin-bottom: 12px;
    font-weight: 700
}

.features .features-left .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px
}

.features .carousel-indicators {
    bottom: -55px;
    right: auto;
    margin-left: 18%;
    margin-right: auto
}

.features .hero-area-bg .carousel-indicators li {
    background-color: #ef6b06;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    margin-left: 6px;
    border-radius: 100%
}

#package .noUi-touch-area,#programs .hero-area-bg .carousel-indicators li,.channels-email-marketing .use-cases .carousel-indicators li,.features .carousel-indicators li,.features-channels .carousel-indicators li,.no-touch #cd-vertical-nav a.is-selected .cd-dot {
    background-color: #ef6b06
}

.use-cases {
    text-align: center;
    min-height: 750px;
    background-color: #f7fafd
}

.use-cases h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 30px;
    margin-bottom: 60px
}

.channels-email-marketing .use-cases .box-user-cases,.use-cases .box-user-cases {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #fff;
    padding: 40px
}

.use-cases .box-user-cases:hover {
    box-shadow: 0 0 80px rgb(196 203 215 / 46%);
    transition: .3s cubic-bezier(.74, .04, .45, 1.38)
}

.channels-email-marketing .use-cases .box-user-cases .las,.use-cases .box-user-cases .las {
    color: #ef6b06;
    padding: 0 10px;
    font-size: 40px
}

.use-cases .box-user-cases h5 {
    margin-bottom: 20px;
    color: #2c599d;
    margin-left: 5px;
    font-size: 20px;
    font-weight: 700
}

.channels-email-marketing .use-cases .box-user-cases ul li,.use-cases .box-user-cases ul li {
    font-size: 14px;
    color: #2c599d;
    line-height: 35px;
    margin-left: 17px
}

.use-cases .box-user-cases .icon {
    padding: 30px 20px;
    background-color: #edf4fb;
    margin-bottom: 40px;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    font-size: 25px;
    color: #ef6b06
}

.channels-email-marketing .use-cases .box-user-cases ul li::before,.products .box-products ul li::before,.use-cases .box-user-cases ul li::before {
    content: "\2022";
    color: #ef6b06;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.use-cases .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin: 30px auto
}

.products .box-products,.products .box-products .card {
    border: 0 solid rgba(0,0,0,.125)
}

.products {
    text-align: center;
    min-height: 1000px;
    background-color: #f7fbfe
}

.products h2 {
    font-weight: 700;
    color: #2c599d;
    font-size: 32px;
    width: 48%;
    margin: 23px auto;
    line-height: 45px
}

.products .box-products {
    min-height: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 35px;
    box-shadow: 0 0 60px rgb(234 244 252);
    filter: grayscale(0);
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem
}

.clients img:active,.clients img:focus,.clients img:hover,.healthcare .clients img:active,.healthcare .clients img:focus,.healthcare .clients img:hover,.products .box-products:hover {
    transform: translateY(-8px);
    filter: grayscale(0)
}

.products .box-products h4 {
    margin-bottom: 20px;
    color: #2c599d;
    margin-left: 5px;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin-top: 0
}

.products .box-products h3 {
    margin: 30px 8px 9px;
    color: #ef6b06;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px
}

.products .box-products ul li {
    font-size: 14px;
    color: #2c599d;
    line-height: 30px;
    margin-left: 16px;
    text-align: left
}

.products .box-products .icon {
    padding: 22px;
    background-color: #fdf2e9;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    font-size: 25px;
    color: #fff;
    margin: 0 auto
}

#programs .min-programs .box-programs .icon .las,.min-programs .box-programs .icon .fa,.products .box-products .icon .lab,.products .box-products .icon .las {
    font-size: 48px;
    color: #ef6b06;
    padding: 4px
}

.products .box-products p {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #2c599d
}

.expert .btn-border,.products .box-products .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px
}

.products .box-products a:hover {
    color: #2c599d;
    text-decoration: none
}

.products .box-products .h-line {
    height: 2px;
    background-color: #ef6b06;
    width: 50%;
    margin: 0 auto
}

.products .box-products .btn-primary {
    padding: 8px 25px;
    font-size: 14px;
    width: 50%;
    margin: auto
}

.clients {
    text-align: center;
    min-height: 220px;
    background-color: #fff
}

.did-you-know,.expert h5 {
    background-color: #f3f7f9
}

.clients h2,.healthcare .clients h2 {
    font-weight: 700;
    color: #2c599d;
    font-size: 32px;
    width: 48%;
    margin: 10px auto;
    line-height: 45px
}

.clients h2 {
   
    width: 100%;
}

.clients p {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.clients p,.healthcare .clients p {
    margin-bottom: 10px;
    font-size: 16px
}

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

.clients img {
    width: 120px;
    border-radius: 12px;
    filter: grayscale(100%);
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-250px * 7))
    }
}

.clients .slider {
    height: 160px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto
}

.clients .slider .slide-track {
    animation: 40s linear infinite scroll;
    display: flex;
    width: calc(250px * 14)
}

.clients .slider .slide {
    height: 100px;
    width: 250px
}

.did-you-know {
    padding: 50px
}

.expert,.privacy {
    background-color: #f5f8fb
}

.did-you-know h2 {
    margin-top: 100px;
    font-size: 53px;
    font-weight: 700;
    color: #273364
}

.did-you-know p {
    margin-top: 30px;
    font-size: 20px;
    color: #273364;
    line-height: 30px
}

.expert h2,.expert h3 {
    line-height: 35px;
    color: #2c599d
}

.did-you-know img,.features_application .show-box img,.min_partner .slogan_partners img {
    width: 80%
}

.expert {
    padding: 57px;
    min-height: 886px;
    margin-top: 20px
}

.expert h1 {
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    width: 80%;
    margin: 30px auto;
    margin-top: 65px;
}

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

.expert .btn-border {
    padding: 10px 40px;
    margin-top: 15px;
    float: right
}

.expert .form-control,.modal .form-control,.register .form-control {
    height: 50px;
    font-size: 14px
}

.expert h3 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
    width: 100%
}

.expert h4,.expert p {
    font-size: 16px;
    margin-bottom: 20px
}

.expert p {
    color: #2c599d;
    width: 80%
}


.expert h4 {
    font-weight: 600;
    color: #ef6b06;
    margin-top: 30px
}

.expert h5 {
    font-size: 16px;
    margin-top: 20px;
    line-height: 20px;
    padding: 20px;
    border-radius: 10px
}

.channels-callbot .automate_service .media,.expert .text-sales,.footer .social-media {
    margin-bottom: 20px
}

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

.expert .form_offer {
    padding: 45px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 30px rgb(229 195 190 / 46%)
}

.expert .form-sales .form-check-label {
    margin-bottom: 10px;
    margin-right: 23px;
    font-size: 14px
}

#details-jobs .margin-l,.expert .form-sales .form-check,.whatsapp_api .pricing_box h3 {
    margin-left: 20px
}

.expert .form-sales h6 {
    font-size: 13px;
    margin-top: 3px
}

.expert .form_offer .btn-info {
    font-size: 16px;
    line-height: 1.6;
    border-radius: 100px;
    border: 0;
    background: #f48022;
    width: 100%;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.expert ul li .las {
    font-size: 16px;
    color: #e03d25;
    margin-right: 10px
}

.expert .expert-tabs {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgb(224 224 224 / 78%)
}

.expert .expert-tabs .tab-content {
    padding: 58px 15px
}

#package .expert-tabs h6.section-title,.expert .expert-tabs h6.section-title {
    color: #eee
}

.expert .expert-tabs .nav-tabs .nav-item.show .nav-link,.expert .expert-tabs .nav-tabs .nav-link.active {
    color: #ef6b06;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid!important
}

.expert .expert-tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #2c599d;
    font-size: 16px
}

.expert .form-textarea {
    height: 72px;
    font-size: 14px
}

.expert .custom-select {
    position: relative;
    height: 49px
}

.expert .select-selected:after {
    position: absolute;
    content: "";
    top: 11px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid #fff
}

.expert .select-selected.select-arrow-active:after {
    border-color: #fcfcfc #fcfcfc #fff #fff;
    top: 24px
}

.expert .select-items div,.expert .select-selected {
    padding: 9px;
    border: 0 solid transparent;
    border-color: transparent transparent rgba(0,0,0,.1);
    cursor: pointer;
    user-select: none;
    font-size: 14px
}

.expert .select-items {
    margin-top: 0;
    position: absolute;
    background-color: #f3f8fd;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 9px 14px 5px rgb(0 0 0 / 14%);
    border: 1px solid #ef6b06
}

.expert .same-as-selected,.expert .select-items div:hover {
    background-color: rgb(255 255 255);
    color: #ef6b06
}

.margin-page {
    margin-left: 100px;
    margin-right: 100px
}

.privacy {
    padding: 40px 0 30px;
    min-height: 730px;
    margin-top: 60px
}

.privacy .privacy-body {
    background-color: #fff;
    padding: 25px;
    box-shadow: 0 10px 50px rgba(4,75,194,.1);
    border-radius: 8px;
    margin-bottom: 20px
}

.privacy .privacy-body .las {
    margin-right: 0;
    margin-left: auto;
    font-size: 33px;
    margin-bottom: 15px
}

.privacy h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 30px;
    margin: 40px 0;
}

.privacy h1 {
    font-weight: 600;
    color: #2c599d;
    font-size: 35px;
    margin-top: 20px;
    text-align: center;
    margin: 40px 0;
}

.privacy h3 {
    font-weight: 600;
    color: #2c599d;
    font-size: 19px;
    margin-bottom: 30px;
    line-height: 30px;
    width: 100%
}

.privacy h5 {
    font-weight: 600;
    line-height: 27px;
    font-size: 18px;
    color: #ef6b06
}

.privacy .privacy-body .margin-footer-2 {
    margin-bottom: 500px
}

.expert .thank-you {
    margin-top: 40px;
    background-color: #fff;
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 10px 50px rgb(228 232 237)
}

.expert .thank-you img {
    width: 200px;
    margin-bottom: 30px
}


.expert .thank-you .btn-primary {
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    padding: 11px 30px;
    border-radius: 50px;
    background: linear-gradient(135deg, rgb(255, 154, 60), rgb(239, 107, 6));
    text-decoration: none;
    transition: 0.3s;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.expert .thank-you .btn-primary:hover {
    box-shadow: rgba(239, 107, 6, 0.3) 0px 10px 25px;
    color: rgb(255, 255, 255);
    transform: translateY(-2px);
}

.expert .thank-you .btn-success {
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    margin-left: 10px;
    padding: 11px 24px;
    border-radius: 50px;
    background: linear-gradient(135deg, rgb(86, 124, 182), rgb(51, 92, 153));
    text-decoration: none;
    transition: 0.3s;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.expert .thank-you .btn-success:hover {
    box-shadow: rgba(33, 67, 118, 0.26) 0px 10px 25px;
    color: rgb(255, 255, 255);
    transform: translateY(-2px);
}





#survey .expert h3 {
    font-weight: 600;
    color: #2c599d;
    font-size: 32px;
    margin-bottom: 20px;
    text-align: center
}

.expert .thank-you h1 {
    font-weight: 600;
    color: #2c599d;
    font-size: 32px;
    margin-bottom: 20px;
    text-align: center
}

.expert .thank-you h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 32px;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 0;
}

.expert .thank-you h5 {
   background-color: #fef2f0;
    font-size: 18px;
    text-align: center;
    color: #2c599d;
    margin: 0 auto 30px;
    width: 45%;
    line-height: 28px;
}

.slogan-footer {
    z-index: 99;
    right: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 10px 30px rgb(30 48 40 / 7%)
}

.slogan-footer .box-slogan {
    background-color: #fff;
    padding: 20px 48px 20px 32px;
    font-size: 23px;
    width: 100%;
    color: #2c599d;
    border-radius: 100px;
    text-align: center
}

.slogan-footer .box-slogan p {
    font-size: 22px;
    font-family: cursive;
    margin-bottom: 0;
    color: #2c599d
}

.order-form {
    padding: 40px;
    min-height: 730px;
    background-color: #f3f7f9;
    margin-top: 0
}

#details-jobs .jobs,.offers {
    min-height: 730px;
    background-color: #f5f8fb
}

.jobs h2,.order-form h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 35px;
    margin-bottom: 60px;
    text-align: center
}

.order-form .order-form-bg {
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 10px 50px rgba(4,75,194,.1);
    margin-top: 30px
}

.order-form .order-form-bg h4 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 20px;
    color: #dc3a32;
    background-color: #fff;
    padding: 14px 0;
    border-bottom: 1px solid #dc3a32
}

.order-form .star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 2em;
    justify-content: space-around;
    padding: 0 .2em;
    text-align: center;
    width: 5em
}

.star-rating label {
    color: #ccc;
    cursor: pointer;
    margin-bottom: 0
}

.order-form .star-rating :checked~label {
    color: #f90
}

.order-form .star-rating label:hover,.order-form .star-rating label:hover~label {
    color: #fc0
}

.order-form .form-inline {
    border: 1px solid #ced4da;
    padding: 0 15px;
    border-radius: 4px
}

.order-form p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    margin-right: 10px;
    color: #495057
}

.offers {
    padding: 40px
}

.offers h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 35px;
    margin-bottom: 40px;
    text-align: center;
    margin-top: 70px
}

.offers .offers-bg {
    background-color: #fff;
    padding: 40px;
    box-shadow: 0 10px 50px rgb(230 231 233);
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    height: 90%
}

.offers .offers-bg h3 {
    font-weight: 700;
    margin-bottom: 20px;
    width: 100%
}

.offers .offers-bg li {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 700
}

.offers .offers-bg .las {
    margin-right: 5px;
    font-size: 18px;
    color: #ef6b06
}

.offers .offers-bg .btn-dark,.offers .offers-bg .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 30px;
    margin-top: 25px
}

.offers .offers-bg p {
    background-color: #fef3f0;
    padding: 15px;
    border-radius: 10px;
    color: #2c599d;
    line-height: 25px;
    margin: 25px 0
}

.offers .offers-bg .offers-title {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.offers .offers-bg img {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 225px;
    top: 0;
    margin: 18px 17px
}

.offers .offers-bg .offers-title h3 {
    color: #2c599d;
    font-size: 25px;
    font-weight: 700;
    width: 100%
}

.jobs .jobs-bg h5,.offers .offers-bg .offers-title h5 {
    color: #2c599d;
    font-size: 16px;
    line-height: 27px
}

.offers .offers-bg span {
    color: #2c599d;
    background-color: #fef3f0;
    border-radius: 100px;
    padding: 5px 28px;
    margin-top: 11px;
    width: 100px;
    text-align: center;
    font-size: 14px
}

.offers .offers-bg .btn-danger {
    color: #2c599d;
    background-color: #fff;
    border-color: #fff;
    border-radius: 50px;
    padding: 10px 30px;
    margin-top: 25px
}

.btn-danger:not(:disabled):not(.disabled):active,.offers .offers-bg .btn-danger:hover,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06
}

.offers .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #2c599d
}

.jobs {
    min-height: 730px;
    background-color: #fff;
    margin-top: 0;
    padding: 0 0 25px
}

.footer,.ribbon span {
    background-color: #2c599d
}

.jobs .hero-area-bg {
    background: linear-gradient(90deg,#fdf1e8 0,rgb(253 242 233) 50%,#fdf1e8 100%);
    position: relative;
    min-height: 285px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    height: 350px
}

.jobs .hero-area-bg .header-text h1 {
    font-weight: 700;
    font-size: 35px;
    color: #2c599d;
    line-height: 50px;
    width: 100%;
    margin: 32px 0 0 auto
}

.jobs .hero-area-bg .header-text p {
    color: #2c599d;
    line-height: 31px;
    width: 65%;
    margin: 24px auto 0;
    font-size: 20px
}

.jobs .jobs-bg h1 {
    color: #2c599d;
    font-size: 20px;
    font-weight: 700;
    width: 100%
}

.jobs .jobs-bg h3 {
    color: #2c599d;
    font-size: 20px;
    font-weight: 700;
    width: 100%
}

.jobs .jobs-bg h4 {
    color: #ef6b06;
    font-size: 16px
}

.jobs .jobs-bg {
    background-color: #fff;
    padding: 30px 20px 11px;
    box-shadow: 0 0 20px rgb(116 123 135 / 16%);
    border-radius: 10px;
    margin-bottom: 20px
}

.jobs .jobs-bg .btn-primary,.modal .btn-border {
    border-color: #ef6b06;
    border-radius: 50px;
    background-color: #ef6b06;
    color: #fff
}

.footer .footer-category,.jobs .jobs-bg p {
    margin-top: 15px
}

.jobs .jobs-bg .btn-primary {
    padding: 10px 30px;
    margin-top: 0;
    cursor: pointer
}

.modal .btn-border {
    margin-left: .25rem;
    padding: 10px 40px
}

.body-text p {
    text-align: justify;
    line-height: 28px;
    font-size: 16px
}

.copyright,.copyright h5,.footer {
    text-align: center
}

.body-text ul li,ol li {
    margin-right: 30px;
    text-align: justify;
    font-size: 16px;
    line-height: 30px
}

#details-jobs .jobs {
    margin-top: 60px;
    padding: 50px
}

#details-jobs .jobs h4 {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #2c599d;
    text-align: left;
    line-height: 28px
}

#details-jobs .jobs span,.copyright,.copyright h5,.features_application .box-item .text p {
    font-size: 14px
}

#details-jobs .jobs .jobs-bg .btn-primary {
    margin-top: 18px
}

#details-jobs .jobs .jobs-bg {
    padding: 35px
}

.footer {
    min-height: 50px;
    padding: 89px 0 34px;
    color: #fff
}

.footer-category li a {
    font-size: 16px;
    line-height: 20px;
    color: #7c84ad;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer-category .fa {
    padding-right: 10px;
    color: #fff
}

.footer .logo-footer {
    text-align: right;
    margin-top: 50px
}

.footer ul li,ol li {
    list-style: none;
    display: inline-block;
    margin-right: 20px
}

.footer .social-media .social-icon {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border: 2px solid #ddd;
    padding: 0;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    line-height: 2em;
    border-radius: 27px;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    margin-right: 20px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer .social-media .social-icon:hover {
    border: 2px solid #ef6b06;
    color: #fff;
    background-color: #ef6b06
}

.copyright {
    color: #6872a0;
    background-color: #273163;
    padding: 5px 0 9px
}

.copyright h5 {
    color: #7c84ad;
    font-weight: 400;
    margin-top: 16px;
    line-height: 25px
}

.sidebar,.user-manual .sidebar {
    padding: 20px 0
}

.sidebar .nav-link {
    color: #2c599d;
    padding: 8px 10px
}

.sidebar .nav-link.active,.sidebar .nav-link:focus,.sidebar .nav-link:hover {
    color: #e64b2c;
    background-color: #fff;
    border-color: #fff
}

.body-text .padding-box {
    padding-top: 25px
}

.body-text h3 {
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: 0
}

.sticky {
    position: sticky;
    z-index: 100;
    top: 20px
}

.body-text ul li,ol li {
    list-style: disc;
    margin-left: 30px
}

.cd-img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.cd-scroll-down {
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
    width: 38px;
    height: 44px;
    background: url("../img/cd-arrow-bottom.svg") center center no-repeat
}

.no-touch #cd-vertical-nav {
    position: fixed;
    right: 35px;
    top: 40%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.touch #cd-vertical-nav,.touch .cd-nav-trigger {
    position: fixed;
    right: 5%;
    bottom: 30px;
    border-radius: .25em
}

.features_application .content-left .text,.no-touch #cd-vertical-nav li {
    text-align: right
}

.no-touch #cd-vertical-nav a {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.no-touch #cd-vertical-nav a:after {
    content: "";
    display: table;
    clear: both
}

.no-touch #cd-vertical-nav a span {
    float: right;
    display: inline-block;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6)
}

.no-touch #cd-vertical-nav a:hover span,.touch #cd-vertical-nav.open {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.no-touch #cd-vertical-nav a:hover .cd-label {
    opacity: 1
}

.no-touch #cd-vertical-nav .cd-dot {
    position: relative;
    top: 8px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ef6B0680;
    -webkit-transition: -webkit-transform .2s,background-color .5s;
    -moz-transition: -moz-transform .2s,background-color .5s;
    transition: transform .2s,background-color .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.no-touch #cd-vertical-nav .cd-label {
    text-transform: uppercase;
    position: relative;
    margin-right: 10px;
    padding: 7px 17px;
    color: #fff;
    font-size: .875rem;
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    -moz-transition: -moz-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background-color: #ef6b06;
    border-radius: 100px;
    margin-left: 10px
}

.touch .cd-nav-trigger {
    display: block;
    z-index: 2;
    height: 44px;
    width: 44px;
    background: rgba(255,255,255,.9)
}

.touch .cd-nav-trigger span {
    position: absolute;
    height: 4px;
    width: 4px;
    background-color: #3e3947;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.touch .cd-nav-trigger span::after,.touch .cd-nav-trigger span::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    background-color: inherit;
    border-radius: inherit
}

.touch .cd-nav-trigger span::before {
    top: -9px
}

.touch .cd-nav-trigger span::after {
    bottom: -9px
}

.touch #cd-vertical-nav {
    z-index: 1;
    width: 90%;
    max-width: 400px;
    max-height: 90%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
    background-color: rgba(255,255,255,.9)
}

.touch #cd-vertical-nav a {
    display: block;
    padding: 1em;
    border-bottom: 1px solid rgba(62,57,71,.1)
}

.touch #cd-vertical-nav a.is-selected span:last-child {
    color: #d88683
}

.touch #cd-vertical-nav.open+.cd-nav-trigger {
    background-color: transparent
}

.touch #cd-vertical-nav.open+.cd-nav-trigger span {
    background-color: rgba(62,57,71,0)
}

.touch #cd-vertical-nav.open+.cd-nav-trigger span::after,.touch #cd-vertical-nav.open+.cd-nav-trigger span::before {
    background-color: #3e3947;
    height: 3px;
    width: 20px;
    border-radius: 0;
    left: -8px
}

.touch #cd-vertical-nav.open+.cd-nav-trigger span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px
}

.touch #cd-vertical-nav.open+.cd-nav-trigger span::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    bottom: 0
}

.touch #cd-vertical-nav li:last-child a {
    border-bottom: none
}

@media only screen and (min-width: 768px) {
    .touch #cd-vertical-nav,.touch .cd-nav-trigger {
        bottom:40px
    }
}

#programs .hero-area-bg {
    background: rgb(253 241 232);
    position: relative;
    height: 500px;
    margin-top: 60px
}

#programs .hero-area-bg img {
    width: 70%;
    float: right
}

#programs .hero-area-bg .right-bg {
    float: right;
    width: 90%;
    right: 1px;
    overflow: hidden;
    padding: 40px
}

#programs .hero-area-bg .header-text h1 {
    font-weight: 600;
    font-size: 35px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 20px;
    margin-top: 20px
}

#programs .hero-area-bg .header-text p {
    font-weight: 600;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 15px;
    color: #2c599d;
    width: 100%
}

#programs .hero-area-bg .header-text li {
    font-size: 17px
}

#programs .hero-area-bg .btn-primary,#programs .use-cases .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    margin-top: 15px
}

#programs .offers .offers-bg .las {
    margin-right: 10px;
    font-size: 18px;
    color: #ef6b06
}

#programs .hero-area-bg .values .list-unstyled li {
    margin-right: 20px;
    font-size: 18px;
    color: #2c599d
}

#programs .hero-area-bg .values .list-unstyled .las {
    font-size: 20px;
    color: #ef6b06;
    margin-right: 10px
}

#programs .use-cases {
    padding: 80px 0;
    min-height: 750px;
    background-color: #fff
}

#programs .use-cases h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 35px;
    margin-bottom: 100px
}

#programs .use-cases li {
    margin-bottom: 15px
}

#programs .use-cases img {
    width: 70%
}

#programs .expert h4 {
    font-weight: 600;
    font-size: 20px;
    margin: 0 auto;
    color: #2c599d;
    line-height: 31px;
    width: 55%
}

#programs .expert .thank-you img {
    width: 400px;
    margin-bottom: 5px
}

#programs .offers-bg img {
    position: unset;
    left: 0;
    z-index: 0;
    width: 188px;
    top: 0;
    padding: 25px;
    border-radius: 20px
}

#programs .min-programs {
    padding: 40px;
    min-height: 730px;
    margin-top: 60px
}

#programs .min-programs .card {
    box-shadow: 0 15px 20px -10px #b7bcd0;
    border-top: 6px solid #ef6b06;
    margin-bottom: 40px;
    padding: 37px 18px;
    height: 90%
}

#programs .min-programs .box-programs {
    padding: 35px 0 20px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    margin: 0 auto;
    height: 90%
}

#programs .min-programs .box-programs .icon {
    padding: 22px;
    background-color: #fef3ec;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    font-size: 25px;
    color: #fff;
    margin: 0 auto
}

#doc .min-doc .buy-btn,#internal-programs .min-programs .buy-btn,#programs .min-programs .buy-btn {
    margin: 30px 0 0;
    text-align: center
}

#doc .min-doc .card-title,#internal-programs .min-programs h5,#programs .min-programs .card-title {
    margin-bottom: .75rem;
    font-weight: 700
}

#doc .min-doc .buy-btn a,#internal-programs .min-programs .buy-btn a,#programs .min-programs .buy-btn a {
    color: #ef6b06;
    font-weight: 700;
    font-size: 15px
}

#programs .hero-p .hero-area-bg .las {
    margin-right: 10px;
    font-size: 15px;
    color: #ef6b06
}

#internal-programs {
    padding: 40px;
    min-height: 730px;
    margin-top: 60px;
    background: url(../images/hero-bg.webp) center center/cover no-repeat
}

#internal-programs .min-programs,.news,.news .news_details {
    margin-top: 50px
}

#internal-programs .min-programs .card {
    box-shadow: 0 15px 20px -10px #b7bcd0;
    border-top: 6px solid #ef6b06;
    margin-bottom: 40px;
    padding: 30px 18px 6px
}

#doc .min-doc .box-programs,#internal-programs .min-programs .box-programs {
    padding: 35px 0 20px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    margin: 0 auto
}

#internal-programs .min-programs h5 {
    font-size: 25px
}

#internal-programs .min-programs h3,#internal-programs .min-programs h6 {
    font-size: 20px;
    margin-top: 30px;
    font-weight: 700
}

#internal-programs .min-programs h6 {
    color: #2c599d;
    background-color: #eeeff4;
    border-radius: 100px;
    padding: 13px 30px
}

#internal-programs .min-programs .card-body span {
    color: #2c599d;
    background-color: #eeeff4;
    border-radius: 100px;
    padding: 5px 28px;
    margin-top: 11px;
    width: 100px;
    text-align: center
}

#internal-programs .hero-area-bg {
    background: linear-gradient(90deg,#fdf1e8 0,#fff 50%,#fdf1e8 100%);
    min-height: 730px
}

#internal-programs .card-body {
    padding: 0 10px
}

#internal-programs .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    margin-top: 30px
}

#affiliate .hero-area-bg {
    background: rgb(253 241 232);
    position: relative;
    min-height: 620px;
    margin-top: 0
}

#affiliate .hero-area-bg .header-text h1 {
    font-weight: 700;
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 0;
    margin-top: 88px;
    color: #2c599d
}

#affiliate .hero-area-bg .header-text p {
    color: #2c599d;
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 31px;
    margin-top: 15px
}

#affiliate .min-affiliate,#internal-software .min-affiliate,#package .min-affiliate,#taqnyat-system .min-affiliate {
    padding: 40px;
    min-height: 550px
}

#affiliate .hero-area-bg img {
    width: 65%;
    margin-top: 80px;
    float: right
}

#about .min-affiliate h2,#affiliate .faq h2,#affiliate .min-affiliate h2,#internal-software .min-affiliate h2,#migration .min-affiliate h2,#migration .min-affiliate-2 h2,#package .faq h2,#taqnyat-system .min-affiliate h2,.channels-callbot .faq h2,.channels-sms .faq h2,.whatsapp_api .faq h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px
}

#affiliate .min-affiliate p,#migration .min-affiliate-2 p,#offices .min-affiliate p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    width: 60%;
    margin: 10px auto;
    text-align: center
}

#affiliate .min-affiliate .box-affiliate,#migration .min-affiliate .box-affiliate,#migration .min-affiliate-2 .box-affiliate {
    text-align: center;
    box-shadow: 0 0 12px #e6e4e4;
    padding: 30px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: .3s ease-in-out
}

#about .min-affiliate .media:hover,#affiliate .min-affiliate .box-affiliate:hover,#migration .min-affiliate .box-affiliate:hover,#migration .min-affiliate-2 .box-affiliate:hover,#offices .min-affiliate .box-affiliate:hover {
    box-shadow: 0 10px 22px 10px rgb(27 38 49 / 10%)
}

#about .min-affiliate .box-affiliate h3,#affiliate .min-affiliate .box-affiliate h3,#internal-software .min-affiliate h3,#migration .min-affiliate .box-affiliate h3,#migration .min-affiliate-2 .box-affiliate h3,#taqnyat-system .min-affiliate h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 20px
}

#affiliate .min-affiliate .box-affiliate p,#migration .min-affiliate-2 .box-affiliate p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #2c599d;
    margin: 0;
    width: 100%
}

#taqnyat-system .software-benefits .las,.min-affiliate .box-affiliate .las {
    margin-right: 10px;
    font-size: 50px;
    color: #ef6b06
}

#affiliate .faq {
    min-height: 700px;
    padding: 70px;
    background-color: #fff
}

#affiliate .faq p,#affiliate .section-2 p,#internal-software .faq p,#internal-software .section-2 p,#package .faq p,#taqnyat-system .faq p,.channels-callbot .faq p,.channels-email-marketing .faq p,.channels-sms .faq p,.whatsapp_api .faq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px
}

#affiliate .faq .panel-group p,#package .faq .panel-group p {
    font-weight: 400;
    color: #2c599d;
    text-align: left;
    line-height: 24px;
    padding: 18px 23px;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #fdf5ee;
    margin-top: 0
}

#affiliate .faq .panel-group .panel,#internal-software .faq .panel-group .panel,#package .faq .panel-group .panel,#taqnyat-system .faq .panel-group .panel,.channels-callbot .faq .panel-group .panel,.channels-email-marketing .faq .panel-group .panel,.channels-sms .faq .panel-group .panel,.whatsapp_api .faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background-color: #fff
}

#affiliate .faq .panel-group .panel .panel-heading h4 a {
    background: #fef3eb;
    color: #2c599d;
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 21px;
    text-decoration: none;
    transition: .15s ease-in-out
}

#affiliate .faq .panel-group .panel .panel-heading h4 a:hover,#affiliate .faq .panel-group .panel .panel-heading h4 a:not(.collapsed),#internal-software .faq .panel-group .panel .panel-heading h4 a:hover,#internal-software .faq .panel-group .panel .panel-heading h4 a:not(.collapsed),#package .faq .panel-group .panel .panel-heading h4 a:hover,#package .faq .panel-group .panel .panel-heading h4 a:not(.collapsed),.channels-email-marketing .panel-group .panel .panel-heading h4 a:hover,.channels-email-marketing .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    background: #f9e5d5;
    transition: .15s ease-in-out
}

#affiliate .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before,#package .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before,.channels-callbot .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before,.channels-email-marketing .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before,.channels-sms .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before,.whatsapp_api .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "\f068"
}

#affiliate .faq .panel-group.panel .panel-body,#internal-software .faq .panel-group.panel .panel-body,#package .faq .panel-group.panel .panel-body,.channels-callbot .faq .panel-group.panel .panel-body,.channels-email-marketing .panel-group.panel .panel-body,.channels-sms .faq .panel-group.panel .panel-body,.whatsapp_api .faq .panel-group.panel .panel-body {
    padding-top: 0
}

#affiliate .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,#affiliate .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body,#internal-software .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,#internal-software .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body,#package .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,#package .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body,.channels-callbot .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,.channels-callbot .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body,.channels-email-marketing .panel-group .panel .panel-heading+.panel-collapse>.list-group,.channels-sms .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,.channels-sms .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body,.whatsapp_api .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,.whatsapp_api .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
    border-top: none
}

#affiliate .faq .panel-group .panel+.panel,#internal-software .faq .panel-group .panel+.panel,#package .faq .panel-group .panel+.panel,.channels-callbot .faq .panel-group .panel+.panel,.channels-email-marketing .panel-group .panel+.panel,.channels-sms .faq .panel-group .panel+.panel,.whatsapp_api .faq .panel-group .panel+.panel {
    border-top: none;
    margin-top: 0
}

#affiliate .section-2 {
    min-height: 700px;
    padding: 60px;
    background-color: #f3f7f9
}

#affiliate .section-2 h2,#package .section-2 h2 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    width: 60%;
    padding: 0 0 70px
}

#affiliate .section-2 .paid,#affiliate .section-2 .share,#affiliate .section-2 .success,#internal-software .section-2 .paid,#internal-software .section-2 .share,#internal-software .section-2 .success,#internal-software.section-2 .share {
    padding: 40px;
    width: 85%;
    margin: 0 auto
}

#affiliate .section-2 .paid img,#affiliate .section-2 .share img,#internal-software .box-affiliate .hero-area-bg img,#internal-software .hero-area-bg img,.min-affiliate .box-affiliate .hero-area-bg img {
    width: 80%;
    float: right
}

#affiliate .section-2 .btn-primary,#internal-software .section-2 .btn-primary,.hero-area-bg .btn-danger:hover {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px
}

#affiliate .section-2 h3,#internal-software .section-2 h3 {
    font-weight: 600;
    font-size: 22px;
    margin-top: 50px
}

#affiliate .section-2 h6 {
    line-height: 25px;
    margin-bottom: 30px;
    font-size: 16px
}

#affiliate .section-2 .success img {
    width: 70%;
    float: left
}

#migration .hero-area-bg {
    overflow: hidden;
    position: relative;
    min-height: 550px;
    margin-top: 50px;
    background: linear-gradient(90deg,#fdf1e8 0,#fdf1e8 50%,#fdf1e8 100%)
}

#migration .hero-area-bg img {
    width: 90%;
    float: right
}

#migration .hero-area-bg .header-text h1 {
    margin-top: 30px;
    color: #2c599d;
    font-size: 40px;
    text-align: left
}

#migration .hero-area-bg .header-text p {
    color: #2c599d;
    font-size: 20px;
    text-align: left
}

#migration .bg-inverse {
    background-color: #fff
}

#migration .min-affiliate {
    padding: 40px;
    min-height: 550px;
    background-color: #f3f7f9
}

#migration .min-affiliate p {
    font-weight: 400;
    font-size: 16px;
    color: #2c599d;
    width: 100%;
    margin: 10px auto;
    text-align: center
}

#migration .min-affiliate .box-affiliate p {
    font-weight: 400;
    font-size: 14px;
    color: #2c599d;
    margin: 0 0 20px;
    width: 100%
}

#migration .min-affiliate .box-affiliate .box-badge {
    border-top: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 30px 0 0
}

#migration .min-affiliate .box-affiliate .box-badge .badge-secondary {
    color: #fff;
    background-color: #ef6b06;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    border-radius: 50px
}

#migration .bg-affiliate {
    padding: 60px;
    min-height: 600px
}

#migration .bg-affiliate img,.social_responsibility .why .media-body {
    margin-top: 30px
}

#migration .min-affiliate-2 {
    padding: 40px;
    min-height: 550px;
    background-color: #fff
}

#survey .expert .form-control {
    margin: 10px auto 0;
    width: 80%;
    height: auto
}

#survey .expert p {
    margin: 0 auto 20px;
    width: 80%
}

.expert .padding_n {
    padding: 0 45px 0 0
}

#internal-software .hero-area-bg {
    overflow: hidden;
    position: relative;
    min-height: 510px;
    margin-top: 60px;
    background: linear-gradient(90deg,#fdf1e8 0,#fdf1e8 50%,#fdf1e8 100%)
}

#internal-software .hero-area-bg .header-text h1,#taqnyat-system .hero-area-bg .header-text h1 {
    margin-top: 10px;
    color: #2c599d
}

#internal-software .min-affiliate p,#taqnyat-system .min-affiliate p {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #2c599d;
    margin: 0;
    width: 100%
}

#internal-software .las {
    margin-right: 10px;
    color: #ef6b06
}

#internal-software .faq {
    min-height: 600px;
    padding: 70px;
    background-color: #fff
}

#internal-software .faq h2,#taqnyat-system .faq h2,.channels-email-marketing .faq h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 10px
}

#internal-software .faq .panel-group p,#taqnyat-system .faq .panel-group p {
    font-weight: 400;
    color: #2c599d;
    text-align: left;
    line-height: 24px;
    padding: 0 23px;
    font-size: 16px;
    margin: 0
}

#internal-software .faq .panel-group .panel .panel-heading h4 a,.channels-email-marketing .faq .panel-group .panel .panel-heading h4 a {
    background: #fef3eb;
    color: #2c599d;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 21px;
    text-decoration: none;
    transition: .15s ease-in-out
}

#internal-software .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: ""
}

#internal-software .section-2 {
    min-height: 700px;
    padding: 60px;
    background-color: #fff
}

.hero-area-bg .btn-danger {
    color: #ef6b06;
    background-color: #ffffff00;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    margin-left: 5px
}

#internal-software .section-2 h2 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    width: 50%;
    padding: 0 0 70px
}

#internal-software .section-2 .share img {
    width: 60%;
    float: right;
    margin-top: 20px
}

#internal-software .section-2 h6 {
    line-height: 25px;
    margin-bottom: 30px;
    font-size: 16px;
    text-align: justify
}

#internal-software .section-2 .success img {
    width: 50%;
    float: left;
    margin-top: 20px
}

#internal-software .section-2 .paid img {
    width: 55%;
    float: right;
    margin-top: 20px
}

#internal-software .software-benefits {
    padding: 50px;
    min-height: 550px;
    background-color: #f5f8fb
}

#internal-software .software-benefits .media {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    border-radius: 8px;
    background-color: #fff;
    padding: 24px 16px;
    box-shadow: 0 10px 50px rgb(4 75 194 / 10%);
    border: 1px solid rgba(88,136,247,.1)
}

#taqnyat-system .navbar.light-header,.partner .navbar.light-header {
    box-shadow: 1px 1px 9px 0 rgb(0 0 0 / 11%)
}

#internal-software .software-benefits .media p {
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 16px
}

#internal-software .software-benefits .las {
    margin-right: 10px;
    font-size: 20px;
    color: #ef6b06;
    padding: 5px
}

#internal-software .software-benefits h2 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 20px auto 0;
    width: 40%;
    padding: 0 0 50px
}

#internal-software .software-benefits li,.channels-chatbot .box-chatbot li,.channels-email-marketing .box-email-marketing li {
    list-style: none;
    font-size: 19px;
    padding: 5px
}

#taqnyat-system .hero-area-bg {
    overflow: hidden;
    position: relative;
    min-height: 540px;
    margin-top: 60px;
    background: linear-gradient(90deg,#fdf1e8 0,#fdf1e8 50%,#fdf1e8 100%)
}

#taqnyat-system .hero-area-bg img {
    width: 75%;
    -webkit-transform: scaleX(-1)
}

#taqnyat-system .software-benefits .lab {
    font-size: 40px;
    color: #ef6b06
}

#taqnyat-system .faq,.channels-email-marketing .faq {
    min-height: 450px;
    padding: 70px;
    background-color: #fff
}

#package .postpaid,#package .prepaid {
    padding: 30px;
    text-align: center
}

.user-manual {
    padding: 40px 0 30px;
    min-height: 730px;
    background-color: #f3f7f9;
    margin-top: 0
}

.user-manual .manual-body {
    padding: 0 15px;
    border-radius: 0
}

.user-manual .body-text {
    background-color: #fff;
    padding: 25px;
    box-shadow: 0 10px 50px rgb(4 75 194 / 10%)
}

.user-manual .sidebar .nav-link {
    color: #2c599d;
    padding: 10px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.user-manual .sidebar .nav-link.active,.user-manual .sidebar .nav-link:hover {
    color: #e64b2c;
    background-color: #fff;
    border-color: #fff;
    border-left: 4px solid #e64b2c
}

.user-manual .menu-content-mobile {
    margin-top: 0;
    font-size: 14px;
    cursor: pointer;
    color: #464a4e;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    display: none;
    text-align: center;
    height: 40px;
    padding: 13px
}

.user-manual .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    margin: 50px 0
}

.user-manual img {
    width: 80%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin: 20px 0
}

.user-manual .h1,h1 {
    font-size: 25px;
    font-weight: 700
}

.social_responsibility .overview h2,.user-manual h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top: 10px
}

.user-manual a {
    color: #f82608;
    font-weight: 700
}

.user-manual ol li {
    display: list-item;
    list-style: decimal;
    margin-right: 20px;
    margin-top: 5px
}

#package .hero-area-bg {
    background: url(../images/hero.png) center/cover no-repeat;
    position: relative;
    overflow: hidden;
    min-height: 350px;
    text-align: center;
    margin-top: 60px
}

#package .hero-area-bg .shape-1 img {
    opacity: .8
}

#package .hero-area-bg img {
    width: 100%;
    float: right
}

#package .hero-area-bg .shape-1 {
    bottom: 0;
    right: auto
}

#package .hero-area-bg .shape-2 {
    bottom: 0;
    left: auto
}

#package .prepaid h2 {
    padding: 10px;
    font-size: 25px;
    margin-bottom: 30px;
    font-weight: bold;
}

#package .prepaid h6 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

#package .postpaid {
    background-color: #fef8f6;
    margin: 0 auto
}

#package .postpaid h2,.ecommerce .section-1 .box,.ecommerce .section-1 .box-left,.education .section-1 .box,.education .section-1 .box-left,.healthcare .section-1 .box,.healthcare .section-1 .box-left,.social_responsibility .csr_programs {
    padding: 20px
}

#package .hero-area-bg .header-text h1 {
    margin-top: 49px;
    color: #2c599d;
    font-size: 36px;
    margin-bottom: 0
}

#package .prepaid img{
width: 15px;
}

#package .hero-area-bg .header-text p {
    color: #2c599d;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 24px;
    width: 100%;
}

#package .faq,.channels-callbot .faq,.channels-sms .faq,.whatsapp_api .faq {
    min-height: 500px;
    padding: 40px;
    background-color: #fff
}

#package .faq .panel-group .panel .panel-heading h4 a {
    background: #fef3eb;
    color: #2c599d;
    border-radius: 8px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 21px;
    text-decoration: none;
    transition: .15s ease-in-out
}

#package .faq .panel-group .fa,.channels-callbot .faq .panel-group .fa,.channels-email-marketing .panel-group .fa,.channels-sms .faq .panel-group .fa,.whatsapp_api .faq .panel-group .fa {
    color: #ef6b06;
    float: right
}

#package .content h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 40px
}

#package .plan-one {
    margin: 0 0 20px;
    width: 100%;
    position: relative
}

#package .plan-card {
    background: #fff;
    margin-bottom: 30px;
    transition: .5s;
    border: 0;
    border-radius: .55rem;
    position: relative;
    width: 100%;
    box-shadow: 0 6px 23px 0 rgb(0 0 0 / 10%)
}

#package .plan-one .pricing-header {
    padding: 0;
    margin-bottom: 0;
    text-align: center
}

#package .plan-one .pricing-header .plan-title {
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
    font-weight: 600;
    background: #ef6b06;
    margin: 0
}

#package .plan-one .pricing-header .plan-icon {
    color: #ef6b06;
    background: #fff;
    padding: 10px 0 0;
    font-size: 2.5rem;
    font-weight: 700
}

#package .plan-one .pricing-header .plan-icon .las {
    font-size: 55px;
    padding: 0;
    margin: 10px
}

#package .plan-one .pricing-header .plan-cost {
    color: #2c599d;
    background: #fff;
    font-size: 23px;
    font-weight: 600
}

#package .plan-one .pricing-header .plan-save {
    color: #2c599d;
    background: #fdf2e9;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px
}

#package .btn-group-lg>.btn,.btn-lg {
    padding: .5rem 2rem;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 100px;
    background-color: #ef6b06;
    border-color: #ef6b06;
    font-weight: 700
}

#package .plan-one .plan-features {
    border: 1px solid #e6ecf3;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 0;
    text-align: left
}

#package .plan-one .plan-features li {
    padding: 10px 15px 10px 40px;
    margin: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    border-bottom: 1px solid #e6ecf3;
    line-height: 100%
}

#package .plan-one .plan-footer {
    border: 1px solid #e6ecf3;
    border-top: 0;
    background: #fff;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    padding: 10px 0 30px
}

#package .hero-offers {
    background-color: #fdf1e8;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 450px;
    margin-top: 0;
    padding: 40px
}

#package .hero-offers .header-text h1 {
    font-weight: 700;
    font-size: 35px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 15px;
    margin-top: 100px
}

#package .hero-offers .header-text h2 {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 600
}

#package .hero-offers .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 17px
}

.offers .offers-bg h6 {
    background-color: #fef3f0;
    padding: 15px;
    border-radius: 10px;
    color: #2c599d;
    line-height: 25px;
    margin: 25px 0;
    font-size: 16px
}

#package .slogan {
    background: url(../images/values-bg.png) center center/cover no-repeat fixed;
    overflow: hidden;
    position: relative;
    padding: 60px 0;
    color: #fff;
    text-align: center;
    min-height: 355px
}

#package .slogan p {
    width: 100%;
    margin: 59px auto 30px;
    font-size: 28px;
    font-weight: 700;
    line-height: 35px
}

.pricetag {
    white-space: nowrap;
    position: relative;
    margin: 0 5px 0 10px;
    displaY: inline-block;
    height: 25px;
    border-radius: 0 5px 5px 0;
    padding: 6px 12px;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    text-align: center;
    background-color: #ef6b06
}

.pricetag:before {
    position: absolute;
    content: "\25CF";
    color: #ef6b06;
    text-shadow: 0 0 1px #fff;
    font-size: 11px;
    line-height: 0;
    text-indent: 12px;
    left: -13px;
    width: 1px;
    height: 2px;
    top: 0;
    border-right: 14px solid #ef6b06;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent
}

#package .pay-grow {
    padding: 40px;
    width: 60%
}

#package .pay-grow h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center;
    margin-top: 30px
}

#package .pay-grow ::-webkit-input-placeholder {
    color: #ef6b06
}

#package .pay-grow :-ms-input-placeholder {
    color: #ef6b06
}

#package .pay-grow ::placeholder {
    color: #ef6b06
}

#package .pay-grow .form-control:focus {
    box-shadow: 0 2px 0 0 rgb(255 255 255)
}

#package .box-grow .blog-tag span {
    background-color: #ef6b06;
    padding: 5px 10px;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    display: block;
    text-align: center;
    font-weight: 700
}

#doc .hero-area-bg .header-text h1,.register h1 {
    font-weight: 600;
    color: #2c599d;
    font-size: 30px;
    text-align: center
}

#package .box-grow .blog-tag {
    right: auto;
    position: absolute;
    top: 20px;
    left: 0
}

#package .box-grow {
    background-color: #fff;
    padding: 30px;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    margin-top: 10px;
    border: 1px solid #e9ecef
}

#package .box-grow h5 {
    font-weight: 700;
    font-size: 17px
}

#package .box-grow h3 {
    font-weight: 700;
    color: #ef6b06;
    font-size: 35px
}

#package .box-grow span {
    font-size: 14px;
    color: #b1b1b1
}

#package .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #2c599d;
    margin-top: 30px
}

#package .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #fa512e
}

#package .range-box {
    margin-top: 40px;
    margin-bottom: 10px
}

#package .box-btn {
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

#package .expert-tabs,.register .register-tabs {
    background-color: #fff;
    padding: 30px
}

#package .expert-tabs .tab-content {
    padding: 10px 15px
}

#package .expert-tabs h6 {
    text-align: center;
    margin-top: 25px;
    font-weight: 700
}

#package .expert-tabs .nav-tabs .nav-item.show .nav-link,#package .expert-tabs .nav-tabs .nav-link.active {
    color: #ef6b06;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 4px solid!important;
    font-weight: 700
}

#package .expert-tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #333;
    font-size: 16px
}

#package .noUi-tooltip {
    border: 1px solid #ef6b06;
    border-radius: 4px;
    background: #ef6b06;
    color: #fff;
    padding: 2px 14px
}

#package .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin: 0 auto
}

#package .pay-grow .form-control {
    margin: 0 auto;
    width: 100%;
    border: 1px solid #fff;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #ef6b06
}

.register {
    padding: 50px;
    min-height: 650px;
    background-color: #f5f8fb;
    margin-top: 35px
}

.register h1 {
    margin-bottom: 30px;
    margin-top: 60px
}

.register p {
    text-align: center;
    font-size: 17px;
    margin-bottom: 50px
}

.register .register-tabs {
    border-radius: 8px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 5px 30px rgb(223 225 227)
}

.register .btn-border {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    float: right;
    margin-top: 13px
}

.register .checkbox-bg {
    padding: 20px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.register .form-check {
    margin-bottom: 5px
}

.barq .benefits h1,.barq .target,.features_application .section-header,.footer-06 .aside-stretch-right .media {
    margin-bottom: 30px
}

.barq .target h2 {
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: 700;
    margin-top: 50px;
}

.barq .benefits h2 {
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: 700;
    margin-top: 50px;
}

.register .form-check-label,.register abel {
    color: #495057
}

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute
}

.ribbon::after,.ribbon::before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9
}

.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 11px 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center
}

.ribbon-top-left {
    top: -10px;
    left: -8px;
    z-index: 50
}

.ribbon-top-left::after,.ribbon-top-left::before {
    border-top-color: transparent;
    border-left-color: transparent
}

.ribbon-top-left::before {
    top: 0;
    right: 2px
}

.ribbon-top-left::after {
    bottom: 2px;
    left: -2px
}

.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg)
}

.register textarea.form-control {
    height: 84px
}

#doc .hero-area-bg {
    background: linear-gradient(90deg,#fdf1e8 0,#fdf1e8 50%,#fdf1e8 100%);
    height: 600px;
    margin-top: 0
}

#doc .min-doc {
    padding: 40px;
    min-height: 500px;
    margin-top: 60px
}

#doc .min-doc .card {
    box-shadow: 0 15px 20px -10px #b7bcd0;
    border-bottom: 4px solid #ef6b06;
    margin-bottom: 40px;
    padding: 37px 18px
}

#doc .hero-area-bg img {
    width: 25%;
    float: none;
    margin: 0 auto;
    text-align: center
}

#doc .hero-area-bg .header-text h1 {
    line-height: 40px;
    margin-bottom: 15px;
    margin-top: 50px
}

#doc .box-programs img {
    width: 100px;
    margin-left: 30px;
    margin-top: 20px
}

#doc .top-nav {
    background: #ef6b06;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    padding: 10px;
    height: 50px
}

#doc .top-nav .navbar-brand span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    margin-right: 10px
}

#doc .top-nav .navbar-brand img {
    width: 60px;
    margin-right: 10px;
    margin-left: 10px
}

#doc .hero-area-bg .header-text {
    width: 100%;
    margin-top: 0
}

#offers-page .hero-offers-page {
    background: url(../images/hero_founding_day.webp) center no-repeat;
    position: relative;
    height: 380px;
    margin-top: 55px;
    text-align: center
}

#back-school .hero-area-bg .header-text,#offers-page .hero-offers-page .header-text {
    width: 100%;
    padding: 33px;
    margin-top: 42px
}

#back-school .back-school-offer,#offers-page .offers-page-offer,.news .related_articles {
    padding: 40px
}

#offers-page .offers-page-offer p {
    font-size: 18px;
    line-height: 30px
}

#back-school .back-school-offer h2,#offers-page .offers-page-offer h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 15px
}

#offers-page .hero-offers-page .header-text h1 {
    font-weight: 700;
    font-size: 35px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 15px;
    margin-top: 60px
}

#offers-page .hero-offers-page .header-text p {
    color: #2c599d;
    font-size: 20px;
    width: 70%;
    line-height: 30px;
    margin: 0 auto 20px
}

#offers-page .offers-page-offer li {
    font-size: 18px;
    line-height: 35px
}

#offers-page .hero-offers-page .btn-primary,.channels-sms .hero-offers-salla .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 18px
}

.barq .hero-area-barq {
    background-color: #458ffc;
    height: 700px;
    margin-top: 60px
}

.barq .header-text {
    padding-top: 150px
}

.logo-barq img {
    width: 130px
}

.barq .hero-area-barq h1 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-top: 15px
}

.barq .hero-area-barq h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-top: 15px
}
.barq .hero-area-barq h3 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
   line-height: 34px;
}


.barq .hero-area-barq p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px
}

.barq .hero-area-barq .btn-primary {
    font-weight: 700;
    color: #fff;
    background-color: #18277c;
    border-color: #18277c;
    border-radius: 100px;
    padding: 10px 30px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.barq .hero-area-barq .laptop img {
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1)
}

.barq .hero-area-barq .laptop {
    bottom: 55px;
    right: 0;
    -webkit-transform: scaleX(-1)
}

.barq .overview {
    padding: 100px 0 30px;
    text-align: center
}

.barq .overview h2 {
    font-size: 25px;
    font-weight: 700;
    margin-top: 50px
}

.barq .overview p {
    font-size: 18px;
    margin-top: 10px;
    border-bottom: 1px solid #dfe0e2;
    padding: 7px 0 50px
}

.barq .target {
    padding: 40px
}

.barq .benefits h5,.barq .target h5 {
    font-size: 16px;
    margin-left: 10px;
    width: 96%;
    line-height: 25px;
    margin-bottom: 20px
}

.barq .benefits img,.barq .target img {
    box-shadow: -2px 3px 20px -8px #797979ba;
    border-radius: 6px
}

.barq .benefits .las,.barq .target .las {
    margin-right: 3px;
    font-size: 20px;
    color: #458ffc;
    padding: 3px 0
}

.barq .benefits {
    padding: 40px;
    margin-bottom: 70px
}

.barq .benefits a {
    color: #458ffc;
    margin-left: 34px
}

.barq .use-cases {
    background-color: #458ffc;
    padding: 30px;
    min-height: 430px
}

.barq .use-cases h2 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 60px
}

.barq .use-cases .box-use-cases {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 10px;
    height: 90%
}

.barq .use-cases .box-use-cases h3 {
    font-size: 20px;
    font-weight: 700;
    color: #2c599d;
    margin-bottom: 0;
    padding: 20px;
    line-height: 30px
}

.barq .try-program,.social_responsibility .overview {
    text-align: center;
    padding: 50px
}

.barq .try-program .btn-primary {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    background-color: #18277c;
    border-color: #18277c;
    border-radius: 100px;
    padding: 10px 30px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.barq .try-program img {
    padding: 0 166px;
    margin-bottom: 30px
}

.barq .request {
    padding: 80px 0;
    text-align: right
}

.barq .request .request_box {
    padding: 0;
    min-height: 200px;
    background-color: #458ffc;
    width: 100%;
    border-radius: 20px
}

.barq .request .request_box p {
    text-align: left;
    color: #fff;
    font-size: 24px;
    margin-top: 50px;
    margin-left: 50px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 41px
}

.barq .request .img-footer {
    text-align: left;
    margin-left: 5%;
    margin-bottom: -12px;
    z-index: 50
}

.barq .request .btn-primary {
    color: #fff;
    background-color: #18277c;
    border-color: #18277c;
    margin-top: 70px;
    text-align: center;
    font-size: 22px;
    border-radius: 100px;
    padding: 10px 30px;
    font-weight: 800
}

.partner .navbar-expand-md .navbar-nav .nav-link {
    font-weight: 400;
    text-align: right;
    color: #fff;
    margin-top: 0
}

.partner .navbar.light-header {
    background-color: #25497d
}

.partner .hero {
    background: url(../images/partner/partner-bg.webp) center/cover no-repeat;
    position: relative;
    min-height: 800px
}

.partner .hero .bottom-img-absolute {
    bottom: -27px;
    width: 100%;
    position: absolute
}

.partner .hero .form_offer {
    margin-top: 50px;
    padding: 35px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 30px rgb(0 0 0 / 11%)
}

.partner .hero .form_offer .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 22px 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #2c599d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d9dcdf;
    border-radius: 100px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.partner .hero .form_offer .btn-info {
    width: 100%;
    padding: .5rem 2rem;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 100px;
    background: #f48022;
    border: 0;
    margin-top: 20px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.partner .hero a {
    color: #f48022
}

.partner .header-text {
    padding: 50px;
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.partner .header-text img {
    float: left;
    width: 550px;
    margin-top: 0
}

#miza .partner .header-text img {
    width: 500px;
    margin-top: 20px
}

.partner .form-check-label {
    font-size: 14px;
    margin-right: 23px;
    margin-bottom: 5px
}

.partner .form-check {
    position: relative;
    display: block;
    padding-left: 28px;
    margin-bottom: 0;
    color: #495057
}

.partner .hero .schoolbg img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20%
}

.partner .expert ul li {
    margin-bottom: 8px;
    color: #2c599d;
    font-size: 16px;
    list-style: unset
}

.partner .expert ul {
    margin-bottom: 0;
    margin-left: 20px
}

.partner .hero .header-text h1 {
    font-weight: 700;
    font-size: 31px;
    color: #fff;
    line-height: 54px;
    margin-bottom: 0;
    margin-top: 90px;
    text-align: center
}

.partner .hero .header-text h3 {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center
}

.partner .hero .header-text h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 10px;
    margin-top: 58px;
    color: #fff
}

.partner .hero .header-text h6 {
    font-size: 22px;
    font-weight: 700;
    color: #2c599d;
    padding: 0 0 20px;
    border-radius: 10px;
    margin: 3px auto;
    text-align: center;
    line-height: 30px
}

.min_partner .hero .header-text .btn-primary,.partner .hero .header-text .btn-primary {
    color: #fff;
    background: #f48022;
    border: 0;
    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
}

.channels-sms .overview-sms .btn-primary,.partner .expert .btn-primary {
    color: #fff;
    background: #f48022;
    border: 0;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 17px;
    font-weight: 700;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.partner .services {
    padding: 0;
    min-height: 690px;
    text-align: center;
    z-index: 0;
    position: relative
}

.partner .services h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: center
}

.partner .services p {
    text-align: center;
    font-size: 16px;
    width: 60%;
    margin: 5px auto 25px
}

.min_partner .taqnyat_partners_box,.partner .services .services_partners_box,.whatsapp_api .taqnyat_whatsapp {
    padding: 29px;
    border-radius: 20px;
    background-color: #f3f8fc;
    text-align: center;
    margin-top: 20px;
    height: 93%
}

.min_partner .taqnyat_partners_box h3,.partner .services .services_partners_box h3,.whatsapp_api .taqnyat_whatsapp h3 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 20px
}

.partner .packages h1,.partner .packages h2 {
    font-size: 25px;
    line-height: 38px;
    text-align: center
}

.partner .services .services_partners_box img {
    background-color: #fa9e54;
    padding: 6px;
    margin-bottom: 30px;
    border-radius: 14px;
    width: 60px;
    height: 60px;
    margin-top: 20px
}

.partner .services .btn-services {
    margin: 20px auto
}

.partner .services .btn-primary {
    color: #fff;
    background: #f48022;
    border: 0;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 16px;
    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
}

.partner .packages,
.whatsapp_api .pricing_box {
    background-color: #f6f9fd;
    min-height: 700px;
    padding: 50px
}



.whatsapp_api .pricing_box .card-body {
   padding: 5px;
}

.partner .packages h2 {
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 10px
}

.partner .packages .style-2 del:before {
    content: '';
    border-bottom: 2px solid #ef6b06;
    width: 100%;
    position: absolute;
    left: 0;
    top: 10px
}

.partner .packages .style-1 del,.partner .packages .style-2 del {
    color: rgba(255,0,0,.5);
    text-decoration: none;
    position: relative
}

.partner .packages .style-1 del:before {
    content: '';
    border-bottom: 3px solid #ef6b06;
    width: 100%;
    position: absolute;
    left: -84px;
    top: 17px
}

.partner .packages .packages-tabs {
    background-color: #fff;
    width: 30%;
    margin: 0 auto;
    padding: 20px;
    border-radius: 100px;
    -webkit-box-shadow: 0 5px 20px 0 rgb(39 39 39 / 10%);
    box-shadow: 0 5px 20px 0 rgb(39 39 39 / 10%)
}

.partner .packages .nav-pills .nav-link.active,.partner .packages .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #ef6b06;
    border: 0;
    border-radius: 100px;
    width: 134px
}

.partner .packages .nav-pills .nav-link {
    background-color: #fff;
    border: 0;
    width: 134px;
    -webkit-transition: .3s;
    transition: .3s
}

.partner .packages .nav-pills .nav-link:hover {
    text-decoration: none;
    background: #eef2fc;
    color: #2c599d;
    border-radius: 100px
}

.partner .whatsapp_api .price-item .style-1 del:before {
    content: '';
    border-bottom: 2px solid #ef6b06;
    width: 100%;
    position: absolute;
    left: -68px;
    top: 15px
}

.partner .whatsapp_api .pricing_box h4 {
    margin-bottom: 15px;
    margin-top: 20px
}



.partner .whatsapp_api .price {
    margin: 15px 0;
    font-size: 34px;
    font-weight: 700
}

.min_partner .hero,.social_responsibility .hero {
    background: url(../images/partner/partner-bg.webp) center/cover no-repeat;
    position: relative;
    min-height: 650px;
    margin-top: 60px
}

.min_partner .header-text img,.social_responsibility .header-text img {
    float: right;
    width: 450px;
    margin-top: 32px
}

.min_partner .hero .header-text .light-text {
    font-size: 16px;
    color: #f89545;
    margin-top: 60px;
    text-transform: uppercase
}

.min_partner .hero .header-text h1 {
    font-weight: 700;
    font-size: 50px;
    color: #fff;
    line-height: 57px;
    margin-bottom: 10px;
    margin-top: 10px
}




.channels-sms .integration_sms .header-text h2{
  font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 46px;
    margin-bottom: 10px;
    margin-top: 10px;
}









.min_partner .hero .header-text h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 0;
    margin-top: 10px;
    color: #fff;
    text-align: left
}

.min_partner .hero .header-text p {
    font-size: 20px;
    color: #fff;
    line-height: 34px;
    margin-bottom: 10px
}

.min_partner .clients-integration img {
    width: 140px;
    border-radius: 12px;
    margin-bottom: 30px;
   
}



.min_partner .clients-integration {
    text-align: center;
    min-height: 536px;
    background-color: #214376;
    padding: 110px 0;

}

.min_partner .clients-integration h2 {
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    width: 48%;
    margin: 30px auto;
    line-height: 45px
}

.min_partner .clients-integration h3{

    color: #fff;
        font-size: 16px;
        width: 100%;
        margin-bottom: 30px;
    }

.min_partner .clients-integration h2 {
   
    width: 100%;
    font-weight: 700;
    color: #fff;
    font-size: 36px;
    line-height: 45px;
    text-align: left;
    margin-top: 5px;
}

.min_partner .clients-integration p {
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
    color: #fff;
    font-size: 20px;
}



.min_partner .clients-integration .btn-primary {
    float: left;
    color: #fff;
    background: #f48022;
    border: 0;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 50px;
    font-weight: 700;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
}



.min_partner .expert {
    padding: 12px;
    min-height: 500px;
    background-color: #fff;
    margin-top: 0
}

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

.min_partner .expert p {
    font-size: 23px;
    width: 100%;
    font-weight: 700
}

.min_partner .expert .form_offer h6 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    line-height: 31px
}

.min_partner .expert .form-control {
    height: 50px;
    font-size: 13px;
    border-radius: 10px
}

.min_partner .expert .btn-info {
    padding: .5rem 2rem;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 100px;
    background: #f48022;
    border: 0;
    margin-top: 20px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

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

.min_partner .slogan_partners {
    min-height: 300px;
    padding-top: 50px;
    background-color: #f7fafd;
}

.min_partner .slogan_partners h3 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 30px;
    width: 80%;
    line-height: 42px
}

.min_partner .taqnyat_partners h2,.partner_program_works h3 {
    line-height: 38px;
    font-size: 25px;
    text-align: center;
    font-weight: 700
}

.min_partner .slogan_partners .logo img {
    width: 40px;
    margin-top: 40px
}

.min_partner .taqnyat_partners {
    min-height: 500px;
    padding: 50px
}

.min_partner .taqnyat_partners h2 {
    margin-bottom: 10px;
    margin-top: 10px
}

.min_partner .taqnyat_partners p,.whatsapp_api .taqnyat_whatsapp p {
    text-align: center;
    font-size: 14px
}

.min_partner .taqnyat_partners_box img,.whatsapp_api .taqnyat_whatsapp img {
    background-color: #fff;
    padding: 13px;
    width: 75px;
    margin-bottom: 30px;
    border-radius: 20px
}

.partner_program_works {
    background-color: #f3f8fc;
    padding: 20px;
    min-height: 570px
}

.partner_program_works h3 {
    margin-bottom: 60px;
    margin-top: 40px
}

ul.infoGraphic {
    font-size: var(--font-size);
    display: flex;
    justify-content: center;
    background-color: #f3f8fc
}

ul.infoGraphic li {
    position: relative;
    width: 100%;
    max-width: 25em;
    background: var(--bg1);
    border-radius: .5em;
    padding: .5em;
    z-index: 1;
    list-style: none;
    transition: .2s;
    cursor: pointer
}

ul.infoGraphic li .numberWrap {
    position: absolute
}

ul.infoGraphic li .number {
    font-family: "maven pro",sans-serif;
    font-size: 8em;
    font-weight: 700;
    width: .9em;
    text-align: center;
    color: #f48022;
    background-image: -webkit-linear-gradient(180deg,#f48022 12%,#ffb67b 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

ul.infoGraphic li .coverWrap {
    transform: rotate(-130deg);
    position: absolute;
    width: 18em;
    height: 15em;
    right: -5em;
    top: -1em
}

ul.infoGraphic li .coverWrap .numberCover {
    position: absolute;
    background: #f3f8fc;
    width: 18em;
    height: 6em;
    border-radius: 50% 50% 0 0;
    border-bottom: 3px solid #f5f8f7;
    transition: .4s
}

ul.infoGraphic li .coverWrap .numberCover::before {
    position: absolute;
    content: "";
    bottom: 5px;
    right: 4em;
    left: 4em;
    top: 5em;
    box-shadow: 0 0 30px 17px #48668577;
    border-radius: 100px/10px;
    z-index: -1
}

ul.infoGraphic li .coverWrap .numberCover::after {
    position: absolute;
    bottom: 0;
    content: "";
    right: -10%;
    width: 120%;
    height: 150%;
    background: radial-gradient(at bottom,#48668533,transparent,transparent);
    z-index: 1
}

ul.infoGraphic li .content {
    margin: 13em -1em 1em 3em;
    position: relative
}

ul.infoGraphic li .content h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px;
    text-transform: uppercase
}

ul.infoGraphic li .content p {
    line-height: 1.5em
}

ul.infoGraphic li:hover .coverWrap .numberCover {
    border-radius: 100%
}


.whatsapp_api .hero {
    background: url(../images/partner/partner-bg.jpg) center / cover no-repeat #24457a;
    position: relative;
    min-height: 700px;
    margin-top: 60px;
}

.whatsapp_api .features_whatsapp {
    min-height: 610px;
    padding: 50px;
    background-color: #f6f9fd
}

.whatsapp_api .features_whatsapp h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 43px;
    text-align: center;
    width: 50%;
    margin: 14px auto
}

.channels-chatbot .hero-channels-chatbot .header-text .line-text,.channels-email-marketing .hero-channels-email-marketing .header-text .line-text,.channels-sms .hero-channels-sms .header-text .line-text,.whatsapp_api .features_whatsapp .line-text {
    height: 1px;
    background-color: #f3dfdc;
    width: 50%;
    margin: 25px auto
}

.whatsapp_api .features_whatsapp p {
    text-align: left;
    font-size: 16px;
    line-height: 34px;
    margin-right: 10px
}

.whatsapp_api .features_whatsapp_box {
    padding: 29px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    margin-top: 20px;
    height: 682px
}

.whatsapp_api .features_whatsapp .las {
    margin-right: 10px
}

.whatsapp_api .features_whatsapp_box h3 {
    font-size: 22px;
    font-weight: 700;
    width: 100%;
    margin: 0 auto;
    line-height: 30px
}

.whatsapp_api .features_whatsapp_box img {
    background-color: #eef2fc;
    padding: 18px;
    width: 75px;
    margin-bottom: 30px;
    border-radius: 20px
}

.whatsapp_api .features_whatsapp_box .box-badge .badge-secondary {
    color: #fff;
    background-color: #ef6b06;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    border-radius: 50px;
    font-weight: 400
}

.whatsapp_api .features_whatsapp_box .mobile_features {
    position: absolute;
    bottom: 0
}

.whatsapp_api .features_whatsapp_box .mobile_features img {
    background-color: #fff;
    padding: 0;
    width: 266px;
    margin-bottom: 0;
    border-radius: 0
}


.whatsapp_api .features_whatsapp .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_api .pricing_box .line-text {
    height: 1px;
    background-color: #2c599d;
    width: 50%;
    margin: 15px auto
}

.whatsapp_api .pricing_box .btn-light {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
    width: 80%;
    margin: auto
}

.whatsapp_api .pricing_box .btn-light:active,.whatsapp_api .pricing_box .btn-light:hover {
    color: #fff;
    background-color: #214376;
    border-color: #214376
}

.whatsapp_api .pricing_box h4 {
    font-size: 18px;
    margin-bottom: 36px;
    font-weight: 700;
    margin-top: 20px
}

.whatsapp_api .pricing_box img {
    width: 17px;
 }

.whatsapp_api .pricing_box span {
    font-size: 12.5px
}

.whatsapp_api .pricing_box .las {
    color: #214376
}

.whatsapp_api .pricing_box a {
    color: #2c599d;
    font-size: 12.5px
}

.whatsapp_api .pricing_box a span {
    font-size: 13px;
    width: 250px;
    position: absolute;
    padding: 6px 15px;
    background: #2c599d;
    text-align: center;
    color: #fff;
    top: -83px;
    left: 63%;
    transform: translate(-40%,-20px);
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.whatsapp_api .pricing_box a:hover span {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50% ,0);
    font-size: 13px
}

.whatsapp_api .pricing_box span::before {
    content: ' ';
    position: absolute;
    height: 15px;
    width: 15px;
    background: #2c599d;
    bottom: -6px;
    left: 83%;
    z-index: -1;
    transform: translate(-50%) rotate(45deg)
}

.whatsapp_api .pricing_box a:hover {
    text-decoration: none;
    background: #eef2fc;
    color: #2c599d
}

.whatsapp_api .pricing_box .price-tabs {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgb(39 39 39 / 10%);
    box-shadow: 0 5px 20px 0 rgb(39 39 39 / 10%);
    display: inline-block;
    padding: 7px;
    border-radius: 40px;
    border: 1px solid #ef6b06;
    margin-bottom: 45px
}

.whatsapp_api .pricing_box .price-tabs .nav-link {
    color: var(--color1);
    font-weight: 500;
    font-size: 16px;
    padding: 12px 35px;
    display: inline-block;
    text-transform: capitalize;
    border-radius: 40px;
    -webkit-transition: .3s;
    transition: .3s
}

.whatsapp_api .pricing_box .price-tabs .nav-link.active {
    background-color: #ef6b06;
    color: #fff
}

.whatsapp_api .price-item {
    background-color: #fff;
    border-radius: 10px;
    height: 515px
}

.whatsapp_api .price-item .price-top {
    padding: 20px 0;
    position: relative;
    z-index: 0;
    margin-bottom: 33px
}

@media (min-width: 768px) {
    .dropdown-menu {
        display:block;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-20px);
        transition: .2s
    }

    .dropdown-menu.show {
        display: block;
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        transition: .5s
    }

    .whatsapp_api .pricing_box .price-tabs {
        margin-bottom: 30px
    }

    .whatsapp_api .pricing_box .price-tabs .nav-link {
        padding: 12px 40px
    }

    .whatsapp_api .price-item .price-top:after {
        border-radius: 0 0 20px 20px
    }
}

.whatsapp_api .price-item .price-top * {
    color: #fff;
    font-size: 20px;
    line-height: 33px
}

#about span,.channels-sms .blockquote p,.whatsapp_api .price-item .price-top h2 {
    font-weight: 700
}

.whatsapp_api .price-item .price-top h2 sup {
    top: 3px;
    left: -5px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: top
}

.whatsapp_api .price-item .price-content {
    padding: 0 0 20px
}

.whatsapp_api .price-item .price-content li {
    position: relative;
    margin-bottom: 12px;
    margin-left: 10px;
    margin-right: 10px
}

@media (min-width: 992px) {
    .whatsapp_api .price-item .price-content li {
        padding-left:30px;
        text-align: left
    }

    .whatsapp_api .price-item .price-content li i {
        position: absolute;
        left: 2px;
        padding: 3px
    }
}

.whatsapp_api .price-item .price-content .zmdi-check {
    color: #28a745
}

.whatsapp_api .price-item .price-content .zmdi-close {
    color: red
}

.whatsapp_api .pricing_box .card {
    background-color: #fff;
    background-clip: border-box;
    padding: 5px;
    margin: 20px;
    border-radius: 15px;
    text-align: center
}

.whatsapp_api .price-item .card-body {
    text-align: center;
    padding-bottom: 20px
}

.whatsapp_api .pricing-box h5 {
    text-transform: uppercase
}

.whatsapp_api .price {
    margin: 24px 0;
    font-size: 36px;
    font-weight: 700
}

.whatsapp_api .price sub,.whatsapp_api .price sup {
    font-size: 16px;
    font-weight: 100
}

.whatsapp_api .pricing_box h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    width: 56%;
    margin: 21px auto
}

.whatsapp_api .pricing_box h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px
}

.whatsapp_api .pricing_box p {
    line-height: 32px
}

.whatsapp_api .pricing_box h5 {
    font-size: 16px;
    color: #ef6b06
}

.whatsapp_api .features_2 {
    padding: 50px
}

.whatsapp_api .features_2 h2 {
    font-weight: 700;
    color: #2c599d;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    width: 68%;
    margin: 14px auto
}

.whatsapp_api .features_2 p {
    margin-bottom: 50px;
    font-size: 16px;
    text-align: center
}

.channels-callbot .faq .panel-group p,.channels-sms .faq .panel-group p,.whatsapp_api .faq .panel-group p {
    font-weight: 400;
    color: #2c599d;
    text-align: left;
    line-height: 24px;
    padding: 18px 23px;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #eef2fc;
    margin-top: 0
}

.channels-callbot .faq .content .las,.channels-sms .faq .content .las,.whatsapp_api .faq .content .las {
    float: right;
    padding: 2px 0
}

.channels-callbot .faq .panel-group .panel .panel-heading h4 a,.channels-sms .faq .panel-group .panel .panel-heading h4 a,.whatsapp_api .faq .panel-group .panel .panel-heading h4 a {
    background: #f3f8fc;
    color: #2c599d;
    border-radius: 8px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 21px;
    text-decoration: none;
    transition: .15s ease-in-out
}

.channels-callbot .faq .panel-group .panel .panel-heading h4 a:hover,.channels-callbot .faq .panel-group .panel .panel-heading h4 a:not(.collapsed),.channels-sms .faq .panel-group .panel .panel-heading h4 a:hover,.channels-sms .faq .panel-group .panel .panel-heading h4 a:not(.collapsed),.whatsapp_api .faq .panel-group .panel .panel-heading h4 a:hover,.whatsapp_api .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    background: #eef2fc;
    transition: .15s ease-in-out
}

#about .min-affiliate .media,#offices .min-affiliate .box-affiliate {
    border-bottom: 2px solid #ef6b06;
    box-shadow: 0 0 12px #e6e4e4;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: .3s ease-in-out;
    -mox-transition: all .3s ease-in-out
}

.channels-callbot .faq .panel-group.panel .panel-heading h4 a i,.channels-email-marketing .panel-group.panel .panel-heading h4 a i,.channels-sms .faq .panel-group.panel .panel-heading h4 a i,.news .news_details a:hover,.whatsapp_api .faq .panel-group.panel .panel-heading h4 a i {
    color: #ef6b06
}

.channels-callbot .faq a,.channels-sms .faq a,.whatsapp_api .faq a {
    color: #ef6b06;
    text-decoration: none;
    background-color: transparent
}

#back-school .hero-area-bg {
    background: linear-gradient(90deg,#fdf1e8 0,rgb(253 242 233) 50%,#fdf1e8 100%);
    height: 350px;
    text-align: center;
    margin-top: 0
}

#back-school .back-school-offer p {
    font-size: 16px;
    line-height: 25px;
    text-align: justify
}

#back-school .hero-area-bg .header-text h1 {
    font-weight: 700;
    font-size: 35px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 15px;
    margin-top: 50px
}

#offices .hero-area-bg {
    background: url("../images/offices-map-1.webp") center center/cover no-repeat;
    overflow: hidden;
    position: relative;
    min-height: 750px;
    height: auto;
    text-align: center;
    margin-top: 0
}

#offices .hero-area-bg .header-text span {
    color: #ef6b06;
    font-size: 16px;
    font-weight: 700
}



#offices .hero-area-bg .header-text h1 {
    font-weight: 600;
    font-size: 40px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: center;
}


#offices .min-affiliate h2{

    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px

}   


#offices h4 {
    font-size: 16px;
    color: #2c599d;
    margin: 2px;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 16px 0;
    grid-gap: 22px;
    font-weight: 900;
}







#offices h4:after,
#offices h4:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #dcdcdc;
}

#offices h4:after,
#offices h4:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #dcdcdc;
}



#about .hero-area-about .header-text h1 {
    font-weight: 600;
    font-size: 40px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 15px;
    margin-top: 10px
}

#offices .hero-area-bg .header-text {
    width: 100%;
    margin-top: 30px
}

#offices .min-affiliate .box-affiliate {
    height: 90%;
    text-align: center;
    padding: 30px;
    margin-top: 10px;
   
    transition: .3s ease-in-out
    
}

#offices .min-affiliate .box-affiliate h3 {
    font-size: 21px;
    font-weight: 900;
    margin-top: 20px;
    width: 100%
}

#offices .min-affiliate .box-affiliate p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #2c599d;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}

#about .min-affiliate .box-affiliate .las{
    margin-right: 10px;
    font-size: 60px;
    color: #ef6b06
}

#offices .min-affiliate .box-affiliate .las {
    margin-right: 0;
    font-size: 45px;
    color: #ef6b06
}

#offices .hero-area-bg .header-text p {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #2c599d;
    width: 70%;
    margin: 15px auto
}

#offices .hero-area-bg .min-affiliate {
    margin-bottom: 40px
}

#about .map .container-fluid,#offices .map .container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

#offices .box-affiliate span {
    color: #ef6b06;
    font-weight: 700
}

#about .hero-area-about {
    background: url("../images/about/bg.webp") center center/cover no-repeat;
    position: relative;
    min-height: 650px;
    margin-top: 40px;
    text-align: center
}

#about .hero-area-about img {
    width: 80px;
    float: right;
    background-color: #f0f3f8;
    border-radius: 6px;
    padding: 8px
}

#about .hero-area-about .header-text {
    width: 100%;
    padding: 50px;
    min-height: 650px;
    margin-top: 50px
}

#about .header-text p {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 30px;
    color: #2c599d;
    text-align: justify
}

#about .min-affiliate .media {
    text-align: left;
    padding: 30px;
    margin-top: 30px;
    transition: .3s ease-in-out
}

#about .min-affiliate .media p {
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: left;
    margin: 10px 20px
}

#about .min-affiliate .media h5 {
    font-weight: 600;
    color: #2c599d;
    margin: 0 20px;
    font-size: 24px
}

#about .min-affiliate .box-affiliate p,#about .min-affiliate .media ul li {
    font-size: 14px;
    line-height: 25px;
    color: #2c599d
}

#about .min-affiliate .media ul li .las {
    font-size: 16px;
    color: #ef6b06;
    padding: 0
}

#about .min-affiliate .box-affiliate p {
    font-weight: 400;
    width: 65%;
    margin: 0 auto
}

#about .hero-area-bg .min-affiliate {
    margin-top: 40px;
    margin-bottom: 40px
}

#about .values {
    background: url("../images/values-bg.png") center center/cover no-repeat fixed;
    overflow: hidden;
    position: relative;
    min-height: 650px;
    padding: 50px;
    text-align: center
}

#about .values h2,.channels-email-marketing .whatsapp-1 h2 {
    color: #fff;
    font-size: 35px;
    padding: 40px 0;
    font-weight: 600
}

#about .values .values-box {
    background-color: #2c599d;
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    margin-top: 10px;
    height: 100%;
    margin-bottom: 10px;
    -webkit-transition: .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: .3s ease-in-out
}

#about .values .values-box:hover {
    background-color: #5c84c4;
    opacity: 1.7
}

#about .values .values-box img {
    width: 85px;
    text-align: center;
    background-color: #f0f8ff00;
    float: inherit;
    margin: 10px
}

#about .values .values-box h3 {
    color: #fff;
    font-size: 23px;
    padding: 10px;
    font-weight: 600
}

#about .values .values-box p {
    color: #fff;
    font-size: 16px
}

.channels-sms .integration_sms{
    background: url(../images/channels/sms/sms-bg.webp) center/cover no-repeat;
    position: relative;
    min-height: 700px;
    margin-top: 60px
}

.min_partner .header-text,.social_responsibility .header-text {
    padding: 55px
}

.whatsapp_api .header-text img {
    float: right;
    width: 340px;
    margin-top: 100px
}

.whatsapp_api .header-text .meta_partners img {
    float: left;
    width: 150px;
    margin-top: 40px
}

.whatsapp_api .hero .header-text h1 {
    font-weight: 700;
    font-size: 42px;
    color: #fff;
    line-height: 60px;
    margin-bottom: 10px;
    margin-top: 120px;
}

.whatsapp_api .hero .header-text p {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px
}

.channels-callbot .hero .header-text .btn-primary,.channels-callbot .video_ai .btn-primary,.channels-sms .cloud_communications .header-text .btn-primary,.channels-sms .hero .header-text .btn-primary,.channels-sms .integration_sms .header-text .btn-primary,.whatsapp_api .hero .header-text .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
}

.channels-callbot .hero .header-text .btn-default,.channels-sms .hero .header-text .btn-default,.whatsapp_api .hero .header-text .btn-default {
    color: #fff;
    background: rgb(38 71 124 / 0%);
    border-color: #fff;
    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
}

.channels-callbot .hero .header-text .btn-default:hover,.channels-sms .hero .header-text .btn-default:hover,.whatsapp_api .hero .header-text .btn-default:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #f48022
}

.channels-sms .hero {
    background: url(../images/partner/partner-bg.jpg) center/cover no-repeat #24457a;
    position: relative;
    min-height: 700px;
    margin-top: 60px
}

.channels-callbot .hero {
    background-color: #214477;
    position: relative;
    min-height: 700px;
    margin-top: 60px
}

.channels-sms .header-text {
    padding-top: 90px
}

.channels-sms .header-text img {
    float: right;
    width: 310px;
    margin-top: 0
}

.channels-sms .hero .header-text h6 {
   font-weight: 700;
    font-size: 22px;
    color: #f48022;
    margin-top: 64px;
}

.channels-sms .hero .header-text h1 {
   font-weight: 700;
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 0;
}

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

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

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

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

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

.channels-sms .sms_service img {
    width: 110px;
    margin-bottom: 20px
}

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

.channels-sms .sms_api {
    background: url(../images/channels/sms/sms-bg.webp) center/cover no-repeat;
    position: relative;
    min-height: 450px;
    text-align: center;
    padding: 40px
}

.channels-sms .sms_api h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 20px;
    margin-top: 80px
}

.channels-sms .sms_api h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px
}

.channels-sms .sms_api .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 18px;
    margin: 5px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

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

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

.channels-sms .flexible_sms img {
    width: 90%;
    margin: 38px auto
}

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

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

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

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

.channels-sms .cloud_communications .header-text,.channels-sms .integration_sms .header-text {
    padding-top: 120px
}

.channels-sms .integration_sms .header-text img {
    float: right;
    width: 370px;
    margin-top: 0
}

.channels-sms .cloud_communications .header-text span,.channels-sms .integration_sms .header-text span {
    font-weight: 900;
    font-size: 25px;
    color: #f48022
}

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

.channels-sms .cloud_communications {
    background: url(../images/channels/sms/sms-bg.webp) center/cover no-repeat;
    position: relative;
    min-height: 650px
}

.channels-sms .cloud_communications .header-text img {
    float: left;
    width: 370px;
    margin-top: 0
}

.channels-sms .cloud_communications .header-text h2 {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 10px
}

.channels-sms .hero-offers-salla {
    background: url(../images/hero_sala.webp) center no-repeat;
    position: relative;
    height: 550px;
    -webkit-transform: scaleX(-1)
}

.channels-sms .hero-offers-salla .header-text {
    width: 100%;
    padding: 40px;
    -webkit-transform: scaleX(-1)
}

.channels-sms .hero-offers-salla .header-text h1 {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 120px
}

.channels-sms .hero-offers-salla .header-text p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: left
}

.channels-sms .hero-offers-salla .right-bg {
    margin-top: 50px;
    text-align: center
}

.channels-sms .hero-offers-sms-service {
    background: url(../images/offers/sms-service.webp) center no-repeat #5d85c3;
    position: relative;
    min-height: 550px;
    -webkit-transform: scaleX(-1)
}

.channels-sms .hero-offers-sms-service .shape-3 img {
    width: 500px;
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1)
}

.channels-sms .hero-offers-sms-service .shape-3 {
    bottom: 0;
    left: auto;
    -webkit-transform: scaleX(-1)
}

.channels-sms .box_offers {
    padding: 19px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 30px rgb(229 195 190 / 46%)
}

.channels-sms .blockquote-custom-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: 50px;
    background-color: #ef6b06;
    color: #fff;
    font-weight: 700
}

.channels-sms .hero-offers-sms-packages,.channels-sms .hero_school_offer {
    background: url(../images/sms-service.webp) center no-repeat #5c84c2;
    position: relative
}

.channels-sms .blockquote {
    margin-bottom: 1rem;
    height: 80%;
    padding: 30px 37px
}

.channels-callbot .integration img,.channels-sms .expert .offer_box_date {
    margin-top: 20px
}

.channels-sms .expert .offer_box_date p {
    margin-bottom: 0;
    color: #ef6b06;
    width: 100%;
    font-weight: 700;
    text-align: center
}

.channels-sms .expert .offer_box_date h4 {
    color: #2c599d;
    margin-top: 10px;
    text-align: center;
    font-weight: 400
}

.channels-sms .hero-offers-sms-service .header-text {
    width: 100%;
    padding: 70px 0;
    -webkit-transform: scaleX(-1)
}

.channels-sms .hero-offers-sms-service .header-text h1 {
    font-weight: 700;
    font-size: 45px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 10px;
    margin-top: 100px;
    text-align: left
}

.channels-sms .hero-offers-sms-service .header-text h6 {
    font-size: 33px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: left
}

.channels-sms .hero-offers-sms-service .header-text p {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: left
}

.channels-sms .hero-offers-sms-service .header-text h3 {
    color: #fff;
    font-size: 45px;
    line-height: 30px;
    margin-bottom: 40px;
    font-weight: 700;
    margin-top: 25px;
    text-align: left
}

.channels-sms .hero-offers-sms-service .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 700;
    float: left
}

.channels-sms .hero-offers-sms-service .right-bg {
    margin-top: 50px;
    width: 75%;
    float: right;
    text-align: right
}

.channels-sms .hero-offers-sms-service img {
    width: 77%;
    margin-top: 60px;
    float: right
}

.channels-sms .hero-offers-sms-packages {
    min-height: 900px
}

.channels-sms .hero-offers-sms-packages .header-text,.channels-sms .hero_school_offer .header-text {
    padding: 100px 0;
    margin: 0 auto
}

.channels-sms .hero-offers-sms-packages .header-text h1 {
    font-weight: 700;
    font-size: 38px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 21px;
    margin-top: 10px
}

.channels-sms .hero-offers-sms-packages .header-text h6 {
    font-size: 23px;
    color: #fff;
    margin-top: 130px;
    font-weight: 400;
    margin-bottom: 20px
}

.channels-sms .hero-offers-sms-packages .header-text span {
    background-color: #ef6b06;
    padding: 3px
}

.channels-sms .hero-offers-sms-packages .header-text p,.channels-sms .hero_school_offer .header-text p {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px
}

.channels-sms .hero-offers-sms-packages .btn-primary,.channels-sms .hero_school_offer .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 700
}

.channels-sms .hero-offers-sms-packages .right-bg {
    margin-top: 30px;
    float: right;
    text-align: right;
    width: 75%
}

.channels-sms .hero_school_offer {
    min-height: 800px
}

.channels-sms .hero_school_offer .header-text h6 {
    font-size: 30px;
    color: #fff;
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 20px
}

.channels-sms .hero_school_offer .header-text h1 {
    font-weight: 700;
    font-size: 42px;
    color: #fff;
    line-height: 58px;
    margin-bottom: 10px;
    margin-top: 100px
}

.channels-sms .hero_school_offer .right-bg {
    margin-top: 50px;
    float: right;
    text-align: right;
    width: 90%
}

.channels-sms .expert {
    padding: 0;
    min-height: 886px;
    background-color: #f5f8fb;
    margin-top: 0
}

.channels-chatbot .slogan-chatbot h2,.channels-sms .slogan-sms h2 {
    width: 40%;
    margin: 40px auto 10px;
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    color: #fff
}

.channels-sms .slogan-sms h3 {
    width: 90%;
    margin: 40px auto 10px;
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    color: #fff
}

.channels-sms .slogan-sms p {
    width: 90%;
    margin: 20px auto 10px;
    font-size: 20px;
    line-height: 30px;
    color: #fff
}

.channels-chatbot .slogan-chatbot .btn-primary,.channels-email-marketing .hero-channels-email-marketing .header-text .btn-primary,.channels-email-marketing .slogan-email-marketing .btn-primary,.channels-sms .slogan-sms .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 20px
}

.channels-chatbot .overview-chatbot,.channels-email-marketing .overview-email-marketing,.channels-sms .overview-sms {
    background-color: #fff;
    padding: 50px
}

.channels-chatbot .overview-chatbot .box-overview,.channels-email-marketing .overview-email-marketing .box-overview,.channels-sms .overview-sms .box-overview {
    text-align: center;
    background-color: #fff;
    padding: 50px;
    min-height: 200px
}

.channels-chatbot .overview-chatbot .box-overview h2,.channels-sms .overview-sms .box-overview h2 {
    text-align: center;
    text-transform: uppercase;
    color: #ef6b06;
    font-size: 16px;
    margin-bottom: 30px
}

.channels-chatbot .hero-channels-chatbot .header-text p,.channels-chatbot .overview-chatbot .box-overview p,.channels-email-marketing .hero-channels-email-marketing .header-text p,.channels-email-marketing .overview-email-marketing .box-overview p,.channels-sms .overview-sms .box-overview p {
    font-size: 16px;
    line-height: 30px
}

.channels-sms .overview-sms .box-overview h1 {
    color: #ef6b06;
    padding: 4px;
    margin-top: 15px
}

.benefits-sms {
    padding: 40px;
    background-color: #fff8f4;
    text-align: center
}

.benefits-sms .benefits-box {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 5px 30px rgb(192 192 192 / 46%)
}

.benefits-sms h3 {
    text-align: center;
    text-transform: uppercase;
    color: #ef6b06;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px
}

.benefits-sms h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px
}

.channels-chatbot .hero-channels-chatbot .header-text .icon,.channels-email-marketing .hero-channels-email-marketing .header-text .icon,.channels-sms .hero-channels-sms .header-text .icon {
    padding: 22px;
    background-color: #fff;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    font-size: 25px;
    color: #fff;
    margin: 20px auto
}

.channels-chatbot .hero-channels-chatbot .header-text .icon .lab,.channels-chatbot .hero-channels-chatbot .header-text .icon .las,.channels-email-marketing .hero-channels-email-marketing .header-text .icon .las,.channels-sms .hero-channels-sms .header-text .icon .las {
    font-size: 55px;
    color: #ef6b06
}

.healthcare .hero-healthcare {
    background: url(../../assets/images/Industries/healthcare/healthcare.webp) center/cover no-repeat;
    position: relative;
    min-height: 550px;
    margin-top: 0
}

.healthcare .hero-healthcare .header-text {
    width: 100%;
    padding: 130px 0;
    margin-top: 30px;
    text-align: center
}

.ecommerce .hero-ecommerce .header-text h1,.education .hero-education .header-text h1,.healthcare .hero-healthcare .header-text h1 {
    font-size: 35px;
    color: #fff;
    width: 70%;
    margin: 0 auto
}

.ecommerce .hero-ecommerce .header-text p,.education .hero-education .header-text p,.healthcare .hero-healthcare .header-text p {
    font-size: 18px;
    color: #fff;
    margin: 25px auto;
    width: 80%
}

.ecommerce .hero-ecommerce .header-text .btn-primary,.education .hero-education .header-text .btn-primary,.healthcare .hero-healthcare .header-text .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 14px 33px;
    font-size: 16px;
    margin-top: 20px;
    text-transform: uppercase
}

.ecommerce .section-1 .box h2,.ecommerce .section-1 .box-left h2,.education .section-1 .box h2,.education .section-1 .box-left h2,.healthcare .section-1 .box h2,.healthcare .section-1 .box-left h2 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 110px
}

.ecommerce .section-1 .box p,.education .section-1 .box p,.healthcare .section-1 .box p {
    font-size: 18px;
    margin-top: 20px;
    text-align: left
}

.ecommerce .section-1 .box img,.education .section-1 .box img,.healthcare .section-1 .box img {
    float: right;
    width: 85%;
    margin-top: 20px
}

.ecommerce .section-1 .box-left p,.education .section-1 .box-left p,.healthcare .section-1 .box-left p {
    font-size: 18px;
    margin-top: 20px;
    text-align: justify
}

.ecommerce .section-1 .box-left img,.education .section-1 .box-left img,.healthcare .section-1 .box-left img {
    float: left;
    width: 85%;
    margin-top: 20px
}

.ecommerce .section-1 hr,.education .section-1 hr,.healthcare .section-1 hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(229 229 229);
    width: 100%
}

.ecommerce .slogan,.education .slogan,.healthcare .slogan {
    background: url(../images/values-bg.png) center center/cover no-repeat fixed;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 450px;
    padding: 50px
}

.ecommerce .slogan h2,.healthcare .slogan h2 {
    font-size: 30px;
    color: #fff;
    width: 60%;
    margin: 50px auto 0
}

.ecommerce .slogan p,.education .slogan p,.healthcare .slogan p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    width: 75%;
    line-height: 26px;
    margin: 30px auto
}

.ecommerce .exapmles,.education .exapmles,.healthcare .exapmles {
    min-height: 500px;
    padding: 40px
}

.ecommerce .exapmles h2,.education .exapmles h2,.healthcare .exapmles h2 {
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px
}

.ecommerce .exapmles .box-exapmles,.education .exapmles .box-exapmles,.healthcare .exapmles .box-exapmles {
    text-align: center;
    background-color: #f1f6fc;
    padding: 20px 0 5px;
    border-radius: 8px;
    margin-bottom: 20px;
    -webkit-transition: .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: .3s ease-in-out
}

.ecommerce .exapmles .box-exapmles:hover,.education .exapmles .box-exapmles:hover,.healthcare .exapmles .box-exapmles:hover {
    box-shadow: 0 0 10px rgb(134 149 170 / 38%);
    transition: .3s cubic-bezier(.74, .04, .45, 1.38)
}

.ecommerce .exapmles .icon-main,.education .exapmles .icon-main,.healthcare .exapmles .icon-main {
    margin: 20px auto;
    width: 100px;
    height: 100px;
    color: #fff;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.ecommerce .exapmles .icon-main .las,.education .exapmles .icon-main .las,.healthcare .exapmles .icon-main .las {
    padding: 14px;
    margin: 10px;
    font-size: 48px
}

.ecommerce .exapmles h3,.education .exapmles h3,.healthcare .exapmles h3 {
    font-size: 19px;
    font-weight: 700;
    margin: 20px auto;
    line-height: 28px;
    width: 80%
}

.ecommerce .exapmles a,.education .exapmles a,.healthcare .exapmles a {
    color: #ef6b06;
    cursor: pointer;
    padding: 12px;
    background-color: #edf4fb;
    font-size: 16px;
    text-align: center
}

.ecommerce .exapmles .card,.education .exapmles .card,.features_application .content-right h4,.features_application .content-right p,.healthcare .exapmles .card {
    text-align: left
}

.education .hero-education {
    background: url(../../assets/images/Industries/education/education.webp) center/cover no-repeat;
    position: relative;
    min-height: 450px;
    margin-top: 0
}

.ecommerce .hero-ecommerce .header-text,.education .hero-education .header-text {
    width: 100%;
    padding: 100px;
    margin-top: 63px;
    text-align: center
}

.education .slogan h2 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    width: 50%;
    margin: 50px auto 0
}

.ecommerce .hero-ecommerce {
    background: url(../../assets/images/Industries/ecommerce/ecommerce.webp) center/cover no-repeat;
    position: relative;
    min-height: 450px;
    margin-top: 0
}

.ecommerce .clients {
    padding: 50px 0;
    text-align: center;
    min-height: 450px;
    background-color: #f1f6fc
}

.ecommerce .clients img {
    height: 100px;
    width: 100%;
    padding: 15px 25px;
    margin-top: 25px;
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgb(214 226 240);
    border-radius: 12px;
    filter: grayscale(100%);
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.ecommerce .clients .carousel-indicators {
    bottom: -60px
}

.ecommerce .clients .carousel-indicators li {
    background-color: #ef6b06;
    width: 20px
}

.ecommerce .clients .carousel-inner {
    overflow: visible
}

.ecommerce .clients .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
    margin-top: 80px
}

.healthcare .clients {
    padding: 15px 0;
    text-align: center;
    min-height: 220px;
    background-color: #fff
}

.healthcare .clients img {
    width: 70%;
    border-radius: 12px;
    filter: grayscale(100%);
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.channels-chatbot .hero-channels-chatbot {
    min-height: 400px;
    background: linear-gradient(90deg,#fdf1e8 0,rgb(253 242 233) 50%,#fdf1e8 100%);
    position: relative;
    margin-top: 60px
}

.channels-chatbot .hero-channels-chatbot .header-text {
    padding: 65px;
    text-align: center
}

.channels-chatbot .hero-channels-chatbot .header-text span,.channels-email-marketing .hero-channels-email-marketing .header-text span {
    text-transform: uppercase;
    color: #ef6b06;
    font-size: 16px;
    font-weight: 700
}

.channels-chatbot .hero-channels-chatbot .header-text h1 {
    font-size: 25px;
    width: 100%;
    margin: 5px auto
}

.channels-chatbot .hero-channels-chatbot .header-text .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 10px
}

.channels-chatbot .box-chatbot,.channels-email-marketing .box-email-marketing {
    padding: 50px;
    min-height: 404px;
    background-color: #fff6f4
}

.channels-chatbot .box-chatbot .icon-main,.channels-email-marketing .box-email-marketing .icon-main {
    padding: 13px;
    background-color: #fff6f4;
    border-radius: 6px;
    margin: 0 auto;
    width: 70px;
    height: 70px
}

.channels-chatbot .box-chatbot .las,.channels-email-marketing .box-email-marketing .las {
    font-size: 35px;
    color: #ef6b06;
    margin-left: 0
}

.channels-chatbot .box-chatbot .features-box {
    height: 85%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 5px 30px rgb(229 195 190 / 46%);
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.channels-chatbot .box-chatbot .features-box:hover,.channels-email-marketing .box-email-marketing .features-box:hover {
    box-shadow: 15px 15px 38px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 15px 15px 38px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 15px 15px 38px 0 rgba(0,0,0,.1)
}

.channels-chatbot .box-chatbot h3,.channels-email-marketing .box-email-marketing h3 {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #ef6b06;
    font-size: 16px;
    margin-bottom: 30px
}

.channels-chatbot .box-chatbot .features-box p,.channels-email-marketing .box-email-marketing .features-box p {
    font-size: 17px;
    font-weight: 700;
    width: 70%;
    margin: 20px auto
}

.channels-chatbot .box-chatbot h2,.channels-email-marketing .box-email-marketing h2 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 20px auto 0;
    width: 100%;
    padding: 0 0 50px
}

.channels-chatbot .slogan-chatbot,.channels-email-marketing .slogan-email-marketing {
    background: url("../images/values-bg.png") center center/cover no-repeat fixed;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 350px;
    padding: 50px
}

.features-channels .features-right {
    background-color: #f9f7fa;
    min-height: 650px;
    padding: 40px;
    margin-top: 30px;
    border-top: 1px solid #e8e6e6;
    border-bottom: 1px solid #e8e6e6;
    border-right: 1px solid #e8e6e6
}

.features-channels .features-right .media .las {
    margin-right: 25px;
    font-size: 25px;
    color: #ef6b06;
    background-color: #fff;
    padding: 14px;
    border-radius: 8px
}

.features-channels .carousel-indicators {
    bottom: -55px;
    right: auto;
    margin-left: 0;
    margin-right: auto;
    position: initial
}

.channels-email-marketing .hero-channels-email-marketing {
    background: linear-gradient(90deg,#fdf1e8 0,rgb(253 242 233) 50%,#fdf1e8 100%);
    position: relative;
    min-height: 350px;
    margin-top: 60px
}

.channels-email-marketing .hero-channels-email-marketing .header-text {
    padding: 65px;
    text-align: center;
    margin: 0 auto
}

.channels-email-marketing .hero-channels-email-marketing .header-text .icon .lab {
    font-size: 55px;
    color: #ef6b06;
    margin-top: 0
}

.channels-email-marketing .hero-channels-email-marketing .header-text h1 {
    font-size: 30px;
    width: 60%;
    margin: 0 auto
}

.channels-email-marketing .box-email-marketing .features-box {
    height: 90%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 5px 30px rgb(229 195 190 / 46%);
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.channels-email-marketing .slogan-email-marketing h2 {
    width: 50%;
    margin: 40px auto 10px;
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    color: #fff
}

.channels-email-marketing .overview-email-marketing .box-overview h2 {
    text-align: center;
    text-transform: uppercase;
    color: #ef6b06;
    font-size: 16px;
    margin-bottom: 15px
}

.channels-email-marketing .whatsapp-1 {
    background: url("../images/values-bg.png") center center/cover no-repeat fixed;
    overflow: hidden;
    position: relative;
    min-height: 600px;
    padding: 70px 0;
    text-align: center
}

.channels-email-marketing .whatsapp-1 .values-box {
    border: 2px solid #5a84c3;
    background-color: #2c599d66;
    padding: 48px 45px 16px;
    text-align: left;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-transition: .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: .3s ease-in-out
}

.channels-email-marketing .whatsapp-1 .values-box:hover {
    background-color: #3a61a0a1;
    opacity: 1.7
}

.channels-email-marketing .whatsapp-1 .values-box h3 {
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    line-height: 32px;
    margin-left: 0
}

.channels-email-marketing .whatsapp-1 .values-box p {
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0
}

.channels-email-marketing .whatsapp-1 .values-box span {
    color: #fff;
    display: block;
    margin: 15px 0
}

.channels-email-marketing .whatsapp-1 .values-box .buy-btn {
    margin: 15px 0
}

.channels-email-marketing .whatsapp-1 .values-box a {
    color: #f2f2f2;
    text-decoration: none
}

.channels-email-marketing .whatsapp-1 .values-box a:hover {
    text-decoration: underline
}

.channels-email-marketing .whatsapp-1 .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 60px
}

.channels-email-marketing .whatsapp-1 .lab {
    font-size: 60px;
    color: #fff;
    padding: 10px;
    background-color: #5c84c4;
    border-radius: 10px;
    margin-bottom: 30px
}

.channels-email-marketing .use-cases {
    padding: 50px 0 0;
    text-align: center;
    min-height: 700px;
    background-color: #fff8f4
}

.channels-email-marketing .use-cases h2,.features_application .section-title,.promises h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 35px;
    margin-bottom: 60px
}

.channels-email-marketing .use-cases .box-user-cases:hover {
    box-shadow: 0 0 30px rgb(223 212 204 / 57%);
    transition: .3s cubic-bezier(.74, .04, .45, 1.38)
}

.channels-email-marketing .use-cases .box-user-cases h5 {
    margin-bottom: 20px;
    color: #2c599d;
    margin-left: 5px;
    font-size: 25px;
    font-weight: 700
}

.channels-email-marketing .use-cases .box-user-cases .icon {
    padding: 30px 20px;
    background-color: #fff8f4;
    margin-bottom: 40px;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    font-size: 25px;
    color: #ef6b06
}

.channels-email-marketing .use-cases .carousel-caption {
    padding: 0 20px;
    font-style: normal
}

.channels-email-marketing .use-cases .carousel-indicators {
    bottom: -68px
}

.channels-email-marketing .faq .panel-group p {
    font-weight: 400;
    color: #2c599d;
    text-align: left;
    line-height: 24px;
    padding: 0 23px;
    font-size: 16px;
    margin: 12px 0
}

.channels-callbot .header-text {
    padding: 75px 0
}



.channels-callbot .header-text .shape-2 {
    right: 0;
    bottom: 0;
}




.channels-callbot .header-text img {
    float: right;
    width: 555px;
    margin-top: 0;
    margin-right: 250px;
}

.channels-callbot .hero .header-text h6 {
    font-weight: normal;
    font-size: 16px;
    color: #ffffff;
    margin-top: 40px;
    background-color: #1b5796;
    padding: 10px;
    border-radius: 10px;
    width: 88%;
    text-align: center;
}

.channels-callbot .hero .header-text h1 {
    font-weight: 700;
    font-size: 45px;
    color: #fff;
    line-height: 59px;
    margin-bottom: 10px
}

.channels-callbot .hero .header-text p {
    font-size: 18px;
    color: #c3ccda;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 22px;
    border-top: 1px solid #c3ccda61;
    padding-top: 20px;

}

.channels-callbot .hero .custom-audio-player {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #e9eff9;
    padding: 10px 16px;
    width: 242px;
    height: 46px;
    color: #284c80;
    position: absolute;
    top: 88px;
    left: 116px;
    font-size: 12px;
    border-top-left-radius: 15px 15px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px
}

.channels-callbot .hero .custom-audio-player .play-btn,
.channels-callbot .hero .custom-audio-player-2 .play-btn {
    background-color: #fff;
    color: #f98124;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .3s
}

.channels-callbot .hero .custom-audio-player .play-btn:hover,
.channels-callbot .hero .custom-audio-player-2 .play-btn:hover {
    background-color: #ccddf9
}

.channels-callbot .hero .custom-audio-player #progress-bar-1,
.channels-callbot .hero .custom-audio-player-2 #progress-bar-2,
.channels-callbot .hero .custom-audio-player-3 #progress-bar-3,
.channels-callbot .hero .custom-audio-player-4 #progress-bar-4 {
    flex: 1;
    appearance: none;
    height: 5px;
    background: #ccddf9;
    border-radius: 5px;
    cursor: pointer
}

.channels-callbot .hero .custom-audio-player-3 #progress-bar-3,
.channels-callbot .hero .custom-audio-player-4 #progress-bar-4 {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    background: #CCDDF9;
    border-radius: 5px;
    outline: none;
}



/* تغيير لون المقبض (الدائرة) */
.channels-callbot .hero .custom-audio-player-3 #progress-bar-3::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 11px;
    height: 11px;
    background: #5C83C4; /* اللون البرتقالي */
    border-radius: 50%;
    cursor: pointer;
}

.channels-callbot .hero .custom-audio-player-3 #progress-bar-3::-moz-range-thumb {
    width: 11px;
    height: 11px;
    background: #5C83C4; /* اللون البرتقالي */
    border-radius: 50%;
    cursor: pointer;
}


/* تغيير لون المقبض (الدائرة) */
.channels-callbot .hero .custom-audio-player-4 #progress-bar-4::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 11px;
    height: 11px;
    background: #fff; /* اللون البرتقالي */
    border-radius: 50%;
    cursor: pointer;
}

.channels-callbot .hero .custom-audio-player-4 #progress-bar-4::-moz-range-thumb {
    width: 11px;
    height: 11px;
    background: #fff; /* اللون البرتقالي */
    border-radius: 50%;
    cursor: pointer;
}



 .channels-callbot .hero .custom-audio-player-3 .play-btn:hover {
    background-color: #ccddf9;
}

.channels-callbot .hero .custom-audio-player-3 button:focus {
    outline: 0 auto -webkit-focus-ring-color;
}


.channels-callbot .hero .custom-audio-player-4 .play-btn:hover {
    background-color: #ccddf9;
}

.channels-callbot .hero .custom-audio-player-4 button:focus {
    outline: 0 auto -webkit-focus-ring-color;
}


.channels-callbot .hero .custom-audio-player #progress-bar-1::-webkit-slider-thumb {
    appearance: none;
    width: 10px;
    height: 10px;
    background: #5c83c4;
    border-radius: 50%;
    cursor: pointer
}

.channels-callbot .hero .custom-audio-player #progress-bar-1::-moz-range-thumb {
    width: 10px;
    height: 10px;
    background: #5c83c4;
    border-radius: 50%;
    cursor: pointer
}

.channels-callbot .hero .custom-audio-player input[type=range],
.channels-callbot .hero .custom-audio-player-2 input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: #d3d3d3;
    border-radius: 5px;
    outline: 0;
    transition: background .3s
}

.channels-callbot .hero .custom-audio-player input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    background: #5c83c4;
    border-radius: 50%;
    cursor: pointer
}

.channels-callbot .hero .custom-audio-player input[type=range]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    background: #5c83c4;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #fff
}

.channels-callbot .hero .custom-audio-player-2 {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #5d85c3;
    padding: 10px 16px;
    width: 246px;
    height: 46px;
    color: #fff;
    position: absolute;
    top: 148px;
    left: 180px;
    font-size: 12px;
    border-top-left-radius: 15px 15px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px
}


.channels-callbot .hero .custom-audio-player-4 {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #5d85c3;
    padding: 10px 16px;
    width: 246px;
    height: 46px;
    color: #fff;
    position: absolute;
    top: 263px;
    left: 177px;
    font-size: 12px;
    border-top-left-radius: 15px 15px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.channels-callbot .hero .custom-audio-player-3 {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #e9eff9;
    padding: 10px 16px;
    width: 242px;
    height: 46px;
    color: #284c80;
    position: absolute;
    top: 205px;
    left: 116px;
    font-size: 12px;
    border-top-left-radius: 15px 15px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}



.channels-callbot .hero .custom-audio-player .play-btn, 
.channels-callbot .hero .custom-audio-player-3 .play-btn,
.channels-callbot .hero .custom-audio-player-4 .play-btn {
    background-color: #fff;
    color: #f98124;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .3s;
}

.channels-callbot .hero .custom-audio-player-2 input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    background: #5c83c4;
    border-radius: 50%;
    cursor: pointer;
    border: 5px solid #fff
}

.channels-callbot .hero .custom-audio-player-2 input[type=range]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    background: #5c83c4;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #fff
}

.channels-callbot .hero .custom-audio-player-2 #progress-bar-2::-webkit-slider-thumb {
    appearance: none;
    width: 10px;
    height: 10px;
    background: #5c83c4;
    border-radius: 50%;
    cursor: pointer
}

.channels-callbot .hero .custom-audio-player-2 #progress-bar-2::-moz-range-thumb {
    width: 10px;
    height: 10px;
    background: #5c83c4;
    border-radius: 50%;
    cursor: pointer
}

.channels-callbot .callbot_uses {
    padding: 60px;
    background-color: #fff;
    min-height: 1100px
}

.channels-callbot .callbot_uses h2 {
    font-weight: 700;
    color: #2c599d;
    font-size: 32px;
    margin: 10px auto 38px;
    line-height: 45px;
    text-align: center
}

.channels-callbot .callbot_uses .box_callbot {
    background-color: #f6f9fe;
    padding: 37px 40px;
    border-radius: 8px;
    margin-top: 25px;
    min-height: 94%;
    text-align: center
}

.channels-callbot .callbot_uses img {
    width: 77px;
    margin-bottom: 20px;
    margin-top: 10px
}

.channels-callbot .callbot_uses .box_callbot h4 {
    text-align: center;
    margin: 14px auto;
    font-size: 21px;
    line-height: 28px;
    font-weight: 900
}

.channels-callbot .how_callbot {
    padding: 40px;
    min-height: 600px;
    background-color: #f3f8fc
}

.channels-callbot .how_callbot h2 {
    font-weight: 900;
    color: #2c599d;
    font-size: 32px;
    width: 46%;
    margin: 21px auto 45px;
    line-height: 45px;
    text-align: center
}

.channels-callbot .how_callbot .media {
    margin-bottom: 20px;
    background-color: #fff;
    padding: 21px;
    border-radius: 10px
}

.channels-callbot .how_callbot .media .las {
    font-size: 40px;
    color: #ef6b06;
    background-color: #f3f8fc;
    padding: 20px;
    border-radius: 10px;
    margin-right: 24px
}

.channels-callbot .video_ai {
    padding: 40px;
    background-color: #f6f9fe;
    min-height: 1030px;
    text-align: center
}

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

.channels-callbot .video_ai .smart_video {
    padding: 30px
}

.channels-callbot .video_ai .smart_video .card-text:last-child {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #14003a
}

.channels-callbot .video_ai .smart_video .card {
    border: 0 solid rgba(0,0,0,.125);
    margin-bottom: 20px;
    border-radius: 15px
}

.channels-callbot .video_ai .smart_video img {
    border: 2px solid #fff;
    box-shadow: 0 15px 40px rgb(21 21 21 / 9%);
    border-radius: 15px
}

.channels-callbot .modal .modal-dialog {
    max-width: 60%;
    margin: 9.75rem auto
}

iframe {
    height: 600px;
    width: 100%
}

.modal-dialog {
    max-width: 1000px
}

.channels-callbot .video_ai .smart_video .card-body p {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px
}

.channels-callbot .video_ai .smart_video .play-btn {
    transition: .3s;
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%,-50%);
    z-index: 10
}

.channels-callbot .video_ai .smart_video .play-btn img {
    border: 15px solid #fff;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 85px;
    height: 85px;
    position: relative;
    margin: 0 auto;
    border-radius: 150px;
    animation: 1.5s infinite play;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.channels-callbot .video_ai .smart_video .play-btn img:before {
    background: #fff;
    content: "";
    width: 233px;
    height: 104px;
    position: absolute;
    top: 13px;
    right: 16px;
    border-radius: 100px;
    border: 15px solid #fff;
    z-index: 99998;
    transform: rotate(45deg);
    transform-origin: bottom
}

.channels-callbot .video_ai .smart_video .play-btn img:after {
    background: 0 0/100% 100% #12a5f4;
    content: "S";
    line-height: 205px;
    color: #fff;
    font-size: 150px;
    font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif;
    font-weight: 700;
    text-align: center;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: absolute;
    border-radius: 150px;
    z-index: 99999!important
}

.channels-callbot .video_ai .smart_video .play-btn img:hover {
    animation: none;
    transform: scale(1.2);
    transition: .5s
}

@keyframes play {
    0%,80% {
        transform: scale(1)
    }

    15% {
        box-shadow: 0 0 0 20px rgba(255,255,255,.2)
    }

    25% {
        box-shadow: 0 0 0 20px rgba(255,255,255,.2),0 0 0 40px rgba(255,255,255,.2)
    }

    30% {
        transform: scale(1.2)
    }

    50% {
        box-shadow: 0 0 0 20px rgba(255,255,255,.2),0 0 0 40px rgba(255,255,255,.2),0 0 0 60px rgba(255,255,255,.2)
    }
}

.channels-callbot .automate_service {
    text-align: center;
    background: 0 0/cover no-repeat #214376;
    position: relative;
    min-height: 1400px;
    padding: 60px 0
}

.channels-callbot .automate_service span {
    font-weight: 400;
    color: #2eaaff
}

.channels-callbot .automate_service h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 10px auto 15px;
    color: #fff;
    line-height: 34px
}

.channels-callbot .automate_service p {
    font-size: 16px;
    margin-bottom: 50px;
    color: #fff
}

.channels-callbot .automate_service h6 {
    font-size: 16px;
    margin-top: 20px;
    line-height: 25px;
    background-color: #fff;
    padding: 0 8px;
    border-radius: 10px;
    text-align: left;
    color: #fff
}

.channels-callbot .automate_service .box_automate_service {
    margin-top: 25px;
    height: 330px;
    margin-bottom: 10px;
    border-left: 1px solid #456ba48c;
    padding: 30px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: 0
}

.channels-callbot .automate_service .box_automate_service:hover {
    border-left: 1px solid #5d85c3
}

.channels-callbot .automate_service .box_automate_service h5 {
    font-weight: 700;
    color: #fff;
    text-align: left;
    font-size: 25px;
    margin-bottom: 20px;
    line-height: 34px
}

.channels-callbot .automate_service .box_automate_service h4 {
    font-size: 25px;
    font-weight: 700;
    margin: 15px 0;
    text-align: left;
    color: #fff;
    line-height: 38px
}

.channels-callbot .automate_service .box_automate_service .icon {
    background-color: #32578d;
    padding: 25px 20px;
    border-radius: 25px 0 0;
    width: 80px;
    height: 80px;
    margin-bottom: 30px
}

.channels-callbot .automate_service .box_automate_service p {
    line-height: 27px;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: left;
    color: #fff
}

.channels-callbot .automate_service .box_automate_service .btn-primary {
    background-image: linear-gradient(to right,#ffc107 0,#ffd401 51%,#ffc107 100%);
    color: #14003a;
    border-color: #ffd401;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
    float: left
}

.channels-callbot .automate_service .box_automate_service .btn-primary:not(:disabled):not(.disabled).active,.channels-callbot .automate_service .box_automate_service .btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #14003a;
    background-color: #ffd401;
    border-color: #ffd401
}

.channels-callbot .automate_service .box_automate_service .las {
    margin-left: 8px;
    padding: 5px 0
}

.channels-callbot .integration {
    padding: 40px;
    min-height: 650px;
    text-align: center
}

.channels-callbot .integration h2 {
    font-weight: 900;
    color: #2c599d;
    font-size: 32px;
    text-align: center;
    margin-top: 30px
}

.channels-callbot .integration h3 {
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 60px
}

.channels-callbot .integration .media {
    text-align: left;
    background-color: #f3f8fc;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px
}

.channels-callbot .integration .media .las {
    margin-right: 10px;
    font-size: 24px;
    color: #ef6b06;
    padding: 0
}

.channels-callbot .pricing {
    padding: 40px;
    min-height: 400px;
    text-align: center
}

.channels-callbot .pricing h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.channels-callbot .pricing .box_pricing {
    background-color: #f6f9fe;
    padding: 37px 40px;
    border-radius: 8px;
    margin-top: 25px;
    min-height: 94%;
    text-align: center;
    margin-bottom: 10px
}

.channels-callbot .ai_voice_bots .btn-primary,.channels-callbot .pricing .btn-primary {
    color: #fff;
    background: #f48022;
    border-color: #f48022;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    font-weight: 700
}

.channels-callbot .pricing .box_pricing img {
    width: 92px;
    margin-bottom: 20px;
    margin-top: 10px;
    background-color: #fff;
    padding: 14px;
    border-radius: 10px
}

.channels-callbot .expert {
    padding: 57px;
    min-height: 886px;
    margin-top: 0;
}

.channels-callbot .expert  h2 {
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    width: 80%;
    margin: 0 auto 55px;
}

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

.channels-callbot .expert iframe {
    height: 190px;
}

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

.channels-callbot .pricing .box_pricing h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    width: 80%;
    margin: 0 auto
}

.channels-callbot .pricing .btn-primary {
    margin: 50px 5px 5px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.channels-callbot .ai_voice_bots {
    padding: 50px 0;
    background-color: #214376;
    min-height: 400px;
    text-align: center
}

.channels-callbot .ai_voice_bots h2 {
    font-size: 25px;
    font-weight: 700;
    margin: 20px auto 15px;
    color: #fff;
    line-height: 34px
}

.channels-callbot .ai_voice_bots p {
    font-size: 16px;
    color: #fff;
    width: 60%;
    margin: 10px auto 30px
}

.channels-callbot .ai_voice_bots .btn-primary {
    margin: 5px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear
}

.promises {
    background: url(../images/features.webp) center center/cover no-repeat #fff;
    padding: 80px 0;
    position: relative;
    text-align: center;
    min-height: 670px
}

.copyright-left,.copyright-right {
    background-color: #e3effa
}

.promises .promises-box {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #fff;
    padding: 50px;
    box-shadow: 0 10px 50px rgba(4,75,194,.1);
    border: 1px solid rgba(88,136,247,.1);
    -webkit-transition: .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: .3s ease-in-out
}

.promises .promises-box:hover {
    box-shadow: 0 20px 60px rgba(4,75,194,.2);
    transition: .3s cubic-bezier(.74, .04, .45, 1.38)
}

.features_application .box-item,.news .news_articles .card {
    -mox-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out
}

.promises .promises-box h3 {
    font-weight: 700;
    color: #2c599d;
    font-size: 22px;
    margin: 15px 0
}

.promises .promises-box .las {
    margin-right: 3px;
    font-size: 60px;
    color: #ef6b06;
    padding: 5px 0;
    margin-bottom: 30px
}

.news .news_articles,
.news .news_hero .body_width {
    width: 80%;
    margin: 0 auto
}

.news .btn-primary {
    margin: 22px;
    color: #fff;
        background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
}

.news .btn-primary:hover {
    color: #fff;
    border-color: #fd9947;
     background-color: #fd9947;
    
}

.news .btn-primary:not(:disabled):not(.disabled).active, 
.news .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #fd9947;
    border-color: #fe9d4e;
}


.news .news_hero {
    background: url(../images/news-hero.svg) center center/cover no-repeat;
    overflow: hidden;
    position: relative;
    text-align: left;
    min-height: 300px;
    padding: 50px
}

.news .news_hero h1 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 90px;
    text-align: center
}

.news .news_hero h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 90px;
    text-align: center
}

.news .news_hero p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    text-align: center
}

.news .news_articles {
    padding: 40px 0;
    min-height: 500px
}

.news .news_articles .card-text:last-child,.news .related_articles .card-text:last-child {
    margin-bottom: 0;
    font-size: 18px;
    color: #2c599d
}

.news .news_articles .card-title {
    margin-bottom: 5px;
    font-weight: 600;
    color: #ef6b06;
    font-size: 16px
}

.news .news_articles .card {
    height: 96%;
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.075)!important;
    background-color: #fff;
    border: 0 solid rgba(0,0,0,.125);
    margin-bottom: 20px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.news .news_articles .card:hover {
    border-bottom: 1px solid rgb(253 152 70)
}

.news .news_articles .list-group-item {
    color: #909090;
    font-size: 13px;
    background-color: #fff;
    border: 0 solid rgb(221 237 253)
}

.news a:hover {
    color: #0056b3;
    text-decoration: none
}

.news .news_details h4 {
    font-size: 16px;
    margin-top: 50px;
    color: #ef6b06
}

.news .news_details h6 {
    margin-top: 80px;
    text-align: right;
    color: #2c599d
}

.news .news_details h1 {
    font-size: 35px;
    margin-top: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 40px
}



    .news .news_details svg {
    border: 1px solid #224376;
    padding: 7px;
    border-radius: 5px;
    width: 29px;
    }
    .news .news_details .social-share{
    float: left;
    margin-top: 64px;
    }


    .news .news_details .social-share a {
    font-size: 24px;
    margin: 0 3px;
    color: #224376;
    text-decoration: none;
    transition: color 0.3s ease;
    }
    .news .news_details .social-share a:hover {
    color: #F98124;
    }








.news .news_details h5,.news .news_details img {
    margin-top: 20px;
    margin-bottom: 20px
}

.news .carousel-indicators {
    bottom: 36px
}

.news .carousel-indicators li {
    width: 16px;
    height: 3px;
    margin-right: 5px;
    margin-left: 3px
}

.news .news_details h5 {
    color: #909090;
    font-size: 14px
}

.news .news_details p {
    font-size: 18px;
    text-align: justify;
    line-height: 32px
}

 .news .news_details ul li {
    list-style: disc;
 }
  .news .news_details ul {
    margin-bottom: 0;
    text-align: right;
    line-height: 31px;
    margin-right: 22px;
    font-size: 18px;
}

.news .news_details a {
    color: #ef6b06;
    font-weight: 400
}

.news .related_articles h1 {
    padding: 30px 0
}

.news .related_articles .card-title {
    margin-bottom: 5px;
    font-weight: 600;
    color: #ef6b06
}

.news .related_articles .card {
    background-color: #f4f9fd;
    border: 0 solid rgba(0,0,0,.125);
    margin-bottom: 20px
}

.news .related_articles .list-group-item {
    color: #909090;
    background-color: #f4f9fd;
    border: 0 solid rgb(221 237 253)
}






@media (max-width: 1024px) {
    .news .news_articles,.whatsapp_api .pricing_box .btn-light {
        width:100%
    }

    .whatsapp_api .features_whatsapp_box .mobile_features img {
        width: 206px
    }

    .whatsapp_api .price-item {
        background-color: #fff;
        border-radius: 10px;
        height: 550px
    }

    .whatsapp_api .pricing_box .card-body {
        padding: 0
    }
}

@media (max-width: 768px) {
    #package .hero-offers img,#programs .hero-area-bg img,.channels-sms .hero-offers-sms-service .shape-3,.hero-area-bg img {
        display:none
    }

    #package .hero-offers {
        height: 270px;
        margin-top: 0;
        padding: 0;
        text-align: center
    }

    #package .hero-offers .header-text h1 {
        font-size: 25px;
        margin-top: 50px;
        margin-bottom: 0
    }

    #package .hero-offers .header-text h2 {
        font-size: 17px
    }

    ul.infoGraphic {
        flex-wrap: wrap
    }

    .channels-sms .expert .offer_box_date {
        width: 100%
    }

    .whatsapp_api .features_whatsapp_box {
        height: 540px
    }

    .partner .expert {
        margin-top: 25px
    }

    .whatsapp_api .features_whatsapp_box .mobile_features {
        position: inherit;
        text-align: center
    }

    .barq .try-program img {
        padding: 0 70px;
        margin-bottom: 30px
    }

    .privacy {
        margin-top: 20px
    }

    .channels-sms .hero-offers-sms-service .header-text h3 {
        font-size: 31px;
        line-height: 30px;
        margin-bottom: 37px;
        margin-top: 0;
        text-align: center
    }

    #affiliate .hero-area-bg .header-text h1 {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 0;
        margin-top: 0
    }

    #affiliate .hero-area-bg .header-text p {
        font-size: 20px;
        margin-bottom: 6px;
        margin-top: 9px
    }

    .news .news_hero {
        padding: 10px;
        min-height: 150px
    }

    .news .news_hero h2 {
        font-size: 35px;
        margin-top: 50px;
        text-align: center
    }

    .news .news_hero p {
        font-size: 20px;
        width: 100%;
        text-align: center
    }

    .news .news_articles {
        padding: 0;
        min-height: 500px;
        margin-top: 20px;
        width: 100%
    }

    .news .news_details h1 {
        font-size: 26px;
        margin-top: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        text-align: center
    }

    .news .news_details h4,.news .news_details h5 {
        text-align: center
    }

    .news .related_articles {
        padding: 0
    }
}

@media (max-width: 767px) {
    .top-header {
        display:block
    }

    #package .plan-one .pricing-header {
        text-align: center
    }

    #package .plan-one .pricing-header i {
        display: block;
        float: none;
        margin-bottom: 20px
    }

    .partner .expert .btn-primary {
        display: none
    }

    .whatsapp_api .price-item {
        background-color: #fff;
        border-radius: 10px;
        height: 570px
    }

    .whatsapp_api .features_whatsapp_box {
        height: 565px
    }

    .news .news_hero .body_width {
        width: 100%;
        margin: 0 auto
    }

    .news .news_hero h2 {
        font-size: 26px;
        margin-top: 50px
    }
}

@media (max-width: 425px) {
    .whatsapp_api .features_whatsapp_box {
        height:589px
    }
}

.social_responsibility .hero .header-text h1 {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    line-height: 57px;
    margin-bottom: 10px;
    margin-top: 115px
}

.social_responsibility .hero .header-text h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 0;
    margin-top: 10px;
    color: #fff;
    text-align: left
}

.social_responsibility .overview p {
    font-size: 19px;
    line-height: 30px
}

.social_responsibility .why {
    background-color: #fff;
    min-height: 360px
}

.social_responsibility .why .tabs li {
    background-color: #f6f7f900;
    color: #2c599d;
    border-bottom: 1px solid #e2e2e2;
    height: 82px;
    cursor: pointer;
    border-left: 3px solid #f6f9fe
}

.social_responsibility .why .tabs li.selected,.social_responsibility .why .tabs li:hover {
    background-color: #f6f9fe;
    color: #ef6b06;
    border-left: 3px solid #ef6b06
}

.social_responsibility .why .tabs img {
    width: 50px;
    padding: 4px;
    margin: 17px
}

.social_responsibility .why h5 {
    font-weight: 700;
    font-size: 17px;
    line-height: 26px
}

.why .tabs-content {
    background-color: #f6f9fe;
    min-height: 329px;
    padding: 40px 44px
}

.social_responsibility .why .tabs-content h3 {
    font-size: 33px;
    font-weight: 600;
    line-height: 39px;
    color: #2c599d
}

.social_responsibility .why .tabs-content p {
    font-size: 22px;
    line-height: 34px;
    color: #2c599d;
    text-align: left
}

.social_responsibility .csr_programs h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 50px
}

.social_responsibility .csr_programs .economic_aspect,.social_responsibility .csr_programs .environmental_aspect,.social_responsibility .csr_programs .social_aspect {
    padding: 50px 0
}

.social_responsibility .csr_programs .economic_aspect h3,.social_responsibility .csr_programs .environmental_aspect h3,.social_responsibility .csr_programs .social_aspect h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.social_responsibility .csr_programs .economic_aspect p,.social_responsibility .csr_programs .environmental_aspect p,.social_responsibility .csr_programs .social_aspect p {
    font-size: 18px;
    line-height: 30px;
    text-align: justify
}

.features_application .content-right span,.social_responsibility .csr_programs .economic_aspect img {
    float: left
}

.social_responsibility .slogan {
    background: url(../images/values-bg.png) center center/cover no-repeat fixed;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 500px;
    padding: 50px
}

.social_responsibility .slogan .email {
    background-color: #5d85c3;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px
}

.social_responsibility .slogan .email h4 {
    color: #fff;
    margin-top: 10px;
    font-size: 16px
}

.social_responsibility .slogan .email a {
    color: #fff;
    text-decoration: none;
    background-color: transparent
}

.social_responsibility .slogan .email img {
    width: 35%;
    padding: 22px
}

.social_responsibility .slogan h3 {
    font-size: 21px;
    color: #f0f8ff;
    font-weight: 700;
    margin-top: 20px
}

.social_responsibility .slogan p {
    margin: 0 auto 30px;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    width: 100%
}

.footer-06 {
    padding-top: 0!important;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.footer-06 .iso_img img {
    width: 76px;
    height: 76px;
    margin: 1px;
    position: inherit;
    top: 50%;
    transform: translate(-2%,30%)
}

.footer-06 .meta_partners {
    margin-top: 43px;
    text-align: center
}

.footer-06 .meta_partners img {
    width: 155px;
    margin: 0;
    position: inherit;
    transform: translate(0,0)
}

.footer-06 img {
    width: 25%;
    margin: 0;
    position: absolute;
    top: 40%;
    transform: translate(-50%,-50%)
}

.copyright-left {
    text-align: center
}

.copyright-left p {
    font-size: 14px;
    color: #2c599d;
    margin-top: 18px
}






.footer-06 .box_branches{

    background-color: #edf4fb;
        border-radius: 10px;
        padding: 10px;
        text-align: center;
        border: 1px solid #2c599d;
    
    }


    .footer-06 .branches a {
        color: #2c599d;
        font-weight: bold;
    }

    .footer-06 .branches h3 {
        font-size: 16px;
        color: #2c599d;
        margin: 6px;
        text-align: center;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: 16px 0;
        grid-gap: 11px;
        font-weight: bold;
    }

    .footer-06 .branches h3:after,
     .footer-06 .branches h3:before {
        content: " ";
        display: block;
        border-bottom: 1px solid #2c599d;
    }

    .footer-06 .branches h3:after,
     .footer-06 .branches h3:before {
        content: " ";
        display: block;
        border-bottom: 1px solid #2c599d;
    }




.footer-06 .copyright-right li a {
    font-size: 14px;
    line-height: 20px;
    color: #7c84ad;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer-06 .copyright-right ul li,ol li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

.footer-06 .copyright-right p {
    color: #2c599d;
    font-size: 14px;
    margin-top: 13px;
    text-align: center
}

.footer-06 .copyright-right .social-media svg {
    width: 16px;
    margin-bottom: 2px
}

.footer-06 .copyright-right .social-media {
    text-align: left;
    margin-left: 40px;
    margin-top: 16px
}

.footer-06 .copyright-right .social-media .las,.lab {
    font-size: 20px;
    color: #2c599d;
    padding: 0;
    margin-top: 0
}

.footer-06 .copyright-right .social-media a {
    color: #2c599d;
    font-size: 20px;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer-06 .copyright-right .social-media a:hover {
    color: #E3EFFA
}

.footer-06 .heading-section {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase
}

.footer-06 .footer-heading {
    font-size: 18px;
    color: #2c599d;
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: bold;
}

.footer-06 .list-unstyled li a {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #2c599d;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer-06 .list-unstyled li a:hover {
    color: #e94d2b
}

.footer-06 .subscribe-form {
    border-radius: 40px;
    background: #fff;
    padding: 3px
}

.footer-06 .subscribe-form .form-group {
    position: relative;
    margin-bottom: 0;
    border-radius: 0
}

.footer-06 .subscribe-form .form-group input {
    background: 0 0!important;
    border: none!important;
    outline: 0!important;
    color: rgba(0,0,0,.3)!important;
    font-size: 16px;
    height: 56px;
    border-radius: 0
}

.footer-06 .aside-stretch {
    background: #edf4fb;
    text-align: center
}

.footer-06 .aside-stretch:after {
    background: #edf4fb
}

.footer-06 .aside-stretch-right {
    background: #edf4fb;
    padding: 80px
}

.footer-06 .aside-stretch-right h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px
}

.footer-06 .aside-stretch-right p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}

.footer-06 .aside-stretch-right .las {
    margin-bottom: 11px;
    font-size: 20px;
    color: #ef6b06;
    padding: 0
}

.footer-06 .aside-stretch-right .media a {
    color: #2c599d;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px
}

.footer-06 .copyright-right .list-unstyled {
    list-style: none;
    text-align: left;
    padding: 13px
}

.page-not-found {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #f1e2df;
    position: relative;
    z-index: 1
}

.page-not-found .page-404 {
    background: linear-gradient(90deg,rgb(254 238 234) 0,#fff 50%,rgb(254 243 240) 100%);
    padding: 50px 0 0;
    border-radius: 10px;
    min-height: 600px;
    text-align: center;
    margin: 0 auto;
    width: 68%;
    box-shadow: 0 10px 50px rgb(225 215 213)
}

.page-not-found .page-404 img {
    width: 40%;
    margin: 20px
}

.page-not-found .page-404 h2 {
    font-size: 30px;
    font-family: Almarai,sans-serif
}

.page-not-found .page-404 .page-box-404 {
    padding: 40px;
    background-color: #fdede9;
    border-radius: 10px;
    margin-top: 20px
}

.page-not-found .page-404 .page-box-404 h3 {
    margin: 0 0 21px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 3px;
    width: 100%
}

.page-not-found .page-404 .page-box-404 p {
    width: 70%;
    margin: 0 auto
}

.page-not-found .page-404 .page-box-404 .h-line {
    height: 2px;
    background-color: #f7dad6;
    width: 40%;
    margin: 20px auto
}

.page-not-found .page-404 .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    font-family: Almarai,sans-serif
}

.features_application {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
    position: relative;
    text-align: center;
    min-height: 750px;
    background-color: #fff
}

.features_application svg {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -124px;
    z-index: 1
}

.features_application .box-item .icon i {
    color: #ef6b06;
    font-size: 30px;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear
}

.features_application .icon {
    display: inline-block;
    width: 60px;
    height: 120px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    z-index: 1
}

.laoding,.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.features_application .box-item .text h4 {
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear
}

.features_application .box-item {
    box-shadow: 0 0 12px #f4f4f4;
    box-shadow: 0 0 12px #e6e4e4;
    padding: 15px;
    line-height: 22px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    top: 0
}

.features_application .box-item .icon {
    text-align: center;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear
}

.features_application .box-item:hover {
    box-shadow: 0 10px 22px 10px rgba(27,38,49,.1)
}






.story_min_2{
    background-color: #f7fbfe;
    padding: 40px;
    min-height: 600px;
    text-align: center;
}

.story_min_2 h2 {
    margin: 30px;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 50px;
}

.story_min_2 h3 {
    margin: 30px;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 50px;
}

.story_min_2 h1 {
    margin: 30px;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 50px;
}

.story_content-min{
    border-radius: 10px;
    padding: 20px 2px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.story_min_2 .story_content-min h4 {
    color: #2c599d;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
}

.story_min_2 .story_content-min h3 {
    text-align: center;
    color: #2c599d;
    font-weight: bold;
    font-size: 20px;
    line-height: 29px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.story_min_2 .story_content-min p {
   color: #2c599d;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    text-align: justify;
}


.story_min_2 .story_content-min {
 max-height: 250px;
    overflow-y: hidden;
    line-height: 1.7;
    margin: 2px auto;
    text-align: center;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 0;
    font-family: almarai;
    
}

.story_min_2 .story_content-min img {
   
    width: 50px;
    margin-top: 20px;
   
}

 .story_min_2 .story_content-min ul{
   text-align: right;
}

 .story_min_2 .story_content-min ul li {
    list-style: disc;
    margin-right: 20px;
}


.story_min_2 .story_content-min::-webkit-scrollbar {
    width: 3px;
}

.story_min_2 .story_content-min::-webkit-scrollbar-thumb {
    background-color: #ef6b06;
    border-radius: 4px;
}

.story_min_2 .story_content-min::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px;
}


.story_min_2 .namestory {
    background-color: #ffffff;
    width: 750px;
    margin: 0 auto;
    padding: 24px 0;
    padding-bottom: 20px;
}



.story_min_2 .namestory img{
    width: 50px;
}



.story_min_2 .namestory h3{
   font-weight: bold;
   margin-top: 5px;
}



.story_min_2 .namestory svg{
  width: 100%;
    margin-bottom: 30px;
}





.story_min_2 .carousel-indicators li {
   background-color: #EF6B06;
   width: 16px;
   height: 3px;
   margin-right: 8px;
}


.story_min_2 .carousel-indicators {
    bottom: -5rem;
}

.story_min_2 a:hover {
    color: #0056b3;
    text-decoration: auto;
}

.story_min_2 .carousel-inner {
  height: 251px;
}



  .story_min_2 .testimonial-card {

    background-color: white;
    border-radius: 20px;
    padding: 2rem;
    transition: transform 0.3s ease;
    text-align: right;
    direction: rtl;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    min-height: 220px;
   
   }

            
        .story_min_2 .quote-icon {
            font-size: 4rem;
            color: #ef6b06;
            opacity: 0.2;
            position: absolute;
            top: 1rem;
            right: 2rem;
        }
        
       .story_min_2 .avatar {
           width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            border: 1px solid #cfd4db;
        }
        
            
     
            
        .story_min_2 .client-name {
            color: #2c599d;
            font-weight: 600;
            font-size: 16px;
            font-family: almarai;
        }
        
        .story_min_2 .client-position {
           color: #ef6b06;
           font-size: 14px;
           margin-top: 8px;
           font-family: almarai;
        }



 .story_min_2 .custom-carousel-controls {
  display: flex;
  justify-content: center;
  gap: 20px;
}

 .story_min_2 .carousel-btn {
 background-color: #ffffff;
    border: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

 .story_min_2 .carousel-btn:hover {
  background-color: #f4e2d5;
  transform: scale(1.1);
}

 .story_min_2 .carousel-btn:focus {
  outline: none;
}



 .story_min_2 .custom-carousel-controls {
  display: flex;
  justify-content: center;
  gap: 20px;
}





.story_min_2 .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 600;
    margin: 34px auto;
}


 .story_min_2 .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}








.customers-stories{

    padding-top: 50px;

}


.customers-stories .testimonial-card {
  position: relative;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  padding: 25px;
  direction: rtl;
  transition: all 0.4s ease;
  margin-bottom: 20px;
}



/* توزيع الأعمدة */
.customers-stories .testimonial-card .row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* القسم الأيمن (الصورة والاسم) */
.customers-stories .col-right {
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center;
}

.customers-stories .avatar {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 50%;
}

.customers-stories .client-name {
  font-weight: bold;
  margin-top: 10px;
}

.customers-stories .client-position {
  color: #f47b20;
  font-size: 14px;
}

/* القسم الأيسر (النص) */
.customers-stories .col-left {
  flex: 0 0 75%;
  max-width: 75%;
  padding-left: 25px;
}

/* النص بثلاث أسطر فقط */
.customers-stories .story_content-min {
  position: relative;
  overflow-y: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* يحد النص بثلاث أسطر فقط */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  transition: all 0.6s ease;
  line-height: 1.7em;
  font-size: 16px;
}

/* عند التوسعة */
.customers-stories .story_content-min.expanded {
  -webkit-line-clamp: unset;
  max-height: 1165px;
}

/* التدرج السفلي */
.customers-stories .story_content-min::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(to top, #fff, transparent);
  transition: opacity 0.3s ease;
}

.customers-stories .story_content-min.expanded::after {
  opacity: 0;
}

/* زر المزيد */
.customers-stories .more-btn {
  background-color: #f47b20;
  color: #fff;
  border: none;
  padding: 6px 16px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s;
  margin-top: 10px;
  float: left;
}

.customers-stories .more-btn:hover {
  background-color: #d96a1a;
}
.customers-stories button:focus {
    outline: 0 auto -webkit-focus-ring-color;
}

/* متجاوب */
@media (max-width: 768px) {
  .customers-stories .col-right, .customers-stories .col-left {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    text-align: center;
  }
}










/* ----- landing_page_1 ---------   */


   .landing_page_1 .channels-sms .hero {
        min-height: 750px;
        margin-top: 0;
        background: url(../images/offers/brand-bg-1.jpg) center / cover no-repeat #e4c89c;
    }


    .landing_page_1 .channels-sms .hero img {
        width: 200px;
        margin-top: 93px;
        float: none;
        text-align: center;
    }

    .landing_page_1 .channels-sms .hero-man {
      position: absolute;
      left: 0;
       bottom: 0;
    }

    .landing_page_1 .channels-sms .hero-man img {
        width: 350px;
    }


    .landing_page_1 .channels-sms .hero .header-text h1 {
    font-weight: 700;
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 4px;
    margin-top: 100px;
    color: #6b4e45;
    text-align: center;
}

.landing_page_1 .channels-sms .hero .header-text h2 {
        font-size: 25px;
        font-weight: 700;
        line-height: 38px;
        background-color: #ffffff;
        border-radius: 10px;
        padding: 12px;
        width: 50%;
        margin: 0 auto;
        color: #6b4e45;

    }
    
.landing_page_1 .channels-sms .hero .header-text p {
    font-weight: normal;
    font-size: 26px;
    color: #6b4e45;
    line-height: 42px;
    width: 68%;
    margin: 20px auto 15px;
}

    .landing_page_1 .channels-sms .integration_sms .header-text img {
        float: right;
        width: 370px;
        margin-top: 0;
    }

    .landing_page_1  .channels-sms .cloud_communications .header-text img {
        float: left;
        width: 370px;
        margin-top: 0;
    }


    .landing_page_1 .expert .expert-tabs {
        padding: 47px;
        margin: 0 auto;
    }
    
    
    .landing_page_1 .channels-sms .hero {
        margin-top: 0;
    }
    
    
    .landing_page_1 .navbar.light-header {
        box-shadow: 1px 1px 9px 0 rgb(192 192 201 / 48%);
        background-color: #ffffff;
    }
    
 
    .landing_page_1 .expert h2 {
        font-weight: 700;
        font-size: 30px;
        text-align: center;
        width: 80%;
        margin: 48px auto;
    }

    
    
    .landing_page_1 .navbar .dropdown-item {
        text-align: center;
    }
    
    
    
    .landing_page_1 .expert .form-row>.col,
    .landing_page_1 .expert .form-row>[class*=col-]{
        padding-right: 5px;
        padding-left: 5px;
    }
    
    
    .landing_page_1 iframe {
        height: 190px;
    }
    

    .landing_page_1 .expert .form-row>.col,
    .landing_page_1 .expert .form-row>[class*=col-]{
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .landing_page_1 .expert {
        margin-top: 0;
        min-height: 990px;
        background-color: #fff;
        padding: 0;
    }
    
    
    .landing_page_1 .expert .expert-tabs .tab-content {
        padding: 0;
    }
    
    
    .landing_page_1 .expert .form-sales .form-check{
        margin-right: 20px;
        margin-left: auto;
    }
    
    .landing_page_1 .footer-06 .copyright-right p {
        text-align: left;
        margin-bottom: 0;
    }

    .landing_page_1 .expert ul li .las {
        margin-right: 10px;
    }

    .landing_page_1 .btn-secondary {
        color: #fff;
        background-color: #9e8878;
        font-size: 14px;
        border-color: #9e8878;
    }


    .landing_page_1 .btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #231F20;
        border-color: #231F20;
        border-color: #231F20;

}

.landing_page_1 .packages .text-sales{
    text-align: left;
}


.landing_page_1 .packages h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    margin-top: 50px;
}

.landing_page_1 .packages h3 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
    width: 100%;
}

.landing_page_1 .packages p {
    color: #2c599d;
    width: 100%;
}

.landing_page_1 .packages h4 {
    font-weight: 600;
    color: #ef6b06;
    margin-top: 30px;
}

.landing_page_1 .packages ul li {
    margin-bottom: 8px;
    color: #2c599d;
    font-size: 16px;
}
.landing_page_1 .packages ul li .las {
    margin-left: 0;
}

.landing_page_1 .packages ul li .las {
    margin-right: 10px;
}




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


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

    .landing_page .channels-sms .header-text img {
        float: right;
        width: 418px;
        margin-top: 0;
    }

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


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


.landing_page .channels-sms .hero {
    margin-top: 0;
}


.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 .navbar .dropdown-item {
    text-align: center;
}



.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: 990px;
    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;
}














  
  /* ----------------- hero ----------------------   */
  /* ----------------- hero ---------------------   */


.hero-area-bg-offers {
    min-height: 700px;
    margin-top: 60px;
    background-color: #003438;
    background: url(#) center / cover no-repeat #003438;
}

.hero-area-bg-offers .carousel-indicators {
    bottom: -58px;
 }

 

 .hero-area-bg-offers .carousel-item {
  height: 55vh;
}

.hero-area-bg-offers .carousel-indicators li {
   background-color: #ffffff;
    width: 18px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 0;
}

.carousel-indicators .active {
    opacity: 1;
}

.hero-area-bg-offers  .header-text {
   width: 100%;
    padding: 95px 0;
    margin-top: 0;
}

.hero-area-bg-offers .right-bg {
   
    padding: 40px 0;
    text-align: center;
}

.hero-area-bg-offers img{
   max-width: 100%;
   height: auto;
   width: 320px;
   margin: 0;
   margin-top: 80px;

}


.hero-area-bg-offers .whatsapp img{
   max-width: 100%;
   height: auto;
   width: 260px;
   margin: 0;
   margin-top: 0;

}


.hero-area-bg-offers .header-text h2 {
   text-align: left;
    font-weight: 700;
    font-size: 39px;
    line-height: 50px;
    margin-bottom: 0;
    margin-top: 49px;
    color: #fff;
}

.hero-area-bg-offers .header-text p {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 35px;
    margin-top: 27px;
    color: #fff;
    line-height: 28px;
}

.hero-area-bg-offers .btn-primary {
    color: #fff;
    background-color: #966b40;
    border-color: #966b40;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 18px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
}

.hero-area-bg-offers .btn-primary:not(:disabled):not(.disabled).active,
 .hero-area-bg-offers.btn-primary:not(:disabled):not(.disabled):active,
 .hero-area-bg-offers .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #966b40;
    border-color: #966b40;
}

.hero-area-bg-offers .btn-primary .las {
    margin-right: 3px;
    font-size: 20px;
    color: #fff;
    padding: 5px 0;
}

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



@media (max-width: 1024px) {

.hero-area-bg-offers {
   min-height: 450px;
   margin-top: 60px;
 }

.hero-area-bg-offers .header-text {
    padding: 20px 0;
    margin-top: 0;
}


.hero-area-bg-offers .carousel-item {
    height: 65vh;
}

.hero-area-bg-offers .carousel-indicators {
    bottom: -21px;
}
 
}



@media (max-width: 768px) {

 .hero-area-bg-offers .header-text {
    width: 100%;
    padding: 10px 0;
    margin-top: 0;
}
   .hero-area-bg-offers .header-text {
   text-align: center;
}

.hero-area-bg-offers .right-bg {
    float: none;
    padding: 0;
}
.hero-area-bg-offers img {
    width: 300px;
    float: none;
    margin-top: 37px;
}

.hero-area-bg-offers .header-text h2 {
    
font-size: 27px;
        line-height: 37px;
        margin-bottom: 0;
        margin-top: 20px;
        text-align: center;
   
}

.hero-area-bg-offers .whatsapp img {
    margin-top: 30px;
}

.hero-area-bg-offers img {
   display: none;
}
.hero-area-bg-offers .carousel-item {
        height: 44vh;
    }

}



@media (max-width: 767px) {




.hero-area-bg-offers .carousel-item {
    height: 53vh;
}



}














.jump-anim {
    animation-name: fetureanimate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: fetureanimate;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fetureanimate;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: fetureanimate;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: fetureanimate;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@keyframes fetureanimate {
    0%,100% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}




  
    /* ----- loading ---------   */
     /* ----- loading ---------   */
      /* ----- loading ---------   */

    #loading {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(255 255 255 / 96%);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999; 
    }
    
    .ai-loader {
        display: flex;
        gap: 15px;
    }
    
    .circle {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #F48022;
        animation: ai-loading 1.5s ease-in-out infinite;
    }
    
    .circle-1 {
        animation-delay: 0s;
    }
    
    .circle-2 {
        animation-delay: 0.2s;
    }
    
    .circle-3 {
        animation-delay: 0.4s;
    }
    
    @keyframes ai-loading {
        0% {
            transform: scale(1);
            opacity: 0.5;
        }
        50% {
            transform: scale(1.5);
            opacity: 1;
        }
        100% {
            transform: scale(1);
            opacity: 0.5;
        }
    }
    
    #pageContent {
        display: none;
    }
    
    #pageContent.loaded {
        display: block;
    }
    






   /* Slide 1 */
         .slide-one {
            margin-top: 60px;
         }

.slide-one h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 9px;
    margin-top: 70px;
    color: #2c599d;
}

.slide-one h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 9px;
    margin-top: 70px;
    color: #2c599d;
}

.slide-one p {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 35px;
    margin-top: 27px;
    color: #2c599d;
    line-height: 28px;
}
.slide-one img {
    margin-top: 20px;
}


.slide-one  .btn-primary {
    color: #fff;
    background-color: #ef6b06;
    border-color: #ef6b06;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 18px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
}


.slide-one .right-bg {
    float: none;
    padding: 40px 0;
    text-align: center;
}



.slide-one .right-bg img {
  max-width: 100%;
    height: auto;
    width: 320px;
    margin: 0;
    float: right;
}


.Ramadan-Charity{
   
   width: 43%;
    margin: 0 auto;
}



         /* Slide 2 */
      .ramadan-slide {
         background: linear-gradient(315deg, #3366b6 0%, #214376 100%);
        padding: 70px 140px;
         padding-top: 90px;
         
      }

.ramadan-slide .ramadan-decor {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 3;
}



/* الشكل العام */
.ramadan-slide .decor {
  position: absolute;
  top: 0;
  width: 260px;
  max-width: 40vw;
}

/* اليمين */
.ramadan-slide .decor-right {
  right: 0;
}

/* اليسار مع قلب الصورة */
.ramadan-slide .decor-left {
  left: 0;
  transform: scaleX(-1);
}

/* Responsive - تصغير في الجوال */
@media (max-width: 768px) {
 .ramadan-slide .decor {
    width: 180px;
    opacity: 0.85;
  }
}

@media (max-width: 1024px) {
.ramadan-slide .decor-left {
     display: none;
}}






.map-container{text-align: center;}


         .ramadan-slide img {
       width: 80%;
       margin-top: 40px;
      }


       .ramadan-slide .btn-primary {width: 100%;}



.hero-area-bg .ramadan-slide h2 {
    font-weight: 900;
    font-size: 27px;
    line-height: 39px;
    margin-bottom: 9px;
    margin-top: 70px;
    color: #ffffff;
    text-align: center;
}

.hero-area-bg .ramadan-slide p {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 13px;
    margin-top: 10px;
    color: #ffffff;
    line-height: 23px;
    text-align: center;
}

.hero-area-bg .carousel-indicators {
    bottom: -163px;
}


.hero-area-bg .ramadan-slide .stats-box{
   border: 1px solid #ffffff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin: 20px 0;
}


.hero-area-bg .ramadan-slide .stats-number{
  font-size: 60px;
    font-weight: bolder;
    color: #ef6b06;
    animation: softGlow 3s ease-in-out infinite;
}


/* وميض ناعم بدون حركة */
@keyframes softGlow {
  0% {
    text-shadow:
      0 0 6px rgba(255,159,67,0.25),
      0 0 14px rgba(255,159,67,0.15);
  }

  50% {
    text-shadow:
      0 0 18px rgba(255,159,67,0.55),
      0 0 36px rgba(255,159,67,0.35);
  }

  100% {
    text-shadow:
      0 0 6px rgba(255,159,67,0.25),
      0 0 14px rgba(255,159,67,0.15);
  }
}


.hero-area-bg .ramadan-slide .stats-label{
 font-size: 27px;
    margin-top: 14px;
    color: white;
}

.hero-area-bg .right-bg-2 {
    float: none;
    padding: 40px 0;
    text-align: center;
    width: auto;
}

.hero-area-bg .hero-box{
    margin: 0 auto;

}


@media (max-width: 1440px) {

   .Ramadan-Charity {
    width: 100%;
}
   
}

@media (max-width: 1366px) {
  
}

@media (max-width: 1024px) {

   .slide-one h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 43px;
    margin-bottom: 9px;
    margin-top: 30px;
    color: #2c599d;
}

   .slide-one h1 {
    font-weight: 700;
    font-size: 35px;
    line-height: 43px;
    margin-bottom: 9px;
    margin-top: 30px;
    color: #2c599d;
}



    .hero-area-bg .hero-box {
        width: 100%;
        margin: 0 auto;
    }

    .hero-area-bg {
    margin-top: 82px;
}

.slide-one {
   
   margin-top: 32px;
   padding: 0;
}

   .ramadan-slide {
    background-color: #1F4379;
    min-height: 700px;
    padding: 130px 50px;
}

.hero-area-bg .ramadan-slide h2 {
     margin-top: 0;
   }



}


@media (max-width: 768px) {

        .hero-area-bg .hero-box {
        text-align: center;
    }

   .slide-one h2 {
        font-weight: 700;
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 9px;
        margin-top: 30px;
        color: #2c599d;
    }

       .slide-one h1 {
        font-weight: 700;
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 9px;
        margin-top: 30px;
        color: #2c599d;
    }



   .hero-area-bg .ramadan-slide h2 {
    font-weight: 900;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 9px;
    margin-top: 0;
    }

.ramadan-slide .btn-primary{
font-size: 14px;
        margin-bottom: 10px;
        padding: 7px 12px;
}

.hero-area-bg .ramadan-slide p {
     font-size: 13px;
    margin-bottom: 13px;
    margin-top: 2px;
     line-height: 18px;
    text-align: center;
}

.hero-area-bg .ramadan-slide .stats-number {
    font-size: 50px;
   
    
}

.hero-area-bg .ramadan-slide .stats-label {
    font-size: 22px;
    margin-top: 14px;
    
}

    .ramadan-slide {
        background-color: #1F4379;
        min-height: 300px;
        padding: 30px 50px;
        margin-top: 40px;
    }



   

}




    /* founding day 1 */

.hero-area-bg .foundingday-slide {
    padding-top: 50px;
    min-height: 700px;
    margin-top: 0px;
    background: url(../images/offers/brand-bg-1.jpg) center center / cover no-repeat rgb(228, 200, 156);
    
}





.hero-area-bg .foundingday-slide .hero-man {
    position: absolute;
    right: 0px;
    bottom: 0px;
    transform: scaleX(-1);
}




.hero-area-bg .foundingday-slide .hero-man img {
    width: 350px;
    margin-top: 93px;
    float: none;
    text-align: center;
}

.hero-area-bg .foundingday-slide img {
    width: 200px;
    margin-top: 93px;
    text-align: center;
}

.hero-area-bg .foundingday-slide .foundingday-box{
    margin-top: 100px;
}


.hero-area-bg .foundingday-slide .foundingday-box h2{
    font-weight: bold;
    font-size: 40px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #6b4e45;
}


.hero-area-bg .foundingday-slide .foundingday-box .subtitle{
    font-size: 25px;
    line-height: 34px;
    margin: 0 auto;
    margin-bottom: 20px;
     color: #6b4e45;
}


.hero-area-bg .foundingday-slide .foundingday-box .terms-text{
 
        margin-top: 20px;
}

.hero-area-bg .foundingday-slide .terms-conditions{
    margin-top: 20px;
}
.hero-area-bg .foundingday-slide .terms-conditions h2{
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
     color: #6b4e45;
}

 .hero-area-bg .foundingday-slide .terms-conditions ul li {
    list-style: disc;
    margin-bottom: 6px;
    margin-left: 17px;
     color: #6b4e45;
}



        /* ==========================================
           live-counter-bar
           ========================================== */
     
   .live-counter-bar{
  position:fixed;
  top:0;
  width:100%;
  height:44px;
  background:#d9ebfc;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:14px;
  color:#214376;
  border-bottom:1px solid #f1f1f1;
  z-index:9999;
}

 .live-counter-bar .badge{
  background:#5d85c3;
  color:#fff;
  padding:4px 10px;
  border-radius:20px;
  font-size:12px;
}

 .live-counter-bar .count{
  font-size:16px;
  color:#f48022;
}

#counterOfVal {
    font-weight: 700;
    transition: transform 0.3s ease;
}

.counter-flash {
    color: #f98124;
    transform: scale(1.1);
}


        
        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }




    @media (max-width: 480px) {
            .live-counter-bar .count {font-size: 14px;}
            .live-counter-bar {font-size: 12px;}
            .live-counter-bar .badge {font-size: 8px;padding: 4px 6px;}
            .live-counter-bar {font-size: 10px;}
    }







#toTop {
    position: fixed;
    bottom: 20px;
    left: 8px;
    cursor: pointer;
    display: none;
    margin-right: 0;
    z-index: 100
}

#toTop .las {
    font-size: 16px;
    background-color: #ef6b06;
    border-radius: 150px;
    padding: 14px 14PX;
    color: #fff
}

@media (max-width: 1440px) {
    .margin-page {
        margin-left:100px;
        margin-right: 100px
    }

    .barq .hero-area-barq .laptop {
        bottom: -90px
    }
}

@media (max-width: 1366px) {
    .barq .hero-area-barq .laptop {
        bottom:-220px
    }

    .barq .header-text {
        padding-top: 50px
    }
}

@media (max-width: 1024px) {

    
    .hero-area-bg .foundingday-slide .foundingday-box h2 {
   font-size: 34px;
   
}

.hero-area-bg .foundingday-slide .foundingday-box .subtitle {
    font-size: 22px;
   
}

    .hero-area-bg .foundingday-slide {
    padding-left: 50px;
    padding-top: 0;
    margin-top: 0px;
   
}



    .landing_page_1 .channels-sms .hero .header-text h1 {
   
    font-size: 40px;
   
}

.landing_page_1 .channels-sms .hero .header-text p {
   
    font-size: 26px;
    
}

    .channels-callbot .header-text img {
        width: 400px;
        margin-right: 0;
    }
    
    .channels-callbot .hero .header-text h6 {
        padding: 10px;
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .footer-06 .box_branches {
        margin-bottom: 5px;
    }
    .footer-06 .aside-stretch-right {
        padding: 45px 0;
    }
    .whatsapp_api .features_whatsapp_box {
        padding:24px
    }

    .whatsapp_api .features_whatsapp p {
        font-size: 14px;
        margin-right: 0
    }

    .min_partner .slogan_partners {
        min-height: 275px;
        padding-top: 50px;
       
    }

    .min_partner .slogan_partners .logo img {
        width: 40px;
        margin-top: 10px
    }

    .min_partner .hero .header-text .light-text {
        font-size: 14px;
        margin-top: 60px
    }

    .min_partner .hero .header-text h1 {
        font-size: 35px;
        line-height: 41px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .min_partner .hero .header-text p {
        font-size: 21px;
        line-height: 37px;
        margin-bottom: 10px;
        color: #fff
    }

    .partner .header-text {
        padding: 76px 0
    }

    .partner .hero .header-text h1 {
        font-size: 31px;
        line-height: 48px;
        margin-bottom: 10px;
        margin-top: 70px
    }

    .partner .header-text img {
        width: 80%
    }

    .partner .hero {
        min-height: 600px
    }

    .partner .hero .bottom-img-absolute {
        bottom: -7px
    }

    .barq .request .request_box p {
        font-size: 22px;
        margin-top: 50px;
        margin-left: 30px;
        margin-bottom: 10px;
        line-height: 35px
    }

    .barq .request .btn-primary {
        margin-top: 70px;
        font-size: 19px;
        padding: 10px 30px;
        font-weight: 800;
        margin-right: 10px
    }

    .barq .request .request_box {
        padding: 0 15px
    }

    .barq .hero-area-barq .laptop {
        bottom: 76px
    }

    .barq .hero-area-barq .laptop img {
        width: 73%
    }

    .barq .hero-area-barq {
        background-color: #458ffc;
        height: 543px;
        margin-top: 60px
    }

    .channels-sms .hero-offers-sms-service {
        min-height: 650px
    }

    .channels-sms .hero-offers-sms-packages .header-text h6 {
        margin-top: 60px
    }

    .channels-sms .hero-offers-sms-packages .header-text h1 {
        font-weight: 700;
        font-size: 35px;
        color: #fff;
        line-height: 57px;
        margin-bottom: 21px;
        margin-top: 40px
    }

    .footer-06 .iso_img img {
        width: 60px;
        height: 60px;
        margin: 0;
        position: inherit;
        top: 50%;
        transform: translate(1%,53%)
    }

    .hero-area-bg .shape-1 img {
        width: 220px
    }

    .channels-chatbot .hero-channels-chatbot .header-text {
        width: 90%
    }

    .top-header a {
        font-size: 10px
    }

    .top-header ul a {
        margin-right: 12px;
        font-size: 10px
    }

    .margin-page {
        margin-left: 20px;
        margin-right: 20px
    }

    .hero-area-bg .right-bg {
        width: 100%
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 13px;
        padding: 9px 1px
    }

    .use-cases .media .las {
        font-size: 30px;
        padding: 0 8px
    }

    .use-cases .media ul li {
        font-size: 12px;
        line-height: 22px
    }

    .did-you-know h2 {
        font-size: 40px
    }

    #migration .bg-affiliate {
        padding: 10px;
        min-height: 400px
    }

    .footer-06 img {
        width: 55%
    }

    .features .features-right {
        min-height: 690px
    }

    .features .carousel-indicators {
        bottom: -110px;
        margin-left: 21%
    }

    .barq .use-cases .box-use-cases h2 {
        font-size: 18px;
        padding: 20px;
        line-height: 25px
    }

    .navbar-brand {
        margin-right: 35px
    }

    .whatsapp_api .pricing_box h2 {
        font-size: 25px;
        line-height: 38px;
        width: 100%;
        margin: 21px auto
    }

    .whatsapp_api .features_whatsapp h2 {
        font-size: 26px;
        margin-bottom: 15px;
        margin-top: 5px
    }

    .whatsapp_api .features_2 h2 {
        font-size: 26px
    }

    .partner .packages .packages-tabs {
        width: 36%
    }
    .channels-callbot .hero .custom-audio-player {
       left: 30px;
     }

    .channels-callbot .hero .custom-audio-player-3 {
       left: 30px;
    }

    .channels-callbot .hero .custom-audio-player-2 {
     left: 90px;
  }

  .channels-callbot .hero .custom-audio-player-4 {
    left: 90px;
 }
 
}

@media (max-width: 991px) {
    .barq .hero-area-barq .laptop img {
        display:none
    }

    .hero-area-bg .carousel-indicators {
        bottom: 76px
    }

    .hero-area-bg {
        min-height: 435px
    }

    .hero-area-bg .header-text {
        text-align: center
    }

    .hero-area-bg .header-text h1 {
        margin-top: 30px
    }

    .hero-area-bg .meta_partners img {
        display: block;
        margin: 10px auto 0
    }
}

@media (max-width: 768px) {

        .hero-area-bg .foundingday-slide {
    min-height: 450px;
   
}





body.notification-hidden .menu-mobile {
    margin-top: 0 !important;
}

   /* حجز فراغ فوق القائمة فقط */





    .story_min_2 .testimonial-card {
   
    margin: 10px;
}

    .testimonial-card {
       margin-top: 20px;
}

    .story_min_2 .story_content-min {
   
    width: 100%;
   
}





.story_min_2 {
    padding: 24px 0;
    min-height: 700px;
}

    .expert ul li {
    margin-bottom: 4px;
    font-size: 14px;
}

    .expert ul li .las {
    margin-right: 0;
}

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

.landing_page .channels-sms .hero {
    min-height: 1018px;
}

.channels-sms .sms_service h2 {
    width: 100%;
}

.channels-sms .sms_service h3 {
  width: 100%;
    
}

.channels-sms .flexible_sms h2 {
    font-size: 26px;
    width: 100%;
    line-height: 38px;
    text-align: center;
}
    
 .channels-sms .hero .header-text h6{text-align: center;}


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

    .channels-callbot .expert .expert-tabs {
        padding: 20px;
        margin: 0 auto;
    }

    .channels-callbot .expert .btn-border {
       width: 50%;
    }

    .channels-callbot .header-text {
        padding: 42px 0;
    }

    .channels-callbot .hero .custom-audio-player-2 {
        left: 73px;
        width: 209px;
    }

    .channels-callbot .hero .custom-audio-player-4 {
        left: 73px;
        width: 209px;
    }

.channels-callbot .hero .custom-audio-player {
 
    left: 15px;
        width: 209px;
    
}

.channels-callbot .hero .custom-audio-player-3 {
 left: 15px;
        width: 209px;
}

    .landing_page_1 .channels-sms .hero {
        min-height: 650px;
      }

    .landing_page_1 .channels-sms .hero img {
      display: none;
    }

    .landing_page_1 .channels-sms .cloud_communications .header-text img {
        float: none;
        width: 300px;
    }

 
    .landing_page_1 .channels-sms .integration_sms .header-text img {
        float: none;
        width: 320px;
        margin-top: 36px;
    }


    .landing_page_1 .navbar {
        display: block;
    }

    .landing_page_1 .navbar-brand img {
        width: 100px;
        margin-top: 10px;
    }

    .landing_page .channels-sms .header-text img {
        float: none;
        width: 400px;
        margin-top: 44px;
    }
    .landing_page .channels-sms .header-text {
        padding-top: 120px;
        text-align: center;
    }
    .landing_page .navbar {
        display: block;
    }

    .channels-callbot .hero .custom-audio-player {
        left:14px;
        height: 42px;
    }

    .channels-callbot .hero .header-text h6 {
        font-size: 16px;
        margin-top: 0;
        text-align: center;
        width: 70%;
    }

    .channels-callbot .hero .header-text h1 {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 10px;
        text-align: left;
    }

    .channels-callbot .header-text img {
        width: 300px;
        margin-top: 10px
    }

    .channels-callbot .video_ai {
        min-height: 916px;
        text-align: center
    }

    .channels-callbot .ai_voice_bots p,.channels-callbot .how_callbot h2,.channels-sms .expert .offer_box_date,.channels-sms .hero-offers-sms-packages .right-bg,.expert .btn-border,.page-not-found .page-404,.whatsapp_api .features_2 h2,.whatsapp_api .features_whatsapp h2 {
        width: 100%
    }

    .channels-callbot .automate_service .box_automate_service {
        height: 230px;
        margin-bottom: 10px;
        padding: 10px 35px
    }

    .partner .packages .packages-tabs {
        width: 90%
    }

    .partner .packages {
        min-height: 700px;
        padding: 50px 0
    }

    .channels-sms .hero .header-text h6,.healthcare .hero-healthcare .header-text .btn-primary,.partner .hero .header-text h1 {
        margin-top: 0
    }

    .channels-sms .header-text img {
        float: none;
        width: 370px;
        margin-top: 50px
    }

    .channels-sms .header-text {
        padding-top: 33px;
        text-align: center
    }

    .channels-sms .integration_sms .header-text img {
        float: none;
        width: 370px;
        margin-top: 55px;
        margin-bottom: 20px
    }

    .channels-sms .cloud_communications .header-text img {
        float: none;
        width: 370px;
        margin-top: 0;
        margin-bottom: 30px
    }

    .channels-sms .cloud_communications .header-text {
        padding-top: 120px;
        padding-bottom: 51px
    }

    #migration .hero-area-bg .header-text h1 {
        font-size: 30px
    }

    .min_partner .header-text img,.min_partner .slogan_partners .logo img,.social_responsibility .header-text img,.whatsapp_api .header-text .meta_partners img {
        float: none
    }

    .social_responsibility .hero {
        text-align: center;
        margin-top: 50px
    }

    .social_responsibility .slogan .email img {
        width: 65%;
        padding: 22px
    }

    .bg-inverse,.expert .padding_n,.social_responsibility .header-text {
        padding: 0
    }

    .social_responsibility .hero .header-text h1 {
        font-size: 30px;
        margin-top: 50px
    }

    #programs .min-programs .box-programs,.hero-area-bg.meta_partners,.promises .promises-box,.social_responsibility .hero .header-text h2 {
        text-align: center
    }

    .whatsapp_api .hero .header-text h1 {
        margin-top: 50px
    }

    .min_partner .slogan_partners img {
        width: 45%;
        float: right
    }

    .min_partner .hero {
        min-height: 600px;
        margin-top: 10px
    }

    .partner .header-text img {
        width: 100%;
        float: none
    }

    .partner .header-text {
        padding: 30px 35px
    }

    .partner .hero {
        min-height: 850px;
        margin-top: 0;
        text-align: center
    }

    .barq .request .btn-primary {
        margin-top: 77px;
        font-size: 16px;
        border-radius: 10px;
        padding: 15px;
        margin-right: 28px
    }

    .barq .request .request_box p {
        font-size: 21px;
        margin-top: 50px;
        margin-left: 35px;
        margin-bottom: 10px;
        line-height: 31px
    }

    .barq .target {
        padding: 30px;
        margin-bottom: 0
    }

    .barq .benefits {
        padding: 40px;
        margin-bottom: 0
    }

    #package .faq .panel-group .panel .panel-heading h4 a,#package .slogan .btn-primary,.barq .use-cases .box-use-cases h2,.img-features-channels p,.jobs .jobs-bg h4,.offers .offers-bg .offers-title h3 {
        font-size: 16px
    }

    .barq .overview {
        padding: 10px;
        text-align: center
    }

    .barq .benefits h1 {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .barq .use-cases {
        min-height: 565px;
        padding: 10px 0
    }

    #affiliate .hero-area-bg img,#affiliate .section-2 .paid img,#affiliate .section-2 .share img,#affiliate .section-2 .success img,#hero-area .carousel-indicators,#internal-software .hero-area-bg img,#internal-software .section-2 .paid img,#internal-software .section-2 .share img,#internal-software .section-2 .success img,#migration .hero-area-bg img,#programs .hero-area-bg .header-text ul,.barq .hero-area-barq .laptop img,.channels-email-marketing .use-cases .carousel-indicators,.features .carousel-indicators,.footer-06 .aside-stretch,.hero-area-bg .right-bg-2,.hero-area-bg .right-bg-offer,.hero-area-bg .values-min,.no-touch #cd-vertical-nav,.sidebar {
        display: none
    }

    .hero-area-bg .shape-2 img{
        
        display: block
    }

    .hero-area-bg .shape-2 img {
        width: 400px;
    }

    .barq .hero-area-barq {
        height: 437px
    }

    .channels-sms .blockquote {
        margin-bottom: 50px;
        height: auto
    }

    .why-taqnyat {
        padding: 19px 0
    }

    .channels-sms .hero-offers-sms-packages .header-text {
        padding: 100px 20px;
        margin: 0 auto
    }

    .channels-sms .hero-offers-sms-packages .header-text h6 {
        font-size: 26px;
        color: #fff;
        margin-top: 0;
        margin-bottom: 20px
    }

    .channels-sms .hero-offers-sms-packages .header-text h1 {
        margin-top: 0;
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 21px
    }

    .footer-06 .iso_img img {
        width: 70px;
        height: 70px;
        margin: 0;
        position: inherit;
        top: 50%;
        transform: translate(1%,3%)
    }

    .footer-06 .meta_partners {
        margin-top: 19px;
        text-align: center
    }

    .channels-sms .hero-offers-sms-service .btn-primary {
        font-size: 16px;
        text-align: center;
        margin-top: 0;
        float: none
    }

    .channels-sms .hero-offers-sms-service img {
        margin-top: 9px;
        float: none
    }

    .channels-sms .hero-offers-sms-service {
        background-color: #5c84c2;
        min-height: 500px
    }

    .channels-sms .hero-offers-sms-service .header-text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        margin-top: 50px;
        text-align: center;
        line-height: 32px
    }

    .channels-sms .hero-offers-sms-service .header-text p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 20px;
        text-align: center
    }

    .channels-sms .hero-offers-sms-service .header-text {
        text-align: center;
        padding: 70px 0
    }

    .channels-sms .hero-offers-salla .header-text {
        width: 100%;
        padding: 10px;
        -webkit-transform: scaleX(-1)
    }

    .channels-sms .expert {
        padding-bottom: 60px
    }

    .features-channels .features-left {
        background-color: #fff;
        border-top: 1px solid #e8e6e6;
        border-bottom: 0 solid #e8e6e6;
        border-left: 1px solid #e8e6e6;
        border-right: 1px solid #e8e6e6;
        padding: 40px
    }

    .features .features-right,.features-channels .features-right {
        border-bottom: 1px solid #e8e6e6;
        border-right: 1px solid #e8e6e6;
        border-left: 1px solid #e8e6e6
    }

    .features-channels .features-right {
        background-color: #f9f7fa;
        min-height: 650px;
        padding: 40px;
        margin-top: 0;
        border-top: 0 solid #e8e6e6
    }

    #internal-software .section-2,#package .expert-tabs,#package .faq,.navbar-expand-md .navbar-nav .nav-link:before {
        background-color: #fff
    }

    .channels-sms .hero-channels-sms .header-text h1 {
        font-size: 25px;
        line-height: 35px;
        width: 100%;
        margin: 0 auto
    }

    #about .hero-area-about .header-text,.channels-chatbot .overview-chatbot,.channels-chatbot .overview-chatbot .box-overview,.channels-email-marketing .box-email-marketing,.channels-email-marketing .overview-email-marketing,.channels-email-marketing .overview-email-marketing .box-overview,.channels-sms .box-sms,.channels-sms .overview-sms,.channels-sms .overview-sms .box-overview {
        padding: 20px
    }

    .channels-chatbot .hero-channels-chatbot .header-text .btn-primary,.channels-chatbot .hero-channels-chatbot .header-text span,.channels-email-marketing .hero-channels-email-marketing .header-text .btn-primary,.channels-email-marketing .hero-channels-email-marketing .header-text span,.channels-email-marketing.hero-channels-email-marketing.header-text .btn-primary,.features .features-left .btn-primary,.hero-area-bg .btn-primary,.img-features-channels h3,.mega-menu h5,.slogan .btn-primary {
        font-size: 14px
    }

    #internal-software .faq h2,.channels-chatbot .hero-channels-chatbot .header-text h1,.channels-email-marketing .faq h2,.channels-email-marketing.hero-channels-email-marketing.header-text h1,.offers .offers-bg .las {
        font-size: 25px
    }

    .channels-chatbot .overview-chatbot .box-overview p,.channels-email-marketing .hero-channels-email-marketing .header-text p,.channels-email-marketing .overview-email-marketing .box-overview p,.channels-email-marketing.hero-channels-email-marketing.header-text p {
        font-size: 14px;
        line-height: 25px
    }

    .channels-chatbot .box-chatbot h3,.channels-chatbot .overview-chatbot .box-overview h2,.channels-email-marketing .box-email-marketing h3,.channels-email-marketing .overview-email-marketing .box-overview h2 {
        font-size: 14px;
        margin-bottom: 20px
    }

    .channels-chatbot .box-chatbot .features-box p,.channels-email-marketing .box-email-marketing .features-box p {
        font-size: 16px;
        width: 100%;
        margin: 20px auto
    }

    .expert,.offers {
        margin-top: 30px
    }

    .channels-chatbot .slogan-chatbot h2,.channels-email-marketing .slogan-email-marketing h2 {
        font-size: 25px;
        width: 100%;
        margin-top: 45px
    }

    .channels-chatbot .slogan-chatbot,.channels-email-marketing .slogan-email-marketing {
        padding: 30px;
        min-height: 280px
    }

    .channels-chatbot .hero-channels-chatbot .header-text {
        padding: 25px;
        width: 100%
    }

    .channels-chatbot .hero-channels-chatbot {
        min-height: 300px;
        margin-top: 69px
    }

    .channels-email-marketing .hero-channels-email-marketing .header-text {
        padding: 20px;
        width: 100%
    }

    .channels-email-marketing .hero-channels-email-marketing {
        min-height: 280px;
        margin-top: 60px
    }

    .channels-email-marketing .hero-channels-email-marketing .header-text h1 {
        font-size: 25px;
        width: 100%
    }

    .channels-sms .slogan-sms h2 {
        width: 100%;
        font-size: 25px
    }

    .img-features-channels {
        padding: 20px;
        text-align: center
    }

    .features-channels .media p,.offers .offers-bg h6 {
        line-height: 22px;
        font-size: 14px
    }

    .img-features-channels img {
        width: 60%;
        margin: 20px
    }

    .channels-sms .hero-channels-sms .header-text,.promises {
        padding: 30px 0
    }

    .channels-sms .channels-box {
        padding: 20px 10px
    }

    .features-channels {
        padding: 0;
        margin-bottom: 20px
    }

    .contact-us,.use-cases {
        padding: 40px 0
    }

    .features-channels .media .las {
        margin-left: 10px;
        margin-right: 10px
    }

    .package-min .package-min-box {
        height: auto;
        margin-bottom: 20px
    }

    .package-min .package-min-box .why-box-2 h5 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .package-min .package-min-box .icon-main img {
        width: 76px
    }

    .package-min .package-min-box .icon-main {
        margin-bottom: 30px;
        width: 100px;
        height: 100px;
        position: inherit
    }

    .package-min .package-min-box .why-box-2 p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 10px
    }

    .products .box-products {
        min-height: auto
    }

    #affiliate .min-affiliate h2,#package .faq h2,.use-cases .box-user-cases h5 {
        font-size: 20px
    }

    .features h2 {
        font-size: 25px;
        margin: 10px
    }

    .features .features-left img {
        width: 30%;
        margin: 20px 0 14px
    }

    .features .features-right {
        min-height: 550px;
        padding: 20px;
        margin-top: 0;
        border-top: 1px solid #e8e6e6
    }

    .why-taqnyat h2 {
        margin: 10px;
        font-size: 25px;
        font-weight: 700
    }

    .why-taqnyat .why-box h3 {
        font-size: 19px;
        margin: 10px
    }

    .why-taqnyat .why-box p {
        font-size: 14px;
        margin: 10px;
        line-height: 22px
    }

    .why-taqnyat .why-box {
        height: auto
    }

    .hero-area-bg .carousel {
        height: 270px
    }

    .footer-06 .copyright-right .list-unstyled {
        text-align: center
    }

    .navbar .dropdown-item {
        padding: 20px;
        font-size: 13px;
        text-align: left
    }

    .partner .navbar .dropdown-item {
        margin-right: 0;
        padding: 16px
    }

    .navbar .see-more-btn a {
        text-align: center;
        padding: 10px 25px
    }

    .hero-area-bg .header-text {
        margin-top: 0;
        padding: 10px
    }

    #hero-area {
        padding: 0 0 16px;
    }

    .navbar-expand-md .navbar-nav .nav-item {
        margin-left: 6px
    }

    .navbar-brand img {
        width: 110px;
        margin-top: 20px
    }

    #hero-area .contents .head-title {
        font-size: 40px;
        line-height: 38px;
        margin-top: 10px;
        text-align: center
    }

    .navbar .btn-outline-success {
        padding: 5px 16px;
        font-size: 12px;
        width: 100%
    }

    .contact-us {
        min-height: 532px
    }

    .hero-area-bg .header-text h1 {
        margin-bottom: 8px
    }

    .hero-area-bg .list-unstyled {
        text-align: center;
        margin-top: 20px
    }

    .hero-area-bg .offers-title-top {
        margin-top: 10px
    }

    .slogan p {
        font-size: 20px;
        margin-bottom: 22px;
        margin-top: 70px;
        line-height: 30px
    }

    .use-case .box-use-case img {
        width: 70px
    }

    .contact-us textarea.form-control {
        height: 130px
    }

    .did-you-know {
        padding: 30px;
        background-color: #f3f7f9;
        text-align: center
    }

    .did-you-know h2 {
        margin-top: 0;
        font-size: 20px;
        text-align: center
    }

    .did-you-know img {
        width: 250px
    }

    .did-you-know p {
        margin-top: 10px;
        font-size: 16px;
        color: #273364;
        text-align: center
    }

    .use-cases h2 {
        font-weight: 600;
        color: #2c599d;
        font-size: 25px;
        margin-bottom: 14px
    }

    .slogan-footer .box-slogan {
        padding: 19px 0 15px;
        font-size: 20px;
        width: 60%;
        margin: 0 auto
    }

    .expert {
        padding: 12px 0
    }

    #migration .min-affiliate,#migration .min-affiliate-2,.expert .expert-tabs,.offers,.offers .offers-bg {
        padding: 10px
    }

    .expert .expert-tabs .tab-content {
        padding: 0 15px
    }

    .offers .offers-bg .offers-title {
        margin-top: 0;
        margin-bottom: 10px
    }

    .offers .offers-bg span {
        font-size: 10px;
        padding: 2px
    }

    .offers .offers-bg .offers-title h5 {
        color: #2c599d;
        font-size: 14px;
        line-height: 22px
    }

    .offers .offers-bg .offers-title p {
        margin-bottom: 10px;
        color: #fff;
        margin-top: 30px;
        font-size: 16px
    }

    .offers .offers-bg .btn-primary {
        margin-top: 10px;
        font-size: 12px;
        width: 100%
    }

    .offers .offers-bg .offers-title h4 {
        color: #fff;
        font-size: 13px;
        margin: 0 auto
    }

    #about span,.jobs .jobs-bg span,.offers .offers-bg .btn-dark {
        font-size: 12px
    }

    .jobs .jobs-bg h3 {
        font-size: 18px
    }

    .jobs .jobs-bg h5 {
        font-size: 12px;
        line-height: 19px
    }

    .jobs .jobs-bg .btn-primary {
        padding: 5px 15px;
        margin-top: 5px;
        font-size: 12px
    }

    .channels-email-marketing .use-cases h2,.jobs h2 {
        font-size: 25px;
        margin-bottom: 10px
    }

    .jobs .hero-area-bg {
        height: 220px
    }

    .jobs .hero-area-bg .header-text {
        width: 100%;
        margin-top: 55px
    }

    .jobs .hero-area-bg .header-text h1 {
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 10px;
        width: 100%
    }

    .jobs .hero-area-bg .header-text p {
        line-height: 26px;
        width: 100%;
        margin: 6px auto 0;
        font-size: 20px
    }

    .offers h2,.promises h2 {
        font-size: 25px;
        margin-bottom: 20px
    }

    #programs .hero-area-bg .header-text {
        width: 100%;
        margin-top: 20px
    }

    #programs .hero-area-bg {
        height: 222px
    }

    #programs .hero-area-bg .header-text h1 {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 10px;
        margin-top: 34px
    }

    #programs .min-programs {
        padding: 0;
        margin-top: 40px
    }

    #programs .min-programs img {
        width: 60%
    }

    #internal-programs .min-programs img {
        width: 50%;
        margin-bottom: 30px
    }

    #affiliate .hero-area-bg .offers-title-top {
        margin-top: 80px;
        text-align: center
    }

    #affiliate .hero-area-bg {
        min-height: 288px
    }

    #affiliate .min-affiliate p {
        width: 100%;
        font-size: 14px
    }

    #affiliate .faq h2,#affiliate .section-2 h2 {
        font-size: 20px;
        width: 100%
    }

    #affiliate .section-2 .paid,#affiliate .section-2 .share,#affiliate .section-2 .success {
        padding: 0;
        text-align: center
    }

    #affiliate .hero-area-bg .btn-primary {
        margin-top: 20px;
        font-size: 15px
    }

    #affiliate .min-affiliate .las {
        margin-left: 3px;
        font-size: 20px;
        color: #ef6b06;
        padding: 5px 0;
        float: right
    }

    .privacy .privacy-body .margin-bottom-space {
        margin-bottom: 0
    }

    .privacy .privacy-body h5 {
        font-weight: 700;
        margin-bottom: 20px;
        font-size: 17px
    }

    .privacy h2 {
        font-size: 25px;
        margin: 30px 0
    }

    #migration .bg-affiliate {
        padding: 10px;
        min-height: 300px
    }

    #migration .hero-area-bg {
        min-height: 320px;
        text-align: center
    }

    #migration .hero-area-bg .offers-title-top {
        margin-top: 30px
    }

    #migration .min-affiliate p,#migration .min-affiliate-2 p {
        font-size: 15px;
        width: 100%
    }

    #migration .min-affiliate h2,#migration .min-affiliate-2 h2 {
        font-size: 22px;
        margin-top: 20px
    }

    #migration .hero-area-bg .btn-primary {
        padding: 10px 40px;
        margin-top: 10px
    }

    #migration .hero-area-bg .header-text p {
        line-height: 30px
    }

    #details-jobs .jobs {
        padding: 50px 0;
        margin-top: 38px
    }

    #internal-software .hero-area-bg {
        height: 296px
    }

    #internal-software .hero-area-bg .header-text p {
        text-align: center;
        margin-bottom: 10px
    }

    #internal-software .hero-area-bg .header-text {
        margin-top: 15px;
        text-align: center
    }

    #internal-software .section-2 h2 {
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 0;
        text-align: center;
        width: 100%;
        padding: 0;
        margin-top: 20px
    }

    #internal-software .section-2 {
        min-height: 600px;
        padding: 0
    }

    #internal-software .section-2 .share {
        padding: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    #internal-software .section-2 .paid,#internal-software .section-2 .success {
        padding: 0;
        width: 100%;
        text-align: center
    }

    #internal-software .section-2 h6 {
        margin-bottom: 0;
        font-size: 14px
    }

    #internal-software .software-benefits {
        min-height: 450px;
        padding: 35px;
        text-align: center
    }

    #internal-software .software-benefits h2 {
        font-size: 25px;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        padding: 0 0 20px
    }

    #internal-software .faq {
        min-height: 500px;
        padding: 0
    }

    #package .slogan p {
        font-size: 20px;
        margin-top: 25px
    }

    #package .slogan {
        min-height: 285px
    }

    #package .pay-grow {
        padding: 10px;
        width: 100%
    }

    #package .hero-area-bg .header-text {
        margin-top: 8px
    }

    #package .hero-area-bg {
        height: 300px;
        text-align: center;
        margin-top: 48px
    }

    .hero-area-bg .header-text h1 {
        font-size: 26px;
        line-height: 32px;
        text-align: center;
        margin-top: 10px
    }

    .hero-area-bg .header-text p {
        font-size: 20px;
        margin-bottom: 0;
        text-align: center;
        margin-top: 0;
        line-height: 32px;
    }

    #package .expert-tabs {
        padding: 11px 0
    }

    #package .faq {
        min-height: 400px;
        padding: 10px
    }

    #doc .hero-area-bg .header-text h1 {
        font-size: 20px;
        line-height: 25px
    }

    #doc .hero-area-bg {
        height: 450px
    }

    #doc .box-programs img {
        width: 50px;
        margin-left: 10px;
        margin-top: 20px
    }

    .top-header .alert-warning {
        font-size: 9px
    }

    .top-header ul a {
        margin-right: 12px;
        font-size: 10px
    }

    .top-header a {
        font-size: 10px
    }

    .top-header .dropdown-item {
        padding: 10px 24px;
        font-size: 12px;
        text-align: center
    }

    #about .hero-area-about .header-text h1,#offices .hero-area-bg .header-text h1 {
        font-size: 25px;
        margin-bottom: 0;
        margin-top: 0
    }

    #offices .hero-area-bg .header-text p {
        font-size: 14px;
        line-height: 23px;
        width: 100%
    }

    .slogan {
        padding: 7px;
        min-height: 270px
    }

    .features .features-left {
        padding: 20px;
        margin-top: 10px
    }

    .features .features-right .media h5 {
        font-size: 18px;
        margin-bottom: 7px
    }

    .features .features-right .media p {
        text-align: left;
        line-height: 23px;
        font-size: 14px
    }

    #about .values .values-box {
        height: auto;
        margin-bottom: 10px
    }

    #about .header-text p {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 30px
    }

    .promises .promises-box .las {
        margin-bottom: 10px
    }

    #about .hero-area-bg .min-affiliate {
        margin-top: 0;
        margin-bottom: 40px
    }

    #about .values h2 {
        font-size: 25px;
        padding: 10px 0
    }

    .footer-06 img {
        width: 25%;
        margin-top: 50px
    }

    .clients img {
        width: 100px;
        height: 100px;
        margin-bottom: 0
    }

    .clients h2,.products h2 {
        font-size: 25px;
        width: 100%
    }

    .clients .slider .slide {
        height: 100px;
        width: 130px
    }

    .clients .slider {
        height: 140px
    }

    .products h2 {
        margin: 0 auto;
        line-height: 32px
    }

    .clients h2 {
        margin: 5px auto;
        line-height: 30px
    }

    .clients p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .hero-area-bg .header-text h2 {
        font-size: 25px;
        text-align: center;
            line-height: 35px;
    }

        .hero-area-bg .header-text h1 {
        margin-top: 57px;
    }

    .hero-area-bg .shape-1 img {
        width: 150px
    }

    .hero-area-bg .meta_partners img {
        margin: 10px auto 0;
        width: 130px;
        display: block
    }

    .hero-area-bg img {
        float: none;
        position: unset;
        margin-top: 0
    }

    .channels-email-marketing .faq {
        min-height: 450px;
        padding: 40px 0;
        background-color: #fff
    }

    .channels-email-marketing .faq .panel-group .panel .panel-heading h4 a {
        font-size: 16px;
        padding: 20px
    }

    .channels-email-marketing .use-cases .box-user-cases h5 {
        font-size: 20px;
        font-weight: 700
    }

    .channels-email-marketing .whatsapp-1 .values-box {
        padding: 25px
    }

    .navbar-brand {
        margin-right: 0
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 12px;
        padding: 11px 1px
    }

    .navbar .btn-primary {
        padding: 8px 16px;
        font-size: 12px
    }

    .hero-area-bg {
        margin-top: 54px
    }

    .hero-area-bg .firework,.hero-area-bg .firework::after,.hero-area-bg .firework::before {
        --initialSize: 0vmin
    }

    .healthcare .hero-healthcare {
        min-height: 350px
    }

    .healthcare .hero-healthcare .header-text h1 {
        font-size: 30px;
        width: 70%
    }

    .healthcare .hero-healthcare .header-text p {
        font-size: 16px;
        color: #fff;
        margin: 25px auto;
        width: 100%
    }

    .healthcare .hero-healthcare .header-text {
        width: 100%;
        padding: 50px 0;
        margin-top: 51px
    }

    .healthcare .section-1 .box h2,.healthcare .section-1 .box-left h2 {
        font-size: 20px;
        margin-top: 50px;
        text-align: center
    }

    .healthcare .section-1 .box p,.healthcare .section-1 .box-left p {
        font-size: 16px;
        margin-top: 20px;
        text-align: center
    }

    .healthcare .slogan h2 {
        font-size: 25px;
        width: 80%;
        margin: 20px auto 0
    }

    .healthcare .slogan p {
        font-size: 16px;
        width: 100%;
        line-height: 24px;
        margin: 30px auto
    }

    .healthcare .slogan .btn-primary {
        padding: 10px 30px;
        font-size: 16px
    }

    .healthcare .slogan {
        min-height: 400px;
        padding: 30px
    }

    .ecommerce .clients img,.healthcare .clients img {
        width: 50%
    }

    .mega-menu {
        padding: 0;
        min-height: 326px;
        width: 407px
    }

    .mega-menu .tabs-content h4 {
        font-size: 14px;
        font-weight: 700;
        color: #2c599d
    }

    .mega-menu .tabs-content p {
        font-size: 13px;
        line-height: 20px;
        color: #2c599d;
        margin-top: 8px;
        text-align: left
    }

    .mega-menu .media-body {
        margin: 15px 0
    }

    .mega-menu .tabs li {
        height: 54px
    }









    .navbar-expand-md .navbar-nav .dropdown-menu {
        margin: 8px 0 0
    }

    .ecommerce .hero-ecommerce {
        min-height: 429px
    }

    .hero-area-bg .las {
        margin-left: 8px;
        font-size: 14px;
        padding: 5px 0
    }

    .channels-sms .hero-offers-page {
        height: 329px
    }

    .channels-sms .hero-offers-page .header-text h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px;
        margin-top: 60px
    }

    .channels-sms .hero-offers-page .header-text p {
        font-size: 16px;
        width: 100%;
        line-height: 30px;
        margin-bottom: 20px
    }

    .channels-sms .hero-offers-page .btn-primary {
        padding: 11px 25px;
        font-size: 16px
    }

    .channels-sms .slogan-sms h3 {
        width: 100%;
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 40px;
        line-height: 30px
    }

    .channels-sms .slogan-sms p {
        width: 100%;
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 20px;
        line-height: 25px
    }

    .expert p {
        font-size: 16px;
        width: 100%;
        margin-top: 15px
    }

    

    .expert h2 {
        width: 100%;
        font-size: 25px;
        margin: 30px auto
    }

    .expert h3 {
        font-size: 25px;
        margin-bottom: 10px;
        line-height: 35px;
        margin-top: 25px
    }

    .channels-sms .hero-offers-salla .header-text h1 {
        font-size: 30px;
        line-height: 38px;
        margin-top: 70px
    }

    .channels-sms .hero-offers-salla .header-text p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px
    }

    .channels-sms .hero-offers-salla {
        height: 455px
    }

    .expert .form_offer {
        margin-top: 20px
    }

    .channels-sms .hero-offers-sms-service .right-bg {
        width: 50%;
        text-align: center;
        float: none;
        margin: 20px auto
    }

    .channels-sms .hero-offers-sms-service .header-text h6 {
        margin-top: 40px
    }

    .products .box-products ul {
        list-style: none;
        display: none
    }

    .products .box-products .btn-primary {
        color: #fff;
        background-color: #ef6b06;
        border-color: #ef6b06;
        border-radius: 50px;
        padding: 8px 25px;
        font-size: 14px;
        width: 100%;
        position: relative;
        margin: auto;
        left: 0;
        bottom: 0;
        right: 0
    }

    #package .hero-area-bg .header-text h1 {
        margin-top: 49px;
        font-size: 30px;
        margin-bottom: 10px
    }

    #package .hero-area-bg .header-text p {
        margin-top: 12px;
        margin-bottom: 20px;
        font-size: 20px
    }

    .footer-06 .aside-stretch-right {
        padding: 15px 80px
    }

    .products {
        padding: 27px 0
    }

    .whatsapp_api .header-text img {
        float: none;
        margin-top: 50px;
        text-align: center
    }

    .whatsapp_api .hero {
        min-height: 1000px;
        margin-top: 60px;
        text-align: center
    }

    .social_responsibility .csr_programs .economic_aspect img,.social_responsibility .csr_programs .environmental_aspect img,.social_responsibility .csr_programs .social_aspect img {
        float: right;
        display: none
    }

    .whatsapp_api .features_2 .box_features_2 {
        margin-top: 0;
        text-align: center
    }
}

@media (max-width: 767px) {

  .slide-one h2 {
        font-size: 25px;
        line-height: 34px;
        margin-top: 30px;
    }
      .slide-one h1 {
        font-size: 25px;
        line-height: 34px;
        margin-top: 30px;
    }

    .slide-one p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

    .hero-area-bg {
        min-height: 522px;
                padding: 0 25px 0;
    }

    .expert .thank-you img {
    margin-bottom: 10px
}


    
.hero-area-bg .foundingday-slide .foundingday-box {
    margin-top: 69px;
}



.notification-text {
    font-size: 9px;
}



    .story_min_2 .testimonial-card {
  
    min-height: 422px;
}

    .story_min_2 .carousel-inner {
    height: 750px;
}

    .story_min_2 .story_content-min p {
   
    text-align: center;
}

    .story_min_2 {
            padding: 14px 27px;
}

    .client-position {
     border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .story_min_2 .namestory {
    width: 100%;
   
}

    .barq .hero-area-barq h2 {
    font-size: 24px;
   
}

    .channels-callbot .expert .btn-border {
        width: 100%;
     }

  

    .channels-callbot .faq .panel-group .panel .panel-heading h4 a, .channels-sms .faq .panel-group .panel .panel-heading h4 a, .whatsapp_api .faq .panel-group .panel .panel-heading h4 a {
  
        font-size: 16px;
       
    }

    

    #miza .partner .header-text img {
        width: 355px;
        margin-top: 14px;
        margin-bottom: 20px;
        text-align: center;
    }

    .landing_page_1 .channels-sms .hero .header-text p {
             width: 100%;
             font-size: 26px;
      
    }

    .landing_page_1 .channels-sms .hero .header-text h2 {
        font-size: 22px;
       width: 100%;
    }

  

    .hero-area-bg .shape-2 img{
        
        display: none
    }


    .landing_page .navbar-brand img {
        width: 99px;
        margin-top: 0;
    }

    .landing_page .copyright-right {
        background-color: #e3effa;
        padding: 6px;
    }
    
 

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


    .landing_page .navbar .dropdown-item {
        text-align: center;
        margin-right: 0;
        padding: 16px;
    }


    .landing_page .channels-sms .header-text img {
        float: none;
        width: 330px;
        margin-top: 44px;
    }
    .channels-callbot .hero .custom-audio-player {
        left:14px;
    }

    #taqnyat-system .faq h2,.channels-callbot .callbot_uses h2,.channels-callbot .faq h2,.channels-callbot .integration h2 {
        font-size: 25px
    }

    .channels-callbot .callbot_uses img {
        width: 60px
    }

    .channels-callbot .hero .header-text p {
        font-size: 17px;
        line-height: 30px
    }

    .channels-callbot .pricing .box_pricing h4 {
        width: 100%;
        margin: 0 auto
    }

    .channels-callbot .ai_voice_bots,.channels-callbot .faq,.channels-callbot .integration,.channels-callbot .pricing,.channels-email-marketing .hero-channels-email-marketing .header-text .icon,.whatsapp_api .features_2 {
        padding: 10px
    }

    .channels-callbot .automate_service .box_automate_service {
        margin-top: 85px
    }

    .channels-callbot .how_callbot {
        padding: 10px;
        min-height: 600px
    }

    .channels-callbot .how_callbot .media .las {
        font-size: 23px;
        padding: 10px
    }

    .channels-callbot .header-text {
        padding: 35px 20px;
        text-align: center;
    }

    .channels-callbot .hero .header-text h6 {
        font-size: 16px;
        margin-top: 0;
        text-align: center;
        width: 100%;
    }

    .channels-callbot .hero .header-text h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px;
        text-align: center;
    }

    .channels-callbot .hero{
        min-height: 1000px;
        margin-top: 60px;
    }

    .channels-callbot .expert .expert-tabs {
        padding: 32px 10px;
        margin: 0 auto;
    }

    .channels-callbot .expert h2 {
        font-weight: 700;
        font-size: 23px;
        text-align: center;
        width: 100%;
        margin: 18px auto 25px;
    }

    .channels-callbot .expert {
        padding: 10px;
        min-height: 886px;
        margin-top: 0;
    }

    .channels-callbot .video_ai h2 {
        font-size: 23px;
        margin: 10px auto;
        line-height: 33px;
        width: 100%
    }

    #doc .top-nav,#offers-page .hero-offers-page .header-text,.channels-callbot .video_ai .smart_video,.social_responsibility .csr_programs .social_aspect {
        padding: 0
    }

    .channels-callbot .video_ai {
        padding: 10px;
        background-color: #f6f9fe;
        min-height: 616px
    }

    .channels-callbot .callbot_uses h3,.channels-callbot .video_ai h3,.ecommerce .hero-ecommerce .header-text p,.ecommerce.hero-ecommerce .header-text p,.education .hero-education .header-text p,.page-not-found .page-404 .btn-primary,.slogan p {
        width: 100%
    }

    #about .values,.channels-callbot .callbot_uses {
        padding: 20px
    }

    .channels-callbot .how_callbot h2,.ecommerce .hero-ecommerce .header-text h1,.education .hero-education .header-text h1,.healthcare .hero-healthcare .header-text h1 {
        font-size: 25px;
        width: 100%
    }

    .channels-callbot .ai_voice_bots .btn-primary {
        padding: 8px 23px;
        font-size: 16px;
        margin: 5px;
        width: 100%
    }

    .channels-callbot .header-text img {
        width: 330px
    }

    .channels-callbot .hero .header-text .btn-primary,.channels-sms .expert .offer_box_date p,.jobs .card a,.slogan-footer .box-slogan p,.whatsapp_api .hero .header-text .btn-default,.whatsapp_api .hero .header-text .btn-primary {
        font-size: 16px
    }

    .channels-callbot .video_ai .smart_video .play-btn img {
        width: 55px;
        height: 55px
    }

    .partner .packages h1 {
        font-size: 18px;
        line-height: 38px;
        text-align: center
    }

    .partner .hero .form_offer {
        margin-top: 0
    }

    .partner .navbar {
        position: static;
        display: block;
        background-color: #224378;
        padding: 0
    }

    .partner .navbar-expand-md .navbar-nav .nav-link {
        padding: 7px 0!important
    }

    .channels-sms .hero .header-text h1 {
        font-size: 25px;
        line-height: 57px;
        margin-bottom: 10px
    }

    .channels-sms .hero .header-text p {
        font-size: 16px;
        color: #fff;
        line-height: 27px;
        margin-bottom: 20px
    }

    .channels-sms .sms_service h2 {
        font-size: 25px;
        width: 100%;
        margin: 10px auto;
        line-height: 35px;
        text-align: center
    }

    .channels-sms .sms_service h3 {
        text-align: center;
        width: 100%;
        margin: 14px auto;
        font-size: 16px;
        line-height: 25px
    }

    .channels-sms .sms_service {
        padding: 40px;
        background-color: #f6f9fe
    }

    .channels-sms .sms_api h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        line-height: 38px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .channels-sms .sms_api h3 {
        color: #fff;
        font-size: 17px;
        margin-bottom: 30px;
        line-height: 26px
    }

    .channels-sms .sms_api {
        min-height: 320px;
        padding: 40px
    }

    .channels-sms .flexible_sms h2 {
        font-size: 25px;
        width: 100%;
        margin: 35px auto;
        line-height: 39px
    }

    .channels-sms .integration_sms .header-text {
        padding-top: 40px
    }

    .channels-sms .integration_sms .header-text p {
        font-size: 16px;
        color: #fff;
        line-height: 25px;
        margin-bottom: 20px;
        margin-top: 0
    }

    .channels-sms .integration_sms .header-text h2 {
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 10px;
        margin-top: 0
    }













    .whatsapp_api .features_whatsapp h2 {
        font-size: 23px;
        line-height: 35px
    }

    .whatsapp_api .features_2 h2 {
        font-size: 23px;
        line-height: 33px
    }

    .whatsapp_api .faq {
        min-height: 420px;
        padding: 0;
        background-color: #fff
    }

    .whatsapp_api .features_2 p {
        margin-bottom: 10px
    }

    .footer-06 .copyright-right .social-media svg {
        width: 20px;
        margin-bottom: 10px
    }

    .social_responsibility .overview {
        text-align: center;
        padding: 10px
    }

    .social_responsibility .slogan .email img {
        width: 38%;
        padding: 22px
    }

    .social_responsibility .hero .header-text h1 {
        font-size: 22px;
        margin-top: 22px
    }

    .social_responsibility .why .tabs-content p {
        font-size: 18px;
        line-height: 30px;
        color: #2c599d;
        text-align: left
    }

    .social_responsibility .csr_programs h2 {
        margin-bottom: 25px
    }

    .social_responsibility .csr_programs .economic_aspect img {
        float: left;
        display: none
    }

    #offers-page .offers-page-offer,.ecommerce .exapmles,.education .exapmles,.healthcare .exapmles,.package-min,.social_responsibility .csr_programs .economic_aspect {
        padding: 20px 0
    }

    .social_responsibility .csr_programs .environmental_aspect {
        padding: 10px 0
    }

    .register .btn-border {
        float: none
    }

    .whatsapp_api .header-text img {
        width: 300px;
        margin-top: 20px
    }

    .whatsapp_api .slogan p {
        width: 100%;
        margin: 40px auto;
        font-size: 26px;
        line-height: 39px
    }

    .whatsapp_api .slogan {
        min-height: 300px;
        padding: 10px
    }

    .whatsapp_api .pricing_box h4 {
        padding-top: 5px
    }

    .whatsapp_api .price-item {
        border-radius: 10px;
        margin-bottom: 10px
    }

    .whatsapp_api .pricing_box {
        min-height: 700px;
        padding: 10px
    }

    .whatsapp_api .features_whatsapp {
        min-height: 610px;
        padding: 10px;
        background-color: #eef2fc
    }

    .whatsapp_api .pricing_box .price-tabs .nav-link {
        font-weight: 500;
        font-size: 14px;
        padding: 10px 27px
    }

    .whatsapp_api .hero .header-text h1 {
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 10px;
        margin-top: 20px
    }

    .expert h3,.min_partner .hero .header-text h2 {
        line-height: 30px
    }

    .min_partner .slogan_partners h3 {
        font-size: 23px;
        margin-top: 30px;
        width: 100%;
        line-height: 31px
    }

    .min_partner .taqnyat_partners {
        min-height: 610px;
        padding: 20px 10px
    }

    .ecommerce .hero-ecommerce,.education .hero-education,.min_partner .hero {
        min-height: 450px
    }

    #about .hero-area-about img,.barq .use-cases .carousel-indicators,.channels-sms .hero-offers-salla .right-bg,.ecommerce .section-1 .box img,.ecommerce .section-1 .box-left img,.education .section-1 .box img,.education .section-1 .box-left img,.healthcare .section-1 .box img,.healthcare .section-1 .box-left img,.hero-area-bg .shape-1 img,.hero-offers-page img,.mega-menu .tabs-content p,.min_partner .header-text img,.sidebar,.user-manual .sidebar {
        display: none
    }

    .min_partner .hero .header-text h1 {
        font-size: 29px;
        line-height: 41px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .min_partner .hero .header-text .btn-primary,.page-not-found .page-404 .page-box-404 h3 {
        font-size: 15px
    }

    .min_partner .header-text {
        padding: 16px
    }

    .min_partner .expert p {
        font-size: 20px;
        width: 100%;
        font-weight: 700
    }

    .expert .form_offer {
        padding: 18px
    }

    .partner .header-text {
        padding: 88px 11px
    }

    .partner .hero .header-text h1 {
        font-size: 25px;
        line-height: 39px
    }

    .partner .hero .header-text .btn-primary {
        font-size: 17px
    }

    .partner .hero {
        min-height: 750px;
        margin-top: 0;
        text-align: center
    }

    .partner .hero .header-text h2 {
        font-size: 29px;
        margin-top: 10px;
        color: #fff
    }

    .partner .hero .header-text h3 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 10px;
        margin-top: 20px
    }

    .partner .expert p,.slogan-footer .box-slogan {
        font-size: 16px;
        width: 100%
    }

    .barq .request .img-footer {
        text-align: center;
        margin-right: 0;
        margin-bottom: -12px;
        z-index: 50
    }

    .barq .request .request_box p {
        text-align: center;
        margin: 25px
    }

    .barq .request .btn-primary {
        font-size: 19px;
        border-radius: 10px;
        padding: 15px;
        margin: 0 0 20px
    }

    .barq .try-program {
        text-align: center;
        padding: 50px 0
    }

    #details-jobs .jobs .jobs-bg {
        padding: 14px 25px;
        text-align: right
    }

    .news .news_articles .card {
        height: 95%
    }

    #migration .hero-area-bg {
        min-height: 386px;
        text-align: center
    }

    .channels-sms .expert .offer_box_date h4 {
        font-size: 18px;
        margin-top: 5px
    }

    #taqnyat-system .faq p {
        text-align: center;
        margin: 20px 0 10px
    }

    #taqnyat-system .faq {
        min-height: 450px;
        padding: 50px 0;
        background-color: #fff
    }

    #taqnyat-system .faq .panel-group .panel .panel-heading h4 a {
        font-size: 16px;
        padding: 21px
    }

    .privacy h1 {
        font-size: 23px
    }

    .copyright-left p {
        margin-top: 30px;
        margin-bottom: 15px
    }

    .footer-06 .copyright-right .list-unstyled {
        padding: 6px
    }

    .register {
        padding: 5px 0;
        min-height: 650px;
        margin-top: 38px
    }

    .register .register-tabs {
        padding: 19px;
        margin: 0 auto
    }

    .register h1 {
        font-size: 25px;
        margin-bottom: 20px;
        margin-top: 30px
    }

    .channels-sms .hero_school_offer .header-text h1 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 10px;
        margin-top: 0
    }

    .channels-sms .hero_school_offer .header-text h6 {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 20px
    }

    .channels-sms .hero_school_offer .header-text p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 10px
    }

    .channels-sms .hero-offers-sms-packages .header-text h1 {
        font-size: 32px;
        line-height: 47px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .clients {
        padding: 29px 0
    }

    .expert .expert-tabs .nav-tabs .nav-link {
        font-size: 15px;
        padding: 5px
    }

    .channels-sms .hero-offers-sms-service .header-text {
        text-align: center;
        width: 100%;
        padding: 41px 0;
        -webkit-transform: scaleX(-1)
    }

    .channels-sms .hero-offers-page .header-text,.channels-sms .hero-offers-page .header-text h1,.channels-sms .hero-offers-page .header-text p,.footer-06 .copyright-right .list-unstyled {
        text-align: center
    }

    .expert .form_offer {
        margin-top: 20px;
        border-radius: 10px;
        background-color: #fff
    }

    .healthcare .slogan h2 {
        font-size: 21px;
        width: 100%;
        margin: 20px auto 0
    }

    .healthcare .exapmles h2 {
        margin-bottom: 22px;
        font-size: 20px
    }

    .education .hero-education .header-text {
        padding: 40px 0
    }

    .ecommerce .section-1 .box h2,.ecommerce .section-1 .box-left h2,.education .section-1 .box h2,.education .section-1 .box-left h2 {
        font-size: 20px;
        margin-top: 0;
        text-align: center
    }

    .ecommerce .section-1 .box p,.ecommerce .section-1 .box-left p,.education .section-1 .box p,.education .section-1 .box-left p {
        font-size: 14px;
        text-align: center
    }

    .education .slogan {
        min-height: 348px;
        padding: 30px 0
    }

    .education .exapmles h2 {
        font-weight: 700;
        text-align: center;
        margin-bottom: 20px;
        font-size: 20px
    }

    .education .hero-education .header-text .btn-primary {
        padding: 9px 29px;
        font-size: 16px;
        margin-top: 0
    }

    .education .slogan h2 {
        font-size: 20px;
        width: 100%;
        margin-top: 20px;
        line-height: 27px
    }

    .ecommerce .slogan p,.education .slogan p {
        font-size: 16px;
        width: 100%;
        line-height: 22px;
        margin: 18px auto
    }

    .ecommerce .slogan .btn-primary,.education .slogan .btn-primary {
        border-radius: 50px;
        padding: 10px 30px;
        font-size: 16px;
        font-weight: 600
    }

    .ecommerce .hero-ecommerce .header-text {
        padding: 60px 0
    }

    .ecommerce .exapmles h2 {
        margin-bottom: 21px;
        font-size: 20px
    }

    .ecommerce .slogan {
        min-height: 348px;
        padding: 30px
    }

    .ecommerce .slogan h2 {
        font-size: 25px;
        width: 100%;
        margin-top: 20px
    }

    #about .values .values-box h3,.user-cases h2 {
        font-size: 20px
    }

    .page-not-found .page-404 h2 {
        font-size: 20px;
        font-family: Almarai,sans-serif
    }

    .page-not-found .page-404 {
        min-height: 490px
    }

    .why-box .why-box-2 h5 {
        font-size: 19px;
        line-height: 26px
    }

        .why-box .why-box-2 h3 {
        font-size: 19px;
        line-height: 26px
    }

    .footer-06 .copyright-right .social-media {
        text-align: center;
        margin-left: 0;
        margin-top: 0
    }

    .offers .offers-bg .las,.promises .promises-box h3 {
        font-size: 18px
    }

    .top-header .login-m {
        display: inline
    }

    .navbar button:focus {
        outline: dotted 0;
        outline: -webkit-focus-ring-color auto 0
    }

    .top-header .dropdown-menu {
        min-width: 6rem
    }

    .navbar .btn-primary {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-expand-md .navbar-nav .nav-item {
        padding: 0 20px
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 12px;
        margin-top: 0;
        background-color: #ffffff00!important;
        font-weight: 800;
        display: block;
        width: 100%;
        border-bottom: 1px solid #e7e7e7;
        padding: 14px 0!important;
        margin-bottom: 0;
        text-align: left
    }

    .mega-menu-mobile h4 {
        padding: 8px 54px
    }

    .navbar .navbar-toggler {
        padding: .25rem 10px
    }

    .mega-menu-mobile,.user-manual .menu-content-mobile {
        display: block
    }

    .margin-page {
        margin-left: 0;
        margin-right: 0
    }

    .hero-area-bg .values .list-unstyled li {
        font-size: 12px;
        margin-right: 13px
    }

    .hero-area-bg .values .list-unstyled .las {
        font-size: 13px;
        margin-right: 4px
    }

    .hero-area-bg .btn-primary {
        font-size: 17px;
        margin-bottom: 10px;
        padding: 11px 25px
    }

    .hero-area-bg .las,.text-muted {
        font-size: 14px
    }

    .user-cases h2 {
        margin-bottom: 10px
    }

    .user-cases .media .las {
        font-size: 26px;
        padding: 0 9px
    }

    #offers-page .offers-page-offer li,.user-cases .media ul li {
        font-size: 14px;
        line-height: 25px
    }

    .user-cases .media h5 {
        margin-bottom: 20px;
        font-size: 16px
    }

    .expert .thank-you h2 {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 0
    }

    .expert .thank-you h5 {
       font-size: 14px;
        width: 100%;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .expert .thank-you .btn-primary {
    margin-bottom: 5px;
    width: 100%;
    font-size: 14px;
   
}

.expert .thank-you img {
    width: 100px;
}

.expert .thank-you .btn-success {
    width: 100%;
    font-size: 14px;
    margin-left: 0;
   
}

    .footer .social-media .social-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 2em
    }

    .footer-category li a {
        font-size: 13px;
        line-height: 20px
    }

    .copyright h5 {
        font-size: 10px;
        margin-top: 15px
    }

    .slogan {
        padding: 1px 0;
        min-height: 277px
    }

    .jobs {
        padding: 0;
        margin-top: 0
    }

    .jobs .jobs-bg {
        background-color: #fff;
        padding: 25px
    }

    .jobs h2 {
        font-size: 19px;
        margin-bottom: 17px
    }

    .card-text:last-child,.mega-menu .tabs-content h4 {
        font-size: 12px
    }

    .card-title {
        margin-bottom: .75rem;
        font-size: 14px;
        line-height: 20px
    }

    .jobs .btn-danger {
        width: 100%;
        font-size: 14px
    }

    #internal-programs .d-flex,.jobs .d-flex {
        display: block!important
    }

    .jobs .hero-area-bg .header-text {
        width: 100%;
        margin-top: 26px
    }

    #internal-programs {
        padding: 0;
        margin-top: 87px
    }

    #internal-programs p {
        margin-top: 34px;
        margin-bottom: 1rem
    }

    #internal-programs .btn-primary {
        margin-top: 10px;
        width: 100%
    }

    #internal-programs .min-programs h6 {
        font-size: 16px;
        text-align: center
    }

    #migration .bg-affiliate {
        padding: 10px;
        min-height: 200px
    }

    .hero-area-bg .btn-danger {
        font-size: 12px;
        width: 100%
    }

    #doc .navbar-brand img {
        width: 110px;
        margin-top: 10px
    }

    #doc .min-doc {
        padding: 10px;
        min-height: 500px;
        margin-top: 20px
    }

    .footer-06 .aside-stretch-right {
        padding: 40px
    }

    .footer-06 .footer-heading {
        margin-top: 5px
    }

    #offers-page .hero-offers-page {
        height: 250px;
        margin-top: 55px
    }

    #offers-page .hero-offers-page .header-text p {
        font-size: 17px;
        width: 100%
    }

    #offers-page .hero-offers-page .header-text h1 {
        font-size: 20px;
        margin-bottom: 0;
        margin-top: 10px;
        line-height: normal
    }

    #offers-page .hero-offers-page .btn-primary {
        padding: 9px 25px;
        font-size: 16px
    }

    #offers-page .offers-page-offer p {
        font-size: 16px;
        line-height: 28px
    }

    #offers-page .offers-page-offer h2 {
        font-size: 19px;
        margin-top: 30px;
        margin-bottom: 13px
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        box-shadow: 0 9px 10px rgb(255 255 255 / 27%);
        margin: 9px -67px 7px
    }

    .mega-menu .media-body {
        margin: 14px 0
    }

    .lab,.navbar .mega-menu .media .las {
        margin-left: 3px;
        margin-top: 12px
    }

    .mega-menu {
        padding: 0;
        min-height: 326px;
        width: 100%;
        box-shadow: 0 8px 10px rgb(54 72 98 / 41%);
        display: none
    }

    .mega-menu .tabs-content {
        background-color: #fff;
        min-height: 0;
        padding: 0
    }

    .navbar .mega-menu-mobile .media .lab {
        margin-right: 3px;
        font-size: 17px;
        padding: 11px 8px
    }

    .mega-menu-mobile .tabs-content h3 {
        font-size: 12px;
        line-height: 16px;
        color: #2c599d
    }

    .mega-menu-mobile .media-body {
        margin: 13px 12px
    }

    .navbar .dropdown-item {
        padding: 14px 60px;
        font-size: 13px;
        text-align: left;
        background-color: #f3f8fd;
        border-bottom: 1px solid #daebfd;
        list-style: none
    }

    .channels-sms .hero-offers-page .header-text p {
        line-height: 23px;
        margin-bottom: 20px
    }

    .channels-sms .hero-offers-page .header-text h1 {
        margin-top: 40px
    }

    .expert h3 {
        font-weight: 600;
        font-size: 20px;
        color: #2c599d;
        width: 100%;
        margin: 20px 0 0
    }

    #package .hero-area-bg .header-text p {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 23px
    }

    #package .hero-area-bg .header-text h1 {
        margin-top: 19px;
        font-size: 33px;
        margin-bottom: 0;
        line-height: 44px
    }

    .footer-06 .copyright-right .social-media .las,.lab {
        font-size: 27px;
        color: #2c599d;
        padding: 5px;
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: 0
    }

    .sbutton:not(:last-child)>i {
        font-size: 30px;
        padding: 0;
        line-height: 25px;
        transition: .3s ease-in-out;
    }
}

@media (max-width: 540px) {
    .partner .services p {
        width:100%
    }

    .partner .header-text {
        padding: 18px 11px
    }

    .channels-sms .cloud_communications .header-text h2 {
        font-size: 28px;
        line-height: 40px
    }

    .channels-sms .cloud_communications {
        margin-top: 0
    }

    .channels-sms .faq {
        padding: 20px 0;
        background-color: #fff
    }

    .channels-sms .cloud_communications .header-text {
        padding-top: 50px;
        padding-bottom: 51px
    }

    .channels-sms .cloud_communications .header-text img,.channels-sms .integration_sms .header-text img {
        width: 300px
    }

    .channels-sms .flexible_sms {
        padding: 40px 0;
        min-height: 600px
    }

    .channels-sms .sms_service {
        padding: 40px 0;
        background-color: #f6f9fe
    }

    .channels-sms .hero .header-text h1 {
        font-size: 30px;
        line-height: 38px
    }

    .channels-sms .header-text img {
        float: none;
        width: 300px;
        margin-top: 50px
    }

    .min_partner .hero .header-text p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 10px
    }

    .barq .hero-area-barq {
        height: 477px
    }

    .footer-06 .iso_img img {
        width: 50px;
        height: 50px
    }

    .navbar-brand {
        width: 150px
    }

    .healthcare .hero-healthcare .header-text {
        padding: 76px 0
    }
}