/*

green 40ad80
blue 444192

light green 1cb2cb

*/

/* body {
    background-color: #fff;
    position: relative;
}
body.rtl {
    text-align: right;
    direction: rtl;
} */


@media only screen and (max-width: 991.98px) {

    body.rtl .header .main-menu .navbar-nav .nav-item .nav-link.dropdown-toggle::before {

        right: auto;
        left: 20px;


      }
      .society-logo-slider{
        margin-bottom: 50px !important
        }
        .society-logo-slider img{
            width: 100px;
            height: 100px;
            max-height: 100px;
            max-width: 100px;
            object-fit: cover;
        }
}
.society-logo-slider{
margin-bottom: 100px
}
.test-launch {
    color: #fff !important;
    background: #144c5a;
    max-height: fit-content;
    max-width: 200px;
    /* margin-top: -2.5rem; */
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    width: fit-content;
    z-index: 0;
    top: 92px;

    margin: auto;
}

.float{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 71px;
    right: 8px;
    background-color: #25d366;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}

.my-float{
	margin-top:16px;
}
.test-launch h5 {
    color: #fff !important;
    padding: 9px;
}
.society-logo-slider img{
    width: 120px;
    height: 120px;
    max-height: 120px;
    max-width: 120px;
    object-fit: cover;
}
body.rtl .header .login-btn-mobile {
    left: 110px;
    right: auto;
    top: auto;

  }

body.rtl .team-card .team-social li a{
    margin-right: 0;
    margin-left: 20px;
  }
body.rtl .about-col-right .about-list ul li i {
   margin-right: 0;
   margin-left: 15px;

  }
  .service-name {
    display: block;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    min-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
body.rtl .faq-form-group {
   margin-bottom: 30px;

  }
body.rtl .faq-form-group input {
   margin-bottom: 0px;

  }
body.rtl .faq-form-group textarea {
   margin-bottom: 0px;

  }
body.rtl .about-col-right .about-list ul li{
line-height: 27px;
  }
body.rtl .about .fa-angle-right{
transform: rotate(180deg) ;
  }
body.rtl .features-list li img{

    display: inline-block;
    margin-left: 20px;
    font-size: 35px;
    width: 80px;
    height: 80px;
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    line-height: 80px;
    border-radius: 5px;
    text-align: center;
    background: #0033CC;
    -webkit-box-shadow: 0 10px 16px 0 rgb(0 51 204 / 15%);
    box-shadow: 0 10px 16px 0 rgb(0 51 204 / 15%);
  }
body.rtl .card-header h6 span {
   margin-right: 0px;
   margin-left: 10px;

  }
body.rtl .counters {
   padding-top: 0;


  }
body.rtl .blog-post-sidebar .blog-widgets .recent-post-item .recent-post-date i {
    margin-right: 0;
    margin-left: 8px;

  }
body.rtl .recent-post-body{
    margin-left: 10px;
display: flex;
flex-direction: column;

  }
  .owl-carousel .owl-item .statistic-img{
    width: auto;
    display: inline;
  }
body.rtl .contant-info-wrap .contact-info-item i {
    margin-left: 20px;
    margin-right: 0;

  }
body.rtl .blog-post-sidebar .blog-widgets .blog-category-list li a .category-count{
   float: left;

  }
body.rtl .blog-post-sidebar .blog-widgets .recent-post-item .recent-post-img{
   float: right;

  }
body.rtl .blog-single-meta-box {
   display: flex;

  }
body.rtl .blog-single .blog-post-desc .blog-single-meta .blog-single-meta-box span {
   margin-left: 10px;
   margin-right: auto;

  }
  .blog-single .blog-post-desc .blog-single-meta .blog-single-meta-box span i{
   margin-left: 10px;
   margin-right: auto;

  }
body.rtl .blog-single .blog-post-desc .blog-single-meta .blog-single-meta-box span:last-child {
   margin-left: 0;

  }
body.rtl .blog-post-sidebar .blog-widgets .blog-search-btn{

    left:0px;
    right:auto;

  }
body.rtl .header  .signup-btn-mobile {
    left: 65px;
    right: auto;
    top: auto;

  }
body.rtl .togler-icon-inner {
    transform: rotate(180deg);
    display: block;

  }

body.rtl  .default-video-btn {
    transform: rotate(180deg);
	margin-right: 10px;
    font-weight: 600;

  }
body.rtl  .default-outline-btn {
    font-weight: 600;

  }
body.rtl  .blog-title:after {
    position: relative;
    left: 85%;
  }


  body.rtl .breadcrumb-section .breadcrumb-content .breadcrumb-link li.active:before{
    transform: rotate(180deg);
  }
.navbar-brand img{
    width: 230px;
}


/* .dropdown-menu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}
/*----------------------- Preloader -----------------------*/
/* body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
}

a:hover {
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}
.form-control {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}
.bg-gradient {
    background: rgb(68,65,146);
    background: linear-gradient(90deg, rgba(68,65,146,1) 0%, rgba(28,178,203,1) 50%, rgba(64,173,128,1) 100%);
}

.bg-gradient-blue {
    background: rgb(62,80,157);
    background: -moz-linear-gradient(90deg, rgba(62,80,157,1) 0%, rgba(30,159,214,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(62,80,157,1) 0%, rgba(30,159,214,1) 100%);
    background: linear-gradient(90deg, rgba(62,80,157,1) 0%, rgba(30,159,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e509d",endColorstr="#1e9fd6",GradientType=1);
}
.navbar {
    background-color: rgba(255,255,255,0.9);
    height: 110px;
}


.navbar-brand img {
    height: 90px;
    width: auto;
}

@media (max-width: 768px) {

    .navbar-brand {
        text-align: center;
    }
    .navbar-brand img {
        display: inline-block;
        height: 65px;
        width: auto;
        margin: 0 20px;
    }
}
#breadcrumbs, .breadcrumb {
    background-color: transparent;
}
.breadcrumb {
    justify-content: center;
}
.breadcrumb-item a , .breadcrumb-item.active {
    color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #FFFFFF;
}

.stellarnav.light {
    background-color: transparent;
}

body.rtl .stellarnav ul ul {
    text-align: right;
}
.stellarnav>ul>li>a, .stellarnav.desktop ul li.has-sub a
{
    padding: 40px 30px;
    line-height: 30px;
}

.stellarnav.desktop ul li.has-sub li a {
    padding: 20px;
}
.stellarnav.light a, .stellarnav.light li a {
    color: #444192;
}

.stellarnav>ul>li>a::before {
    content: '';
    display: none;
   height: 5px;
   background-color: #444192;
   background: rgb(68,65,146);
   background: linear-gradient(90deg, rgba(68,65,146,1) 0%, rgba(28,178,203,1) 35%, rgba(64,173,128,1) 100%);
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
} */
/* .stellarnav>ul>li>a:hover,
.stellarnav>ul>li>a.active {
    background-color: #ffffff;
    color: #40ad80;
    -webkit-box-shadow: 5px 5px 15px -6px #000000;
    box-shadow: 5px 5px 15px -6px #000000;
}

.stellarnav li.has-sub li a {
    color: #222222;
}

.stellarnav li.has-sub li a:hover {
    color: #40ad80;
}

.stellarnav>ul>li>a.active::before,
.stellarnav>ul>li>a:hover::before {
    display: block;
}

.stellarnav li.has-sub>a:after {
    content: '\f078';
    border: 0;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}

.rtl .stellarnav li.has-sub>a:after {
    margin-right: 10px;
    margin-left: 0;
}

.stellarnav .menu-toggle.full {
   width: 50px;
   height: 110px;
}
.stellarnav.mobile.top {
    background-color: transparent;

}
.dropdown-toggle::after {
    content: '\f078';
    border: 0;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}

.rtl .stellarnav.mobile ul {
    text-align: right;
}

.stellarnav .dd-toggle {
    right: auto;
    left: 0;
}

.stellarnav .menu-toggle span.bars {
    top: 28px;
}

.stellarnav.light .menu-toggle span.bars span {
    background: #444192;
}

.stellarnav .menu-toggle span.bars span {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 6px;
    background: #777;
    margin: 0 0 5px;
}

main {
    min-height: 680px;
}
.site-footer {
    background-color: #17154b;
    color: #fff;
    padding: 96px 0;
}


.site-footer h3 {
    color: #1cb2cb;
    margin: 0 0 30px;
    padding-bottom: 30px;
    position: relative;
}
.site-footer h3::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: white;
    position: absolute;
    bottom: 0;
}

.site-footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.site-footer ul li {
  line-height: 32px;
}
.site-footer a {
    color: #fff;
}
.site-footer  .social-links a {
    display: block;
    height: 32px;
    line-height: 40px;
    text-align: center;
    width: 32px;
    border-radius: 8px;
    background-color: #ffffff;
    color: #17154b;
    transition: background-color 0.5s ease;
}
.site-footer  .social-links a:hover {
    background-color: #1cb2cb;
    color: #ffffff;
}
.list-inline-item:not(:first-child) {
    margin-right: 0.5rem;
}
.page-header {
    padding: 100px 0 100px;
    text-align: center;
    position: relative;
}
.page-header::after {
  content: '';
  display: block;
  height: 150px;
  width: 100%;
  background-color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: skewY(-5deg);
  transform-origin: right;
}
.page-title {
    color: #FFFFFF;
    margin: 0;
    font-size: 3.25rem;
}

.page-header  .social-links {
    margin-top: 50px;
    text-align: center;
}
.page-header  .social-links ul {
    margin: 0;
    padding: 0;
}
.page-header  .social-links a {
    display: block;
    height: 48px;
    line-height: 2.5;
    font-size: 24px;
    text-align: center;
    width: 48px;
    border-radius: 8px;
    background-color: #ffffff;
    color: #1cb2cb;
    transition: background-color 0.5s ease;
}
.page-header  .social-links a:hover {
    background-color: #444192;
    color: #ffffff;
}

#services, #posts, #newsletter {
    padding: 100px 0;
}

#services {
    background-color: #FFFFFF;
}
.section-heading {
    text-align: center;
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 30px;
    margin-bottom: 100px;
    color: #444192;
}
.section-heading::after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 3px;
    background: rgb(68,65,146);
    background: linear-gradient(90deg, rgba(68,65,146,1) 0%, rgba(28,178,203,1) 50%, rgba(64,173,128,1) 100%);
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -25px;
}
.service-name {
    font-size: 1.08rem;
    margin-bottom: 0;
    color: #444192;
}

.service-image {
 height: 100px;
 width: auto;
}
.service-description {
    background-color: #f3f3f3;
    font-size: 14px;
    line-height: 20px;
}

*/
.service-description li {
    list-style: none; /* Remove default bullets */
    color: #444192;
}
.service-description li::before {
    content: "\25CF";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #40ad80; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 2em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.rtl .service-description li::before {
    margin-right: -1em; /* Also needed for space (tweak if needed) */
    margin-left: 0; /* Also needed for space (tweak if needed) */
 }


 /* .owl-carousel .owl-stage{
     display: flex;
}
 .owl-carousel .post {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 50px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #40ad80  !important;
}



#social-links ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#social-links li {
    display: inline-block;
    margin: 0 10px;

}  */

/*
#social-links a {
    display: block;
    height: 48px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    width: 48px;
    border-radius: 8px;
    background-color: #d6d5e7;
    color: #17154b;
    transition: background-color 0.5s ease;
}
#social-links a:hover {
    background-color: #17154b;
    color: #ffffff;
}

.entry-time {
    position: relative;
    padding-bottom: 20px;
}
.entry-time::after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 3px;
    background: rgb(68,65,146);
    background: linear-gradient(90deg, rgba(68,65,146,1) 0%, rgba(28,178,203,1) 50%, rgba(64,173,128,1) 100%);
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -25px;
}

#newsletter {
    background-color: #2c2a72;
    padding-top: 0;
    margin-top: 130px;
    position: relative;
}

 #newsletter::after {
    content: '';
    display: block;
    height: 150px;
    width: 100%;
    background-color: #252267;
    position: absolute;
    top: -130px;
    left: 0;
    transform: skewY(-5deg);
    transform-origin: right;
  }
  #newsletter .section-header {
    margin-bottom: 100px;
    padding-top: 100px;
    margin-top: -150px;
    background-color: #252267;
 }
#newsletter .section-heading {
    color: #1cb2cb;
    margin: 0 0 50px;
}

#newsletter .section-heading::after {
    content: '';
    display: none;
    visibility: hidden;
    height: 0;
    width: 0;
}


#newsletter .section-subheading {
    color: #FFFFFF;
    margin: 0 auto;
    padding-bottom: 50px;
    text-align: center;
    width: 50%;
}
#newsletter .section-subheading::after {
    content: '';
    display: inline-block;
    width: 200px;
    height: 3px;
    background: rgb(68,65,146);
    background: linear-gradient(90deg, rgba(68,65,146,1) 0%, rgba(28,178,203,1) 50%, rgba(64,173,128,1) 100%);
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -100px;
}
.newsletter-form .form-group {
    position: relative;
}
.newsletter-form .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
}
.newsletter-form .form-control {
    padding-left: 160px;
}
.via-text {
    color: #8f8db8;
}
#societies {
    padding: 100px 0 200px;
    background: rgb(64,173,128);
    background: -moz-linear-gradient(90deg, rgba(64,173,128,1) 11%, rgba(64,166,129,1) 17%, rgba(68,65,146,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(64,173,128,1) 11%, rgba(64,166,129,1) 17%, rgba(68,65,146,1) 100%);
    background: linear-gradient(90deg, rgba(64,173,128,1) 11%, rgba(64,166,129,1) 17%, rgba(68,65,146,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40ad80",endColorstr="#444192",GradientType=1);
}
#societies .section-heading::after {
    display: none;
}
#back-to-top {
    display: block;
    position: fixed;
    left: 40px;
    z-index: 99;
    bottom: 40px;
    height: 48px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    width: 48px;
    background-color: #1cb2cb;
    color: #FFFFFF;
    border-radius: 10px;
}
#back-to-top:hover {
    background-color: #40ad80;
} */
