:root {
    --theme-primary-color: #946116;
    --theme-secondary-color: #FEC942;
    --theme-text-color: #4d4d4d;
    --theme-text-color-1: #3650A2;
    --theme-text-color-2: #63C077;
    --theme-text-color-3: #A6E6EA;
    --theme-text-color-4: #ffffff;
    --theme-bg-color: #F8F8F8;

    --color-blue-sapphire: #185C6B;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--theme-text-color);
}


.wrapper {
    margin: 15px;
}

.collapse:not(.show) {
    display: none;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}


ion-icon {
    vertical-align: middle;
}


.btn-theme-warning {
    background: var(--theme-secondary-color);
    /* font-size: 1.2rem; */
    padding: 0.5rem 2rem;
    border-radius: 0.2rem;
    font-weight: 700;
    color: var(--theme-text-color);
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

.btn-theme-warning:hover {
    background: var(--theme-text-color-4);
    color: var(--theme-text-color);
    border: 1px solid var(--theme-secondary-color);
    transition: all 0.5s ease-in-out;
}

.btn-theme-info {
    background: var(--theme-text-color-3);
    /* font-size: 20px; */
    padding: 0.5rem 2rem;
    border-radius: 0.2rem;
    border: 2px solid var(--theme-text-color-3);
    font-weight: 700;
    color: var(--theme-text-color);
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

.btn-theme-info:hover {
    color: var(--theme-text-color);
    border: 2px solid var(--theme-text-color-3);
    background: var(--theme-text-color-4);
    transition: all 0.5s ease-in-out;
}

.btn-theme-success {
    background: var(--theme-text-color-2);
    padding: 0.5rem 2rem;
    border-radius: 0.2rem;
    font-weight: 700;
    color: var(--theme-text-color-4);
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

.btn-theme-success:hover {
    color: var(--theme-text-color-2);
    background: var(--theme-text-color-4);
    border-color: var(--theme-text-color-2);
    transition: all 0.5s ease-in-out;
}

.btn-theme-white {
    background: transparent;
    padding: 0.5rem 2rem;
    border-radius: 0.2rem;
    border: 1px solid #d6d6d6;
    font-weight: 700;
    color: var(--theme-text-color);
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

.btn-theme-white:hover {
    background: var(--theme-text-color-3);
    padding: 0.5rem 2rem;
    border-radius: 0.2rem;
    font-weight: 700;
    color: var(--theme-text-color);
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}


/* ----------------------------------------------- */
/* -----------------  Top bar ---------------------*/
/* ----------------------------------------------- */
.top-bar {
    background-color: #0D7D3F;
    padding: 1rem 0;
}

.top-bar ion-icon {
    font-size: 1.1rem;
}

.top-bar ul.top-bar-left {
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-bar ul.top-bar-left ion-icon {
    margin-right: 0.4rem;
}

.top-bar ul.top-bar-left li {
    display: inline-block;
    border-right: 1px solid var(--theme-text-color-4);
    padding: 0 1rem;
}

.top-bar ul.top-bar-left li:first-child {
    padding-left: 0;
}

.top-bar ul.top-bar-left li:last-child {
    border-right: none;
    padding-right: 0;
}

.top-bar ul.top-bar-left li a {
    color: #e3e3e3;
    text-decoration: none;
}

.top-bar ul.top-bar-left li a:hover {
    color: var(--theme-text-color-4);
}

.top-bar ul.top-bar-right {
    list-style: none;
    margin: 0;
    padding: 0;
    color: var(--theme-text-color-4);
    text-align: right;
}

.top-bar ul.top-bar-right li {
    display: inline-block;
    padding: 0 1rem;
}

.top-bar ul.top-bar-right li:first-child {
    padding-left: 0;
}


.top-bar ul.top-bar-right li:last-child {
    padding-right: 0;
}

.top-bar ul.top-bar-right li.tb-social-link {
    padding: 0 0.3rem;
}

.top-bar ul.top-bar-right li.tb-social-link a {
    color: #e3e3e3;
    text-decoration: none;
}

.top-bar ul.top-bar-right li.tb-social-link a:hover {
    color: var(--theme-text-color-4);
}

.top-bar .btn-login {
    background: #A7E6EA;
    color: #2c2c2c;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.top-bar .btn-login:hover {
    background: #bdedf0;
    border-color: #bdedf0;
}

@media (max-width: 1200px) {
    .top-bar ul.top-bar-left li {
        padding: 0 0.5rem;
    }

    .top-bar ul.top-bar-right li {
        padding: 0 0.5rem;
    }

    .top-bar ul.top-bar-right li.tb-social-link {
        padding: 0 0.2rem;
    }
}

@media (max-width: 1087px) {
    .top-bar ul.top-bar-left li:nth-child(2) {
        border-right: none;
        padding-right: 0;
    }

    .top-bar ul.top-bar-left li:nth-child(3) {
        display: none;

    }
}

@media (max-width: 768px) {
    .top-bar ul.top-bar-left {
        text-align: center;
        margin-bottom: 1rem;
    }

    .top-bar ul.top-bar-left li:nth-child(2) {
        border: none;
        padding-right: 0.5rem;
    }

    .top-bar ul.top-bar-left li:nth-child(3) {
        display: inline-block;

    }

    .top-bar ul.top-bar-right {
        text-align: center;
    }
}



/* ----------------------------------------------- */
/* Top bar ends */
/* ----------------------------------------------- */


.counter {
    text-align: center;
    width: 84px;
    height: 84px;
    position: relative;
    box-sizing: border-box;
}

.counter a {
    text-decoration: none;
    color: #000;

}

.counter-USD {
    border: rgba(228, 163, 126, 1) solid 5px;
}

.arrow {
    position: absolute;
    margin: -68px -5px;
}

.counter-AED {
    border: rgba(99, 192, 119, 1) solid 5px;
}

.counter-GOLD {
    border: rgba(192, 161, 51, 1) solid 5px;
}

.counter-SILVER {
    border: rgba(231, 229, 221, 1) solid 5px;
}

.counter-BSE {
    border: rgba(151, 171, 231, 1) solid 5px;
}

.counter-NIFTY {
    border: rgba(224, 109, 73, 1) solid 5px;
}

@media(min-width:1199px) {
    .join-us-btn {
        font-size: 1em;
        padding: 0.5rem 1.5rem;
    }
}

@media(max-width:991px) {
    .counter {
        font-size: 0.9rem;
        width: 5rem;
        height: 5rem;
    }
}

@media(max-width:767px) {
    .counter {
        font-size: 0.7rem;
        width: 4rem;
        height: 4rem;
    }
}


/* ----------------------------------------------- */
/* wrapper area end */
/* ----------------------------------------------- */

/* ----------------------------------------------- */
/* marqueeroller area */
/* ----------------------------------------------- */

.marqueeroller {
  /* background-color: #FFFD78; */
  background-color: #F8DE7E;
  vertical-align: middle;
  padding: 0.5rem 0;
}

.marqueeroller a {
  text-decoration: none;
  /* color: var(--theme-primary-color); */
  color: #0000FF;
  /* color: #0; */
  margin: 0.5rem 1rem;
  font-weight: 600;
}
.marqueeroller a:hover {
  text-decoration: underline;
  text-underline-offset: 1.45px;
}

.marqueeroller p {
  margin: 0;
}


/* ----------------------------------------------- */
/* marqueeroller area end */
/* ----------------------------------------------- */



/* ----------------------------------------------- */
/* navbar area */
/* ----------------------------------------------- */

.main-navbar {
    padding: 0.7rem 0;
    background: #A7E6EA;
}

.dropdown-menu {
    background: #A7E6EA;
    padding: 0;
}

.dropdown-menu li a:hover {
    background: #93dfe4;
}

.navbar-nav .nav-item {
    padding: 0 0.9rem;
    display: block;
    text-decoration: none;
    color: var(--theme-text-color);
    font-weight: 600;
}

.navbar-nav .nav-item:nth-child(2) {
    padding: 0 0rem;

}
.navbar-nav .nav-item:nth-child(6) {
    padding: 0 0rem;

}

/* ----------------------------------------------- */
/* navbar area end */
/* ----------------------------------------------- */


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

.hero-area {
    /* background-image: url('../img/website_banners.jpg'); */
    background-size: cover;
    /* object-fit: cover; */
    padding: 5rem 0;
    height: 100%;
}

.ha-text-block {
    margin-top: 5rem;
}

.ha-text-block h1 {
    color: var(--theme-primary-color);
    font-size: 3.5rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 1rem;
    margin-top: 0;
}

.ha-text-block h4 {
    font-size: 1.2rem;
    color: var(--theme-text-color);
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.ha-text-block p {
    font-size: 1rem;
    color: var(--theme-text-color);
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1rem;
}

.ha-btn-block {
    margin-top: 5rem;
}

.whatsapp {
    position: fixed;
    bottom: 5%;
    right: 2%;
    z-index: 9999;
}

.whatsapp ion-icon {
    font-size: 2.5rem;
    background-color: #25d366;
    color: var(--theme-text-color-4);
    padding: 0.8rem;
    border-radius: 50%;
    box-shadow: 2px 2px 3px #999;
}

@media (max-width:768px) {

    .ha-text-block h1 {
        font-size: 3rem;
    }
}

@media (max-width:530px) {

    .ha-text-block {
        margin-top: 0rem;
    }

    .ha-text-block h1 {
        font-size: 2.5rem;
    }
    .whatsapp {
        right: 5%;
    }
    .whatsapp ion-icon {
        font-size: 1.5rem;
    }
}


@media (max-width:430px) {

    .ha-text-block h1 {
        font-size: 2rem;
    }
}
/* ----------------------------------------------- */
/* hero area end */
/* ----------------------------------------------- */


/* ----------------------------------------------- */
/* connected Businesses area */
/* ----------------------------------------------- */

section.connections-area {
    padding: 4rem 0 0;
}

.section-title {
    color: var(--theme-text-color-1);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.section-sub-title {
    color: var(--theme-text-color-2);
    margin-bottom: 0;
}

.connection-brands {
    background: var(--theme-bg-color);
    padding: 1rem 0;
}

.cb-slider .cb-slider-block {
    text-align: center;
}

.cb-slider img {
    display: inline-block;
}

@media (max-width: 360px) {
    section.connections-area {
        padding: 3rem 0 0;
    }
}

@media (max-width:768px) {


    .section-title {
        text-align: center;
    }

    .section-sub-title {
        text-align: center;
    }
}

/* ----------------------------------------------- */
/* Connected Businesses area ends */
/* ----------------------------------------------- */


/* ______ about section ______ */


.about-tcci {
    padding: 4rem 0 0;
    background-image: url('../img/bg/shape.png');
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-position: center; */
}

.about-tcci .about-text {
    margin: 2rem 0;
}

.slick-slider {
    padding: 1rem 0;
}
.cb-slider-block img{
    height: 8rem;
}

.about-tcci .about-text .about-btn-block {
    margin: 2rem 0;
}

.ads-area .connection-brands {
    padding: 0;
}

@media (max-width:768px) {


    .about-tcci {
        padding: 2rem 0 1rem;
    }
}

/* 
.about-text p {
    font-size: 1rem;
} */

.about-btn-block {
    margin-top: 1rem;
}

/* .about-img-block {
    margin: 2rem;
} */

.About-3 {
    width: 7rem;
    height: 6.6rem;
}
.add-img img{
    width: 100%;
    border-radius: 2rem;
}
/* ______ about section ______ */


/* ------------------ Banner Area ----------------- */
.objectives-section {
    padding: 4rem 0;
}

@media (max-width:991px) {
    .objectives-section {
        padding: 2rem 0;
    }
    .add-img img{
        width: 100%;
        border-radius: 0.5rem;
    }
}

/* ------------------ Banner Area ----------------- */

/* ------------------ Objectives Area ----------------- */
section.objectives-section {
    padding: 4rem 0;
}

@media (max-width:991px) {
    section.objectives-section {
        padding: 2rem 0;
    }
}


/* ------------------ Objectives Area ----------------- */

/* ------------------ Mission Area ----------------- */
section.mission-section {
    padding: 4rem 0;
}

@media (max-width:991px) {
    section.mission-section {
        padding: 2rem 0;
    }
}

/* ------------------ Mission Area ----------------- */

/* ------------------ Download Area ----------------- */
/* section.download-section {
    padding: 2rem 0;
} */

/* ------------------ Download Area ----------------- */

/* ------------------ Highlights Area ----------------- */
section.highlights-section {
    padding: 4rem 0 2rem;
}

.highlight-text-block {
    margin-top: 4rem;
}

.highlight-text-block .highlight-block {
    position: relative;
    border: 8px solid #BFFCE6;
    border-radius: 3rem;
    padding: 1rem 1rem;
    background: #EAFCF6;
    text-align: center;
    min-height: 16rem;
}

.highlight-block h4 {
    margin-top: 2rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0D7D3F;
}

.highlight-block p {
    margin-top: 1rem;
    color: #000000;
}

.highlight-block img {
    position: absolute;
    top: -2rem;
    left: 3rem;
    height: 4rem;
    width: 4rem;
}

.highlight-btn-block {
    margin-top: 4rem;
}

@media (max-width:1199px) {
    .highlight-block h4 {
        font-size: 1.2rem;
    }
}

@media (max-width:991px) {
    .highlight-block h4 {
        font-size: 1.5rem;
    }

    section.highlights-section {
        padding: 2rem 0;
    }
}

@media (max-width:300px) {
    .highlight-block h4 {
        font-size: 1rem;
    }
}

/* ------------------ Highlights Area ----------------- */


/* ------------------ Join Us Area ----------------- */
section.join-us-section {
    padding: 4rem 0;
    position: relative;
}

.section-text .section-title {
    color: #63C077;
}

.join-us-section .section-title {
    color: var(--theme-text-color-2);
}

.join-us-section .section-sub-title {
    color: var(--theme-text-color-4);
    font-size: 1rem;
}

.join-us-btn-block {
    margin-top: 2rem;
}

.join-us-background {
    position: absolute;
    background: var(--color-blue-sapphire);
    width: 100%;
    height: 60%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

@media (max-width: 820px) {
    section.join-us-section {
        padding: 2rem 0;
    }

    .join-us-background {
        height: 100%;
    }
}

@media (max-width: 768px) {
    .section-text {
        margin-top: 2rem;
        text-align: center;
    }
}

/* ------------------ Join Us Area ----------------- */


/* ------------------ Fund Raising Area ----------------- */
section.fund-raising {
    padding: 4rem 0 0;
}

.fund-raising-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.fr-right-block {
    background: #FDF7F1;
    padding: 2rem;
    height: 100%;
}

.fr-right-block .section-title {
    border-bottom: 1px solid var(--theme-text-color-2);
    padding: 1rem 0;
    margin-bottom: 2rem;
}

.fund-raising-form .form-floating>.form-control,
.fund-raising-form .form-floating>.form-select {
    padding-left: 1.5rem;
    /* border-color: var(--theme-primary-color); */
    border-radius: 0.5rem;
}

.fund-raising-form .form-floating>.form-control,
.fund-raising-form .form-floating>.form-select {
    height: 3.8rem;
}

.fund-raising-form .form-floating>.form-control:focus,
.fund-raising-form .form-floating>.form-select:focus {
    box-shadow: none;
}

@media (max-width: 992px) {

    section.fund-raising {
        padding: 2rem 0 0;
    }
}

@media (max-width: 768px) {
    .fund-raising-img {
        height: 100%;
    }
}

@media (max-width: 414px) {
    .fund-raising-img {
        height: 100%;
    }
}

/* ------------------ Fund Raising Area ----------------- */


/* ------------------ Teams Area ----------------- */
section.team-section {
    padding: 4rem 0 6rem;
    background-image: url('../img/bg/shape.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.teams-slider {
    height: 100%;
}

.teams-slider-block {
    margin: 0 20px;
}


.teams-block {
    position: relative;
    transition: all 0.5s ease-in-out;
}

.teams-block .teams-img-block {
    position: relative;
}

.teams-block .teams-img-block img {
    border-radius: 0.2rem;
}

.teams-block .teams-details {
    background: #E3AB6A;
    padding: 1rem 2rem;
    border-radius: 0.2rem;
    text-align: center;
    position: absolute;
    right: 1rem;
    bottom: 0rem;
    transition: all 0.5s ease-in-out;
}

.teams-block:hover .teams-details {
    right: 2.5rem;
    bottom: 1rem;
    transition: all 0.5s ease-in-out;
}


.teams-details h5 {
    color: var(--theme-text-color-4);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.teams-details p {
    margin: 0;
}


@media (max-width: 414px) {
    section.team-section {
        padding: 2rem 0 2rem;
    }
}

/* @media (max-width:1024px) {
    .teams-block .teams-details {
        padding: 0.5rem 1rem;
    }
} */

@media (max-width:991px) {


    .teams-block .teams-details {
        padding: 0.5rem 1rem;
        right: 0.8rem;
    }

    .teams-details h5 {
        font-size: 1rem;
    }

    .teams-details p {
        font-size: 0.8rem;
    }

    .teams-block:hover .teams-details {
        right: 2rem;
        bottom: 0.8rem;
        padding: 0.5rem 0.5rem;
    }
}

@media (max-width: 539px) {
    .teams-block .teams-details {
        padding: 0.3rem 0.5rem;
    }

    .teams-details h5 {
        font-size: 0.8rem;
    }

    .teams-details p {
        font-size: 0.6rem;
    }

    .teams-block:hover .teams-details {
        right: 1.5rem;
        bottom: 0.5rem;
    }
}

/* ------------------ Teams Area ----------------- */


/* ------------------ Gallery Area ----------------- */
section.gallery-section {
    padding: 4rem 0;
}

.gallery-img-block {
    overflow: hidden;
}

.gallery-img-block img {
    transition: all 0.5s ease-in-out;
}

.gallery-img-block:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}

section.gallery-section {
    padding: 4rem 0;
}

@media (max-width: 992px) {
    section.gallery-section {
        padding: 2rem 0;

    }
}

/* ------------------------------------------------------------ */
/*  ------------------ Gallery image lightbox  ---------------  */
/* ------------------------------------------------------------ */
*, ::before, ::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
   }
   
   /* body{
     background-color: #333;
     font-family: Arial, Helvetica, sans-serif;
     height: 100vh;
   } */
   
   .galerie {
     width: 80%;
     max-width: 1300px;
     margin: 70px auto 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
   }
   .item{
     width: 30rem;
     height: 20rem;
     margin: 10px;
     overflow: hidden;
     flex-shrink: 0;
   }
   
   .item img{
     width: 100%;
     height: auto;
     object-fit: cover;
   }
   
   .modal {
         display: none;
         position: fixed;
         z-index: 9999;
         padding-top: 30px;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgba(0, 0, 0, 0.9);
       }
   .modal-content {
         margin: auto;
         display: block;
         width: 80%;
         max-width: 1200px;
       }
   .close {
         color: #f1f1f1;
         position: absolute;
         top: 15px;
         right: 35px;
         font-size: 40px;
         font-weight: bold;
         transition: 0.3s;
         cursor: pointer;
       }
    .close:hover,
       .close:focus {
         color: #bbb;
         text-decoration: none;
         cursor: pointer;
       }
/* ------------------------------------------------------------ */
/*  ------------------ Gallery image lightbox  ---------------  */
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
/*  -------------------- Gallery area end  -----------------  */
/* --------------------------------------------------------- */

/* ------------------------------------------------------------ */
/*  ------------- Blogs area ---------------  */
/* --------------------------------------------------------- */
section.blogs-section {
    padding: 2rem 0;
}

.blog-area {
    /* margin-bottom: 3rem; */
    box-shadow: 0px 4px 20px #00000010;
    border-radius: 0.5rem;
}

.blog-area a {
    text-decoration: none;
}

.blog-area:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}

.blog-img-block {
    overflow: hidden;
    border-radius: 0.5rem 0 0 0.5rem;
}

.blog-img-block img {
    height: 10rem;
    object-fit: cover;
    border-radius: 0.5rem 0 0 0.5rem;
    transition: all 0.5s ease-in-out;
}

.blogs-text-block {
    padding: 1rem;
}

.blogs-text-block p {
    color: #444444;
}

.blogs-text-block p span ion-icon {
    font-size: 1.2rem
}


.blogs-text-block h4 {
    font-weight: 700;
    font-size: 1.5rem;
    color: #000000;
}

.blog-area a h4:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-style: dashed;
}

@media (max-width: 992px) {
    section.blogs-section {
        padding: 2rem 0;
    }

    .blogs-text-block p {
        font-size: small;
    }

    .blogs-text-block p span ion-icon {
        font-size: 1.2rem
    }
}

/* ------------------------------------------------------------ */
/*  ------------- Upcoming events area ---------------  */
/* --------------------------------------------------------- */
/* 
.event-outer {
    padding: 1rem;
} */

.event-area {
    border: 1px solid #efefef;
    box-shadow: 8px 8px 6px 0px #e0e0e057;
    margin-bottom: 2rem;
}

.event-area a {
    text-decoration: none;
}

.event-date {
    background: var(--theme-text-color);
    color: var(--theme-text-color-4);
    padding: 1.2rem;
}

.event-date h4 {
    font-size: 2.5rem;
    font-weight: 700;
}

.event-date p {
    font-size: 1.2rem;
    font-weight: 600;
}

.event-detail h4 a {
    text-decoration: none;
    color: var(--theme-text-color);
    font-weight: 700;
}

.event-detail h4 a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-style: dashed;
}

.event-detail p span {
    color: #EE4747;
    font-size: 1.2rem;
}

@media (max-width: 992px) {

    .event-date p {
        font-size: 1rem;
    }

    .event-detail p span {
        font-size: 1rem;
    }
}

/* ------------------ Upcoming Events Area ----------------- */

/* ------------------ Blogs Area ----------------- */


/* ------------------------------------------------------------ */
/*  ------------- Testimonials area ---------------  */
/* --------------------------------------------------------- */

section.testimonials-section {
    padding: 2rem 0;
    background: #CCF0D4;
}

.testi-left-section a {
    text-decoration: none;
}

.testi-text-block h5 {
    color: var(--theme-text-color);
    font-size: 1rem;
    margin-bottom: 1rem;
}

.testi-details h4 {
    color: #000000;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0;
}

.testi-details p {
    color: #000000;
    font-weight: 500;
    font-size: 1rem;
}

.testi-left-img-block {
    margin-top: 1rem;
    background: var(--theme-text-color-4);
    padding: 0.5rem;
    height: 7rem;
    width: 7rem;
    border-radius: 50%;
}

.testi-left-img-block img {
    height: 6rem;
    width: 6rem;
    border-radius: 50%;
}

@media (max-width: 992px) {

    .testi-left-img-block {
        margin-top: 0;
    }
}

/* ------------------ Testimonials Area ----------------- */


/* ------------------ Newsletter Section Area ----------------- */
.newsletter-area {
    padding: 2rem 0;
    background: var(--color-blue-sapphire);
}

.nls-left-block {
    border-right: 1px solid var(--theme-text-color-4);
}

.nls-left-block h4 {
    margin: 0;
    font-size: 2rem;
    font-weight: 800;
    color: var(--theme-text-color-4);
    text-align: center;
}

.nls-left-block p {
    color: var(--theme-text-color-4);
    margin: 0;
    text-align: center;
}

.nls-left-block img {
    margin: 0 1rem;
}

.nls-right-block {
    padding: 0 1.5rem;
}

.nls-right-block .form-floating>.form-control {
    padding-left: 1.5rem;
    border-radius: 0rem;
}

.btn-theme-submit {
    background: var(--theme-text-color-2);
    font-size: 1rem;
    padding: 0.9rem 1.5rem;
    border-radius: 0rem;
    font-weight: 700;
    color: var(--theme-text-color-4);
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

.btn-theme-submit:hover {
    color: var(--theme-text-color-2);
    background: var(--theme-text-color-4);
    border: 1px solid var(--theme-text-color-2);
    transition: all 0.5s ease-in-out;
}

@media (max-width: 1080px) {


    .nls-left-block h4 {
        font-size: 1.5rem;
    }

    .nls-left-block img {
        width: 4rem;
        margin: 0rem 1rem;
    }
}

@media (max-width: 1024px) {

    .nls-left-block h4 {
        font-size: 1.5rem;
    }

    .btn-theme-submit {
        padding: 0.9rem 1.1rem;

    }
}

@media (max-width: 991px) {

    .nls-left-block {
        border-right: none;
    }

    .nls-right-block {
        margin-top: 1rem;
    }
}

@media (max-width: 575px) {

    .nls-left-block img {
        margin-bottom: 1rem;
    }
}

/* ------------------------------------------------------------ */
/*  ------------- Newsletter Section area end ---------------  */
/* --------------------------------------------------------- */

/* ----------------------------------------------- */
/*  ----------- Footer area start ---------------  */
/* ----------------------------------------------- */
footer {
    padding: 4rem 0 0;
    background: var(--theme-text-color);
}

.footer-left {
    padding: 0 2rem;
}

.footer-text-block {
    margin-top: 1rem;
    padding: 0 0 2rem 1rem;
}

.footer-text-block p {
    margin: 0 0 1rem;
    color: #cbcbcb;
}

.footer-text-block h5 {
    font-size: 1rem;
    margin: 0 0 2rem;
    color: #cbcbcb;
}

.footer-text-block ul {
    padding: 0;
    list-style: none;
}

.footer-text-block ul li {
    margin-bottom: 1rem;
}

.footer-text-block ul li a {
    text-decoration: none;
    color: #cbcbcb;
}

.footer-text-block ul li a:hover {
    color: var(--theme-text-color-4);
}

.footer-social-links {
    padding: 1rem 0;
    border-top: 1px solid var(--theme-text-color-4);
}

.footer-social-links p {
    color: var(--theme-text-color-4);
    margin-left: 5%;
}

.footer-social-links a {
    text-decoration: none;
    padding: 0 0.5rem;
}

.footer-social-links a ion-icon {
    font-size: 1.5rem;
    color: #afafaf;
}

.footer-social-links a ion-icon:hover {
    color: var(--theme-text-color-4);
}

.footer-right h4 {
    color: var(--theme-text-color-4);
    font-weight: 700;
}

.footer-right ul li {
    color: #cbcbcb;
}

.footer-right ul li a {
    text-decoration: none;
    color: #cbcbcb;
    font-size: 1.2rem;
}

.footer-right ul li a:hover {
    color: var(--theme-text-color-4);
}

.footer-bottom {
    padding: 1rem 0;
    background: #2A2A2A;
    color: var(--theme-text-color-4);
}

.footer-bottom p {
    margin: 0;
}

@media (max-width: 576px) {
    .footer-right {
        margin-left: 10%;
    }

    .footer-left {
        padding: 0 0.5rem;
    }

    .footer-right ul li {
        margin-left: 10%;
    }

    .footer-text-block ul li:nth-child(2) {
        font-size: 0.9rem;
    }
    .footer-text-block {
        padding: 0;
    }
}

/* ----------------------------------------------- */
/*  ------------- Footer area end ---------------  */
/* ----------------------------------------------- */

/* ----------------------------------------------- */
/*  ---------  Login page start ---------------  */
/* ----------------------------------------------- */

.login-hero-area {
    background-image: url('../img/loginpage/login-hero.jpg');
    background-size: cover;
    height: 38rem;
}

.login-head-title {
    font-size: 3rem;
    font-weight: 800;
    color: #fff;
}

.form {
    margin-top: 3rem;
    padding: 2rem 2rem;
    background-color: rgb(255, 255, 255, 0.8);
    box-shadow: rgba(132, 130, 130, 0.405) 0px 1px 20px 0px;
}

.form a {
    text-decoration: none;
    font-size: small;
}
.form a:last-child{
    margin: 0;
    color: #fff;
    font-size: 1rem;
}

.login-heading h3 {
    color: rgba(54, 80, 162, 1);
    font-weight: 900;
    margin-left: 16px;
}

.login-heading img {
    width: 23px;
    margin-left: -66px;
}

.login-heading p {
    font-size: small;
}

.login-btn-1 {
    width: 75%;
    border-radius: 12px;
    background-color: rgba(99, 192, 119, 1);
}

.login-btn-2 {
    width: 75%;
    border-radius: 12px;
    background-color: #0d6efd;
}

.input-1 {
    border: 0;
    outline: none;
    margin-left: 4px;
    width: 95%;
}

.input-2 {
    border: 0;
    outline: none;
    margin-left: 4px;
    width: 80%;
}

.email {
    border: #393636 solid 1px;
    border-radius: 8px;
    background-color: #fff;
}

.password {
    border: #393636 solid 1px;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
}

.eye-visible {
    position: absolute;
    padding-top: 2px;
    right: 3%;
}

.eye-invisible {
    position: absolute;
    padding-top: 2px;
    width: 24px;
    display: none;
    right: 3%;
}

.register p{
    color: rgba(39, 55, 147, 1);
    position: relative;
}

.register p:before{
    content:" ";
    display: block;
    height: 2px;
    width: 15%;
    position: absolute;
    top: 50%;
    left: 0;
    background: rgb(44, 42, 42);
  }
  .register p:after{
      content:" ";
      display: block;
      height: 2px;
      width: 15%;
      position: absolute;
      top: 50%;
      right: 0;
      background: rgb(44, 42, 42);
    }




@media (max-width: 991px) {

    .login-head-title {
        font-size: 2.5rem;
        text-align: center;
    }

    .login-hero-area {
        height: 40rem;
    }

    .form {
        margin-top: 1rem;
        margin-left: 0rem;
    }

    .register {
        position: relative;
        padding: 2px 10px;
        background-color: rgba(0, 0, 0, 0);
    }
    .register p:before{
        content:" ";
        background: rgba(44, 42, 42, 0);
    }
    .register p:after{
        content:" ";
        background: rgba(44, 42, 42, 0);
    }
}

@media (max-width: 767px) {
    .register p:before{
        content:" ";
        width: 20%;
        background: rgba(44, 42, 42);
    }
    .register p:after{
        content:" ";
        width: 20%;
        background: rgba(44, 42, 42);
    }
}
@media (max-width: 589px) {

    .login-hero-area {
        height: 45rem;
    }
}

@media (max-width: 575px) {

    .login-hero-area {
        height: 42rem;
    }
}

@media (max-width: 360px) {

    .login-hero-area {
        height: 42rem;
    }

    .login-head-title {
        font-size: 1.5rem;
    }

    .form {
        width: 19rem;
    }

    .input {
        width: 11rem;
    }

    .login-btn-1 {
        max-width: 14rem;
    }

    .login-btn-2 {
        width: 14rem;
    }

    .form a {
        margin-left: 8rem;
    }

    .register {
        margin-left: 13px;
    }

    .form a {
        margin-left: 6rem;
    }
    .register p:before{
        content:" ";
        background: rgba(44, 42, 42, 0);
    }
    .register p:after{
        content:" ";
        background: rgba(44, 42, 42, 0);
    }
}

/* ----------------------------------------------- */
/*  ----------  Login page end ---------------  */
/* ----------------------------------------------- */

/* ----------------------------------------------- */
/*  ---------  Projects page start ---------------  */
/* ----------------------------------------------- */


.breadcrumb {
    background-image: url(../img/projects/breadcrumb.jpg);
    background-size: cover;
    padding: 4rem;
    height: 100%;
    margin: 0;
}

.breadcrumb h3 {
    display: flex;
    justify-content: space-around;
    color: #fff;
    font-weight: 700;
}

.breadcrumb .links {
    text-align: center;
    background-color: #A6E6EA;
    padding: 0.8rem 3rem;
}

.breadcrumb .links a {
    font-size: large;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    padding: 0.2rem;
}

.ongoing-projects {
    border-right: 1px solid #bdbdbd;
}

.ongoing-projects h2 {

    color: rgba(54, 80, 162, 1);
    font-weight: 800;
}

.Distribution h2 {
    color: rgba(54, 80, 162, 1);
    font-weight: 800;
}

.Distribution h3 {
    font-weight: 600;
}


.cart {
    padding: 1rem;
    margin: 1rem 1rem 0 0rem;
    display: flex;
    align-items: center;
}

.cart img {
    padding: 0.7rem 0;
    width: 6rem;
    height: 100%;
    object-fit: cover;
}

.cart-text h4 {
    font-weight: 600;
    font-size: 1.3rem;
}

.cart-text p {
    font-size: small;
    font-weight: 600;
    margin: 0;
}

.cart:hover {
    background-color: #A6E6EA;
}

.cart:active {
    background-color: #A6E6EA;
}


.Distribution h4 {
    font-weight: 600;
}

.total-cart {
    background-color: rgba(76, 193, 147, 1);
    border: 6px rgba(255, 244, 227, 1) solid;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10rem;
    padding: 2.7rem 0.5rem;
    height: 10rem;
}

.total-cart p {
    margin: 0;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 800;
}

.total-cart-text {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    width: 10rem;
}

@media (max-width:1199px) {

    .cart img {
        padding: 0.5rem 0.5rem;
    }

    .cart-text h4 {
        font-size: 1rem;
        margin: 0.5rem 0;
    }

    .cart-text p {
        font-size: 0.7rem;
        margin: 0;
        align-self: center;
    }

    .Distribution .btn-theme-warning {
        font-size: 0.9rem;
    }
}


@media (max-width:767px) {

    .ongoing-projects {
        border-right: none;
    }

    .total-cart {
        height: 12rem;
        width: 12rem;
    }

    .total-cart-col {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .total-cart p {
        font-size: 2.5rem;
    }

    .total-cart-text {
        font-size: 1.5rem;
        width: 14rem;
    }
}

@media (max-width:360px) {

    .cart img {
        width: 8.5rem;
    }

    .align-items-center cart-row {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .cart-text {
        width: 100%;
    }
}


/* ----------------------------------------------- */
/*  ----------  Projects page end ---------------  */
/* ----------------------------------------------- */

/* ----------------------------------------------- */
/*  ---------  commircial page start ---------------  */
/* ----------------------------------------------- */
.nav-pills {
    padding: 4rem 5rem;
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    color: rgba(77, 77, 77, 1);
    font-weight: 700;
    font-size: 1.5rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: rgba(166, 230, 234, 1);
    color: rgba(77, 77, 77, 1);
    font-weight: 700;
    font-size: 1.5rem;
    border-radius: 2.3rem;
}

.category {
    padding: 0.42rem;
    border: 0.75px solid rgb(205, 198, 198);
    border-radius: 0rem;
}

.search input {
    padding: 0.48rem;
    border: 0.75px solid rgb(205, 198, 198);
    width: 100%;
}

.Submit a {
    padding: 0.6rem 0.3rem;
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    font-size: 1rem;
    background-color: rgba(99, 192, 119, 1);
    border-radius: 1px;
    border: none;
}

@media (max-width:460px) {
    .nav-pills {
        padding: 4rem 1rem;
    }

    .nav-fill .nav-item,
    .nav-fill>.nav-link,
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        font-size: 1rem;
    }
}

/* ------------------- table  -------------------------------- */

section.general-directory {
    padding: 1rem 0;
}

.page-toggle {
    padding: 2rem 0;
}

section.general-directory thead {
    background-color: rgba(39, 55, 147, 1);
    color: #fff;
    font-weight: 400;
    text-align: center;
}

.table>:not(caption)>*>* {
    padding: 1.5rem 0.2rem;
}

.general-directory table tbody tr {
    background-color: rgba(237, 238, 244, 1);
    margin-bottom: 2rem !important;
}

.pagination a {
    text-decoration: none;
    color: black;
    padding: 0.3rem 0.5rem;
}

.pagination a:hover {
    background-color: #A6E6EA;
}

section.premium-directory {
    padding: 1rem 0;
}

.alif-left-block {
    border-bottom: 1px solid #969696;
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.alif-img-col {
    border-right: #545353 solid 1px;
}

.alif-img-col img {
    align-items: center;
}

.alif h5 {
    color: #273793;
    font-weight: 700;
}

.alif h5 span {
    color: #4D4D4D;
    font-size: 1rem;
}

.alif p {
    margin-bottom: 0.5rem;
}

.alif p img {
    width: 20px;
}

.alif a {
    font-size: 0.1rem;
}

.alif-btn .btn-theme-success {
    padding: 0.5rem 2rem;
}

.alif-btn .btn-theme-warning {
    padding: 0.5rem 2rem;
}

.alif-text-col .employee {
    border: #000000 solid 0.75px;
    padding: 0.2rem 0.5rem;
    margin: 0rem 0.3rem;
    border-radius: 20px;
}

.alif-text-col h6 {
    font-weight: 700;
    margin-top: 1rem;
    color: black;
}

.assured {
    background: var(--theme-text-color-2);
    padding-right: 1.5rem;
    border: #ECECEC 2px solid;
    position: relative;
    text-align: end;
}

.assured img {
    position: absolute;
    top: -0.6rem;
    left: 6.3rem;
}

.alif-right-block img {
    margin: 1rem 0;
}

@media (max-width:1200px) {
    .alif-btn .btn-theme-success {
        padding: 0.5rem 1rem;
        text-align: center;
    }
}

@media (max-width:991px) {

    .alif-left-block {
        border: none;
    }

    .alif-img-col {
        border-right: none;
        margin-bottom: 1rem;
    }

    .nav-pills {
        padding: 1rem 2rem;
    }
}

@media (max-width:511px) {

    .alif h5 {
        margin-top: 0.8rem;
        text-align: center;
    }

    .alif-img-col {
        text-align: center;
    }

    .alif-btn .btn-theme-warning {
        display: block;
        padding: 0.5rem 0.8rem;
    }

    .alif-btn .btn-theme-success {
        display: block;
        padding: 0.5rem 0.8rem;
    }

    .alif-text-col .service-badge {
        display: flex;
        flex-wrap: wrap;
    }

    .alif-text-col .service-badge .employee {
        margin: 0.3rem;
    }

    .assured {
        text-align: start;
        margin-top: 0.8rem;
    }
}

/* ----------------------------------------------- */
/*  ----------commircial page end ---------------  */
/* ----------------------------------------------- */

/* ----------------------------------------------- */
/*  ---------  Company page start ---------------  */
/* ----------------------------------------------- */

.company-hero-2 {
    position: relative;
}

.alif-rounded img {
    position: absolute;
    width: 33%;
    top: -10rem;
}

.company-hero-2 h2 {
    color: #273793;
    font-weight: 700;
}

.company-hero-2 h2 span {
    color: #4D4D4D;
    font-size: 1rem;
}

.company-hero-2 p {
    margin-bottom: 0.5rem;
}

.company-hero-2 p img {
    width: 20px;
}

.company-hero-2 .btn-theme-success {
    font-size: 0.9rem;
    padding: 0.5rem 0.8rem;
}

.company-hero-2 .Hands img {
    height: 80%;
    object-fit: cover;
}

.products .card {
    border: none;
    box-shadow: #c9c8c8 -1px -1px 20px;
    margin: 1rem;
}

.card .card-title {
    color: #3650A2;
}

.card-text {
    color: #4D4D4D;
}

.card .price {
    color: #63C077;
}

@media (max-width:991px) {

    .alif-rounded img {
        top: -7rem;
    }
}

@media (max-width:767px) {
    .company-hero-2 .Hands img {
        height: 96%;
    }

    .alif-rounded img {
        top: -5rem;
    }
}

@media (max-width:424px) {

    .alif-rounded img {
        top: -3rem;
        width: 28%;
    }
}

    /* ----------------------------------------------- */
    /*  ---------  Company page end ---------------  */
    /* ----------------------------------------------- */


    /* ----------------------------------------------- */
    /*  ---------  services page start ---------------  */
    /* ----------------------------------------------- */

.Other-Programs-section{
    padding: 4rem 0 0;
}
.service {
    border: none;
    border-radius: 0;
    min-height: 18rem;
}

.bottom-border {
    height: 4px;
    background: #A6E6EA;
    position: relative;
    border-radius: 4px;
}

.bottom-border .dark-green {
    height: 4px;
    width: 20%;
    background: #50C497;
    position: absolute;
    left: 80%;
    border-radius: 4px;
}

.service-icon img {
    width: 3.5rem;
    background: rgb(98, 216, 170);
    background: linear-gradient(180deg, rgba(98, 216, 170, 1) 0%, rgba(2, 116, 72, 1) 100%);
    border: 2px solid #FFF4E3;
    padding: 8px 8px;
    border-radius: 0.5rem;
}

.service .card-title {
    color: #2c2c2c;
    font-weight: 700;
}

.green-arrow {
    position: absolute;
    top: 80%;
    left: 80%;
    transform: translate(20%, 10%);
}

.service .card-body {
    padding: 0px;
    padding-left: 1rem;
    padding-right: 2rem;
}

@media (max-width:991px) {
    .service-row {
        justify-content: center;
    }
}

@media (max-width:380px) {

    .service .card-body {
        padding-right: 0.6rem;
        padding-bottom: 1.5rem;
    }

    .green-arrow img {
        width: 2.5rem;
    }

    .green-arrow {
        top: 83%;
    }
}


    /* ----------------------------------------------- */
    /*  ---------  services page start ---------------  */
    /* ----------------------------------------------- */
    

/* ----------------------------------------------- */
/*  ------------  About page ---- ---------------  */
/* ----------------------------------------------- */

.Nisar h5 {
    font-size: 1rem;
}

.Nisar p {
    font-size: 0.7rem;
}

.about-p .about-num h2 {
    font-size: 3rem;
    color: #63C077;
}

.about-num-3 {
    background: #FBEFDD;
    border-radius: 1rem;
}

@media (max-width:767px) {

    .about-p .about-num h2 {
        font-size: 2.5rem;
    }
}

@media (max-width:414px) {

    .about-p h4 {
        font-size: 1rem;
    }

    .about-p .about-num h2 {
        font-size: 2rem;
    }
}

/* ----------------------------------------------- */
/*  ------------  About page end ----------------  */
/* ----------------------------------------------- */


/* ----------------------------------------------- */
/*  ------------  Membership page ---------------  */
/* ----------------------------------------------- */

.welcome-membership {
    padding: 4rem 0 2rem;
    background-image: url('../img/bg/shape.png');
}

.welcome-img-block {
    margin: 0 2rem;
}

.extra-benifits {
    padding: 1rem 0;
    background: #FAFAFA;
}

.extra-benifits .btn {
    width: 25rem;
    margin:1rem 1rem;
}

.subscriptions ol li {
    padding: 0.5rem;
}

.subscriptions .membership-head {
    display: flex;
    justify-content: space-evenly;
    padding-left: 1rem;
    padding-right: 2rem;
}

.subscriptions .membership-head li {
    list-style: none;
    color: rgba(54, 80, 162, 1);
    padding: 0.5rem;
}

.subscriptions .membership-head li h6 {
    font-weight: 700;
}

.subscriptions .membership-body {
    display: flex;
    justify-content: space-between;
    background: rgba(243, 243, 243, 1);
    list-style: none;
    font-weight: 600;
    padding-left: 1rem;
    padding-right: 2rem;
}

.subscriptions .membership-body li {
    padding: 0.5rem;
    width: 33%;
}

@media (max-width:991px) {

    .subscriptions .membership-body {
        font-size: 0.7rem;
    }
}

@media (max-width:767px) {
    .extra-benifits .btn {
        width: 100%;
    }

    .section-heads {
        margin-top: 1rem;
    }
}

@media (max-width:439px) {
    .welcome-membership {
        padding: 1rem 0 1rem;
    }
    .subscriptions .membership-head li h6 {
        font-size: 0.9rem;
    }
    .subscriptions .membership-head {
        text-align: center;
    }

    .subscriptions .membership-body {
        padding-right: 0rem;
        padding-left: 0rem;
    }
}

/* ----------------------------------------------- */
/*  ------------  Membership page end------------  */
/* ----------------------------------------------- */

/* ----------------------------------------------- */
/*  ------------  contect-us page ---------------  */
/* ----------------------------------------------- */

.contect-us .card {
    border: 1px solid #A6E6EA;
    min-height: 17rem;
    
}

.admin .card {
    border: 1px solid #A6E6EA;
    min-height: 14rem;
    display: flex;
    align-items: center;
    
}
.contect-us .card h5 {
    color: #3650A2;
    font-weight: 600;
}

.contect-us .card ion-icon {
    font-size: 2.5rem;
    margin: 1rem;
    background: linear-gradient(180deg, rgba(98, 216, 170, 1) 0%, rgba(2, 116, 72, 1) 100%);
    color: #ffffff;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

.contect-us .card a {
    text-decoration: none;
    color: #272727;
}

section.enquiry-section {
    background: #FDF7F1;
}

@media (max-width:991px) {

    .contect-us .card {
        min-height: 19rem;
    }

    .contect-us .card a {
        font-size: 0.8;
    }
}

@media (max-width:767px) {

    .contect-us .card {
        min-height: 10rem;
        margin: 1rem;
    }
}

/* ----------------------------------------------- */
/*  ------------  contect-us page end------------  */
/* ----------------------------------------------- */


/* ----------------------------------------------- */
/*  ------------  halal page --------------------  */
/* ----------------------------------------------- */

.halal-hero-area {
    background-image: url('../img/halal-page-services/welcome-image.jpg');
    background-size: cover;
    padding: 4rem 0;
    height: 80%;
}


.halal-ads img {
    width: 6rem;
    height: 8rem;
    object-fit: cover;
}

.buy-price {
    margin: 2rem 0 1rem;
}

.slick-slide {
    text-align: center;
}

.slick-slide img {
    display: inline;
}

.halal-ads .buy-price span {
    font-size: 0.8rem;
    margin: 0 0.2rem;
}

.halal-ads .buy-price .buy {
    padding: 0.3rem 0.5rem;
    background: #273793;
    color: var(--theme-text-color-4);
    font-size: 1rem;
}

.vision-sec .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.vision-box {
    position: relative;
    box-shadow: #dddbdb 2px 2px 20px;
    padding: 4.5rem 0.5rem 0;
    margin: 6rem 0 0;
    border-radius: 0.5rem;
}

.vision-box img {
    width: 6rem;
    height: 6rem;
    background: #51C698;
    padding: 2rem 1.5rem;
    border-radius: 50%;
    border: 0.3rem solid var(--theme-text-color-3);
    position: absolute;
    left: 33%;
    top: -3rem;
}

.vision-box p {
    text-align: justify;
}


.halal-services {
    padding: 4rem 0 2rem;
}

.halal-services h3,
h6 {
    margin-bottom: 0;
    font-weight: 600;
}

.halal-services p {
    margin-bottom: 0;
}

.certification {
    padding: 4rem 0 0;
}

.certification .certification-text {
    padding: 3.5rem;
}

.certification .certification-text h3 {
    font-weight: 600;
}

.certification .certification-img img {
    height: 100%;
    object-fit: cover;
}

.certification .certification-text ul li p {
    margin: 0;
}

.prosecc-text h3 {
    font-weight: 700;
}

.process ul li p {
    margin: 0;
}

.process ul li p span {
    font-weight: 700;
}

.process .btn {
    margin-top: 2rem;
}

@media (max-width:1199px) {

    .vision-box img {
        left: 28%;
    }
}

@media (max-width:991px) {

    .certification {
        padding: 2rem 0 0;
    }
}

@media (max-width:575px) {

    .vision-box {
        margin: 6rem 2rem 0;
    }

    .vision-box img {
        left: 40%;
    }
}

@media (max-width:480px) {

    .vision-box img {
        left: 38%;
    }
}

/* ----------------------------------------------- */
/*  ------------  halal page end------------  */
/* ----------------------------------------------- */


/* ----------------------------------------------- */
/*  ------------  membership_form page ----------  */
/* ----------------------------------------------- */

.category-tick input{
    font-size: 2rem;
}
.accordion-body {
    padding: 0;
}
.extra-benifits .btn-theme-info{
    display: block;
    width: 25rem;
}
.parsley-errors-list{
    list-style: none;
    padding-left: 0;
    font-size: 0.9rem;
    color: red;
}
@media (max-width:992px) {
    .extra-benifits .btn {
        width: 100%;
        margin:1rem 0;
    }
    .extra-benifits .btn-theme-info{
        display: inline;
        width: 100%; 
    }
}
.about-text-block .icons{
    margin: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-text-block .ion-icon ion-icon{
    font-size: 2rem;
    color: #ffffff;
    padding: 1rem;
    border-radius: 0.5rem;
    background: #3650A2;
}
@media print {
    .marqueeroller,.wrapper,.whatsapp,.newsletter-area, .btn , .main-navbar,footer{
        display: none;
    }
}

/* fixed button in  Header Marquee */

.fixed-button {
    position: relative;
    bottom: 40px;
    background-color: #007bff;
    color: white;
    padding: 5px 5px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.fixed-button span {
    margin-left: 10px;
    font-size: 1.2em;
}