.bg-footer{
    background-color: #0b625c;
    padding-left:14% ;
    padding-right: 14%;
    padding-bottom: 1%;
}

.home-content-header {
    width: 100%;
    position: relative;
}
.hs-title-1{
    position: relative;
}
.theme-span{
    color: #64f9fd;
    font-style: italic;
}
.main-headline{
    width: 32%;
    height: 4px;
    margin: 0 0 22px 0;
    background: #64f9fd;
    border-radius: 20px;
}
.fs-24{
    font-size: 24px;
}
.fs-23{
    font-size: 23px;
}
.mt-200{
    margin-top:200px !important ;
}
.nav-logo-wrap .logo img {
    width: 100%;
}
.ligth-text{
    color: #fff;
}
.offering-img img{
    border-radius: 10px;
    width: 100%;
    display: block;
    height: auto;
}
.offering-img .offering-overlay{
    position: relative;
}
.offering-sec h2{
    color: #127d75;
    font-size: 50px;
    font-weight: 700;
}
.overlay-text {
  position: absolute;
  top: 90%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  opacity: 1;
}

.overlay-text h4 {
  color: white;
  font-size: 20px;
  position: absolute;
  text-transform: uppercase;
  font-weight: 600;
  left: 50%;
  bottom: 96%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.overlay-text div{
    padding: 14px;
    background: #19958b;
    border-radius: 100%;
    width: 26%;
    height: 20%;
    left: 38%;
    position: relative;
}
.overlay-text img{
    top: 6%;
    width: 70%;
    text-align: center;
    left: 20%;
    position: relative;
}
.fw-p{
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5;
    color: #fff;
}
.inner-nav>ul>li>a{
    color: #fff;
}
.inner-nav ul li a:hover, .inner-nav ul li a.active {
    color: #ffffff !important;
}
.main-nav:not(.mobile-on).small-height .inner-nav>ul>li>a{
    color: #000 !important;
}

/* ========== Subscription ========== */

.subscription {
  position: relative;
  width: 80%;
  height: 16%;
}
.subscription input:placeholder{
    color: #fff;
}

.subscription .add-email{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  border: none;
  background-color: #00000094;
  outline: none;
  padding: 0 20px;
  border-radius: 32px;
}

.subscription .submit-email {
  position: absolute;
  top: 4px;
  right: 2px;
  height: calc(100% - 2px);
  width: 50px;
  border: none;
  border-radius: 60px;
  outline: none;
  margin: 1px;
  padding: 0 20px;
  cursor: pointer;
  background: #4ABEBB;
  color: #FFFFFF;
  transition: width .35s ease-in-out,
    background .35s ease-in-out;
}

.subscription.done .submit-email {
  width: calc(100% - 2px);
  background: #C0E02E;
}

.subscription .submit-email .before-submit{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 48px;
  transition: visibility .35s ease-in-out,
    opacity .35s ease-in-out;
}
/* =============== Popup Model =================== */
.form-popup-bg {
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.form-popup-bg {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  overflow-y: auto;
  z-index: 10000;
}
.form-popup-bg.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.form-container {
    background-color: #2d3638;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
  padding: 40px;
  color: #fff;
}
.close-button {
  background:none;
  color: #fff;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border: solid 1px #fff;
}

.form-popup-bg:before{
    content:'';
    background-color: #fff;
  opacity: .25;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*==================================*/
.widget-posts li {
    border-bottom: 0px solid #000;
}
.widget-posts li a h4{
    display: block;
    color: #fff;
    font-size: 15px;
    margin-bottom: 8px;
    font-weight: 500;
    text-decoration: none;
}

.widget-posts li p{
    color: #8db554;
    margin-bottom: 0px;
}
.hr-news{
    height: 2px !important;
    opacity: .5;
    background-color: #4abebb;
}
.meet-bg{
    background-image: url(../img/team.jpg);
    background-repeat: no-repeat; 
    background-attachment: inherit;  
    background-size: contain;
}
/*====================== Marquee ======================*/
marquee img{
    margin-left: 40px;
}

/*====================== Table =======================*/
.table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.table table tr{
    border-width: 1px;
}
.table table th{
    font-weight: 600;
    word-wrap: normal;
    padding: 0.75rem;
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    background-color: #03aea7;
    color: white;
    font-family: var(--font-global);
}
.table table tr td{
     padding: 0.75rem;
    border-width: 1px;
    font-size: 16px;
    font-family: var(--font-global);
}
.table.accordion-1{
    border-bottom: 0px solid var(--color-dark-1);
}
.table.accordion-1>dt>a:hover>span:before{
    opacity: 0;
}
.table.accordion-1  dt a{
    display: block;
    position: relative;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    padding: 22px !important;
    margin-bottom: 10px;
    border-top: 0px solid var(--color-dark-1); 
    background-color: #03aea7;
    transition: var(--transition-default);
}
.table.accordion-1  dt a.active{
    background-color: #0b625c;
}
.table>:not(:first-child) {
    border-top: 0px solid currentColor;
}
.table.accordion-1>dt>a>.icon-plus:after,.table.accordion-1>dt>a>.icon-plus:before{
    background: #fff;
}
.table.accordion-1>dt>a>.icon-plus{
    right: 20px;
}

/*================================== Images Gallary==============================*/
.gallery  {
  --d: 15s; /* duration */
  width:100%;
  display: grid;
  overflow: hidden;
}
.gallery > img {
  grid-area: 1/1;
  padding-left:20px;
  height: 200px;
  aspect-ratio: 1.5;
  object-fit: cover;
  animation: r var(--d) linear infinite;
}
.gallery > img:nth-child(2) {animation-delay: calc(1*var(--d)/-4)}
.gallery > img:nth-child(3) {animation-delay: calc(2*var(--d)/-4)}
.gallery > img:nth-child(4) {animation-delay: calc(3*var(--d)/-4)}

@keyframes r {
  75%    {transform: translate(-300%)}
  75.01% {transform: translate( 100%)}
}
.btn-mod, a.btn-mod{
    padding: 10px 16px;
}
.marquee {
  overflow: hidden;
}

.marquee-content {
  display: flex;
  animation: scrolling 30s linear infinite;
}

.marquee-item {
  flex: 0 0 8vw;
  margin: 0 1vw;
}

.marquee-item img {
  display: block;
  width: 100%;
}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-144vw); }
}
/*========================== Model Popup ==============================*/
.popup-btn{
    border: 0px;
    background-color: #0000;
    margin-top: 12px;
    
}
.main-nav:not(.mobile-on).small-height .inner-nav>ul>li>button {
    color: #595959 !important;
}
.inner-nav>ul>li>button {
    color: #aeb6b6 !important;
}
.modal-dialog {
    max-width: 700px;
    margin: 5% auto;
}
.modal-body {
    padding: 3rem;
}

/* ======================================================================== [ Phone Media ] ============================================================================== */
@media only screen and (max-width: 600px) {

    .team-carousel .owl-prev, .team-carousel .owl-next{
        top: 50%;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .table table tr td{
        font-size: 14px;
    }
    .table table th{
        font-size: 14px;
    }
    .table.accordion-1 dt a{
        font-size: 16px;
    }
    .popup-btn{
        margin-bottom: 10px;
    }
    .section-descr-extralarge {
        font-size: 24px;
    }
    .marquee-item {
        flex: 0 0 24vw;
    }
    .marquee-style-2{
        font-size: 24px !important;
    }
    .fs-23{
        font-size: 19px;
    }
    .meet-bg{  
        background-size: cover;
    }
    .col-xs-6{
        width: 50% !important;
    }
    .offering-img .offering-overlay {
        margin-bottom: 80px;
    }
    .bg-footer{
        padding-left: 4%;
        padding-right: 4%;
    }
    .subscription .add-email{
        height: 200%;
    }
    .subscription .submit-email{
        top: 3px;
        right: 2px;
        height: 160%;
        width: 30px 
    }
    .subscription .submit-email .before-submit{
        line-height: 36px;
    }
    .fw-menu li:not(:last-child) {
        margin-bottom: 6px;
    }
    .nav-logo-wrap .logo img {
        width: 80%;
    }
    .mobile-on .desktop-nav ul {
        background: #19958b;
    }
    .testimonial{
        padding-left: 0.778em;
    }
    .testimonial p{
        padding-left: 0px;
        font-size: 38px !important;
    }
    .testimonial .small{
        margin-right: 14px;
    }
    .fw-p {
        font-size: 17px;
    }
    .hs-title-1 {
        font-size: 46px;
    }
}