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: #C72026;
    color: white
}

.sbuttons {
    bottom: 1%;
    position: fixed;
    margin: 1em;
    right: 11px;
  }
  .sbutton {
    padding: 18px 0;
    background-color: #C72026;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    color: white;
    margin: 20px auto 0;
    box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
  }
  .sbutton > i {
    margin: 0;
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    transition: all .2s ease-in-out;
    transition-delay: 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);
  }
  .sbutton:not(:last-child) {
    width: 60px;
    height: 60px;
    margin: 20px auto 0;
    opacity: 0;
  }
  .sbutton:not(:last-child) > i {
    font-size: 30px;
    line-height: 25px;
    transition: all .3s ease-in-out;
  }
  .sbutton .las {
   padding: 0;
  }
  .sbuttons:hover .sbutton:not(:last-child) {
    opacity: 1;
    width: 60px;
    height: 60px;
    margin: 15px auto 0;
  }
  .sbutton:nth-last-child(1) {
    -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: 100ms;
    transition-delay: 100ms;
  }
  

  .sbutton.chat {
    background: #C72026;
  }
  .sbutton.whatsapp {
    background: #4caf50 ;
  }



/* ========== top header  ========== */



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

@media (max-width: 767px) {
  
.top-header {display: block;}

}



.top-header .p-2 {
    padding: 0 !important;
}



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


.top-header .alert-warning {

    font-size: 12px;
    letter-spacing: .10em;
}

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

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

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

.top-header .alert-warning {
    color: #2c599d;
    background-color: #fff3cd00;
    border-color: #ffeeba;
}

.top-header .close {
    color: #FFFFFF;
}

.top-header .close:hover {
    color: #C72026;
}

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

.top-header button:focus {
    outline: 1px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

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

.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;
}

.top-header .top-r {
    float: right;
}

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

.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;
}

.top-header dl,
ol,
ul {
    margin-bottom: 0;
}

.top-header .login-m {
    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 .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

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

.top-header .navbar .dropdown-item {
    text-align: center;
}


/*----------------------------------------*/
/*  2.10 backtotop
/*----------------------------------------*/
#scroll-percentage {
    height: 46px;
    width: 46px;
    background-color: #ffffff;
    border-radius: 50%;
    position: fixed;
    bottom: 40px;
    /* right: 50px; */
    -webkit-transform: scale(0);
            transform: scale(0);
    display: -ms-grid;
    display: grid;
    place-items: center;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 100;

    line-height: 0px;
    bottom: 20px;
    left: 15px;
    /* right: 50px; */
    width: 46px;
    height: 46px;
     font-size: 16px;
    color: #fff;
    /* line-height: 46px; */
    text-align: center;
    border-radius: 50%;
    /* display: inline-block; */
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #ff4500; 

    /* right: 10px;
    padding: 15px;
    z-index: 144;
    position: fixed;
    text-align: center;
    border-radius: 50%;
    transition: all 0.5s ease;
    border: 2px solid #ff4500; */
  }
  @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
    #scroll-percentage {
      /* right: 30px; */
      bottom: 20px;
    }
  }
  #scroll-percentage.active {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
            animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  
  #scroll-percentage-value {
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    color: #ffffff;
    border-radius: 50%;
    display: -ms-grid;
    display: grid;
    place-items: center;
    font-size: 16px;
    font-weight: 600;
  }
  #scroll-percentage-value i {
    font-size: 20px;
  }
  
  @-webkit-keyframes scrollToTop {
    0% {
      -webkit-transform: translate3d(0, 80%, 0);
              transform: translate3d(0, 80%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }
  }
  @keyframes scrollToTop {
    0% {
      -webkit-transform: translate3d(0, 80%, 0);
              transform: translate3d(0, 80%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }
  }
/* ========== navbar  ========== */

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

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

.navbar-brand img {
    width: 120px;
    /* height: 23px; */
    margin: 11px 10px;
}

.navbar-expand-md .navbar-nav .nav-item {
    margin-left: 5px;
}

ul li,
ol 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: #C72026 !important;
    width: 100%;
}

.navbar-expand-md .navbar-nav .nav-link {
    color: #2c599d;
    font-size: 14px;
    padding: 7px 7px;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    background: 0 0;
    margin-top: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .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: #C72026;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s;
}


.navbar .dropdown-toggle::after {
    margin-left: 5px;
 }

.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link:hover::before,
.navbar-expand-md .navbar-nav .nav-link:focus {
    color: #C72026;

}

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

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

.navbar .btn-outline-success:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.navbar .btn-outline-success:not(:disabled):not(.disabled).active,
.navbar .btn-outline-success:not(:disabled):not(.disabled):active,
.navbar .show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.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: #C72026;
}

.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: #C72026;
    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;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
}

.navbar .btn-primary:hover,
.navbar .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.navbar .btn-primary:not(:disabled):not(.disabled).active,
.navbar .btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

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

.navbar svg {
    margin-right: 4px;
 }

/**************** navbar *******************/

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

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

.addAnimation {
    transform: translateY(0%);
} */



/****************mega menu *******************/
@media (min-width: 768px) {
    .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-20px);
        transition: .2s ease all;
    }
    
    .dropdown-menu.show {
        display: block;
        visibility: visible;
       opacity: 1;
        transform: translateY(0px);
        transition: .5s ease all;
    }

}

.mega-menu {
    padding: 0;
    background-color: #FFFFFF;
    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 {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center
}




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


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

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

.mega-menu .badge-success {
    color: #fff;
    background-color: #28a745;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 5px;
    border-radius: 50px;
    margin-left: 5px;

}


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




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


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

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


.mega-menu 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 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 h4:hover {


    color: #C72026;
}

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

.mega-menu .col-md-4,
.mega-menu .col-lg-4,
.mega-menu .col-md-8,
.mega-menu .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}



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

.mega-menu .tabs-content .btn:hover {
    background-color: #0052a5;
    color: #FFFFFF;
    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 {

    font-size: 18px;
    color: #C72026;
}


.mega-menu .tabs-content .media .las{
    margin-right: 3px;
    font-size: 20px;
    color: #C72026;
    padding: 5px 0px;
}


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

}



/***************  .mega-menu-mobile  ***********************/

.mega-menu-mobile {
    display: none;
}



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

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

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




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


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


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




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

}


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

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


.mega-menu-mobile h5 {

    font-weight: 700;
    font-size: 14px;
    line-height: 2;
    text-align: center;

}

.mega-menu-mobile .tabs-content {

    background-color: #fff;
    min-height: 329px;
    padding: 2px 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: 700;
    color: #2c599d;
}

.mega-menu-mobile .tabs-content h4:hover {


    color: #C72026;
}

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

.mega-menu-mobile .col-md-4,
.mega-menu-mobile .col-lg-4,
.mega-menu-mobile .col-md-8,
.mega-menu-mobile .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}



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

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

.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;
}


.mega-menu-mobile .tabs-content h2 {

    font-size: 18px;
    color: #C72026;
}

.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;
}



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



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

.why-mobile h1 {
    font-weight: 600;
    color: #2c599d;
    font-size: 25px;
    margin-bottom: 10px;
    text-align: center
}

.why-mobile h3 {
    font-weight: 600;
    color: #2c599d;
    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: white;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 12px #e6e4e4;
    margin-bottom: 10px;
}







/* ========== Menu Mobile  ========== */




.menu-mobile{

    display: none;
    background-color: #ffffff;
    box-shadow: 1px 1px 9px 0 rgb(192 192 201 / 48%);
}


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

.menu-mobile #menu-icon {
    cursor: pointer;
}

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


.menu-mobile #sidebar {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    color: white;
    transform: translateX(-100%);
    transition: transform 0.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: aliceblue;
    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 0.3s ease-in-out;
}

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

.menu-mobile #sidebar .btn-primary:hover, .menu-mobile #sidebar .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.menu-mobile #sidebar a:hover {
    color: #C72026;
}

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

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

.menu-mobile .las {
    font-size: 16px;
}


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


/* Responsive Styles */
@media screen and (max-width: 768px) {

    .navbar{display: none;}

    .partner .navbar {
        display: block;
    }

.navbar_offer_page .navbar{
    display: block;
} 
    
.menu-mobile{

    display: block;
}
    #menu-icon {
        display: block;
    }

    main {
        margin-left: 0;
    }

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

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

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





/* ========== hero-area  ========== */

.hero-area-bg {
    background: url(../images/hero.webp) no-repeat center;
    background-size: cover;
    background-repeat: 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;
}

.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);
}


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

.hero-area-bg .width-100 {
    width: 100%;
}

.hero-area-bg .float-right {
    float: right !important;
}

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

.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: bold;
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 9px;
    margin-top: 70px;
    color: #2c599d;
}
.hero-area-bg .header-text h2 {
    font-size: 27px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #ffffff;
}

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

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


.hero-area-bg .btn-primary:hover,
.hero-area-bg .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.hero-area-bg .btn-primary:not(:disabled):not(.disabled).active,
.hero-area-bg .btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}


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











.hero-area-bg .values-min {
    margin-top: 60px;
}

.hero-area-bg .values-min .list-unstyled {
    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: #C72026;
    margin-right: 10px;
}

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

.hero-area-bg .carousel-indicators {
    bottom: -90px;
}


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









/****************Why Taqnyat *******************/


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

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


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

.min-testimonial p {
    color: #2c599d;
}

.min-testimonial .name {
    color: #2c599d;
}

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

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


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

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

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

@media(max-width:767px) {
    .carousel-caption img {
        width: 4rem;
        border-radius: 4rem;
        margin-top: 1rem
    }
}

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

@media(max-width:767px) {
    #image-caption {
        font-style: normal;
        font-size: 0.6rem;
        margin-top: 0.5rem
    }
}


@media(max-width:767px) {
    i {
        padding: 0.8rem
    }
}

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

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

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














/****************Why Taqnyat *******************/

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

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

.why-box {
    padding: 15px;
    margin-top: 20px;
    border-radius: 8px;
    height: 100%;
    background-color: #FFFFFF;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.why-box .icon-main {
    margin: 25px auto;
    width: 120px;
    height: 120px;
    color: #fff;
    background: #cc222552;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.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: bold;
    margin: 30px 0;
    line-height: 33px;
    margin-bottom: 10px;
    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: #C72026;
    margin: 20px auto;
    width: 50%;
}

.why-box:hover {
    background: #cc222552;

}

.why-box:hover .icon-main {
    background: #FFFFFF;
}

/************* package-min *************/


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

.package-min .package-min-box {
    background-color: #ffffff;
    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: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .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: bold;
    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: #C72026;
    font-size: 15px;
}


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


.package-min .package-min-box svg {
    margin-left: 10px;
}

.package-min .package-min-box svg .arrow {
    transition: all .3s;
}

.package-min .package-min-box:hover svg .arrow{
    transform: translateX(32px);
}






/************* slogan *************/

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

.slogan p {

    width: 52%;
    margin: 40px auto;
    font-size: 32px;
    font-weight: bold;
    line-height: 39px;
    color: #FFFFFF;
}

.slogan .btn-primary {
    color: #FFFFFF;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 20px;
    font-weight: 600;
}

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




.slogan .btn-primary:not(:disabled):not(.disabled).active,
.slogan .btn-primary:not(:disabled):not(.disabled):active,
.slogan .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

/*********features**********/

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

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

.features .features-right {
    background-color: #f7fafd;
    min-height: 650px;
    padding: 40px;
    margin-top: 30px;
    border-top: 1px solid #e8e6e6;
    border-bottom: 1px solid #e8e6e6;
    border-right: 1px solid #e8e6e6;
}

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

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

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

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

.features .features-left {
    background-color: white;
    border-top: 1px solid #e8e6e6;
    border-bottom: 1px solid #e8e6e6;
    border-left: 1px solid #e8e6e6;
    padding: 40px;
    margin-top: 30px;
}

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

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

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

.features .features-left .btn-primary:hover,
.features .features-left .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

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

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

.features .carousel-indicators li {
    background-color: #C72026;
}

/************* use-cases *************/

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

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

.use-cases .box-user-cases {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 40px;

}

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

.use-cases .box-user-cases .las {
    color: #C72026;
    padding: 0 10px;
    font-size: 40px
}

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

.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: #C72026;
}

.use-cases .box-user-cases h5 {
    font-size: 20px;
    font-weight: bold
}

.use-cases .box-user-cases ul {
    list-style: none;
}

.use-cases .box-user-cases ul li::before {
    content: "\2022";
    color: #C72026;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

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

.use-cases .btn-primary:hover,
.use-cases .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}





/************* products *************/

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

.products h2 {
    font-weight: bold;
    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;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 35px;
    box-shadow: 0 0 60px rgb(234 244 252);
    filter: grayscale(0);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;

}



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

.products .box-products .card-body {
    padding: 0;
}


.products .box-products{
    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: 0 solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}

.products .box-products:hover {
    transform: translateY(-8px);
    filter: grayscale(0);
}

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

.products .box-products h6 {
    margin: 9px 8px;
    color: #C72026;
    margin-top: 30px;
    font-weight: bold;
    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: #ffffff;
    margin: 0 auto;
}

.products .box-products .icon .las {
    font-size: 48px;
    color: #C72026;
    padding: 4px;
}

.products .box-products .icon .lab{
    font-size: 48px;
    color: #C72026;
    padding: 4px;
}

.products .box-products ul {
    list-style: none;
}

.products .box-products ul li::before {
    content: "\2022";
    color: #C72026;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.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;
}

.products .box-products a {
    color: #2c599d;
}


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


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

.products .box-products .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
    margin-top: 25px;
    width: 50%;
    margin: auto;
}

.products .box-products .btn-primary:hover,
.products .box-products .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

/***********  clients  *******************/

.clients {
    padding: 50px 0;
    text-align: center;
    min-height: 220px;
    background-color: #FFFFFF;
}

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

.clients p {
    margin-bottom: 50px;
    font-size: 16px;
}



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

}

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



/* ========== slider 1  ========== */


@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: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 14);
  }
  .clients .slider .slide {
    height: 100px;
    width: 250px;
  }
 




/***********  did-you-know  *******************/

.did-you-know {
    padding: 50px;
    background-color: #f3f7f9;
}

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

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

.did-you-know img {
    width: 80%
}

/***********  contact-us  *******************/

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

.expert h2 {
    font-weight: bold;
    color: #2c599d;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    width: 80%;
    margin: 30px auto;
}

.expert .btn-border {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    margin-top: 15px;
    float: right;
}

.expert .btn-border:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

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

.expert h3 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
    color: #2c599d;
    width: 100%;
    line-height: 35px;
}

.expert p {
    font-size: 17px;
    margin-bottom: 20px;
    color: #2c599d;
    width: 80%
}

.expert img {
    width: 100%;
    margin-top: 50px;
    
}


.expert h4 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 20px;
    color: #C72026;
    margin-top: 30px;
}

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

.expert .text-sales {
    margin-bottom: 20px;
}

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



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


.expert .form_offer .btn-info {
    font-size: 16px;
    line-height: 1.6;
    border-radius: 100px;
    border: 0;
    background: rgb(244, 128, 34);
        width: 100%;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
    }
    
    .min_partner .hero .header-text .btn-primary:hover {
        color: #fff;
        background-color: #2c599d;
        border-color: #2c599d;
    }
    


.expert ul li .las {
    font-size: 16px;
    color: rgb(224, 61, 37);
    margin-right: 10px;
}

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

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

.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: #C72026;
    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;
}





/***********  custom select  *******************/


.expert .custom-select {
    position: relative;
    height: 49px;
  }
  
  .expert .custom-select select {
    display: none; /*hide original SELECT element:*/
  }
  

  /*style the arrow inside the select element:*/
  .expert .select-selected:after {
    position: absolute;
    content: "";
    top: 11px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff #ffffff #ffffff #ffffff;
  }
  
  /*point the arrow upwards when the select box is open (active):*/
  .expert .select-selected.select-arrow-active:after {
    border-color: #fcfcfc #fcfcfc #ffffff #ffffff;
    top: 24px;
  }
  
  /*style the items (options), including the selected item:*/
  .expert .select-items div, .expert .select-selected {
    padding: 9px 9px;
    border: 0 solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
  }
  
  /*style items (options):*/
  .expert .select-items {
    margin-top: 0px;
    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 #C72026;
  }
  
  /*hide the items when the select box is closed:*/
  .expert .select-hide {
    display: none;
  }
  
  .expert .select-items div:hover, .expert .same-as-selected {
    background-color: rgb(255 255 255);
    color: #C72026;
  }


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








/***********  margin-page  *******************/

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

/***********  privacy  *******************/

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

.privacy .privacy-body {
    background-color: #FFFFFF;
    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: 35px;
    margin: 40px 0;
    text-align: center;
}

.privacy h1 {
    font-weight: 600;
    color: #2c599d;
    font-size: 30px;
    margin-top: 20px;
}

.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: #C72026;
}


.privacy a {
    color: #C72026;
}

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

/***********  Thank you  *******************/

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

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

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

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

/***********  slogan-footer  *******************/

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

.slogan-footer .box-slogan {
    background-color: #ffffff;
    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  *******************/

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

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

.order-form .order-form-bg {
    background-color: #FFFFFF;
    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: white;
    padding: 14px 0;
    border-bottom: 1px solid #dc3a32;
}

/* component */

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

.order-form .star-rating input {
    display: none;
}

.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  *******************/


.offers {
    background-color: #f5f8fb;
    padding: 40px;
    min-height: 730px;
}

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

.offers .offers-bg {
    background-color: #FFFFFF;
    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: bold;
    margin-bottom: 20px;
    width: 100%;
}

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

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

.offers .offers-bg .btn-primary {
    color: #FFFFFF;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 30px;
    margin-top: 25px;
}

.offers .offers-bg .btn-primary:hover,
.offers .offers-bg .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

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

.offers .offers-bg .btn-dark:hover,
.offers .offers-bg .btn-dark:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.offers .offers-bg p {
    background-color: #fef3f0;
    padding: 15px;
    border-radius: 10px;
    color: #2c599d;
    line-height: 25px;
    margin: 25px 0px 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: bold;
    width: 100%;
}

.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;
}

.offers .offers-bg .btn-danger:hover {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
}

.offers .offers-bg .p-2 {
    padding: .0rem !important;
}

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






/***********  Jobs  *******************/


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

.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: bold;
    font-size: 35px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 35px;
    width: 100%;
    margin: 32px 0 0 auto;
}

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

.jobs .hero-area-bg .header-text {
    width: 100%;
}

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

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

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

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

.jobs .jobs-bg .p-2 {
    padding: 0rem !important;
}

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

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

.jobs .jobs-bg .btn-primary {
    color: #FFFFFF;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 30px;
    margin-top: 0;
    cursor: pointer;
}

.jobs .jobs-bg .btn-primary:hover,
.jobs .jobs-bg .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.modal .btn-border {
    margin-left: .25rem;
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
}

.modal .btn-border:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

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

.modal .modal-dialog {
    max-width: 500px;
    margin: 9.75rem auto;
}

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


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

#details-jobs .jobs {
    min-height: 730px;
    background-color: #f5f8fb;
    margin-top: 60px;
    padding: 50px;
}

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

#details-jobs .jobs span {
    font-size: 14px;
   
}

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

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

#details-jobs .margin-l {
    margin-left: 20px;
}

/***********  footer  *******************/

.footer {
    min-height: 50px;
    padding: 10px 0 5px 0;
    color: #fff;
    /* text-align: center; */
    background-color: #2c599d;
}

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

.footer-category li a:hover {
    color: #FFFFFF;
}

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

.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 {
    margin-bottom: 20px;
}

.footer .footer-category {
    margin-top: 15px
}

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

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

/* copyright */

.copyright {
    font-size: 14px;
    color: #6872a0;
    padding-top: 10px;
    text-align: center;
    background-color: #273163;
    padding: 5px 0 9px 0;
}

.copyright h5 {
    font-size: 14px;
    color: #7c84ad;
    font-weight: normal;
    margin-top: 16px;
    text-align: center;
    line-height: 25px;
}

/* sidebar  */

.sidebar {
    padding: 20px 0;
}

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

.sidebar .nav-link:hover {
    color: #e64b2c;
    background-color: #ffffff;
    border-color: #ffffff;
}

.sidebar .nav-link.active {
    color: #e64b2c;
    background-color: #ffffff;
    border-color: #ffffff;
}

.sidebar .nav-link:focus {
    color: #e64b2c;
    background-color: #ffffff;
    border-color: #ffffff;
}



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

.body-text h3 {
    font-weight: bold;
    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;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-img-replace {
    /* replace text with a background-image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/* -------------------------------- 

Main components 

-------------------------------- */

.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") no-repeat center center;
}

.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;
}

.no-touch #cd-vertical-nav li {
    text-align: right;
}

.no-touch #cd-vertical-nav a {
    display: inline-block;
    /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
    -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(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}

.no-touch #cd-vertical-nav a:hover span {
    -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 a.is-selected .cd-dot {
    background-color: #C72026;
}

.no-touch #cd-vertical-nav .cd-dot {
    position: relative;
    /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
    top: 8px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #C7202680;
    -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
    -moz-transition: -moz-transform 0.2s, background-color 0.5s;
    transition: transform 0.2s, background-color 0.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: 0.4em 0.5em;
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.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: #C72026;
    padding: 7px 17px;
    border-radius: 100px;
    margin-left: 10px;
}

/* Touch devices */

.touch .cd-nav-trigger {
    display: block;
    z-index: 2;
    position: fixed;
    bottom: 30px;
    right: 5%;
    height: 44px;
    width: 44px;
    border-radius: 0.25em;
    background: rgba(255, 255, 255, 0.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::before,
.touch .cd-nav-trigger span::after {
    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 {
    position: fixed;
    z-index: 1;
    right: 5%;
    bottom: 30px;
    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: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    border-radius: 0.25em;
    background-color: rgba(255, 255, 255, 0.9);
}

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

.touch #cd-vertical-nav a span:first-child {
    display: none;
}

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

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

.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::before,
.touch #cd-vertical-nav.open+.cd-nav-trigger span::after {
    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-nav-trigger,
    .touch #cd-vertical-nav {
        bottom: 40px;
    }
}

/* ========== programs ========== */


#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 .header-shape-bg {
    position: absolute;
    top: 0px;
    min-height: 500px;
    z-index: 2;
    width: 100%;
}

#programs .hero-area-bg .width-100 {
    width: 100%;
}

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

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

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

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

#programs .hero-area-bg .right-bg {
    right: 0;
}

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

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

#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 {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    margin-top: 15px;
}

#programs .hero-area-bg .btn-primary:hover,
#programs .hero-area-bg .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

#programs .hero-area-bg .btn-primary:not(:disabled):not(.disabled).active,
#programs .hero-area-bg .btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

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

#programs .hero-area-bg .values {
    margin-top: 60px
}

#programs .hero-area-bg .values .list-unstyled {
    display: inline-flex;
}

#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: #C72026;
    margin-right: 10px;
}

#programs .hero-area-bg .carousel-indicators li {
    background-color: #C72026;
}

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

#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 .use-cases .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    margin-top: 15px;
}

#programs .use-cases .btn-primary:hover,
#programs .use-cases .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

#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 #C72026;
    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: #ffffff;
    margin: 0 auto;
}


.min-programs .box-programs .icon .fa {
    font-size: 48px;
    color: #C72026;
    padding: 4px;
}

#programs .min-programs .box-programs .icon .las {
    font-size: 48px;
    color: #C72026;
    padding: 4px;
}











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

#programs .min-programs .buy-btn a {
    color: #C72026;
    font-weight: bold;
    font-size: 15px
}

#programs .min-programs .card-title {
    margin-bottom: .75rem;
    font-weight: bold;
}

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

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

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

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

#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 .buy-btn {
    margin: 30px 0 0;
    text-align: center;
}

#internal-programs .min-programs .buy-btn a {
    color: #C72026;
    font-weight: bold;
    font-size: 15px
}

#internal-programs .min-programs h5 {
    margin-bottom: .75rem;
    font-weight: bold;
    font-size: 25px
}

#internal-programs .min-programs h6 {
    font-weight: bold;
    font-size: 20px;
    color: #2c599d;
    margin-top: 30px;
    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%, rgba(255, 255, 255, 1) 50%, #fdf1e8 100%);
    min-height: 730px;
}

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

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

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

#internal-programs .btn-primary:hover,
#internal-programs .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

/* ========== Affiliate program ========== */

#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: bold;
    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: normal;
    font-size: 25px;
    margin-bottom: 31px;
    margin-top: 15px;

}



#affiliate .min-affiliate {
    padding: 40px;
    min-height: 550px;
}

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

#affiliate .min-affiliate h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

#affiliate .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 {
    text-align: center;
    box-shadow: 0 0 12px #e6e4e4;
    padding: 30px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#affiliate .min-affiliate .box-affiliate:hover {
    box-shadow: 0 10px 22px 10px rgb(27 38 49 / 10%);
}

#affiliate .min-affiliate .box-affiliate h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 20px;
}

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

.min-affiliate .box-affiliate .las {
    margin-right: 10px;
    font-size: 50px;
    color: #C72026;
}

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

#affiliate .faq h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

#affiliate .faq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}

#affiliate .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 .content {
    background: #FFFFFF;
}

#affiliate .faq .panel-group {
    margin-bottom: 0;
}

#affiliate .faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background-color: #FFFFFF;
}

#affiliate .faq .panel-group .panel .panel-heading {
    padding: 0;
}

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

#affiliate .faq .panel-group .panel .panel-heading h4 a:hover,
#affiliate .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    background: #f9e5d5;
    transition: 0.15s all ease-in-out;
}

#affiliate .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "\f068";
}

#affiliate .faq .panel-group.panel .panel-heading h4 a i {
    color: #C72026;
}

#affiliate .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 {
    border-top: none;
}

#affiliate .faq .panel-group .panel+.panel {
    border-top: none;
    margin-top: 0;
}

#affiliate .faq .panel-group .fa {
    color: #C72026
}

.min-affiliate .box-affiliate .hero-area-bg img {
    width: 80%;
    float: right;
}

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

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

#affiliate .section-2 p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}

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

#affiliate .section-2 .share img {
    width: 80%;
    float: right;
}

#affiliate .section-2 .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
}

#affiliate .section-2 .btn-primary:hover,
#affiliate .section-2 .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

#affiliate .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 {
    padding: 40px;
    width: 85%;
    margin: 0 auto
}

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

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

#affiliate .section-2 .paid img {
    width: 80%;
    float: right;
}

#affiliate .faq .pull-right {
    float: right;
}

/* ========== Migration To Taqnyat ========== */

#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: #FFFFFF;
}

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

#migration .min-affiliate h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

#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 {
    text-align: center;
    box-shadow: 0 0 12px #e6e4e4;
    padding: 30px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

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

#migration .min-affiliate .box-affiliate h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 20px;
}

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

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

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

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

#migration .bg-affiliate img {
    margin-top: 30px
}

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

#migration .min-affiliate-2 h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

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

#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: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

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

#migration .min-affiliate-2 .box-affiliate h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 20px;
}

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

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

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

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

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

/* ========== internal-software ========== */

#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 {
    margin-top: 10px;
    color: #2c599d
}

#internal-software .hero-area-bg .header-text p {
    color: #2c599d
}

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

#internal-software .hero-area-bg img {
    width: 80%;
    float: right;
}

#internal-software .min-affiliate h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

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

#internal-software .min-affiliate h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 20px;
}

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

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

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

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

#internal-software .faq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}

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

#internal-software .faq .content {
    background: #FFFFFF;
}

#internal-software .faq .panel-group {
    margin-bottom: 0;
}

#internal-software .faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background-color: #FFFFFF;
}

#internal-software .faq .panel-group .panel .panel-heading {
    padding: 0;
}

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

#internal-software .faq .panel-group .panel .panel-heading h4 a:hover,
#internal-software .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    background: #f9e5d5;
    transition: 0.15s all ease-in-out;
}

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

#internal-software .faq .panel-group.panel .panel-heading h4 a i {
    color: #C72026;
}

#internal-software .faq .panel-group.panel .panel-body {
    padding-top: 0;
}

#internal-software .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,
#internal-software .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}

#internal-software .faq .panel-group .panel+.panel {
    border-top: none;
    margin-top: 0;
}

#internal-software .faq .panel-group .fa {
    color: #C72026
}

#internal-software .box-affiliate .hero-area-bg img {
    width: 80%;
    float: right;
}

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

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

.hero-area-bg .btn-danger:hover {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
}

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

#internal-software .section-2 p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}

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

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

#internal-software .section-2 .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
}

#internal-software .section-2 .btn-primary:hover,
#internal-software.section-2 .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

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

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

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

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

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

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

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

#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: #FFFFFF;
    padding: 24px 16px;
    box-shadow: 0 10px 50px rgb(4 75 194 / 10%);
    border: 1px solid rgba(88, 136, 247, .1);
}

#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: #C72026;
    padding: 5px;
}

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

#internal-software .software-benefits li {
    list-style: none;
    font-size: 19px;
    padding: 5px;
}

/* ========== .taqnyat-system ========== */

#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 .navbar.light-header {
    box-shadow: 1px 1px 9px 0 rgb(0 0 0 / 11%);
}

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

#taqnyat-system .hero-area-bg .header-text p {
    color: #2c599d
}

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

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

#taqnyat-system .min-affiliate h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

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

#taqnyat-system .min-affiliate h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 20px;
}

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

#taqnyat-system .software-benefits .las {
    margin-right: 10px;
    font-size: 50px;
    color: #C72026;
}


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

#taqnyat-system .faq {
    min-height: 450px;
    padding: 70px;
    background-color: #FFFFFF;
}

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

#taqnyat-system .faq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}

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

#taqnyat-system .faq .content {
    background: #FFFFFF;
}

#taqnyat-system .faq .panel-group {
    margin-bottom: 0;
}

#taqnyat-system .faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background-color: #FFFFFF;
}

#taqnyat-system .faq .panel-group .panel .panel-heading {
    padding: 0;
}


/***********   

#taqnyat-system .faq .panel-group .panel .panel-heading h4 a {
    background: #fef3eb;
    color: #2c599d;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 21px;
    text-decoration: none;
    transition: 0.15s all ease-in-out;
}

#taqnyat-system .faq .panel-group .panel .panel-heading h4 a:hover,
#taqnyat-system .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    background: #f9e5d5;
    transition: 0.15s all ease-in-out;
}

#taqnyat-system .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "\f068";
}

#taqnyat-system .faq .panel-group.panel .panel-heading h4 a i {
    color: #C72026;
}

#taqnyat-system .faq .panel-group.panel .panel-body {
    padding-top: 0;
}

#taqnyat-system .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,
#internal-software .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}

#taqnyat-system .faq .panel-group .panel+.panel {
    border-top: none;
    margin-top: 0;
}

#taqnyat-system .faq .panel-group .fa {
    color: #C72026
}



#taqnyat-system .box-affiliate .hero-area-bg img {
    width: 80%;
    float: right;
}

#taqnyat-system .section-2 {
    min-height: 700px;
    padding: 60px;
    background-color: #FFFFFF;
}

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

#taqnyat-system .section-2 p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}

#taqnyat-system .section-2 .share {
    padding: 40px;
    width: 85%;
    margin: 0 auto
}

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

#taqnyat-system .section-2 .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
}

#taqnyat-system .section-2 .btn-primary:hover,
#taqnyat-system .section-2 .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

#taqnyat-system .section-2 h3 {
    font-weight: 600;
    font-size: 22px;
    margin-top: 50px;
}

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

#taqnyat-system .section-2 .success {
    padding: 40px;
    width: 85%;
    margin: 0 auto
}

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

#taqnyat-system .section-2 .paid {
    padding: 40px;
    width: 85%;
    margin: 0 auto
}

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

#taqnyat-system .section-2 .share {
    padding: 40px;
    width: 85%;
    margin: 0 auto;
}

#taqnyat-system .software-benefits {
    padding: 50px;
    min-height: 450px;
    background-color: #fff8f4;
}

#taqnyat-system .software-benefits .media {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 24px 16px;
    box-shadow: 0 5px 20px rgb(221 210 202);
}

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

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

#taqnyat-system .software-benefits h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0px 0 50px 0;
    margin-top: 20px;
}

#taqnyat-system .software-benefits li {
    list-style: none;
    font-size: 19px;
    padding: 5px;
}

*******************/

/***********  sms-user-manual  *******************/

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

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

.user-manual .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

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

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

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

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

.user-manual .sidebar .nav-link.active,
.user-manual .sidebar .nav-link:hover {
    color: #e64b2c;
    background-color: #ffffff;
    border-color: #ffffff;
    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: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    margin: 50px 0;
}

.user-manual .btn-primary:hover,
.user-manual .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

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

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

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


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

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

/* ========== Package offers ========== */

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

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

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

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

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

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

#package .prepaid h2 {
    padding: 10px;
}


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





#package .postpaid {
    text-align: center;
    padding: 30px;
    background-color: #fef8f6;
    margin: 0 auto
}

#package .postpaid h2 {
    padding: 20px;
}

#package .min-affiliate {
    padding: 40px;
    min-height: 550px;
}

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

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

#package .faq {
    min-height: 500px;
    padding: 40px;
    background-color: #FFFFFF;
}

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

#package .faq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}

#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;
}

#package .faq .content {
    background: #FFFFFF;
}


#package .faq .content .las {
    float: right;
}

#package .faq .panel-group {
    margin-bottom: 0;
}

#package .faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background-color: #FFFFFF;
}

#package .faq .panel-group .panel .panel-heading {
    padding: 0;
}

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

#package .faq .panel-group .panel .panel-heading h4 a:hover,
#package .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    background: #f9e5d5;
    transition: 0.15s all ease-in-out;
}

#package .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "\f068";
}

#package .faq .panel-group.panel .panel-heading h4 a i {
    color: #C72026;
}

#package .faq .panel-group.panel .panel-body {
    padding-top: 0;
}

#package .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,
#package .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}

#package .faq .panel-group .panel+.panel {
    border-top: none;
    margin-top: 0;
}

#package .faq .panel-group .fa {
    color: #C72026;
    float: right;

}

.min-affiliate .box-affiliate .hero-area-bg img {
    width: 80%;
    float: right;
}

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

#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 0;
    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 0px 0px;
    border-radius: 10px 10px 0px 0px;
    font-size: 16px;
    color: #ffffff;
    padding: 10px 0;
    font-weight: 600;
    background: #C72026;
    margin: 0;
}

#package .plan-one .pricing-header .plan-icon {
    color: #C72026;
    background: #ffffff;
    padding: 10px 0 0 0px;
    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: #ffffff;
    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: #C72026;
    border-color: #C72026;
    font-weight: bold;
}

#package .btn-group-lg>.btn,
.btn-lg:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}



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






#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: #ffffff;
    -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 0;
}

@media (max-width: 767px) {
    #package .plan-one .pricing-header {
        text-align: center;
    }

    #package .plan-one .pricing-header i {
        display: block;
        float: none;
        margin-bottom: 20px;
    }
}







#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: bold;
    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: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 17px;
}

#package .hero-offers .btn-primary:hover,
#package .hero-offers .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

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




@media (max-width: 768px) {

    .hero-area-bg img {
        display: none;
    }
    #programs .hero-area-bg img {
        display: none;
    }

    #package .hero-offers 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;

    }

}





/************* slogan *************/

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

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

#package .slogan .btn-primary {
    color: #FFFFFF;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 20px;
    font-weight: 600;
}

#package .slogan .btn-primary:hover,
#package .slogan .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

#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 {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.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: #FFFFFF;
    line-height: 1;
    text-align: center;
    background-color: #C72026;
}

.pricetag:before {
    position: absolute;
    content: "\25CF";
    color: #C72026;
    text-shadow: 0 0 1px #fff;
    font-size: 11px;
    line-height: 0px;
    text-indent: 12px;
    left: -13px;
    width: 1px;
    height: 2px;
    top: 0;
    border-right: 14px solid #C72026;
    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 {
    /* Edge */
    color: #C72026;
}

#package .pay-grow :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #C72026;
}

#package .pay-grow ::placeholder {
    color: #C72026;
}

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

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

#package .box-grow .blog-tag {
    left: 0;
    right: auto;
}

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

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

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

#package .box-grow h3 {
    font-weight: bold;
    color: #C72026;
    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: #FFFFFF;
    padding: 20px;
    border-radius: 6px;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

#package .expert-tabs {
    background-color: #FFFFFF;
    padding: 30px;
}

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

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

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

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

#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-touch-area {
    background-color: #C72026;
}

#package .noUi-tooltip {
    border: 1px solid #C72026;
    border-radius: 4px;
    background: #C72026;
    color: #ffffff;
    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 #ffffff;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #C72026;
}

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

.register h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 60px;
}

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

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

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

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

.register .btn-border:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.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;
}

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

.register abel {
    color: #495057;
}

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

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

.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 11px 0;
    background-color: #2c599d;
    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::before,
.ribbon-top-left::after {
    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 ========== */

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

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

#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 #C72026;
    margin-bottom: 40px;
    padding: 37px 18px;
}

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

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

#doc .min-doc .buy-btn a {
    color: #C72026;
    font-weight: bold;
    font-size: 15px
}

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

#doc .min-doc .card-title {
    margin-bottom: .75rem;
    font-weight: bold;
}

#doc .hero-area-bg .header-text h1 {
    font-weight: 600;
    font-size: 30px;
    color: #2c599d;
    line-height: 40px;
    margin-bottom: 15px;
    margin-top: 50px;
    text-align: center;
}

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

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

#doc .top-nav .navbar-brand span {
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    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 ========== */

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

}


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



#offers-page .offers-page-offer {
    padding: 40px;
}

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

}

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

#offers-page .hero-offers-page .header-text h1 {
    font-weight: bold;
    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;
    margin-bottom: 20px;
}

#offers-page .offers-page-offer .las {
    margin-right: 3px;
    font-size: 20px;
    color: #C72026;
    padding: 5px 0px;
}

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

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


#offers-page .hero-offers-page .btn-primary:hover,
#offers-page .hero-offers-page .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}






/*========== Barq Programs ========== */


.barq{
}

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

}

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

.logo-barq{
margin-bottom: 30px;
}

.logo-barq img{
    width: 160px;
    }
    


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

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

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


.barq .hero-area-barq .btn-primary:hover,
.barq .hero-area-barq .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}





.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 0;
    text-align: center;
}

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

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



.barq .target{
    padding: 40px;
    margin-bottom: 30px;

}

.barq .target h1{
margin-bottom: 30px;
}

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



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

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




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

}

.barq .benefits h1{
margin-bottom: 30px;
}

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



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


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

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


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

}

.barq .use-cases h1 {
    font-size: 25px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 30px;
    margin-bottom: 60px;
}

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


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


.barq .use-cases .carousel-indicators {
    bottom: -90px;
  
}


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

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

.barq .try-program .btn-primary:hover,
.barq .try-program .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}


.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: bold;
    line-height: 41px;
}

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



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

}
.barq .request .btn-primary:hover,
.barq .request .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.barq .request .btn-primary:not(:disabled):not(.disabled).active,
.barq .request .btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}







/*========== partner ========== */


.partner{
}



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

.partner .navbar.light-header {
    box-shadow: 1px 1px 9px 0 rgb(0 0 0 / 11%);
    background-color: #25497d;
}



.partner .hero{
    background: url(../images/offers/offers_bg.jpg) no-repeat center;
    background-size: cover;
    background-repeat: 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: #FFFFFF;
    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: 0.5rem 2rem;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 100px;
    background: rgb(244, 128, 34);
    border: 0;
    margin-top: 20px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.partner .hero a {
    color: #f48022;
   
}


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

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


.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: bold;
    font-size: 31px;
    color: #ffffff;
    line-height: 54px;
    margin-bottom: 0;
    margin-top: 90px;
    text-align: center;
}

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

.partner .hero .header-text h2 {
    font-size: 35px;
    font-weight: bold;
    line-height: 44px;
    margin-bottom: 10px;
    margin-top: 58px;
    color: #fff;
}
.partner .hero .header-text h6 {
    font-size: 22px;
    font-weight: bold;
    color: #2c599d;
    padding: 0 0 20px 0;
    border-radius: 10px;
    margin: 3px auto;
    text-align: center;
    line-height: 30px;
}

.partner .hero .header-text .btn-primary {
    color: #fff;
    background: rgb(244, 128, 34);
    border: 0;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.partner .hero .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.partner .expert .btn-primary {
    color: #fff;
    background: rgb(244, 128, 34);
    border: 0;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 17px;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.partner .expert .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}


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


.partner .services h2{
    font-size: 25px;
    font-weight: bold;
    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;
}

.partner .services .services_partners_box {
    padding: 29px;
    border-radius: 20px;
    background-color: #F3F8FC;
    text-align: center;
    margin-top: 20px;
    height: 93%;
}


.partner .services .services_partners_box h3 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
}

.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: rgb(244, 128, 34);
    border: 0;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 16px;
    margin-top: 20px;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}


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

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

.partner .packages h2 {
    font-size: 25px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 50px;
    margin-top: 10px;
    text-align: center;
}



.partner .packages .style-2 del:before {
    content: '';
    border-bottom: 2px solid #C72026;
    width: 100%;
    position: absolute;
    left: 0;
    top: 10px;
}
.partner .packages .style-2 del {
    color: rgba(255, 0, 0, 0.5);
    text-decoration: none;
    position: relative;
}


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

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


.partner .packages .nav {
    display: inline-flex;
}

.partner .packages .packages-tabs{
    background-color: #ffffff;
    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%);
    border-radius: 100px;
   
   
}


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

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



.partner .packages .nav-pills .nav-link {
    background-color: #ffffff;
    border: 0;
    width: 134px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
    


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


.partner .whatsapp_api .pricing_box{
    padding: 0;
}




.partner .whatsapp_api .price-item .style-1 del:before {
    content: '';
    border-bottom: 2px solid #C72026;
    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: bold;
}

/*========== min_partner ========== */




.min_partner .hero{
    background: url(../images/partner/partner-bg.jpg) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    min-height: 600px;
    margin-top: 60px;

}


.min_partner .header-text{
    padding: 55px;
}

.min_partner .header-text img {
    float: right;
    width: 450px;
    margin-top: 32px;
}
.min_partner .hero .header-text .light-text {
    font-size: 16px;
    color: #f89545;
    margin-top: 90px;
    text-transform: uppercase;
}

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

.min_partner .hero .header-text h2 {
    font-size: 22px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 0;
    margin-top: 10px;
    color: white;
    text-align: left;
}
.min_partner .hero .header-text p {
    font-size: 20px;
    color: #ffffff;
    line-height: 34px;
    margin-bottom: 10px;
}


.min_partner .hero .header-text .btn-primary {
    color: #fff;
    background: rgb(244,128,34);
    border: 0;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.min_partner .hero .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}




.min_partner .tab-content {
    padding: 0;
}

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

.min_partner .expert .expert-tabs {
    background-color: #FFFFFF;
    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: bold;
}

.min_partner .expert .form_offer h6 {
    font-size: 23px;
    font-weight: bold;
    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: 0.5rem 2rem;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 100px;
    background: rgb(244,128,34);
    border: 0;
    margin-top: 20px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}


.min_partner .expert .btn-info:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.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;

}

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

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

.min_partner .slogan_partners img{
  width: 80%;
 }
 





/*========== taqnyat partners ========== */


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

.min_partner .taqnyat_partners h2{
    font-size: 25px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}

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

.min_partner .taqnyat_partners_box {
    padding: 29px;
    border-radius: 20px;
    background-color: #F3F8FC;
    text-align: center;
    margin-top: 20px;
    height: 93%;
}


.min_partner .taqnyat_partners_box h3 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
}

.min_partner .taqnyat_partners_box img{
    background-color: white;
    padding: 13px;
    width: 75px;
    margin-bottom: 30px;
    border-radius: 20px;
}







/*========== infoGraphic ========== */
/*========== infoGraphic ========== */


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

.partner_program_works h3 {
    font-size: 25px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 60px;
    margin-top: 40px;
    text-align: center;
}
  
ul.infoGraphic {
    font-size: var(--font-size);
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    background-color: #f3f8fc;
}

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

ul.infoGraphic li .numberWrap {
    position: absolute;
}

ul.infoGraphic li .number {
    font-family: "maven pro", sans-serif;
        font-size: 8em;
    font-weight: bold;
    width: 0.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: all 0.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: bold;
    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%;
}




@media (max-width: 768px) {
    ul.infoGraphic {
    flex-wrap: wrap;
    }

  
}









/*========== whatsapp_api ========== */




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

}


.min_partner .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 p {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 10px;
}


.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: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.whatsapp_api .hero .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}



.whatsapp_api .hero .header-text .btn-default {
    color: #fff;
    background: rgb(38 71 124 / 0%);
    border-color: #ffffff;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.whatsapp_api .hero .header-text .btn-default:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #f48022;
}





/*========== features_whatsapp ========== */


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

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

.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: #ffffff;
    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: bold;
    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: #C72026;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    border-radius: 50px;
    font-weight: normal;
}

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

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











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


.whatsapp_api .pricing_box .col-md-6{

    padding-right: 0;
    padding-left: 0;


}

.whatsapp_api .pricing_box .line-text {
    height: 1px;
    background-color: #2c599d;
    width: 50%;
    margin: 15px auto;
}

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

.whatsapp_api .pricing_box .btn-light:hover,
.whatsapp_api .pricing_box .btn-light:active {
    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 span{
    font-size: 13px;


}

.whatsapp_api .pricing_box .las {

    color: #214376;
}



.whatsapp_api .pricing_box h3{
    text-align: left;
    margin-left: 20px;
    font-weight: 700;
}


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

.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: all 0.3s ease;
    box-shadow: 0 5px 10px rgba(0, 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;

}










/* ===== PRICING PAGE ===== */

.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 #C72026;
    margin-bottom: 45px;
}

@media (min-width: 768px) {
    .whatsapp_api .pricing_box .price-tabs {
    margin-bottom: 30px;
  }
}

.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: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
    .whatsapp_api .pricing_box .price-tabs .nav-link {
    padding: 12px 40px;
  }
}

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


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



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



@media (min-width: 768px) {
    .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;
}

.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;
  padding-bottom: 20px;
}

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

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

@media (min-width: 992px) {
    .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: #f00;
}

.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: bold;
}

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


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

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

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

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



.whatsapp_api .features_2{
    padding: 50px;
}
.whatsapp_api .features_2 h2 {
    font-weight: bold;
    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;
}

.whatsapp_api .taqnyat_whatsapp {
    padding: 29px;
    border-radius: 20px;
    background-color: #F3F8FC;
    text-align: center;
    margin-top: 20px;
    height: 93%;
}


.whatsapp_api .taqnyat_whatsapp h3 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
}

.whatsapp_api .taqnyat_whatsapp img{
    background-color: white;
    padding: 13px;
    width: 75px;
    margin-bottom: 30px;
    border-radius: 20px;
}

.whatsapp_api .taqnyat_whatsapp h3 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
}
.whatsapp_api .taqnyat_whatsapp p {
    text-align: center;
    font-size: 14px;
}

/********   FAQ   **********************************************/

.whatsapp_api .faq {
    min-height: 500px;
    padding: 40px;
    background-color: #FFFFFF;
}

.whatsapp_api .faq h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

.whatsapp_api .faq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}

.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;
}

.whatsapp_api .faq .content {
    background: #FFFFFF;
}


.whatsapp_api .faq .content .las {
    float: right;
    padding: 2px 0px;
}

.whatsapp_api .faq .panel-group {
    margin-bottom: 0;
}

.whatsapp_api .faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background-color: #FFFFFF;
}

.whatsapp_api .faq .panel-group .panel .panel-heading {
    padding: 0;
}

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

.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: 0.15s all ease-in-out;
}

.whatsapp_api .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "\f068";
}

.whatsapp_api .faq .panel-group.panel .panel-heading h4 a i {
    color: #C72026;
}

.whatsapp_api .faq .panel-group.panel .panel-body {
    padding-top: 0;
}

.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;
}

.whatsapp_api .faq .panel-group .panel+.panel {
    border-top: none;
    margin-top: 0;
}

.whatsapp_api .faq .panel-group .fa {
    color: #C72026;
    float: right;

}

.whatsapp_api .faq a {
    color: #C72026;
    text-decoration: none;
    background-color: transparent;
}




/************* slogan *************/

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

.whatsapp_api .slogan p {

    width: 52%;
    margin: 40px auto;
    font-size: 32px;
    font-weight: bold;
    line-height: 39px;
    color: #FFFFFF;
}

.whatsapp_api .slogan .btn-primary {
    color: #FFFFFF;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 20px;
    font-weight: 600;
}

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




.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;
}


















/*========== back to school ========== */

#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 .hero-area-bg .header-text {
    width: 100%;
    padding: 33px;
    margin-top: 42px;
}



#back-school .back-school-offer {
    padding: 40px;
}

#back-school .back-school-offer p {
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
}

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

#back-school .hero-area-bg .header-text h1 {
    font-weight: bold;
    font-size: 35px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 15px;
    margin-top: 50px;
}

#back-school .hero-area-bg .header-text p {
    color: #2c599d;

}


#back-school .back-school-offer .la, .las {
    margin-right: 3px;
    font-size: 20px;
    color: #C72026;
    padding: 5px 0px;
}

#back-school .back-school-offer li {
    font-size: 16px;
}

/*========== offices ========== */



#offices .hero-area-bg {
    background: url("../images/offices-map-1.webp") no-repeat scroll center center;
    background-size: cover;
    background-repeat: 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: #C72026;
    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;
}

#offices .hero-area-bg .header-text {
    width: 100%;
    margin-top: 30px;
}

#offices .min-affiliate h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

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

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

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

#offices .min-affiliate .box-affiliate h3 {
    font-size: 21px;
    font-weight: 600;
    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;
}

#offices .min-affiliate .box-affiliate .las {
    margin-right: 10px;
    font-size: 60px;
    color: #C72026;
}

#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;
}

#offices .map .container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

#offices .box-affiliate span {
    color: #C72026;
    font-weight: bold;
}

/*========== offices ========== */


#about .hero-area-about {
    background: url("../images/about/bg.webp") no-repeat scroll center center;
    background-size: cover;
    background-repeat: 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 .min-affiliate h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

#about .hero-area-about .header-text h1 {
    font-weight: 600;
    font-size: 40px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 15px;
    margin-top: 10px;
}

#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 {
    border-bottom: 2px solid #C72026;
    text-align: left;
    box-shadow: 0 0 12px #e6e4e4;
    padding: 30px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

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

#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 .media ul li {
    font-size: 14px;
    color: #2c599d;
    line-height: 25px;
}

#about .min-affiliate .media ul li .las {
    font-size: 16px;
    color: #C72026;
    padding: 0;
}

#about .min-affiliate .box-affiliate h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 20px;
}

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

#about .min-affiliate .box-affiliate .las {
    margin-right: 10px;
    font-size: 60px;
    color: #C72026;
}

#about .hero-area-bg .min-affiliate {
    margin-top: 40px;
    margin-bottom: 40px;
}

#about .map .container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

#about span {
    font-weight: bold;
}

#about .values {
    background: url("../images/values-bg.webp") no-repeat center center fixed;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    min-height: 650px;
    padding: 50px;
    text-align: center
}

#about .values h2 {
    color: white;
    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: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .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: white;
    font-size: 23px;
    padding: 10px;
    font-weight: 600
}

#about .values .values-box p {
    color: white;
    font-size: 16px;
}

/* ========== channels SMS ========== */







/*========== whatsapp_api ========== */




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

}


.min_partner .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: bold;
    font-size: 50px;
    color: #ffffff;
    line-height: 60px;
    margin-bottom: 10px;
    margin-top: 100px;
}

.whatsapp_api .hero .header-text p {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 10px;
}


.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: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.whatsapp_api .hero .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}



.whatsapp_api .hero .header-text .btn-default {
    color: #fff;
    background: rgb(38 71 124 / 0%);
    border-color: #ffffff;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.whatsapp_api .hero .header-text .btn-default:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #f48022;
}














/*========== channels-sms ========== */



.channels-sms .hero{
    background: url(../images/partner/partner-bg.jpg) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    min-height: 700px;
    margin-top: 60px;
    background-color: #24457A;

}

.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: bold;
    font-size: 18px;
    color: #f48022;
    margin-top: 40px;
   
}

.channels-sms .hero .header-text h1 {
    font-weight: bold;
    font-size: 50px;
    color: #ffffff;
    line-height: 65px;
    margin-bottom: 10px;
}

.channels-sms .hero .header-text p {
    font-size: 20px;
    color: #ffffff;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 15px;
}


.channels-sms .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: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.channels-sms .hero .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}



.channels-sms .hero .header-text .btn-default {
    color: #fff;
    background: rgb(38 71 124 / 0%);
    border-color: #ffffff;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.channels-sms .hero .header-text .btn-default:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #f48022;
}


/**  sms_service ***/


.channels-sms .sms_service{
    padding: 80px;
    background-color: #F6F9FE;
}

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

.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/partner/partner-bg.jpg) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    min-height: 450px;
    text-align: center;
    padding: 40px;
}


.channels-sms .sms_api h2{
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    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: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 18px;
    margin: 5px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.channels-sms .sms_api .btn-primary:hover,
.channels-sms .sms_api .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}


.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-sms .media h4{
    font-size: 20px;
    font-weight: 900;
} 

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

.channels-sms .media .las {
    margin-right: 9px;
    font-size: 22px;
    color: #C72026;
    padding: 1px;
}




.channels-sms .integration_sms{
    background: url(../images/partner/partner-bg.jpg) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    min-height: 700px;
    margin-top: 60px;

}

.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 .integration_sms .header-text span {
    font-weight: 900;
    font-size: 25px;
    color: #f48022;
   
}

.channels-sms .integration_sms .header-text h2 {
    font-weight: bold;
    font-size: 50px;
    color: #ffffff;
    line-height: 57px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.channels-sms .integration_sms .header-text p {
    font-size: 21px;
    color: #ffffff;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 27px;
}


.channels-sms .integration_sms .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: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.channels-sms .integration_sms .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}






.channels-sms .cloud_communications{
    background: url(../images/partner/partner-bg.jpg) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    min-height: 650px;
    

}

.channels-sms .cloud_communications .header-text{
    padding-top: 120px;

}



.channels-sms .cloud_communications .header-text img {
    float: left;
    width: 370px;
    margin-top: 0;
}


.channels-sms .cloud_communications .header-text span {
    font-weight: 900;
    font-size: 25px;
    color: #f48022;
   
}

.channels-sms .cloud_communications .header-text h2 {
    font-weight: bold;
    font-size: 39px;
    color: #ffffff;
    line-height: 48px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.channels-sms .cloud_communications .header-text p {
    font-size: 21px;
    color: #ffffff;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 27px;
}


.channels-sms .cloud_communications .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: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.channels-sms .cloud_communications .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}













.channels-sms .faq {
    min-height: 500px;
    padding: 40px;
    background-color: #FFFFFF;
}

.channels-sms .faq h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 30px;
}

.channels-sms .faq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}

.channels-sms .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-sms .faq .content {
    background: #FFFFFF;
}


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

.channels-sms .faq .panel-group {
    margin-bottom: 0;
}

.channels-sms .faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background-color: #FFFFFF;
}

.channels-sms .faq .panel-group .panel .panel-heading {
    padding: 0;
}

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

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

.channels-sms .faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "\f068";
}

.channels-sms .faq .panel-group.panel .panel-heading h4 a i {
    color: #C72026;
}

.channels-sms .faq .panel-group.panel .panel-body {
    padding-top: 0;
}

.channels-sms .faq .panel-group .panel .panel-heading+.panel-collapse>.list-group,
.channels-sms .faq .panel-group .panel .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}

.channels-sms .faq .panel-group .panel+.panel {
    border-top: none;
    margin-top: 0;
}

.channels-sms .faq .panel-group .fa {
    color: #C72026;
    float: right;

}

.channels-sms .faq a {
    color: #C72026;
    text-decoration: none;
    background-color: transparent;
}







/***********  salla  *******************/


.channels-sms .hero-offers-salla {
    background: url(../images/hero_sala.webp) center;
    background-repeat: 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: bold;
    font-size: 35px;
    color: #ffffff;
    line-height: 50px;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 120px;
}

.channels-sms .hero-offers-salla .header-text p {
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: left;
}

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


.channels-sms .hero-offers-salla .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-sms .hero-offers-salla .right-bg{
    margin-top: 50px;
    text-align: center; 
}




/***********  sms-service  *******************/


.channels-sms .hero-offers-sms-service {
    background: url(../images/offers/sms-service.webp) center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 550px;
    background-color: #5d85c3;
    -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);
}

@media (max-width: 768px) {
    .channels-sms .hero-offers-sms-service .shape-3 {
        display: none;
    }

    .channels-sms .expert .offer_box_date{
        width: 100%;
    }


  
}




.channels-sms .box_offers{

    padding: 19px;
        border-radius: 10px;
        background-color: #FFFFFF;
        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: #C72026;
        color: white;
        font-weight: bold;
    }

    .channels-sms .blockquote {
        margin-bottom: 1rem;
        height: 80%;
        padding: 30px 37px;
    }
    
    .channels-sms .blockquote p{
      font-weight: bold;
    }
    

.channels-sms .expert .offer_box_date{

    margin-top: 20px;
}



.channels-sms .expert .offer_box_date p {
    margin-bottom: 0;
    color: #C72026;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.channels-sms .expert .offer_box_date h4 {
    color: #2c599d;
    margin-top: 10px;
    text-align: center;
    font-weight: normal;
}






.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: bold;
    font-size: 45px;
    color: #ffffff;
    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: #ffffff;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: left;

}

.channels-sms .hero-offers-sms-service .header-text p {
    color: #ffffff;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: left;

}

.channels-sms .hero-offers-sms-service .header-text h3 {
    color: #ffffff;
    font-size: 45px;
    line-height: 30px;
    margin-bottom: 40px;
    font-weight: bold;
    margin-top: 25px;
    text-align: left;

}

.channels-sms .hero-offers-sms-service .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
    float: left;
}


.channels-sms .hero-offers-sms-service .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.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;
}




/***********  sms-packages  *******************/


.channels-sms .hero-offers-sms-packages {
    background: url(../images/sms-service.webp) center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 900px;
    background-color: #5c84c2;
}

.channels-sms .hero-offers-sms-packages .header-text {
    padding: 100px 0;
    margin: 0 auto;
}


.channels-sms .hero-offers-sms-packages .header-text h1 {
    font-weight: bold;
    font-size: 38px;
    color: #ffffff;
    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: normal;
    margin-bottom: 20px;
}

.channels-sms .hero-offers-sms-packages .header-text span {
    background-color: #C72026;
    padding: 3px;
}




.channels-sms .hero-offers-sms-packages .header-text p {
    color: #ffffff;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
}

.channels-sms .hero-offers-sms-packages .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
}


.channels-sms .hero-offers-sms-packages .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-sms .hero-offers-sms-packages .right-bg {
    margin-top: 30px;
    float: right;
    text-align: right;
    width: 75%;
}









/***********  hero_school_offer  *******************/


.channels-sms .hero_school_offer {
    background: url(../images/sms-service.webp) center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 800px;
    background-color: #5c84c2;
}

.channels-sms .hero_school_offer .header-text {
    padding: 100px 0;
    margin: 0 auto;
}

.channels-sms .hero_school_offer .header-text h6 {
    font-size: 30px;
    color: #fff;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 20px;
}

.channels-sms .hero_school_offer .header-text h1 {
    font-weight: bold;
    font-size: 42px;
    color: #ffffff;
    line-height: 58px;
    margin-bottom: 10px;
    margin-top: 100px;
}
.channels-sms .hero_school_offer .header-text p {
    color: #ffffff;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
}

.channels-sms .hero_school_offer .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
}


.channels-sms .hero_school_offer .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-sms .hero_school_offer .right-bg {
    margin-top: 50px;
    width: 100%;
    float: right;
    text-align: right;
    width: 90%;
}






.channels-sms .expert {
    padding: 0;
    min-height: 886px;
    background-color: #f5f8fb;
    margin-top: 0;
}


.channels-sms .slogan-sms h2 {
    width: 40%;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
    line-height: 39px;
    color: #FFFFFF;
}


.channels-sms .slogan-sms h3 {
    width: 90%;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
    line-height: 39px;
    color: #FFFFFF;
}


.channels-sms .slogan-sms p {
    width: 90%;
    margin: 0 auto;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    line-height: 30px;
    color: #FFFFFF;
}


.channels-sms .slogan-sms .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 20px;
}

.channels-sms .slogan-sms .btn-primary:hover,
.channels-sms .slogan-sms .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-sms .overview-sms {
    background-color: #FFFFFF;
    padding: 50px;
}

.channels-sms .overview-sms .box-overview {
    text-align: center;
    background-color: #FFFFFF;
    padding: 50px;
    min-height: 200px;
}

.channels-sms .overview-sms .box-overview h2 {
    text-align: center;
    text-transform: uppercase;
    color: #C72026;
    font-size: 16px;
    margin-bottom: 30px;
}

.channels-sms .overview-sms .box-overview p {
    font-size: 16px;
    line-height: 30px;
}

.channels-sms .overview-sms .box-overview h1 {
    color: #C72026;
    padding: 4px;
    margin-top: 15px;
}



.channels-sms .overview-sms .btn-primary {
    color: #fff;
    background: rgb(244, 128, 34);
    border: 0;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 17px;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}


.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: #FFFFFF;
    padding: 30px;
    box-shadow: 0 5px 30px rgb(192 192 192 / 46%);
}

.benefits-sms h3 {
    text-align: center;
    text-transform: uppercase;
    color: #C72026;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.benefits-sms h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.channels-sms .hero-channels-sms .header-text .icon {
    padding: 22px;
    background-color: #ffffff;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    font-size: 25px;
    color: #ffffff;
    margin: 20px auto;
}

.channels-sms .hero-channels-sms .header-text .icon .las {
    font-size: 55px;
    color: #C72026;
}

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






/* ========== healthcare ========== */


.healthcare .hero-healthcare {
    background: url(../../assets/images/Industries/healthcare/healthcare.webp) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    position: relative;
    min-height: 550px;
    margin-top: 0;
}

.healthcare .hero-healthcare .header-text {
    width: 100%;
    padding: 130px 0;
    margin-top: 30px;
    text-align: center;
}

.healthcare .hero-healthcare .header-text h1 {
    font-size: 35px;
    color: white;
    width: 70%;
    margin: 0 auto;
}

.healthcare .hero-healthcare .header-text p {
    font-size: 18px;
    color: white;
    margin: 25px auto;
    width: 80%;
}

.healthcare .hero-healthcare .header-text .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 14px 33px;
    font-size: 16px;
    margin-top: 20px;
    text-transform: uppercase;
}

.healthcare .hero-healthcare .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}


.healthcare .section-1 .box,
.healthcare .section-1 .box-left {
    padding: 20px;
}


.healthcare .section-1 .box h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 110px;
}

.healthcare .section-1 .box p {
    font-size: 18px;
    margin-top: 20px;
    text-align: left;
}


.healthcare .section-1 .box img {
    float: right;
    width: 85%;
    margin-top: 20px;
}


.healthcare .section-1 .box-left h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 110px;
}

.healthcare .section-1 .box-left p {
    font-size: 18px;
    margin-top: 20px;
    text-align: justify;
}


.healthcare .section-1 .box-left img {
    float: left;
    width: 85%;
    margin-top: 20px;
}

.healthcare .section-1 hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(229 229 229);
    width: 100%;
}


.healthcare .slogan {
    background: url(../images/values-bg.webp) no-repeat center center fixed;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 450px;
    padding: 50px;
}



.healthcare .slogan h2 {

    font-size: 30px;
    color: #ffffff;
    width: 60%;
    margin: 0 auto;
    margin-top: 50px;

}


.healthcare .slogan p {
    font-size: 18px;
    color: #ffffff;
    font-weight: normal;
    width: 75%;
    line-height: 26px;
    margin: 30px auto;
}


.healthcare .slogan .btn-primary {
    color: #FFFFFF;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 20px;
    font-weight: 600;
}


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



.healthcare .exapmles {

    min-height: 500px;
    padding: 40px;
}

.healthcare .exapmles h2 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}


.healthcare .exapmles .box-exapmles {
    text-align: center;
    background-color: #f1f6fc;
    padding: 20px 0 5px 0;
    border-radius: 8px;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.healthcare .exapmles .box-exapmles:hover {
    box-shadow: 0 0 10px rgb(134 149 170 / 38%);
    transition: all .3s cubic-bezier(.74, .04, .45, 1.38);
}

.healthcare .exapmles .icon-main {
    margin: 20px auto;
    width: 100px;
    height: 100px;
    color: #fff;
    background: #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.healthcare .exapmles .icon-main .las {
    padding: 14px;
    margin: 10px;
    font-size: 48px;
}

.healthcare .exapmles h3 {
    font-size: 19px;
    font-weight: bold;
    margin: 20px auto;
    line-height: 28px;
    width: 80%;
}



.healthcare .exapmles a {
    color: #C72026;
    cursor: pointer;
    padding: 12px;
    background-color: #edf4fb;
    font-size: 16px;
    text-align: center;
}



.healthcare .exapmles .card {
    text-align: left;
}





/* ========== education ========== */


.education .hero-education {
    background: url(../../assets/images/Industries/education/education.webp) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    position: relative;
    min-height: 450px;
    margin-top: 0;
}

.education .hero-education .header-text {
    width: 100%;
    padding: 100px;
    margin-top: 63px;
    text-align: center;
}

.education .hero-education .header-text h1 {
    font-size: 35px;
    color: white;
    width: 70%;
    margin: 0 auto;
}

.education .hero-education .header-text p {
    font-size: 18px;
    color: white;
    margin: 25px auto;
    width: 80%;
}

.education .hero-education .header-text .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 14px 33px;
    font-size: 16px;
    margin-top: 20px;
    text-transform: uppercase;
}

.education .hero-education .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}


.education .section-1 .box,
.education .section-1 .box-left {
    padding: 20px;
}


.education .section-1 .box h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 110px;
}

.education .section-1 .box p {
    font-size: 18px;
    margin-top: 20px;
    text-align: left;
}


.education .section-1 .box img {
    float: right;
    width: 85%;
    margin-top: 20px;
}


.education .section-1 .box-left h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 110px;
}

.education .section-1 .box-left p {
    font-size: 18px;
    margin-top: 20px;
    text-align: justify;
}


.education .section-1 .box-left img {
    float: left;
    width: 85%;
    margin-top: 20px;
}

.education .section-1 hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(229 229 229);
    width: 100%;
}


.education .slogan {
    background: url(../images/values-bg.webp) no-repeat center center fixed;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 450px;
    padding: 50px;
}



.education .slogan h2 {

    font-size: 30px;
    color: #ffffff;
    line-height: 40px;
    width: 50%;
    margin: 0 auto;
    margin-top: 50px;
}


.education .slogan p {
    font-size: 18px;
    color: #ffffff;
    font-weight: normal;
    width: 75%;
    line-height: 26px;
    margin: 30px auto;
}


.education .slogan .btn-primary {
    color: #FFFFFF;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 20px;
    font-weight: 600;
}


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



.education .exapmles {

    min-height: 500px;
    padding: 40px;
}

.education .exapmles h2 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}


.education .exapmles .box-exapmles {
    text-align: center;
    background-color: #f1f6fc;
    padding: 20px 0 5px 0;
    border-radius: 8px;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.education .exapmles .box-exapmles:hover {
    box-shadow: 0 0 10px rgb(134 149 170 / 38%);
    transition: all .3s cubic-bezier(.74, .04, .45, 1.38);
}

.education .exapmles .icon-main {
    margin: 20px auto;
    width: 100px;
    height: 100px;
    color: #fff;
    background: #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.education .exapmles .icon-main .las {
    padding: 14px;
    margin: 10px;
    font-size: 48px;
}

.education .exapmles h3 {
    font-size: 19px;
    font-weight: bold;
    margin: 20px auto;
    line-height: 28px;
    width: 80%;
}



.education .exapmles a {
    color: #C72026;
    cursor: pointer;
    padding: 12px;
    background-color: #edf4fb;
    font-size: 16px;
    text-align: center;
}



.education .exapmles .card {
    text-align: left;
}




/* ========== ecommerce ========== */


.ecommerce .hero-ecommerce {
    background: url(../../assets/images/Industries/ecommerce/ecommerce.webp) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    position: relative;
    min-height: 450px;
    margin-top: 0;
}

.ecommerce .hero-ecommerce .header-text {
    width: 100%;
    padding: 100px;
    margin-top: 63px;
    text-align: center;
}

.ecommerce .hero-ecommerce .header-text h1 {
    font-size: 35px;
    color: white;
    width: 70%;
    margin: 0 auto;
}

.ecommerce .hero-ecommerce .header-text p {
    font-size: 18px;
    color: white;
    margin: 25px auto;
    width: 80%;
}

.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: white;
    box-shadow: 0 0 30px 0 rgb(214 226 240);
    border-radius: 12px;
    filter: grayscale(100%);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.ecommerce .clients .carousel-indicators {
    bottom: -60px;
}

.ecommerce .clients .carousel-indicators li {
    background-color: #C72026;
    width: 20px;
}

.ecommerce .clients .carousel-inner {
    overflow: visible;
}

.ecommerce .clients .btn-primary {

    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
    margin-top: 80px;
}

.ecommerce .clients .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}



.ecommerce .hero-ecommerce .header-text .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 14px 33px;
    font-size: 16px;
    margin-top: 20px;
    text-transform: uppercase;
}

.ecommerce .hero-ecommerce .header-text .btn-primary:hover {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}


.ecommerce .section-1 .box,
.ecommerce .section-1 .box-left {
    padding: 20px;
}


.ecommerce .section-1 .box h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 110px;
}

.ecommerce .section-1 .box p {
    font-size: 18px;
    margin-top: 20px;
    text-align: left;
}


.ecommerce .section-1 .box img {
    float: right;
    width: 85%;
    margin-top: 20px;
}


.ecommerce .section-1 .box-left h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 110px;
}

.ecommerce .section-1 .box-left p {
    font-size: 18px;
    margin-top: 20px;
    text-align: justify;
}


.ecommerce .section-1 .box-left img {
    float: left;
    width: 85%;
    margin-top: 20px;
}

.ecommerce .section-1 hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(229 229 229);
    width: 100%;
}


.ecommerce .slogan {
    background: url(../images/values-bg.webp) no-repeat center center fixed;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 450px;
    padding: 50px;
}



.ecommerce .slogan h2 {

    font-size: 30px;
    color: #ffffff;
    width: 60%;
    margin: 0 auto;
    margin-top: 50px;

}


.ecommerce .slogan p {
    font-size: 18px;
    color: #ffffff;
    font-weight: normal;
    width: 75%;
    line-height: 26px;
    margin: 30px auto;
}


.ecommerce .slogan .btn-primary {
    color: #FFFFFF;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 20px;
    font-weight: 600;
}


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



.ecommerce .exapmles {

    min-height: 500px;
    padding: 40px;
}

.ecommerce .exapmles h2 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}


.ecommerce .exapmles .box-exapmles {
    text-align: center;
    background-color: #f1f6fc;
    padding: 20px 0 5px 0;
    border-radius: 8px;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ecommerce .exapmles .box-exapmles:hover {
    box-shadow: 0 0 10px rgb(134 149 170 / 38%);
    transition: all .3s cubic-bezier(.74, .04, .45, 1.38);
}

.ecommerce .exapmles .icon-main {
    margin: 20px auto;
    width: 100px;
    height: 100px;
    color: #fff;
    background: #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.ecommerce .exapmles .icon-main .las {
    padding: 14px;
    margin: 10px;
    font-size: 48px;
}

.ecommerce .exapmles h3 {
    font-size: 19px;
    font-weight: bold;
    margin: 20px auto;
    line-height: 28px;
    width: 80%;
}



.ecommerce .exapmles a {
    color: #C72026;
    cursor: pointer;
    padding: 12px;
    background-color: #edf4fb;
    font-size: 16px;
    text-align: center;
}



.ecommerce .exapmles .card {
    text-align: left;
}
















/***********  clients  *******************/

.healthcare .clients {
    padding: 15px 0;
    text-align: center;
    min-height: 220px;
    background-color: #FFFFFF;
}

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

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



.healthcare .clients img {
    width: 70%;
    border-radius: 12px;
    filter: grayscale(100%);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;

}

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









/* ========== channels chatbot ========== */

.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 .icon {
    padding: 22px;
    background-color: #ffffff;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    font-size: 25px;
    color: #ffffff;
    margin: 20px auto;
}

.channels-chatbot .hero-channels-chatbot .header-text .icon .las {
    font-size: 55px;
    color: #C72026;
}

.channels-chatbot .hero-channels-chatbot .header-text .icon .lab {
    font-size: 55px;
    color: #C72026;
}


.channels-chatbot .hero-channels-chatbot .header-text span {
    text-transform: uppercase;
    color: #C72026;
    font-size: 16px;
    font-weight: bold
}

.channels-chatbot .hero-channels-chatbot .header-text h1 {
    font-size: 25px;
    width: 100%;
    margin: 5px auto;
}

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

.channels-chatbot .box-chatbot {
    padding: 20px;
}

.channels-chatbot .hero-channels-chatbot .header-text .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 10px;
}

.channels-chatbot .hero-channels-chatbot .header-text .btn-primary:hover,
.channels-chatbot .hero-channels-chatbot .header-text .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-chatbot .hero-channels-chatbot .header-text p {
    font-size: 16px;
    line-height: 30px;
}

.channels-chatbot .box-chatbot {
    padding: 50px;
    min-height: 404px;
    background-color: #fff6f4;
}

.channels-chatbot .box-chatbot .icon-main {
    padding: 13px;
    background-color: #fff6f4;
    border-radius: 6px;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.channels-chatbot .box-chatbot .las {
    font-size: 35px;
    color: #C72026;
    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: #FFFFFF;
    padding: 30px;
    box-shadow: 0 5px 30px rgb(229 195 190 / 46%);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.channels-chatbot .box-chatbot .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, 0.1);
}

.channels-chatbot .box-chatbot h3 {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #C72026;
    font-size: 16px;
    margin-bottom: 30px;
}

.channels-chatbot .box-chatbot .features-box p {
    font-size: 17px;
    font-weight: bold;
    width: 70%;
    margin: 20px auto;
}

.channels-chatbot .box-chatbot h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0px 0 50px 0;
    margin-top: 20px;
}

.channels-chatbot .box-chatbot li {
    list-style: none;
    font-size: 19px;
    padding: 5px;
}

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

.channels-chatbot .slogan-chatbot h2 {
    width: 40%;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
    line-height: 39px;
    color: #FFFFFF;
}

.channels-chatbot .slogan-chatbot .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 20px;
}

.channels-chatbot .slogan-chatbot .btn-primary:hover,
.channels-chatbot .slogan-chatbot .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-chatbot .overview-chatbot {
    background-color: #FFFFFF;
    padding: 50px;
}

.channels-chatbot .overview-chatbot .box-overview {
    text-align: center;
    background-color: #FFFFFF;
    padding: 50px;
    min-height: 200px;
}

.channels-chatbot .overview-chatbot .box-overview h2 {
    text-align: center;
    text-transform: uppercase;
    color: #C72026;
    font-size: 16px;
    margin-bottom: 30px;
}

.channels-chatbot .overview-chatbot .box-overview p {
    font-size: 16px;
    line-height: 30px;
}

/*********features**********/

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

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

.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 {
    padding: 15px;
    line-height: 22px;
    margin-top: 30px;
    border-radius: 3px;
}

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

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

.features-channels .features-right .media .las {
    margin-right: 25px;
    font-size: 25px;
    color: #C72026;
    background-color: white;
    padding: 14px;
    border-radius: 8px;
}

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

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

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

.features-channels .carousel-indicators li {
    background-color: #C72026;
}

.features-channels .carousel-indicators {
    bottom: -55px;
    right: auto;
    margin-left: 0;
    margin-right: auto;
    position: initial;
}

/* ========== channels email-marketing ========== */

.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 {
    padding: 22px;
    background-color: #FFFFFF;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    font-size: 25px;
    color: #ffffff;
    margin: 20px auto;
}

.channels-email-marketing .hero-channels-email-marketing .header-text .icon .las {
    font-size: 55px;
    color: #C72026;
}

.channels-email-marketing .hero-channels-email-marketing .header-text .icon .lab {
    font-size: 55px;
    color: #C72026;
    margin-top: 0;
}

.channels-email-marketing .hero-channels-email-marketing .header-text span {
    text-transform: uppercase;
    color: #C72026;
    font-size: 16px;
    font-weight: bold
}

.channels-email-marketing .hero-channels-email-marketing .header-text h1 {
    font-size: 30px;
    margin-top: 10px;
    width: 60%;
    margin: 0 auto
}

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

.channels-email-marketing .hero-channels-email-marketing .header-text .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 20px;
}

.channels-email-marketing .hero-channels-email-marketing .header-text .btn-primary:hover,
.channels-email-marketing .hero-channels-email-marketing .header-text .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-email-marketing .hero-channels-email-marketing .header-text p {
    font-size: 16px;
    line-height: 30px;
}

.channels-email-marketing .box-email-marketing {
    padding: 50px;
    min-height: 404px;
    background-color: #fff6f4;
}

.channels-email-marketing .box-email-marketing .icon-main {
    padding: 13px;
    background-color: #fff6f4;
    border-radius: 6px;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.channels-email-marketing .box-email-marketing .las {
    font-size: 35px;
    color: #C72026;
    margin-left: 0
}

.channels-email-marketing .box-email-marketing .features-box {
    height: 90%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 30px;
    box-shadow: 0 5px 30px rgb(229 195 190 / 46%);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.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, 0.1);
}

.channels-email-marketing .box-email-marketing h3 {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #C72026;
    font-size: 16px;
    margin-bottom: 30px;
}

.channels-email-marketing .box-email-marketing .features-box p {
    font-size: 17px;
    font-weight: bold;
    width: 70%;
    margin: 20px auto;
}

.channels-email-marketing .box-email-marketing h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0px 0 50px 0;
    margin-top: 20px;
}

.channels-email-marketing .box-email-marketing li {
    list-style: none;
    font-size: 19px;
    padding: 5px;
}

.channels-email-marketing .slogan-email-marketing {
    background: url("../images/values-bg.webp") no-repeat center center fixed;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-height: 350px;
    padding: 50px;
}

.channels-email-marketing .slogan-email-marketing h2 {
    width: 50%;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
    line-height: 39px;
    color: #FFFFFF;
}

.channels-email-marketing .slogan-email-marketing .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 20px;
}

.channels-email-marketing .slogan-email-marketing .btn-primary:hover,
.channels-email-marketing .slogan-email-marketing .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-email-marketing .overview-email-marketing {
    background-color: #FFFFFF;
    padding: 50px;
}

.channels-email-marketing .overview-email-marketing .box-overview {
    text-align: center;
    background-color: #FFFFFF;
    padding: 50px;
    min-height: 200px;
}

.channels-email-marketing .overview-email-marketing .box-overview h2 {
    text-align: center;
    text-transform: uppercase;
    color: #C72026;
    font-size: 16px;
    margin-bottom: 15px;
}

.channels-email-marketing .overview-email-marketing .box-overview p {
    font-size: 16px;
    line-height: 30px;
}


.channels-email-marketing .whatsapp-1 {

    background: url("../images/values-bg.webp") no-repeat center center fixed;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    min-height: 600px;
    padding: 70px 0;
    text-align: center
}

.channels-email-marketing .whatsapp-1 h2 {
    color: white;
    font-size: 35px;
    padding: 40px 0;
    font-weight: 600
}

.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: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .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: white;
    font-size: 23px;
    font-weight: 600;
    line-height: 32px;
    margin-left:0;
}

.channels-email-marketing .whatsapp-1 .values-box p {
    color: white;
    padding: 0 10px;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
}



.channels-email-marketing .whatsapp-1 .values-box span {
    color: #ffffff;
    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 .values-box svg {
    margin-left: 10px;
}

.channels-email-marketing .whatsapp-1 .values-box svg .arrow {
    transition: all .3s;
}

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












.channels-email-marketing .whatsapp-1 .btn-primary {
    color: #fff;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 60px;
}

.channels-email-marketing .whatsapp-1 .btn-primary:hover,
.channels-email-marketing .whatsapp-1 .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-email-marketing .whatsapp-1 .lab {
    font-size: 60px;
    color: white;
    padding: 10px;
    background-color: #5C84C4;
    border-radius: 10px;
    margin-bottom: 30px;
}



.channels-email-marketing .use-cases {
    padding: 50px 0 0 0;
    text-align: center;
    min-height: 700px;
    background-color: #FFF8F4;
}

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







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

}

.channels-email-marketing .use-cases .box-user-cases:hover {
    box-shadow: 0 0 30px rgb(223 212 204 / 57%);
    transition: all .3s cubic-bezier(.74, .04, .45, 1.38);
}

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

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

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

.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: #C72026;
}

.channels-email-marketing .use-cases .box-user-cases h5 {
    font-size: 25px;
    font-weight: bold
}

.channels-email-marketing .use-cases .box-user-cases ul {
    list-style: none;
}

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


.channels-email-marketing .use-cases .carousel-indicators li {
    background-color: #C72026;
}

.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 {
    min-height: 450px;
    padding: 70px;
    background-color: #FFFFFF;
}

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

.channels-email-marketing .faq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #2c599d;
    text-align: center;
    margin: 20px 0 55px 0;
}


.channels-email-marketing .faq .panel-group p {
    font-weight: 400;
    color: #2c599d;
    margin-bottom: 0;
    text-align: left;
    line-height: 24px;
    padding: 0 23px;
    font-size: 16px;
    margin: 12px 0;
}

.channels-email-marketing .faq .content {
    background: #FFFFFF;
}

.channels-email-marketing .faq .panel-group {
    margin-bottom: 0;
}

.channels-email-marketing .faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background-color: #FFFFFF;
}

.channels-email-marketing .faq .panel-group .panel .panel-heading {
    padding: 0;
}

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


.channels-email-marketing .faq .panel-group .las{
    float: right;
}


.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: 0.15s all ease-in-out;
}

.channels-email-marketing .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "\f068";
}

.channels-email-marketing .panel-group.panel .panel-heading h4 a i {
    color: #C72026;
}

.channels-email-marketing .panel-group.panel .panel-body {
    padding-top: 0;
}

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

.channels-email-marketing .panel-group .panel+.panel {
    border-top: none;
    margin-top: 0;
}

.channels-email-marketing .panel-group .fa {
    color: #C72026;
    float: right;
}


/************* promises *************/

.promises {
    background: url(../images/features.webp) no-repeat scroll center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
    position: relative;
    text-align: center;
    min-height: 670px;
    background-color: #FFFFFF
}

.promises h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 35px;
    margin-bottom: 60px;
}

.promises .promises-box {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 50px;
    box-shadow: 0 10px 50px rgba(4, 75, 194, .1);
    border: 1px solid rgba(88, 136, 247, .1);
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.promises .promises-box:hover {
    box-shadow: 0 20px 60px rgba(4, 75, 194, .2);
    transition: all .3s cubic-bezier(.74, .04, .45, 1.38);
}

.promises .promises-box h3 {
    font-weight: bold;
    color: #2c599d;
    font-size: 22px;
    margin: 15px 0;

}

.promises .promises-box .las {
    margin-right: 3px;
    font-size: 60px;
    color: #C72026;
    padding: 5px 0px;
    margin-bottom: 30px;
}

.promises .promises-box p {
    font-size: 16px
}








/********* News **********/


.news{

    margin-top: 50px;
    
    }
    
    .news .news_hero{
    background: url(../images/news-hero.svg) no-repeat center center;
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
        position: relative;
        text-align: left;
        min-height: 300px;
        padding: 50px;
        
    }
    
    
    .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_hero .body_width {
                width: 80%;
                margin: 0 auto;
            }
             
    
             .news .news_articles {
                padding: 40px 0;
                min-height: 500px;
                width: 80%;
                margin: 0 auto;
            }

            .news .news_articles {
                padding: 40px 0;
                min-height: 500px;
                width: 80%;
                margin: 0 auto;
            }

          
    .news .news_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: #C72026;
        font-size: 16px;
    }
    
    .news .news_articles .list-group-item{
        color: #909090; 
        font-size: 13px;
    }
    
    .news .news_articles .card {
        height: 96%;
        box-shadow: 0 .25rem .5rem rgba(0,0,0,.075)!important;
        background-color: #ffffff;
        border: 0 solid rgba(0,0,0,.125);
        margin-bottom: 20px;
        -webkit-transition: all .3s ease-in-out;
        -mox-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    
    
    
     .news .news_articles .card:hover {
        border-bottom: 1px solid rgb(253 152 70);

    }
    
    
     .news .news_articles .list-group-item {
        background-color: #ffffff;
        border: 0 solid rgb(221 237 253);
    }
    
    .news a:hover {
        color: #0056b3;
        text-decoration: none;
    }
    
    .news .news_details{
    
       margin-top: 50px; 
    }
    
    
    .news .news_details h4{
        font-size: 16px;
        margin-top: 50px; 
        color:#C72026;
    
    }
    
    
    .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;
    
    }


    .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;
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 14px;
    }
    
    
    .news .news_details img {
      margin-top: 20px;
      margin-bottom: 20px;
    }
    
    
    .news .news_details p {
       font-size: 18px;
       text-align: justify;
    line-height: 32px;
      }
    
      
      .news .news_details a {
        color: #C72026;
        font-weight: normal;
    }

    .news .news_details a:hover {
        color: #C72026;
    }
     
    
    
      .news .related_articles{
        padding: 40px;
      }
    
      .news .related_articles h1{
        padding: 30px 0;
      }
    
      .news .related_articles .card-title {
        margin-bottom: 5px;
        font-weight: 600;
        color: #C72026;
    }
    
    .news .related_articles .card-text:last-child {
        margin-bottom: 0;
        font-size: 18px;
        color: #2c599d;
    }
    
    .news .related_articles .list-group-item {
        color: #909090;
    }
    
    .news .related_articles .card {
        background-color: #f4f9fd;
        border: 0 solid rgba(0,0,0,.125);
        margin-bottom: 20px;
    }
    
    .news .related_articles .list-group-item {
        background-color: #f4f9fd;
        border: 0 solid rgb(221 237 253);
    }
  
    
        
    @media (max-width: 1024px) {

        

        .news .news_articles {
            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 .btn-light {
           
            width: 100%;
        }


        .whatsapp_api .pricing_box .card-body {
                padding: 0;
        }

     
    }
    


    @media (max-width: 768px) {

        .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 {
            text-align: center;
        }
        .news .news_details h5 {
               text-align: center;
        }

        .news .related_articles {
            padding: 0;
        }
        
        }



        @media (max-width: 767px) {

            .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 **********/





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

.social_responsibility .header-text {
    padding: 55px;
}

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

.social_responsibility .hero .header-text h1 {
    font-weight: bold;
    font-size: 32px;
    color: #ffffff;
    line-height: 57px;
    margin-bottom: 10px;
    margin-top: 115px;
}
.social_responsibility .hero .header-text h2 {
    font-size: 22px;
    font-weight: normal;
    line-height: 38px;
    margin-bottom: 0;
    margin-top: 10px;
    color: white;
    text-align: left;
}


.social_responsibility .overview{
    text-align: center;
    padding: 50px;
}

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

.social_responsibility .overview p {
    font-size: 19px;
    line-height: 30px;
    
}


/****************Why*******************/


.social_responsibility .why{
      background-color: #FFFFFF;
      min-height: 360px;
  }
  
  .social_responsibility .why .col-md-4{
    padding-right: 0;
    padding-left: 0;
}

  
  
  .social_responsibility .why .title-head:after {
      content: '';
      width: 50px;
      left: 50%;
      bottom: -20px;
      margin-left: -23px;
      height: 3px;
      position: absolute;
  }
  
  
  .social_responsibility .why .title-description {
     font-size: 17px;
      line-height: 30px;
      color: #c1c1c1;
      max-width: 500px;
      margin: 0 auto 71px;
      text-align: center;
  }
  
  
  .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: #C72026;
    border-left: 3px solid #C72026;
  }
  
  
  .social_responsibility .why .tabs img{
     width: 50px;
      padding: 4px;
      margin: 17px;
  }
  
  .social_responsibility .why .media-body{
  margin-top: 30px;
  }
  
  
  .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 .col-lg-4,
  .social_responsibility .why .col-md-8, 
  .social_responsibility .why .col-md-12{
      padding-right: 0;
      padding-left: 0;
  }
  
  
  .social_responsibility .why .tabs-content div:not(.tab-one){ display: none}
  
  .social_responsibility .why .tabs-content .btn{
      background-color: #f8e35600;
      color: #112648;
      border-color: #0052a5;
      border-radius: 0;
  }
  
  .social_responsibility .why .tabs-content .btn:hover{
      background-color: #0052a5;
      color: #FFFFFF;
      border-color: #0052a5;
      cursor: pointer;
  }
  
  .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{
    padding: 20px;
}

.social_responsibility .csr_programs h2{
    font-size: 25px;
    font-weight: bold;
    line-height: 38px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 50px;
}
  

.social_responsibility .csr_programs .social_aspect{
    padding: 50px 0;
}

.social_responsibility .csr_programs .social_aspect h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.social_responsibility .csr_programs .social_aspect p{
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}
  
.social_responsibility .csr_programs .social_aspect img{
  float: right;
}








.social_responsibility .csr_programs .economic_aspect{
    padding: 50px 0;
}

.social_responsibility .csr_programs .economic_aspect h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.social_responsibility .csr_programs .economic_aspect p{
    font-size: 18px;
    line-height: 30px;
    text-align: justify;

}
  
.social_responsibility .csr_programs .economic_aspect img{
  float: left;
}



.social_responsibility .csr_programs .environmental_aspect{
    padding: 50px 0;
}

.social_responsibility .csr_programs .environmental_aspect h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.social_responsibility .csr_programs .environmental_aspect p{
    font-size: 18px;
    line-height: 30px;
    text-align: justify;

}
  
.social_responsibility .csr_programs .environmental_aspect img{
  float: right;
}


.social_responsibility .slogan {
    background: url(../images/values-bg.webp) no-repeat center center fixed;
    background-size: cover;
    background-repeat: no-repeat;
    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: #ffffff;
    text-decoration: none;
    background-color: transparent;
}


.social_responsibility .slogan .email img {
    width: 35%;
    padding: 22px;
}


.social_responsibility .slogan  h3 {
    font-size: 21px;
    color: aliceblue;
    font-weight: bold;
    margin-top: 20px;
}

.social_responsibility .slogan p {
    margin: 0 auto;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 30px;
    color: #FFFFFF;
    width: 100%;
}




/********* footer *****************************************************************************/
/********* footer *****************************************************************************/
/********* footer *****************************************************************************/
/********* footer *****************************************************************************/


.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 .iso_img{
      text-align: center;
}

.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: 35%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}



.copyright-left {
    background-color: #e3effa;
    text-align: center;
}

.copyright-right {
    background-color: #e3effa;
}

.copyright-left p {
    font-size: 14px;
    color: #2c599d;
    margin-top: 18px
}

.footer-06 .copyright-right li a {
    font-size: 14px;
    line-height: 20px;
    color: #7c84ad;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .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: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.footer-06 .copyright-right .social-media a:hover {
    color: #e94e2c;
}

.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: 25px;
}

.footer-06 .footer-heading .logo {
    color: #fff;
}

.footer-06 a {
    color: #fff;
}

.footer-06 .list-unstyled li a {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #2c599d;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .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: transparent !important;
    border: none !important;
    outline: none !important;
    color: rgba(0, 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 h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.footer-06 .aside-stretch-right p {
    font-size: 14px;
    line-height: 20px;
}

.footer-06 .aside-stretch-right .las {
    margin-right: 11px;
    font-size: 20px;
    color: #C72026;
    padding: 0px;
}

.footer-06 .aside-stretch-right .media {
    margin-bottom: 30px;
}

.footer-06 .aside-stretch-right .media a {
    color: #2c599d;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px
}

.footer-06 .copyright-right .list-unstyled {
    padding-left: 0;
    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%, rgba(255, 255, 255, 1) 50%, rgb(254 243 240) 100%);
    padding: 50px 0 0;
    border-radius: 8px;
    min-height: 600px;
    text-align: center;
    border-radius: 10px;
    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;
    margin-bottom: 21px;
    font-weight: normal;
    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: #FFFFFF;
    background-color: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    font-family: 'Almarai', sans-serif;
}

.page-not-found .page-404 .btn-primary:hover,
.page-404 .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}





/********* features application **********/

.features_application{
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
    position: relative;
    text-align: center;
    min-height: 750px;
    background-color: #FFFFFF

}


.features_application svg {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -124px;
    z-index: 1;
}



.features_application .section-header {
    margin-bottom: 30px;
}

.features_application .section-title {
    
    font-weight: 600;
    color: #2c599d;
    font-size: 35px;
    margin-bottom: 60px;
}

.features_application .box-item {
    box-shadow: 0 0 12px #f4f4f4;
    padding: 15px;
    line-height: 22px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    top: 0;
}

.features_application .box-item .icon {
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.features_application .content-left span {
    float: right;
}
.features_application .box-item .icon i {
    color: #C72026;
    font-size: 30px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.features_application .icon {
    display: inline-block;
    width: 60px;
    height: 120px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.features_application .content-left .text {
    text-align: right;
}

.features_application .box-item .text h4 {
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.features_application .box-item .text p {
    font-size: 14px;
}

.features_application .show-box img {
   width: 80%;
}


.features_application .box-item {
    box-shadow: 0 0 12px #e6e4e4;
    padding: 15px;
    line-height: 22px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    top: 0;
}

.features_application .box-item .icon {
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.features_application .content-right span {
    float: left;
}
.features_application .content-right p {
    text-align: left;
}
.features_application .content-right h4 {
    text-align: left;
}



.features_application .box-item:hover {
    box-shadow: 0 10px 22px 10px rgba(27,38,49,.1);
}









/* ========== animation ========== */

.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 ========== */

.laoding {
    background-color: #5D85C3;
    color: #FFFFFF;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
}

.sk-circle {
    margin: 300px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #FFFFFF;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* ========== toTop ========== */

#toTop {
    position: fixed;
    bottom: 20px;
    left: 8px;
    cursor: pointer;
    display: none;
    margin-right: 0;
    z-index: 100;
}

#toTop .las {
    font-size: 16px;
    background-color: #C72026;
    border-radius: 150px;
    /* padding: 14px 14PX; */
    color: #FFFFFF;
}










/* ========== Responsive Stylings ========== */

@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) {

    .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: bold;
        font-size: 35px;
        color: #ffffff;
        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%;
        
    }
    
}

@media (max-width: 992px) {

   
    
}

@media (max-width: 991px) {
  
    .barq .hero-area-barq .laptop img {
        display: none;
    }



    .hero-area-bg .meta_partners img {
        display: block;
    }

    .hero-area-bg .carousel-indicators {
        bottom: 76px;
    }

    .hero-area-bg {
        min-height: 500px;
    }

    .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: 0 auto;
        margin-top: 10px;
    }
    
}

@media (max-width: 768px) {

    .partner .packages .packages-tabs {
        width: 90%;
    }

.partner .packages {
    min-height: 700px;
    padding: 50px 0;
}
    .channels-sms .hero .header-text h6 {
      
        margin-top: 0;
    }


    .channels-sms .header-text {
        padding-top: 120px;
        text-align: center;
    }
    
    .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;
    }

    .whatsapp_api .features_2 h2 {
   
        width: 100%;
        
    }


    .whatsapp_api .features_whatsapp h2 {
         width: 100%;
   
    }


    #migration .hero-area-bg .header-text h1 {
        font-size: 30px;
   }

    .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;
    }
    
    .social_responsibility .header-text {
        padding: 0;
    }
    
    .social_responsibility .hero .header-text h1 {
       
        font-size: 30px;
        margin-top: 50px;
    }
    
    .social_responsibility .header-text img {
        float: none;
       }
       .social_responsibility .hero .header-text h2 {
            text-align: center;
    }

    .whatsapp_api .hero .header-text h1 {
        margin-top: 50px;
 }
 
 .whatsapp_api .header-text img {
     float: left;
     }

  
    .min_partner .header-text img {
        float: none;
      
    }

    .min_partner .slogan_partners .logo img {
        float: none;
    }

    .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 .hero .header-text h1 {
        margin-top: 0;
        }
    
    .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;
    }

    .barq .use-cases .box-use-cases h2 {
        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;
        
    }

    .barq .hero-area-barq .laptop img {
        display: none;
    }

    .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;
    }

    .channels-sms .hero-offers-sms-packages .right-bg {
            width: 100%;
    }



    .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: white;
        border-top: 1px solid #e8e6e6;
        border-bottom: 0 solid #e8e6e6;
        border-left: 1px solid #e8e6e6;
        border-right: 1px solid #e8e6e6;
        padding: 40px;
    }

    .features-channels .features-right {
        background-color: #f9f7fa;
        min-height: 650px;
        padding: 40px;
        margin-top: 0;
        border-top: 0 solid #e8e6e6;
        border-bottom: 1px solid #e8e6e6;
        border-right: 1px solid #e8e6e6;
        border-left: 1px solid #e8e6e6;
    }

    .channels-sms .hero-channels-sms .header-text h1 {
        font-size: 25px;
        margin-top: 10px;
        line-height: 35px;
        width: 100%;
        margin: 0 auto;
    }

    .channels-chatbot .overview-chatbot,
    .channels-email-marketing .overview-email-marketing,
    .channels-sms .overview-sms .box-overview {
        padding: 20px;
    }

    .channels-chatbot .overview-chatbot .box-overview,
    .channels-email-marketing .overview-email-marketing .box-overview,
    .channels-sms .overview-sms {
        padding: 20px;
    }

    .img-features-channels h3 {
        font-size: 14px;
    }

    .channels-chatbot .hero-channels-chatbot .header-text h1 {
        font-size: 25px;
    }

    .channels-chatbot .hero-channels-chatbot .header-text span {
        font-size: 14px;
    }



    .channels-chatbot .hero-channels-chatbot .header-text .btn-primary {
        font-size: 14px;
    }

    .channels-chatbot .overview-chatbot .box-overview p {
        font-size: 14px;
        line-height: 25px;
    }

    .channels-chatbot .overview-chatbot .box-overview h2 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .channels-chatbot .box-chatbot .features-box p {
        font-size: 16px;
        width: 100%;
        margin: 20px auto;
    }

    .channels-chatbot .box-chatbot h3 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .channels-chatbot .slogan-chatbot h2 {
        font-size: 25px;
        width: 100%;
        margin-top: 45px;
    }

    .channels-chatbot .slogan-chatbot {
        padding: 30px;
        min-height: 280px;
    }

    .img-features-channels {
        padding: 20px;
        text-align: center;
    }

    .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;
    }

    .channels-email-marketing.hero-channels-email-marketing.header-text p {
        font-size: 14px;
        line-height: 25px;
    }

    .channels-email-marketing.hero-channels-email-marketing.header-text .btn-primary {
        font-size: 14px;
    }

    .channels-email-marketing .hero-channels-email-marketing .header-text h1 {
        font-size: 25px;
        width: 100%
    }

    .channels-email-marketing .box-email-marketing {
        padding: 20px;
    }

    .channels-email-marketing .hero-channels-email-marketing .header-text span {
        font-size: 14px;
    }

    .channels-email-marketing .hero-channels-email-marketing .header-text p {
        font-size: 14px;
        line-height: 25px;
    }

    .channels-email-marketing .hero-channels-email-marketing .header-text .btn-primary {
        font-size: 14px;
    }

    .channels-email-marketing .overview-email-marketing .box-overview p {
        font-size: 14px;
        line-height: 25px;
    }

    .channels-email-marketing .overview-email-marketing .box-overview h2 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .channels-email-marketing .box-email-marketing .features-box p {
        font-size: 16px;
        width: 100%;
        margin: 20px auto;
    }

    .channels-email-marketing .box-email-marketing h3 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .channels-email-marketing .slogan-email-marketing h2 {
        font-size: 25px;
        width: 100%;
        margin-top: 45px;
    }

    .channels-email-marketing .slogan-email-marketing {
        padding: 30px;
        min-height: 280px;
    }

    .channels-sms .slogan-sms h2 {
        width: 100%;
        font-size: 25px;
    }

    .channels-sms .box-sms {
        padding: 20px;
    }

    .img-features-channels {
        padding: 20px;
        text-align: center;
    }

    .img-features-channels p {
        font-size: 16px;
    }

    .features-channels .media p {
        line-height: 22px;
        font-size: 14px;
    }

    .img-features-channels img {
        width: 60%;
        margin: 20px;
    }

    .channels-sms .hero-channels-sms .header-text {
        padding: 30px 0;
    }

    .channels-sms .channels-box {
        padding: 20px 10px;
    }

    .features-channels {
        padding: 0;
        margin-bottom: 20px;
    }

    .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;
    }

    .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 0;
    }

    .features .carousel-indicators {
        display: none;
    }

    .features .features-right {
        min-height: 550px;
        padding: 20px;
        margin-top: 0;
        border-top: 1px solid #e8e6e6;
        border-bottom: 1px solid #e8e6e6;
        border-right: 1px solid #e8e6e6;
        border-left: 1px solid #e8e6e6;
    }

    .use-cases {
        padding: 40px 0;
    }

    .why-taqnyat h2 {
        margin: 10px;
        font-size: 25px;
        font-weight: bold;
    }

    .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: right;
    }

    .footer-06 .aside-stretch {
        display: none;
    }

    #about .hero-area-about .header-text {
        padding: 20px;
    }

    .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;
    }

    .navbar-expand-md .navbar-nav .nav-link:before {
        background-color: #ffffff;
    }

    .hero-area-bg .header-text {
        margin-top: 0;
        padding: 10px;
    }

    #hero-area {
        padding: 0 0 16px;
        min-height: 400px;
    }

    #hero-area .carousel-indicators {
        display: none
    }

    .navbar-expand-md .navbar-nav .nav-item {
        margin-left: 6px
    }

    .navbar-brand img {
        width: 110px;
        margin-top: 20px;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        margin: 0px 0 0;
    }



    #hero-area .contents .head-title {
        font-size: 40px;
        line-height: 38px;
        margin-top: 10px;
        text-align: center;
    }

    .slogan .btn-primary {
        font-size: 14px;
    }



    .navbar .btn-outline-success {
        padding: 5px 16px;
        font-size: 12px;
        width: 100%;
    }

    .contact-us {
        padding: 40px 0;
    }

    .hero-area-bg .header-text h1 {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 8px;
    }

    .hero-area-bg .header-text p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        text-align: center;
    }

    .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;
    }

    .hero-area-bg .values-min {
        display: none
    }

    .contact-us textarea.form-control {
        height: 130px;
    }

    .contact-us {
        min-height: 532px;
    }

    .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 0;
        font-size: 20px;
        width: 60%;
        margin: 0 auto;
    }

    .expert {
        padding: 12px 0;
        margin-top: 30px;
    }

    .expert h2 {
        font-size: 23px;
        margin-bottom: 16px;
        margin-top: 51px;
    }

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

 
    .expert .expert-tabs {
        padding: 10px;
    }

    .expert .btn-border {
        width: 100%;
    }

    .offers {
        padding: 10px;
        margin-top: 30px;
    }

    .offers .offers-bg {
        padding: 10px;
    }

    .offers .offers-bg .offers-title {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .offers .offers-bg .offers-title h3 {
        font-size: 16px;
    }

    .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: white;
        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: #FFFFFF;
        font-size: 13px;
        margin: 0 auto;
    }

    .offers .offers-bg h6 {
        line-height: 22px;
        font-size: 14px;
    }

    .offers .offers-bg .btn-dark {
        font-size: 12px;
    }

    .jobs .jobs-bg h3 {
        font-size: 18px;
    }

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

    .jobs .jobs-bg h5 {
        font-size: 12px;
        line-height: 19px;
    }

    .jobs .jobs-bg .btn-primary {
        padding: 5px 15px;
        margin-top: 5px;
        font-size: 12px;
    }

    .jobs .jobs-bg span {
        font-size: 12px;
    }

    .offers .offers-bg .las {
        font-size: 25px;
    }

    .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: 0 auto;
        margin-top: 6px;
        font-size: 20px;
    }

    .offers 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 .box-programs {
        text-align: center;
    }

    #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 img {
        display: none;
    }

    #affiliate .hero-area-bg {
        min-height: 288px;
    }

    #affiliate .min-affiliate p {
        width: 100%;
        font-size: 14px;
    }

    #affiliate .min-affiliate h2 {
        font-size: 20px;
    }

    #affiliate .section-2 h2 {
        font-size: 20px;
        width: 100%;
    }

    #affiliate .section-2 .share {
        padding: 0;
        text-align: center;
    }

    #affiliate .section-2 .success {
        padding: 0;
        text-align: center;
    }

    #affiliate .section-2 .paid {
        padding: 0;
        text-align: center;
    }

    #affiliate .section-2 .share img,
    #affiliate .section-2 .success img,
    #affiliate .section-2 .paid img {
        display: none;
    }

    #affiliate .faq h2 {
        font-size: 20px;
        width: 100%;
    }

    #affiliate .hero-area-bg .btn-primary {
        margin-top: 20px;
        font-size: 15px;
    }

    #affiliate .min-affiliate .las {
        margin-left: 3px;
        font-size: 20px;
        color: #C72026;
        padding: 5px 0px;
        float: right;
    }

    .privacy .privacy-body .margin-bottom-space {
        margin-bottom: 0
    }



    .privacy .privacy-body h5 {
        font-weight: bold;
        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 img {
        display: none
    }

    #migration .hero-area-bg {
        min-height: 320px;
        text-align: center;
    }

    #migration .hero-area-bg .offers-title-top {
        margin-top: 30px;
    }

    #migration .min-affiliate-2 p {
        font-size: 14px;
        font-size: 15px;
        width: 100%;
    }

    #migration .min-affiliate-2 h2 {
        font-size: 22px;
        margin-top: 20px;
    }

    #migration .min-affiliate p {
        font-size: 14px;
        font-size: 15px;
        width: 100%;
    }

    #migration .min-affiliate h2 {
        font-size: 22px;
        margin-top: 20px;
    }

    #migration .min-affiliate,
    #migration .min-affiliate-2 {
        padding: 10px;
    }

    #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 img {
        display: none;
    }

    #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;
        background-color: #FFFFFF;
    }

    #internal-software .section-2 .share {
        padding: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    #internal-software .section-2 .share img {
        display: none;
    }

    #internal-software .section-2 .success img {
        display: none;
    }

    #internal-software .section-2 .paid img {
        display: none;
    }

    #internal-software .section-2 .success {
        padding: 0;
        width: 100%;
        text-align: center;
    }

    #internal-software .section-2 .paid {
        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;
        margin-bottom: 0;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        padding: 0px 0 20px 0;
    }

    #internal-software .faq {
        min-height: 500px;
        padding: 0;
    }

    #internal-software .faq h2 {
        font-size: 25px;
    }

    #programs .hero-area-bg .header-text ul {
        display: none
    }

    #package .slogan p {
        font-size: 20px;
        margin-top: 25px;
    }

    #package .slogan .btn-primary {
        font-size: 16px;
    }

    #package .slogan {
        min-height: 285px;
    }

    #package .faq h2 {
        font-size: 22px;
    }

    #package .faq .panel-group .panel .panel-heading h4 a {
        font-size: 16px;
    }

    #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: 16px;
        margin-bottom: 0;
        text-align: center;
        margin-top: 18px;
        line-height: 24px;
    }

    #package .expert-tabs {
        background-color: #FFFFFF;
        padding: 11px 0;
    }

    #package .faq h2 {
        font-size: 20px;
    }

    #package .faq {
        min-height: 400px;
        padding: 10px;
        background-color: #FFFFFF;
    }

    #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;
    }

    .bg-inverse {
        padding: 0;
    }

    .no-touch #cd-vertical-nav {
        display: none;
    }

    .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;
    }

    #offices .hero-area-bg .header-text h1 {
        font-size: 25px;
    }

    #offices .hero-area-bg .header-text p {
        font-size: 14px;
        line-height: 23px;
        width: 100%;
    }

    #offices .hero-area-bg .header-text h1 {
        margin-bottom: 0;
        margin-top: 0;
    }

    .slogan {
        padding: 7px;
        min-height: 270px;
    }

    .features .features-left {
        padding: 20px;
        margin-top: 10px;
    }

    .features .features-left .btn-primary {
        font-size: 14px;
    }

    .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;
    }

    #about .hero-area-about .header-text h1 {
        font-size: 25px;
        margin-bottom: 0;
        margin-top: 0;
    }

    #about span {
        font-size: 12px;
    }

    .promises .promises-box {
        text-align: center;
    }

    .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;
    }

    .promises h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .footer-06 img {
        width: 25%;
        margin-top: 50px;
    }

    .clients img {
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

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

    .clients .slider {
        height: 140px;
        }

    .products h2 {
        font-size: 25px;
        margin-bottom: 10px;
        width: 100%;
        margin: 0 auto;
        line-height: 32px;
    }

    .page-not-found .page-404 {
        width: 100%;
    }

    .clients h2 {
        font-size: 25px;
        width: 100%;
        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: 18px;
        text-align: center;
    }

    .hero-area-bg .right-bg-offer {
        display: none;
    }

    .hero-area-bg .shape-2 img {
       display: none;
    }


    
    .hero-area-bg .shape-1 img {
        width: 150px;
    }

   
    .hero-area-bg.meta_partners{
        text-align: center;
  }
  
  
   .hero-area-bg .meta_partners img {
          display: block;
          margin: 0 auto;
          margin-top: 10px;
          width: 130px;
        }
    .hero-area-bg img {
        float: none;
    }

    .hero-area-bg img {
        position: unset;
        margin-top: 0;
    }

    .hero-area-bg .meta_partners img {
        display: block;
    }


    .channels-email-marketing .use-cases .carousel-indicators {
        display: none;
    }

    .channels-email-marketing .faq {
        min-height: 450px;
        padding: 40px 0;
        background-color: #FFFFFF;
    }

    .channels-email-marketing .faq .panel-group .panel .panel-heading h4 a {

        font-size: 16px;
        padding: 20px;

    }

    .channels-email-marketing .faq h2 {
        font-size: 25px;

    }

    .channels-email-marketing .use-cases h2 {

        font-size: 25px;
        margin-bottom: 10px;
    }

    .channels-email-marketing .use-cases .box-user-cases h5 {
        font-size: 20px;
        font-weight: bold;
    }

    .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::before,
    .hero-area-bg .firework::after {
        --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: white;
        margin: 25px auto;
        width: 100%;
    }

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

        margin-top: 0;

    }

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

    .healthcare .section-1 .box h2 {
        font-size: 20px;
        margin-top: 50px;
        text-align: center;
    }

    .healthcare .section-1 .box p {
        font-size: 16px;
        margin-top: 20px;
        text-align: center;
    }

    .healthcare .slogan h2 {
        font-size: 25px;

        width: 80%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .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;
    }


    .healthcare .section-1 .box-left h2 {
        font-size: 20px;
        margin-top: 50px;
        text-align: center;
    }

    .healthcare .section-1 .box-left p {
        font-size: 16px;
        margin-top: 20px;
        text-align: center;
    }

    .healthcare .clients img {
        width: 50%;
    }






    .mega-menu {
        padding: 0;
        min-height: 326px;
        width: 407px;
    }

    .mega-menu h5 {
        font-size: 14px;

    }

    .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 .clients img {
        width: 50%;

    }

    .ecommerce .hero-ecommerce {
        min-height: 429px;
    }


    .hero-area-bg .right-bg-2 {
               display: none;
    }

    .hero-area-bg .las {
        margin-left: 8px;
        font-size: 14px;
        padding: 5px 0px;
    }
    
    .hero-area-bg .btn-primary {
        font-size: 14px;
       }



       .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 .expert .offer_box_date {
    width: 100%;
  
}

.expert .padding_n{padding: 0 0 0 0;}

.sidebar {
    display: none
}

.channels-sms .hero-offers-sms-service .right-bg {
    margin-top: 40px;
    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: #C72026;
    border-color: #C72026;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
    margin-top: 25px;
    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;
}

.promises {
    padding: 30px 0;
}

.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 .social_aspect img {
    float: right;
    display: none;
}

.social_responsibility .csr_programs .environmental_aspect img {
    float: right;
    display: none;
}

.social_responsibility .csr_programs .economic_aspect img {
    float: right;
    display: none;
}


.whatsapp_api .features_2 .box_features_2 {
    margin-top: 0;
    text-align: center;
}


}

@media (max-width: 767px) {

   
    


.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: 30px;
        line-height: 57px;
        margin-bottom: 10px;
    }
    
    .channels-sms .hero .header-text p {
        font-size: 16px;
        color: #ffffff;
        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: bold;
        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: #ffffff;
        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 {
        padding: 10px;
    }

    .whatsapp_api .features_2 h2 {
   
        font-size: 23px;
        line-height: 33px;
        
    }

    .whatsapp_api .faq {
        min-height: 420px;
        padding: 0;
        background-color: #FFFFFF;
    }

    .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 .social_aspect {
    padding: 0;
}

.social_responsibility .csr_programs .economic_aspect img {
    float: left;
    display: none;
}



.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: 20px;
    }

    .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 .btn-primary {
        font-size: 16px;
        
     }
     
     .whatsapp_api .hero .header-text .btn-default {
       font-size: 16px;
        
     }

    .whatsapp_api .hero .header-text h1 {
        font-size: 25px;
        line-height: 36px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .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;
    }

    .min_partner .hero {
        min-height: 450px;
    }

    .min_partner .header-text img {
      
        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 {
 
    font-size: 15px;
  
}

.min_partner .header-text {
    padding: 16px;
}

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

    .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 {
        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-top: 50px;
        margin-right: 0;
        margin: 25px;
    }
    
        .barq .request .btn-primary {
            margin-top: 77px;
            font-size: 19px;
            border-radius: 10px;
            padding: 15px;
            margin-left: 0;
            margin: 0;
            margin-bottom: 20px;
        }
    

    .barq .try-program {
        text-align: center;
        padding: 50px 0;
    }

    .barq .use-cases .carousel-indicators {
        display: none;
    }


    #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;
    }
    
    .channels-sms .expert .offer_box_date p {
        font-size: 16px;
     }



    #taqnyat-system .faq p {
  
        text-align: center;
        margin: 20px 0 10px 0;
    }
    
    #taqnyat-system .faq h2 {
        font-size: 25px;
       
    }
    
    #taqnyat-system .faq {
        min-height: 450px;
        padding: 50px 0;
        background-color: #FFFFFF;
    }
    
    #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 {
        text-align: center;
        padding: 6px;
    }

    .register {
        padding: 5px 0;
        min-height: 650px;
        margin-top: 38px;
    }

    .register .register-tabs {
        padding: 19px;
        margin: 0 auto;
       
    }
    
    .register h2 {
        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-salla .right-bg {
       display: none;
    }

    .channels-sms .hero-offers-page .header-text h1 {
             text-align: center;
 
    }

    .channels-sms .hero-offers-page .header-text p {
        text-align: center;

}

.channels-sms .hero-offers-page .header-text {
  text-align: center;
}


.expert .form_offer {
    margin-top: 20px;
    border-radius: 10px;
    background-color: #FFFFFF;
}



    .hero-offers-page img{display: none;}

    .navbar-expand-md .navbar-nav .dropdown-menu {
        box-shadow: 0 9px 10px rgb(255 255 255 / 27%);
    }
 

    .healthcare .exapmles {
        padding: 20px 0;
    }

    .healthcare .hero-healthcare .header-text h1 {
        font-size: 25px;
        width: 100%;
    }



    .healthcare .section-1 .box img {

        display: none;
    }

    .healthcare .section-1 .box-left img {
        display: none;
    }

    .healthcare .slogan h2 {
        font-size: 21px;
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .healthcare .exapmles h2 {
        margin-bottom: 22px;
        font-size: 20px;
    }


    .education .hero-education .header-text {
        padding: 40px 0;
    }



    .education .exapmles {
        padding: 20px 0;
    }

    .education .hero-education .header-text h1 {
        font-size: 25px;
        width: 100%;
    }

    .education .hero-education {
        min-height: 450px;
    }



    .education .section-1 .box img {

        display: none;
    }

    .education .section-1 .box-left img {
        display: none;
    }

    .education .hero-education .header-text p {
        width: 100%;
    }


    .education .section-1 .box h2,
    .education .section-1 .box-left h2 {
        font-size: 20px;
        margin-top: 0;
        text-align: center;
    }

    .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: bold;
        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;
    }

    .education .slogan p {
        font-size: 16px;
        width: 100%;
        line-height: 22px;
        margin: 18px auto;
    }

    .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 {
        padding: 20px 0;
    }

    .ecommerce .hero-ecommerce .header-text h1 {
        font-size: 25px;
        width: 100%;
    }

    .ecommerce .hero-ecommerce {
        min-height: 450px;
    }

    .ecommerce .exapmles h2 {
        margin-bottom: 21px;
        font-size: 20px;
    }


    .ecommerce .section-1 .box img {

        display: none;
    }

    .ecommerce .section-1 .box-left img {
        display: none;
    }

    .ecommerce.hero-ecommerce .header-text p {
        width: 100%;
    }


    .ecommerce .section-1 .box h2,
    .ecommerce .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 {
        font-size: 14px;
        text-align: center;
    }

    .ecommerce .slogan {
        min-height: 348px;
        padding: 30px;
    }

    .ecommerce .slogan h2 {
        font-size: 25px;
        width: 100%;
        margin-top: 20px;
    }

    .ecommerce .slogan p {
        font-size: 16px;
        width: 100%;
        line-height: 22px;
        margin: 18px auto;
    }

    .ecommerce .slogan .btn-primary {
        border-radius: 50px;
        padding: 10px 30px;
        font-size: 16px;
        font-weight: 600;
    }

    .ecommerce .hero-ecommerce .header-text p {

        width: 100%;
    }




    .channels-email-marketing .hero-channels-email-marketing .header-text .icon {
        padding: 10px;

    }

    .page-not-found .page-404 .btn-primary {
        width: 100%;
    }

    .page-not-found .page-404 .page-box-404 h3 {
        font-size: 15px;
    }

    .page-not-found .page-404 h2 {
        font-size: 20px;
        font-family: 'Almarai', sans-serif;
    }

    .page-not-found .page-404 {
        min-height: 490px;
    }

    .package-min {
        padding: 20px 0;
    }

    .why-box .why-box-2 h5 {
        font-size: 19px;
        line-height: 26px;
    }

    .slogan-footer .box-slogan p {
        font-size: 16px;
    }

    .footer-06 .copyright-right .social-media {
        text-align: center;
        margin-left: 0px;
        margin-top: 0;
    }

    #about .hero-area-about img {
        display: none
    }

    #about .values {
        padding: 20px;
    }

    #about .values .values-box h3 {
        font-size: 20px;
    }

    .promises .promises-box h3 {
        font-size: 18px;
    }

    .top-header .login-m {
        display: inline
    }

    .navbar button:focus {
        outline: 0 dotted;
        outline: 0 auto -webkit-focus-ring-color;
    }

    .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: solid 0 #e0e0e0;
        padding: 14px 0 !important;
        margin-bottom: 0;
        text-align: left;
        border-bottom: 1px solid #e7e7e7;

    }

    .mega-menu-mobile h4 {
      
        padding: 8px 54px;
    }

    .navbar .navbar-toggler {
        padding: .25rem 10px;
    }

    .sidebar {
        display: none
    }

    .user-manual .sidebar {
        display: none
    }

    .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;
    }

    .slogan p {
        width: 100%;
    }

    .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 {
        font-size: 14px;   
    }
    
   

    .user-cases h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .user-cases .media .las {
        font-size: 26px;
        padding: 0 9px;
    }

    .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: 16px;
        width: 100%;
        line-height: 25px;
    }

    .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-footer .box-slogan {
        font-size: 16px;
        width: 100%;
    }

    .slogan {
        padding: 1px 0;
        min-height: 277px;
    }

    .jobs {
        padding: 0;
        margin-top: 0;
    }

    .jobs .jobs-bg {
        background-color: #FFFFFF;
        padding: 25px;
    }

    .jobs h2 {
        font-size: 19px;
        margin-bottom: 17px;
    }

    .jobs .card a {
        font-size: 16px;
    }

    .text-muted {
        font-size: 14px;
    }

    .card-text:last-child {
        font-size: 12px;
    }

    .card-title {
        margin-bottom: .75rem;
        font-size: 14px;
        line-height: 20px;
    }

    .jobs .btn-danger {
        width: 100%;
        font-size: 14px;
    }

    .jobs .d-flex {
        display: -ms-flexbox !important;
        display: block !important;
    }

    .jobs .hero-area-bg .header-text {
        width: 100%;
        margin-top: 26px;
    }

    #internal-programs {
        padding: 0;
        margin-top: 87px;
    }

    #internal-programs .d-flex {
        display: -ms-flexbox !important;
        display: block !important;
    }

    #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 .top-nav {
        padding: 0;
    }

    #doc .navbar-brand img {
        width: 110px;
        margin-top: 10px;
    }

    #doc .min-doc {
        padding: 10px;
        min-height: 500px;
        margin-top: 20px;
    }

    .footer-06 .copyright-right .list-unstyled {
        text-align: center;
    }

    .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 {
        padding: 0;
    }

    #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;
    }

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

    .offers .offers-bg .las {
        font-size: 18px;
    }

    #offers-page .offers-page-offer {
        padding: 20px 0;
    }


    .navbar-expand-md .navbar-nav .dropdown-menu {
        margin: 9px -67px 7px;
    }

    .mega-menu .media-body {
        margin: 14px 0;
    }


    .navbar .mega-menu .media .las, .lab {
        margin-left: 3px;
        margin-top: 12px;

    }




    .mega-menu .tabs-content p {
        display: none;
    }

    .mega-menu {
        padding: 0;
        min-height: 326px;
        width: 100%;
        box-shadow: 0 8px 10px rgb(54 72 98 / 41%);

    }

    .mega-menu .tabs-content {
        background-color: #ffffff;
        min-height: 0;
        padding: 0;
    }

    .mega-menu .tabs-content h4 {
        font-size: 12px;

    }

    .mega-menu {
        display: none;
    }

    .mega-menu-mobile {
        display: block;
    }

    .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;
    }


    
    .hero-area-bg .shape-2 img {
      display: none;
    }


    
    .hero-area-bg .shape-1 img {
        display: 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;
        margin-bottom: 20px;
        color: #2c599d;
        width: 100%;
        line-height: 30px;
        margin: 0;
        margin-top: 20px;
    }

    #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;
    }

}

@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: #FFFFFF;
    }

    .channels-sms .cloud_communications .header-text {
        padding-top: 50px;
        padding-bottom: 51px;
    }

    .channels-sms .cloud_communications .header-text img {
        width: 300px;
   
}
    .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;

    }

}