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

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Color Variable */
:root{
    --color-white:#ffffff;
    --color-black:#15142a;
    --color-dark-green:#4EA464;
    --color-light-green:#67e464;
}


html{
    scroll-behavior: smooth;
}


body{
    font-size: 16px;
    color: var(--color-black);
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
}

a,
svg {
    text-decoration: none;
    display: inline-block;
}
ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

h2{
    font-size: 40px;
    font-weight: 700;
}
/* ===================   Component Start ================= */
.siteBtn{
    padding: 10px 30px;
    border-radius: 15px;
    font-weight: 700;
    font-size: 20px;
}


.siteBtn-s {
  padding: 7px 20px;
    font-size: 17px;
    border-radius: 8px;
    font-weight: 700;
}

.greenBtn{
    color: var(--color-white);
    background: rgb(103,228,100);
    background: -moz-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: -webkit-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67e464",endColorstr="#4ea464",GradientType=1);
    transition: background 0.5s ease;
}

.greenBtn:hover{
    background: rgb(78,164,100);
    background: -moz-linear-gradient(90deg, rgba(78,164,100,1) 0%, rgba(78,164,100,1) 0%, rgba(103,228,100,1) 59%);
    background: -webkit-linear-gradient(90deg, rgba(78,164,100,1) 0%, rgba(78,164,100,1) 0%, rgba(103,228,100,1) 59%);
    background: linear-gradient(90deg, rgba(78,164,100,1) 0%, rgba(78,164,100,1) 0%, rgba(103,228,100,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4ea464",endColorstr="#67e464",GradientType=1);
}


.siteBtn-white-s {
    padding: 7px 30px;
    font-size: 17px;
    border-radius: 8px;
    font-weight: 700;
}
.whiteBtn {
    background-color: var(--color-white);
    color: var(--color-dark-green);
}


/* ===================Component End   ===================== */


/* =====================    TOP SECTION OPEN  ========================= */
.topBar {
    background: rgb(103,228,100);
    background: -moz-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 21%);
    background: -webkit-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 21%);
    background: linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 21%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67e464",endColorstr="#4ea464",GradientType=1);
    min-height: 40px;
}
.topBar__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topBar p, .topBar a {
    margin-bottom: 0;
    color: var(--color-white);
    font-weight: 600;
    font-size: 14px;
}



/* =====================    HEADER SECTION OPEN  ========================= */
.navbar {
    position: fixed;
    width: 100%;
    z-index: 100;
    padding-top: 25px;
    top: 0;
    margin-top: 66px;
    transition: all .5s ease-in-out;
}
 .navbar .navbar-brand  img {
     max-width: 200px;
 }

 .navbar-toggler-icon2 {
     max-width: 40px;
 }
.navbar .navbar-toggler {
    border: 0;
}

.navbar.scrollNav{
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: var(--color-black);
}
.navbar .navbar-toggler:focus {
    box-shadow: unset;
}

.navbar .nav-item .nav-link {
    color:var(--color-white);
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.navbar .offcanvas-header ,
.navbar .offcanvas-body {
  background-color: var(--color-dark-green);
}

 /* =====================    HEADER SECTION CLOSE  ========================= */

/* =====================    TOP SECTION CLOSE  ========================= */

/*   =====================    HERO SECTION OPEN  =========================  */
.heroWrap {
    position: relative;
   background: url("../images/banner-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height:95vh;
    display: flex;
    align-items: center;
}

.heroWrap .hero__half__crypto {
    position: absolute;
    top:0;

}

.heroWrap .hero__half__crypto img {
    max-width:250px;
}


.heroWrap .hero__full__crypto {
    position: absolute;
    bottom:-17%;
    right: 80px;

}

.heroWrap .hero__full__crypto img {
    max-width:250px;
}




.heroWrap .hero__caption {
    margin-top: 120px;
}

.heroWrap .hero__caption p {
    color: var(--color-white);
    font-size: 23px;
}
.heroWrap .hero__caption h1{
    color: var(--color-white);
    font-size: 74px;
    font-weight:700;
}
.heroWrap .hero__caption h1 > span {
    color: var(--color-dark-green);
    text-transform: uppercase;
}

/*   =====================    HERO SECTION CLOSE  =========================  */




/*   =====================    THE NEXT GENERATION SECTION OPEN  =========================  */
.nextGeneration {
    margin-top: 60px;
}
.nextGeneration .nextGeneration__box {
    position: relative;
    padding: 30px;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 15px;
}

.nextGeneration .nextGeneration__box:hover{
    background: rgb(103,228,100);
    background: -moz-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 21%);
    background: -webkit-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 21%);
    background: linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 21%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67e464",endColorstr="#4ea464",GradientType=1);
}

.nextGeneration .nextGeneration__box::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(to right, #67e464, #4ea464);
    z-index: -1;
    border-radius: 15px; /* Adjust if you want rounded corners */
}

.nextGeneration .nextGeneration__box::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: white; /* Background color of the button */
    z-index: -1;
    border-radius: 15px; /* Adjust if you want rounded corners */
}


.nextGeneration .nextGeneration__box:hover  .nextGeneration__icon .greenLogo {
   display: none;
}
.nextGeneration .nextGeneration__box  .nextGeneration__icon .hoverImg {
display: none;
}

.nextGeneration .nextGeneration__box:hover  .nextGeneration__icon .hoverImg {
    display: block;
}

.nextGeneration .nextGeneration__box  .nextGeneration__icon {
    border: 2px solid var(--color-light-green);
    width: 80px;
    height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 30px;
}

.nextGeneration .nextGeneration__box:hover  .nextGeneration__icon {
    border: unset;
}



.nextGeneration .nextGeneration__box  .nextGeneration__icon img {
    max-width: 50px;
}

.nextGeneration .nextGeneration__box h3{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}


.nextGeneration .nextGeneration__box:hover h3,
.nextGeneration .nextGeneration__box:hover p{
    color: var(--color-white);
}

.nextGeneration__left h2 > span{
    color: var(--color-dark-green);

}

.nextGeneration__left p{
    margin-block: 20px;
}


/*   =====================    THE NEXT GENERATION SECTION CLOSE  =========================  */


/*   =====================    Simple and Safe Way SECTION OPEN  =========================  */
.simpleWay {
    margin-top: 60px;
}
.simpleWay .simpleWay__right h2 {
    padding-bottom: 15px;
}
.simpleWay .simpleWay__right h2 > span {
    color: var(--color-dark-green);
}



.simpleWay .simpleWay__left {
    position: relative;
}
.simpleWay .simpleWay__left  .playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.simpleWay .simpleWay__left  .playBtn img {
    max-width: 80px;
}

.simpleWay .simpleWay__left .glightbox3 {
    position: relative;
    padding: 20px;

}

.simpleWay .simpleWay__left .videoCoverImg
{
    border-radius: 30px;

    box-shadow: -2px -2px 19px 0px rgba(78,164,100,0.75);
    -webkit-box-shadow: -2px -2px 19px 0px rgba(78,164,100,0.75);
    -moz-box-shadow: -2px -2px 19px 0px rgba(78,164,100,0.75);
}
.simpleWay .simpleWay__left .glightbox3::before {
    content: '';
    position:absolute;
    left: 0;
    top: 0;
    height: 100%;
    width:calc(100% - 50%);
    border-radius: 30px 0 0 30px;
    z-index: -1;

    background: rgb(103,228,100);
    background: -moz-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: -webkit-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67e464",endColorstr="#4ea464",GradientType=1);

}

.simpleWay .simpleWay__left .dubaiCity{
    border-radius: 30px;
    box-shadow: -2px -2px 19px 0px rgba(78,164,100,0.75);
    -webkit-box-shadow: -2px -2px 19px 0px rgba(78,164,100,0.75);
    -moz-box-shadow: -2px -2px 19px 0px rgba(78,164,100,0.75);
}

.simpleWay .simpleWay__left .cityImage {
    position: relative;
    padding: 20px;

}
.simpleWay .simpleWay__left .cityImage::before {
    content: '';
    position:absolute;
    right: 0;
    top: 0;
    height: 100%;
    width:calc(100% - 50%);
    border-radius: 0 30px  30px 0;
    z-index: -1;

    background: rgb(103,228,100);
    background: -moz-linear-gradient(270deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: -webkit-linear-gradient(270deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: linear-gradient(270deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67e464",endColorstr="#4ea464",GradientType=1);
}


    /*   =====================    Simple and Safe Way SECTION CLOSE  =========================  */



/*   =====================    slider  SECTION OPEN  =========================  */

.slider {
    margin-top: 60px;
}

.slider .slider__heading h3{
    font-size: 30px;
    font-weight: 700;
}

.slider .slider__heading h3 > span {
    color: var(--color-dark-green);
}


.sliderWrap {
    margin-top: 50px;
    margin-left: 100px;
}

.sliderWrap  .simpleSecure .swiper-slide {
    border: 5px solid transparent;
    min-height: 500px;
    max-height: 500px;
    border-radius: 30px;
    overflow: hidden;
    isolation: isolate;

}
.sliderWrap  .simpleSecure .swiper-slide img {
    width: 100%;
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
    object-position: center;
}


.sliderWrap  .simpleSecure .swiper-slide  .swiper__info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-inline: 20px;
}
.sliderWrap  .simpleSecure .swiper-slide  .swiper__info {
    z-index: 2;
    width: 100%;
}
.sliderWrap  .simpleSecure .swiper-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(21,20,42,.5);
    height: 100%;
    width: 100%;
}

.sliderWrap  .simpleSecure .swiper-slide  .swiper__info {
    text-align: center;
}

.sliderWrap  .simpleSecure .swiper-slide  .swiper__info h4{
   color: var(--color-white);
    font-size: 35px;
    font-weight: 700;
}

.sliderWrap  .simpleSecure .swiper-slide  .swiper__info p {
    color: var(--color-white);
    font-size: 17px;
}


.swiper__hoverInfo {
    display: none;
}
.sliderWrap  .simpleSecure .swiper-slide:hover .swiper__hoverInfo {
    display: block;
}
.sliderWrap  .simpleSecure .swiper-slide:hover {
   border: 5px solid var(--color-dark-green);
}


.sliderWrap  .simpleSecure .swiper-slide:hover  .swiper__info h4 {
    color: var(--color-dark-green);
}
/*   =====================    slider  SECTION CLOSE  =========================  */


/*   =====================    Simple & Secure  SECTION OPEN  =========================  */

.simpleSecure {
    margin-top: 60px;
}
.simpleSecure  .simpleSecure__left {
    position: relative;
}
.simpleSecure  .simpleSecure__left  .absoluteImg {
    position: absolute;
    bottom: 120px;
    right: -120px;
    z-index: 4;
}

.simpleSecure  .simpleSecure__left  .absoluteImg img {
    max-width: 400px;
}

.simpleSecure  .simpleSecure__left  .simLeftImg img {
    border-radius: 30px;
    object-fit: cover;
    width: 100%;
    max-height: 800px;
    min-height: 800px;
}
.simpleSecure  .simpleSecure__left  .simLeftImg {
    position: relative;
    padding: 10px;
    z-index: 3;

}

.simpleSecure  .simpleSecure__left .simLeftImg::before {
    content: '';
    position:absolute;
   left: 0;
    top: 0;
    height:60%;
    width:100%;
    border-radius: 30px 30px 0  0;
    z-index: -1;

    background: rgb(103,228,100);
    background: -moz-linear-gradient(270deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: -webkit-linear-gradient(270deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: linear-gradient(270deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67e464",endColorstr="#4ea464",GradientType=1);
}


.simpleSecure .simpleSecure__right {
    padding-top: 20px;
}

.simpleSecure .simpleSecure__right h2 > span{
    color: var(--color-dark-green);
}
.simpleSecure .simpleSecure__right ul {
    padding-block: 15px;
}
.simpleSecure .simpleSecure__right ul li {
    font-size: 20px;
    font-weight: 700;
    line-height: 2.5;
    position: relative;
    padding-left: 20px;

}

.simpleSecure .simpleSecure__right ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 7px;
    width: 7px;
    border-radius: 100%;
    background: var(--color-dark-green);
}

/*   =====================    Simple & Secure  SECTION CLOSE  =========================  */

/*   =====================   Calculator  SECTION CLOSE  =========================  */
.calculator {
    background: url("../images/calculator-bg.jpg");
    background-position: center center;
    background-size: cover;
    margin-top: -80px;
    position: relative;
    padding-block: 120px;

}
.calculator  .calculator__left h2{
    color: var(--color-white);
    padding-block: 15px;
}

.calculator  .calculator__left h2 > span{
    color: var(--color-dark-green);
    text-transform: uppercase;
}

.calculator  .calculator__left p{
    color: var(--color-white);
}

.calculator .calc__fancy__rightTop {
    position: absolute;
    right: 80px;
    top: 10px;
}

.calculator .calc__fancy__rightTop img , .calculator .calc__fancy__left  img{
    max-width:160px;


}

.calculator .calc__fancy__left {
    position: absolute;
    left: -40px;
    bottom: 10px;
}

.calculator__right fxwidget-cc {
    border-radius: 50px;
    display: block; /* Ensure it behaves as a block element if needed */
}


.calculator__right   {
    background: var(--color-black);
    padding: 30px;
    border: 2px solid var(--color-dark-green); /* Adjust the border color and width as needed */
    border-radius: 30px;
    overflow: hidden;
}
    /*   =====================   Calculator  SECTION CLOSE  =========================  */



/* =====================    FOOTER SECTION OPEN  =========================  */

.footer {
    background: var(--color-dark-green);
    padding-block: 40px;
}

.footer img {
    max-width: 250px;
}

/* =====================    FOOTER SECTION CLOSE  =========================  */



/* =================================================
**************************************************
     SERVICES PAGE
**************************************************
=====================================================   */



/* =====================    HEADER SECTION OPEN  =========================  */
.pageHeader {
    position: relative;
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;

}


.pageHeader .header__left h5{
    color: var(--color-dark-green);
    font-size:25px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.pageHeader .header__left h1{
    color: var(--color-white);
    font-weight: 700;
    font-size: 74px;
}

.pageHeader .header__left h1 > span{
    color: var(--color-dark-green);
}


.pageHeader  .header__right {
    padding: 30px;
    border-radius: 30px;
    background: rgb(103,228,100);
    background: -moz-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: -webkit-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67e464",endColorstr="#4ea464",GradientType=1);
    transition: background 0.5s ease;
}

.pageHeader  .header__right  h3{
    color: var(--color-white);
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 15px;
}

.pageHeader  .header__right .form-control {
    background:rgba(111,182,128,0.4);
    border: 0;
  border-radius: 0;
    border-bottom: 3px solid var(--color-white);
    color: white;
}

.pageHeader  .header__right .form-control:focus {
    box-shadow: unset;
}

.form-check  .form-check-label , .form-check  .form-check-label a {

    color: var(--color-white);
}

.form-check  .form-check-label a {
    text-decoration: underline;
}
/* =========================    PLACE HOLDER  ====================== */

.pageHeader  .header__right .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    var(--color-white);
}
.pageHeader  .header__right .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    var(--color-white);
    opacity:  1;
}
.pageHeader  .header__right .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    var(--color-white);
    opacity:  1;
}
.pageHeader  .header__right .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    var(--color-white);
}
.pageHeader  .header__right .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color:    var(--color-white);
}

.pageHeader  .header__right .form-control::placeholder { /* Most modern browsers support this now. */
    color:    var(--color-white);
}

/* =====================    HEADER SECTION CLOSE  =========================  */

.serviceTwoCol {
    margin-top: 60px;
}

.serviceTwoCol  .serviceTwoCol__left {
    position: relative;
    padding: 20px;
}

.serviceTwoCol  .serviceTwoCol__left img{
    border-radius: 30px;
}

.serviceTwoCol  .serviceTwoCol__left::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 50%);
    border-radius: 30px 0 0 30px;
    z-index: -1;
    background: rgb(103,228,100);
    background: -moz-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: -webkit-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67e464",endColorstr="#4ea464",GradientType=1);
}



.serviceTwoCol  .serviceTwoCol__right h2 {
    padding-bottom: 20px;
}
.serviceTwoCol  .serviceTwoCol__right h2 > span {
    color: var(--color-dark-green);
    padding-bottom: 20px;
}
.serviceTwoCol  .serviceTwoCol__right p {
    padding-bottom: 20px;
}



/* =====================    Process SECTION OPEN  =========================  */

/* =====================    Process SECTION CLOSE  =========================  */
.process {
    margin-top: 60px;
}
.process h2{
    padding-bottom: 20px;
}

.process__box__point h4{

    color: var(--color-white);
    background: rgb(103,228,100);
    background: -moz-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: -webkit-linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    background: linear-gradient(90deg, rgba(103,228,100,1) 0%, rgba(103,228,100,1) 0%, rgba(78,164,100,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#67e464",endColorstr="#4ea464",GradientType=1);
     height: 40px;
    width: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}
.process__box__point {
    position: relative;
}
.process__box__point::after {
    content: '';
    position: absolute;
    left: 60px;
    top:50%;
    transform: translateY(-50%);
    border-top: 2px dashed green;
    width: 100%;
    max-width:200px;
    height: 10px;
}

.process__box h3{
    font-size: 20px;
    font-weight: 600;
    margin-block: 20px;
}


/* =====================    FAQS SECTION OPEN  =========================  */

.faqs {
    background-color: #f2f2f2;
    margin-top: 60px;
    position: relative;
    padding-block: 60px;

}
.faqs__fancy__right img, .faqs__fancy__left img {
    max-width: 250px;
}
.faqs__fancy__right {
    position: absolute;
    right: -120px;
    top: 0;
}

.faqs__fancy__left {
    position: absolute;
    left: -100px;
    bottom: 0;
}



.faq-container h2 {
    text-align: center;
    margin-bottom: 40px;
}

.faq-item {
    border-bottom: 1px solid var(--color-dark-green);
    padding: 10px 0;
}

.faq-question {
    font-size: 19px;
    cursor: pointer;
    display: flex;
    /*align-items: center;*/
    font-weight: 700;
    padding-bottom: 20px;
}

.faq-icon {
    margin-right: 10px;
    color: green;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    color: #555;
    padding: 0 10px;
}

.faq-item.active .faq-answer {
    color: #666666;
}






/* =====================    FAQS SECTION CLOSE  =========================  */