body {
  width: 1000px;
}

/* CSS for mobile screens */
@media only screen and (max-width: 767px) {
  body {
    width: 90%; /* Set a specific width, such as a percentage or pixels */
    max-width: 500px; /* You can also set a maximum width */
  }
}

.container2 {
  min-width: 600px; /* Set the minimum width to 600px */
  max-width: 600px; /* Set the maximum width to 600px */
  margin: 0 auto; /* Center the container horizontally */
}

.slider-container {
  width: 100%; /* Set the width of the slider container */
}
/*body {*/
/*    font-size: 14px;*/
/*    font-family: 'Poppins', sans-serif;*/
/*    font-display: swap;*/
/*       color: #2c599d;*/
/*}*/

::selection {
    background: #ffffff;
    color: white
}

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


/*client slider*/
.slide-track {
    display: inline-block;
    animation: move 18s linear infinite;
    white-space: inherit;
}
.slide-track>* {
  padding: 2vw;
  display: inline-block;
}

@keyframes move {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*client slider*/
.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 #f98124;
    padding: 0 8px;
    color: #f98124;
    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: #edf4fb;
}

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

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

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










/* ========== 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;
    margin: 11px 10px;
}

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

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: #f98124 !important;
    width: 100%;
}

.navbar-expand-md .navbar-nav .nav-link {
    color: #2c599d;
    font-size: 14px;
    padding: 7px 10px;
    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,
.navbar-expand-md .navbar-nav .nav-link:hover::before,
.navbar-expand-md .navbar-nav .nav-link:focus {
    color: #f98124;

}

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

.navbar .btn-outline-success {
    color: #fff;
    background-color: #f98124;
    border-color: #f98124;
    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: 20px 35px;
    color: #2c599d;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
}

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

.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: #f98124;
    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: #f98124;
    border-color: #f98124;
    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 *******************/

.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;
    margin-left: -82px
}

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

.mega-menu p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #1b2554;
    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: #f98124;
    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 #f98124;
}


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

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

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

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

/***************  .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: #1b2554;
    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: #f98124;
}

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

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

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

















.navbar .mega-menu .media .las,
.lab {
    margin-right: 3px;
    font-size: 25px;
    color: #2c599d;
    padding: 22px 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: #1b2554;
    font-size: 25px;
    margin-bottom: 10px;
    text-align: center
}

.why-mobile h3 {
    font-weight: 600;
    color: #1b2554;
    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: #1b2554;
    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;
}





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

.hero-area-bg {
    background: url(../images/hero.webp) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 650px;
    margin-top: 10px;
}

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

.hero-area-bg .shape-1 img {
    width: 250px;
}

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

.hero-area-bg .shape-2 {
    right: 0;
    bottom: 0;
}

.hero-area-bg img {
    float: right;
}

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

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



.hero-area-bg .right-bg {
    width: 85%;
    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: 38px;
    line-height: 50px;
    margin-bottom: 15px;
    margin-top: 100px;
    color: #2c599d;
}

.hero-area-bg .header-text h2 {
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: normal;
    color: #FFFFFF;
}

.hero-area-bg .header-text p {
    font-weight: normal;
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #2c599d;

}

.hero-area-bg .btn-primary {
    color: #fff;
    background-color: #f98124;
    border-color: #f98124;
    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: #f98124;
    margin-right: 10px;
}

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

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


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









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

/* .hero-area-about{
    padding-top: 150px;
} */
.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: #f98124;
    border-radius: 100px;
    margin: 30px;
}

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

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

.min-testimonial .position {
    color: #f98124;
    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: #fdf2e9;
    border-radius: 50%;
    -webkit-border-radius: 22%;
    -moz-border-radius: 50%;
    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;
    padding: 10px;
    margin: 23px;
}

.why-box .why-box-2 h5 {
    font-size: 22px;
    font-weight: bold;
    margin: 30px 0;
    line-height: 28px;
    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: #f98124;
    margin: 20px auto;
    width: 50%;
}

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

}

.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: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #f98124;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    margin-left: 6px;
    border-radius: 100%;
}

/************* 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: #f98124;
    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: #f98124;
}

.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: #f98124;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.use-cases .btn-primary {
    color: #fff;
    background-color: #f98124;
    border-color: #f98124;
    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: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: #f98124;
    margin-top: 30px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

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

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

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

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

.products .box-products ul li::before {
    content: "\2022";
    color: #f98124;
    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: #f98124;
    width: 50%;
    margin: 0 auto
}

.products .box-products .btn-primary {
    color: #fff;
    background-color: #f98124;
    border-color: #f98124;
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 14px;
    margin-top: 25px;
    width: 50%;
    position: absolute;
    margin: auto;
    left: 0;
    bottom: -17px;
    right: 0;
}

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

/***********  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: 60px;
}

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

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

.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: #f98124;
    margin-top: 30px;
}

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

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


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










.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(219 214 209 / 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: #f98124;
    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;
}








/***********  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;
}

.privacy h2 {
    font-weight: 600;
    color: #2c599d;
    font-size: 35px;
    margin-bottom: 40px;
    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: #f98124;
}


.privacy a {
    color: #f98124;
}

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

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

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

.expert .thank-you img {
    width: 350px;
    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 .la,
.las {
    margin-right: 5px;
    font-size: 18px;
    color: #f98124;
}

.offers .offers-bg .btn-primary {
    color: #FFFFFF;
    background-color: #f98124;
    border-color: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #f98124;
    border-color: #f98124;
}

.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;
    height: 285px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px
}

.jobs .hero-area-bg .header-text h1 {
    font-weight: 600;
    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: 30px;
    width: 60%;
    margin: 0 auto;
    margin-top: 24px;
}

.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: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #f98124;
    border-color: #f98124;
    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;
}



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

#details-jobs .jobs h4 {
    font-weight: bold;
    color: #2c599d;
    text-align: left
}

#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: 89px 0 34px 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 #f98124;
    color: #fff;
    background-color: #f98124;
}

/* 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: #f98124;
}

.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: #f9812480;
    -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: #f98124;
    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: 10px;
}

#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: #f98124;
    border-color: #f98124;
    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 .la,
.las {
    margin-right: 10px;
    font-size: 18px;
    color: #f98124;
}

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

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

#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: #f98124;
    border-color: #f98124;
    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 #f98124;
    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: #f98124;
    padding: 4px;
}

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











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

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

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

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

#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 #f98124;
    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: #f98124;
    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: #f98124;
    border-color: #f98124;
    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;
    height: 620px;
    margin-top: 0
}

#affiliate .hero-area-bg .header-text h1 {
    color: #2c599d;
}

#affiliate .hero-area-bg .header-text p {
    color: #2c599d;

}



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

#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;
    margin-bottom: 0;
    text-align: left;
    line-height: 24px;
    padding: 0 23px;
    font-size: 14px;
    margin: 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: #edf4fb;
    color: #2c599d;
    display: block;
    font-size: 18px;
    font-weight: bold;
    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: #ffffff;
    transition: 0.15s all ease-in-out;
}

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

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

#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: #f98124
}

.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: #f98124;
    border-color: #f98124;
    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;
}

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

#migration .hero-area-bg {
    overflow: hidden;
    position: relative;
    height: 500px;
    margin-top: 60px;
    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
}

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

#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: #f98124;
    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;
    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;
    font-size: 50px;
    color: #f98124;
}

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

#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: #f98124
}

#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: #f98124;
    background-color: #ffffff00;
    border-color: #f98124;
    border-radius: 50px;
    padding: 10px 40px;
    margin-left: 5px;
}

.hero-area-bg .btn-danger:hover {
    color: #fff;
    background-color: #f98124;
    border-color: #f98124;
    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: #f98124;
    border-color: #f98124;
    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 .la,
.las {
    margin-right: 10px;
    font-size: 20px;
    color: #f98124;
    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;
    height: 540px;
    margin-top: 60px;
    background: linear-gradient(90deg, #fdf1e8 0%, #fdf1e8 50%, #fdf1e8 100%);
}

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


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

#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: #edf4fb;
    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: #ffffff;
    transition: 0.15s all ease-in-out;
}

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

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

#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: #f98124
}

#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: #f98124;
    border-color: #f98124;
    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: #edf4fb;
}

#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 .la,
.las {
    margin-right: 10px;
    font-size: 20px;
    color: #f98124;
    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: 50;
    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: #f98124;
    border-color: #f98124;
    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;
}

.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: linear-gradient(90deg, #fdf1e8 0%, rgb(253 242 233) 50%, #fdf1e8 100%); */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 500px;
    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 .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: 40px;
    color: #2c599d
}

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

#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;
    margin-bottom: 0;
    text-align: left;
    line-height: 24px;
    padding: 0 23px;
    font-size: 14px;
    margin: 0;
}

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

#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: #edf4fb;
    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: #ffffff;
    transition: 0.15s all ease-in-out;
}

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

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

#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: #f98124
}

.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 .content {
    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: #ffffff;
    margin: 0;
}

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

#package .plan-one .pricing-header .plan-cost {
    color: #2c599d;
    background: #ffffff;
    padding: 0 0 15px 0px;
    font-size: 23px;
    font-weight: 700;
}

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

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

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

#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: #f98124;
    border-color: #f98124;
    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) {

    #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: #f98124;
    border-color: #f98124;
    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: #f98124;
}

.pricetag:before {
    position: absolute;
    content: "\25CF";
    color: #f98124;
    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 #f98124;
    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: #f98124;
}

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

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

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

#package .box-grow .blog-tag span {
    background-color: #f98124;
    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: #f98124;
    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: #f98124;
    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: #f98124;
}

#package .noUi-tooltip {
    border: 1px solid #f98124;
    border-radius: 4px;
    background: #ffffff;
    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: #f98124;
}

.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: #f98124;
    border-color: #f98124;
    border-radius: 50px;
    padding: 10px 40px;
}

.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: 15px 0;
    background-color: #2c599d;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 700 16px/1 'Lato', sans-serif;
    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 #f98124;
    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: #f98124;
    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: #ffffff;
    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 .la,
.las {
    margin-right: 3px;
    font-size: 20px;
    color: #f98124;
    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: #f98124;
    border-color: #f98124;
    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;
}
















/*========== 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: #f98124;
    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: #f98124;
    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 {
    border-bottom: 2px solid #f98124;
    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: #f98124;
}

#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: 50;
    padding-left: 0;
    
   
}

#offices span {
    color: #f98124;
    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: 750px;
    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: 750px;
    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 #f98124;
    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: #f98124;
    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: #f98124;
}

#about .hero-area-bg .min-affiliate {
    margin-top: 40px;
    margin-bottom: 40px;
}

#about .map .container-fluid {
    width: 100%;
    padding-right: 50;
    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 ========== */


.channels-sms .hero-channels-sms {
    background: linear-gradient(90deg, #fdf1e8 0%, rgb(253 242 233) 50%, #fdf1e8 100%);
    position: relative;
    min-height: 350px;
    margin-top: 60px;
}

.channels-sms .hero-channels-sms .header-text {
    padding: 65px;
    text-align: center;
}

.channels-sms .hero-channels-sms .header-text span {
    text-transform: uppercase;
    color: #f98124;
    font-size: 16px;
    font-weight: bold
}

.channels-sms .hero-channels-sms .header-text h1 {
    font-size: 30px;
    margin-top: 10px;
    line-height: 40px;
    width: 60%;
    margin: 0 auto
}

.channels-sms .hero-channels-sms .header-text .line-text {
    height: 1px;
    background-color: #f3dfdc;
    margin: 15px;
    width: 50%;
}

.channels-sms .hero-channels-sms .header-text .btn-primary {
    color: #fff;
    background-color: #f98124;
    border-color: #f98124;
    border-radius: 50px;
    padding: 10px 40px;
    font-size: 16px;
    margin-top: 10px
}

.channels-sms .hero-channels-sms .header-text .btn-primary:hover,
.channels-sms .hero-channels-sms .header-text .btn-primary:active {
    color: #fff;
    background-color: #2c599d;
    border-color: #2c599d;
}

.channels-sms .hero-channels-sms .header-text p {
    font-size: 16px;
    line-height: 30px;
}

.channels-sms .box-sms {
    padding: 50px;
    min-height: 404px;
    background-color: #edf4fb;
}



.channels-sms .box-sms .icon-main {
    padding: 13px;
    background-color: #edf4fb;
    border-radius: 6px;
    margin: 20px auto;
    width: 70px;
    height: 70px;
}

.channels-sms .box-sms .las {
    font-size: 35px;
    color: #f98124;
    margin-left: 0
}

.channels-sms .box-sms .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-sms .box-sms .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-sms .box-sms h3 {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #f98124;
    font-size: 16px;
    margin-bottom: 30px;
}

.channels-sms .box-sms .features-box p {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    margin: 6px auto;
    line-height: 22px;
}

.channels-sms .box-sms 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-sms .box-sms li {
    list-style: none;
    font-size: 19px;
    padding: 5px;
}

.channels-sms .slogan-sms {
    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-sms .hero-offers-page {
    background: url(../images/hero_founding_day.webp) center;
    background-repeat: no-repeat;
    position: relative;
    height: 500px;
}

.channels-sms .hero-offers-page  .header-text {
    width: 100%;
    padding: 40px;
}

.channels-sms .hero-offers-page .header-text h1 {
    font-weight: bold;
    font-size: 35px;
    color: #2c599d;
    line-height: 50px;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 120px;
}

.channels-sms .hero-offers-page .header-text p {
    color: #2c599d;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: left;
}

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


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


/***********  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: #f98124;
    border-color: #f98124;
    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/sms-service.webp) center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 650px;
    -webkit-transform: scaleX(-1);
}

.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: 900;
    font-size: 39px;
    color: #ffffff;
    line-height: 50px;
    margin-bottom: 10px;
    margin-top: 80px;
}


.channels-sms .hero-offers-sms-service .header-text h6 {
    font-size: 20px;
    color: #fff;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 20px;
}

.channels-sms .hero-offers-sms-service .header-text p {
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}

.channels-sms .hero-offers-sms-service .btn-primary {
    color: #fff;
    background-color: #f98124;
    border-color: #f98124;
    border-radius: 50px;
    padding: 11px 25px;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
}


.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: 85%;
    float: right;
    text-align: right;
}













.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: #f98124;
    border-color: #f98124;
    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: #f98124;
    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: #f98124;
    padding: 4px;
    margin-top: 15px;
}


.benefits-sms {
    padding: 40px;
    background-color: #edf4fb;
    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: #f98124;
    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: #f98124;
    /* color: #ffffff; */
    margin: 20px auto;
}

.channels-sms .hero-channels-sms .header-text .icon .las {
    font-size: 55px;
    color: #f98124;
}

.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: #f98124;
    width: 70%;
    margin: 0 auto;
}

.healthcare .hero-healthcare .header-text p {
    font-size: 18px;
    color: #f98124;
    margin: 25px auto;
    width: 80%;
}

.healthcare .hero-healthcare .header-text .btn-primary {
    color: #fff;
    background-color: #f98124;
    border-color: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #f1f6fc;
    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: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #f98124;
    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 {
    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: #f98124;
    width: 20px;
}

.ecommerce .clients .carousel-inner {
    overflow: visible;
}

.ecommerce .clients .btn-primary {

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

.channels-chatbot .hero-channels-chatbot .header-text .icon .lab {
    font-size: 55px;
    color: #f98124;
}


.channels-chatbot .hero-channels-chatbot .header-text span {
    text-transform: uppercase;
    color: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: 2c599d;
}

.channels-chatbot .box-chatbot .icon-main {
    padding: 13px;
    background-color: 2c599d;
    border-radius: 6px;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.channels-chatbot .box-chatbot .las {
    font-size: 35px;
    color: #f98124;
    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: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #f98124;
    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: #f98124;
    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: #f98124;
}

.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: #2c599d; */
    margin: 20px auto;
}

.channels-email-marketing .hero-channels-email-marketing .header-text .icon .las {
    font-size: 55px;
    color: #f98124;
}

.channels-email-marketing .hero-channels-email-marketing .header-text .icon .lab {
    font-size: 55px;
    color: #f98124;
}

.channels-email-marketing .hero-channels-email-marketing .header-text span {
    text-transform: uppercase;
    color: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: 2c599d;
}

.channels-email-marketing .box-email-marketing .icon-main {
    padding: 13px;
    background-color: 2c599d;
    border-radius: 6px;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.channels-email-marketing .box-email-marketing .las {
    font-size: 35px;
    color: #f98124;
    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: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #f98124;
    font-size: 16px;
    margin-bottom: 30px;
}

.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: #f98124;
    border-color: #f98124;
    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: #edf4fb;
}

.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: #f98124;
    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: #edf4fb;
    margin-bottom: 40px;
    border-radius: 20px;
    width: 100px;
    height: 100px;
    font-size: 25px;
    color: #f98124;
}

.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: #f98124;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


.channels-email-marketing .use-cases .carousel-indicators li {
    background-color: #f98124;
}

.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: #edf4fb;
    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 .panel-group .panel .panel-heading h4 a:hover,
.channels-email-marketing .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    background: #ffffff;
    transition: 0.15s all ease-in-out;
}

.channels-email-marketing .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "";
}

.channels-email-marketing .panel-group.panel .panel-heading h4 a i {
    color: #f98124;
}

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


/************* 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: #f98124;
    padding: 5px 0px;
    margin-bottom: 30px;
}

.promises .promises-box p {
    font-size: 16px
}

.footer-06 {
    padding-top: 0 !important;
    position: relative;
    overflow: hidden;
    z-index: 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: 15px
}

.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 {
    text-align: left;
    margin-left: 40px;
    margin-top: 16px;
}

.footer-06 .copyright-right .social-media .las,
.lab {
    font-size: 20px;
    color: #2c599d;
    padding: 0;
}


.footer-06 .copyright-right .social-media a {
    color: #2c599d;
    font-size: 20px;
    margin-left: 10px;
    -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: #f98124;
    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: #f98124;
    border-color: #f98124;
    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: #1b2554;
    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: #f98124;
    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: 10px;
    left: 10px;
    cursor: pointer;
    display: none;
    margin-right: 0;
    z-index: 100;
}

#toTop .las {
    font-size: 16px;
    background-color: #f98124;
    border-radius: 150px;
    padding: 14px 14PX;
    color: #FFFFFF;
}










/* ========== Responsive Stylings ========== */

@media (max-width: 1440px) {
    .margin-page {
        margin-left: 100px;
        margin-right: 100px;
    }
}

@media (max-width: 1024px) {

    .channels-sms .hero-offers-sms-service .header-text h1 {
        font-size: 30px;
        line-height: 41px;
        margin-top: 75px;
    }


    .hero-area-bg .shape-2 img {
        width: 230px;
    }
    
    .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%;
    }

    .hero-area-bg .header-text h1 {
        font-size: 30px;
    }

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

@media (max-width: 992px) {}

@media (max-width: 768px) {
    .channels-sms .hero-offers-sms-service .btn-primary {
               font-size: 16px;
    }



    .channels-sms .hero-offers-sms-service {
        background-color: #5c84c2;
    }

    .channels-sms .hero-offers-sms-service .header-text h1 {
        font-size: 25px;
        margin-bottom: 15px;
        margin-top: 30px;
        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;
    }

    .expert img {
       display: none;
    }
    .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 p {
        font-size: 14px;
        line-height: 25px;
    }

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

    .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;
        height: 250px;
    }

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

    .hero-area-bg .right-bg {
        display: none
    }

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

    .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 .la,
    .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: 64px;
    }

    .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: 22px;
        width: 100%;
        margin: 0 auto;
        margin-top: 14px;
    }

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

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


    #migration .bg-affiliate {
        padding: 10px;
        min-height: 300px;
    }

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

    #migration .hero-area-bg {
        height: 250px;
        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: 22px;
    }

    #details-jobs .jobs {
        padding: 50px 0;
    }

    #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: 220px;
        text-align: center;
    }

    .hero-area-bg .header-text h1 {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 8px;
    }

    .hero-area-bg .header-text p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 13px;
        text-align: center;
    }

    #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: 14px;
        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: 50%;
        margin-bottom: 20px;
    }

    .products h2 {
        font-size: 25px;
        margin-bottom: 10px;
        width: 100%;
        margin: 0 auto;
        line-height: 39px;
    }

    .page-not-found .page-404 {
        width: 100%;
    }

    .clients h2 {
        font-size: 25px;
        width: 48%;
        margin: 5px auto;
        line-height: 30px
    }

    .clients p {
        font-size: 14px;
    }

    .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 {
        width: 170px;
    }


    
    .hero-area-bg .shape-1 img {
        width: 150px;
    }


 
    .hero-area-bg img {
        float: right;
        width: 60%;
    }

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

.expert h2 {
    width: 100%;
    margin-top: 20px;
}


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

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


}

@media (max-width: 767px) {


    .clients {padding: 29px 0;}

    .expert .expert-tabs .nav-tabs .nav-link {
        width: 100%;
    }


    .channels-sms .hero-offers-sms-service .header-text {
        width: 100%;
        padding: 41px 0;
        -webkit-transform: scaleX(-1);
    }
    
    .channels-sms .hero-offers-sms-service .header-text h1 {
        font-size: 25px;
        color: #ffffff;
        margin-bottom: 15px;
        margin-top: 30px;
        line-height: 30px;
    }

    .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;
    padding: 0;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 0 rgb(229 195 190 / 46%);
}



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



    #hero-area {
        height:215px;
    }


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

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

    .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: 12px;
        margin-bottom: 10px;
    }

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

    .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 .la,
    .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-right: 3px;
        font-size: 20px;
        padding: 11px 8px;
    }

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

}

@media (max-width: 540px) {
    .navbar-brand {
        width: 150px;
        padding: 0 10px;
    }

    .healthcare .hero-healthcare .header-text {
        padding: 76px 0;

    }

    .hero-area-bg .btn-primary {
        padding: 6px 25px;
    }
}

.usericon{
 color: white;
 margin-left: 20px;

}

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