body{
    padding: 0;
    margin: 0;
    max-width: 100vw;
}
/* reusable classes */
.display-flex{
    display: flex;
}
.d-block{
    display: block;
}
.d-none{
    display: none;
}
.pt-10{
    padding-top: 10px;
}
.float-in {
    opacity: 0;               /* Make it invisible initially */
    transform: translateY(100px); /* Positioned below the view */
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: transform, opacity; /* Hint to browser that these properties will change */
  }
  
  .float-in.visible {
    opacity: 1;                /* Fully visible */
    transform: translateY(0);   /* Move to its original position */
  }
  
.float-in-left{
    animation: floatInFromLeft 2s ease-out forwards;
}

@keyframes floatInFromLeft {
    0% {
      opacity: 0;
      transform: translateX(-100px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
}
.zoom-effect {
    overflow: hidden; /* Ensures that the image stays inside the container when scaled */
}
  
.zoom-effect div {
    transition: transform 0.5s ease; /* Smooth transition */
    transform: scale(0.8); /* Zoom-in effect */


}

.zoom-effect:hover div {
    transform: scale(1); /* Zoom-in effect */
}

.new{
    width: 100vw;
    height: 52px;
    background: #121D29;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.blue-new{
    width: 77px;
    height: 30px;
    border-radius: 16px;
    background: #1668E8;
    color: #FFF;
    text-align: center;
    font-family: "Work Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: grid;
    place-content: center;
}
.remark{
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
section.nav{
    background-color: #FFF;
    background: transparent;
}
.nav-and-co{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 40px;
}
.logo-image{
    width: 75px;
    height: 55px;
}
.nav-links{
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: var(--milestone-webflow-html-website-template-webflow-io-1440-x-761-default-1-mine-shaft, #222);
    font-family: Inter;
    font-size: 14.875px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 161.345% */
}
button.contact{
    display: flex;
    height: 60px;
    padding: 20px 42px;
    justify-content: center;
    align-items: center;
    border: 1px solid #935C09;
    border-radius: 50px;
    background: #935C09;
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    cursor: pointer;
}
.bubble{
    background: url("./assets/images/image367.png");
    background-size: cover;
    width: 78vw;
    margin: auto;
    height: 65vh;
    border-radius: 30px;
    margin-top: 30px;
    padding-top: 8vh;
    padding-bottom: 20px;
    position: relative;
}
.behind{
    position: absolute;
    right: -90px;
    top: -90px;
    border-radius: 1000000px;
    /* background: rgba(255, 218, 44, 0.20); */
    filter: blur(100px);
    z-index: -1;
    width: 300px;
    height: 400px;
}
.welcome{
    color: #FFF;
    text-align: center;
    font-family: "Nirmala UI", Inter;
    font-size: 66px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 73vw;
    margin: auto;
    text-align: center;

}
.brief-chat{
    color: #FFF;
    text-align: center;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: auto;
    width: 73vw;
    padding-top: 30px;
    text-align: center;

}
.ratings{
    display: flex;
    gap: 20px;
    padding: 80px 0;
    margin-left: 25vw;
}
.circle-pics{
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle-pic{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border-radius: 3.75rem;
    border: 2px solid #fff;
    background: #d4afbd;
    overflow: hidden;
    object-fit: contain;
    &:not(.text, :first-of-type) {
        margin-left: -1rem;
      }
}
.stars-and-stuff{

}
.star-icons{
    display: flex;

}
.star-icon{
    width: 13px;
    height: 13px;
}
.numbers{
    color: #FFF;
    text-align: center;
    font-family: Figtree;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}
section.journey{
    padding-top: 100px;
}
.journey-text{
    text-align: center;
    color: #000;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px; /* 125% */
    letter-spacing: -1px;
}
.expl{
    text-align: center;
    color: rgba(0, 0, 0, 0.75);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 125% */
    padding-top: 30px;
}
.miss-vis{
    display: flex;
    align-self: center;
    padding-top: 30px;
    padding-bottom: 70px;
    margin-left: 17vw;
    gap: 90px;
    /* margin-right: 50%; */
}
.statement-holder{

}
.miss{

}
.miss-title{
    color: #000;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.4px; /* 137.143% */
    letter-spacing: -0.8px;
}
.mission-statement{
    display: flex;
    width: 394px;
    height: 133px;
    flex-direction: column;
    justify-content: center;
    color: rgba(0, 0, 0, 0.75);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.176px;
    text-transform: capitalize;
}
.vis{

}
.vis-title{
    color: #000;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.4px; /* 137.143% */
    letter-spacing: -0.8px;
    color: rgba(0, 0, 0, 0.60);
    /* font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.4px; /* 137.143% 
    letter-spacing: -0.8px; */
}
.ai-img{
    width: 33vw;
    border-radius: 18px;
}
section.about-us{
    background: #FFF4E4;
    display: flex;
    padding: 114px 10vw;
    gap: 114px;
}
img.about{
    width: 416px;
    height: 353px;
    flex-shrink: 0;
}
.about-us-text{

}
.about-top{
    display: flex;
    gap: 35px;
}
.about-icon{
    width: 35px;
    height: 35px;
}
.about-head{
    display: flex;
    height: 28.038px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    color: var(--blue-gray-900, #0F172A);
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 60% */
}
.about-bottom{
    color: var(--Black, #12141D);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    opacity: 0.7;
    width: 484px;
    height: 92px;
    margin-left: 70px;
}
section.services{
    display: flex;
    padding: 30px 15vw;
    gap: 50px;
    align-items: center;
}
.service-text{
    display: flex;
    width: 466px;
    flex-direction: column;
    align-items: flex-start;
    gap: 42px;
}
.service-blue{
    color: #1668E8;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 136.364% */
    align-self: stretch;
}
.service-head{
    color: #000;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px; /* 125% */
    letter-spacing: -1px;
    align-self: stretch;
}
.vector-flex{
    gap: 25px;
    align-items: center;
}
.vector{
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}
.vector-text{
    color: #1B3241;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.176px;
}
.service-images{
    position: relative;
    background: url("./assets/images/660fcfdfecac1e0a0522ce95_home_img.png");
    width: 558px;
    height: 348px;
    flex-shrink: 0;
    border-radius: 24px;
}
.elipse{
    position: absolute;
    right: -90px;
    z-index: -1;
}
section.testimonies{
    padding: 102px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    background: #FFF4E4;
}
.test-head{
    color: #000;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px; /* 125% */
    letter-spacing: -1px;
    text-align: center;
}
.testimonies{
    gap: 35px;
    padding: 10px 5.5vw;
    margin: auto;
}
.testimony{
    width: 423px;
    height: 270px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #FFF;
}
.test-quote{
    width: 344px;
    height: 124px;
    flex-shrink: 0;
    color: rgba(0, 0, 0, 0.75);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px; /* 156.25% */
    display: block;
    margin: 10px 0 10px 25px;
    padding: 10px 0;
}
.test-comp{
    margin-left: 25px;
    width: 100px;
    height: 25px;
    flex-shrink: 0;
    /* padding: 10px 0 0 0; */
}
.testifier{
    gap: 10px;
    margin-left: 25px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.avatar{
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}
.avatar-name-stars{
    align-items: flex-start;
}
.avatar-name{
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.65px;
}
.avatar-stars{
    display: flex;
}
.avatar-star{
    width: 10px;
    height: 10px;
}
section.faks{
    padding-top: 60px;
}
.faqs-head{
    color: #191616;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.faq{
    width: 60vw;
    min-height: 90px;

    /* height: 90px; */
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 20px 50px 20px rgba(240, 240, 240, 0.29);
    display: block;
    margin: 12px auto;
}
.faq-head{
    color: #191616;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    width: 100%;

}
.faq-question{
    color: #191616;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 350px;
    padding: 30px 80px 10px 80px;
}

.clicker{
    position: absolute;
    right: 20px;
    width: 25px;
    height: 25px;
    top: 10px;
}
.fga{
    color: #5D6780;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 30px 80px 10px 80px;
    height: 100px;
    width: 300px;
    display: none;
}
.faq-expand{
    z-index: 2;
    cursor: pointer;
}
.faq-collapse{
    z-index: 1;
    display: none;
    cursor: pointer;
}
.faq-head.active .faq-expand{
    display: none;
}
.faq-head.active .faq-collapse{
    display: inline;
}
section.footer{
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
    justify-content: center;
    align-items: center;
    background: #261700;
    width: 100vw;
    gap: 210px;
    padding: 100px 0;
}
.footer-logo{
    width: 130px;
    height: 107px;
}
.footer-contact-us{

}
.footer-contact-head{
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
    padding: 10px 0;
}
.email{
    color: var(--Background-whitgeg, #FFF);
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    text-decoration-line: underline;
    padding: 10px 0;

}
.phones{
    color: #FFF;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    padding: 10px 0;

}
.socials{
    color: #A1A6B1;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    padding: 6px 0;

}
.social-icons{
    gap: 18px;
}
.social-icon{
    height: 15px;
    width: 15px;
}
.footer-news{

}
.news-and-event{
    color: var(--Background-whitgeg, #FFF);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
    padding: 10px 0;

}
.event-name{
    color: var(--Accent-600, #ECC708);
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 14.4px */
    padding: 10px 0;
    width: 140px;

}
.click-for-info{
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 12px */
    padding: 10px 0;

}
.osdc{
    color: var(--Background-whitgeg, #FFF);
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    text-decoration-line: underline;
    padding: 10px 0;

}

@media (max-width: 1300px){
    body{
        padding: 0;
        margin: 0;
        max-width: 100vw;
    }
    /* reusable classes */
    .display-flex{
        display: flex;
    }
    .d-block{
        display: block;
    }
    .d-none{
        display: none;
    }
    .pt-10{
        padding-top: 10px;
    }
    .float-in {
        opacity: 0;               /* Make it invisible initially */
        transform: translateY(100px); /* Positioned below the view */
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        will-change: transform, opacity; /* Hint to browser that these properties will change */
      }
      
      .float-in.visible {
        opacity: 1;                /* Fully visible */
        transform: translateY(0);   /* Move to its original position */
      }
      
    .float-in-left{
        animation: floatInFromLeft 2s ease-out forwards;
    }
    
    @keyframes floatInFromLeft {
        0% {
          opacity: 0;
          transform: translateX(-100px);
        }
        100% {
          opacity: 1;
          transform: translateX(0);
        }
    }
    .zoom-effect {
        overflow: hidden; /* Ensures that the image stays inside the container when scaled */
    }
      
    .zoom-effect div {
        transition: transform 0.5s ease; /* Smooth transition */
        transform: scale(0.8); /* Zoom-in effect */
    
    
    }
    
    .zoom-effect:hover div {
        transform: scale(1); /* Zoom-in effect */
    }
    
    .new{
        width: 100vw;
        height: 52px;
        background: #121D29;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }
    .blue-new{
        width: 47px;
        height: 20px;
        border-radius: 16px;
        background: #1668E8;
        color: #FFF;
        text-align: center;
        font-family: "Work Sans";
        font-size: 8px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: grid;
        place-content: center;
    }
    .remark{
        color: #FFF;
        text-align: center;
        font-family: Inter;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    section.nav{
        background-color: #FFF;
        background: transparent;
    }
    .nav-and-co{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding-top: 40px;
    }
    .logo-image{
        width: 75px;
        height: 55px;
    }
    .nav-links{
        padding-left: 15px;
        padding-right: 15px;
        text-decoration: none;
        color: var(--milestone-webflow-html-website-template-webflow-io-1440-x-761-default-1-mine-shaft, #222);
        font-family: Inter;
        font-size: 14.875px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 161.345% */
        display: none;
    }
    button.contact{
        display: flex;
        height: 40px;
        padding: 20px 42px;
        justify-content: center;
        align-items: center;
        border: 1px solid #935C09;
        border-radius: 50px;
        background: #935C09;
        color: #FFF;
        font-family: Inter;
        font-size: 9px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 125% */
        cursor: pointer;
    }
    .bubble{
        background: url("./assets/images/image367.png");
        background-size: cover;
        width: 88vw;
        margin: auto;
        height: max-content;
        border-radius: 30px;
        margin-top: 30px;
        padding-top: 8vh;
        padding-bottom: 20px;
        position: relative;
    }
    .behind{
        position: absolute;
        right: -90px;
        top: -90px;
        border-radius: 1000000px;
        /* background: rgba(255, 218, 44, 0.20); */
        filter: blur(100px);
        z-index: -1;
        width: 150px;
        height: 50px;
        display: none;
    }
    .welcome{
        color: #FFF;
        text-align: left;
        font-family: "Nirmala UI", Inter;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: auto;
        text-align: center;
    
    }
    .brief-chat{
        color: #FFF;
        text-align: center;
        font-family: Manrope;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin: auto;
        width: 73vw;
        padding-top: 30px;
        text-align: center;
    
    }
    .ratings{
        display: flex;
        gap: 7px;
        padding: 20px 0;
        margin-left: 15vw;
    }
    .circle-pics{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .circle-pic{
        height: 28px;
        width: 28px;
        border-radius: 50%;
        border-radius: 3.75rem;
        border: 2px solid #fff;
        background: #d4afbd;
        overflow: hidden;
        object-fit: contain;
        &:not(.text, :first-of-type) {
            margin-left: -1rem;
          }
    }
    .stars-and-stuff{
    
    }
    .star-icons{
        display: flex;
    
    }
    .star-icon{
        width: 8px;
        height: 8px;
    }
    .numbers{
        color: #FFF;
        text-align: center;
        font-family: Figtree;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 25.2px */
    }
    section.journey{
        padding-top: 50px;
    }
    .journey-text{
        text-align: center;
        color: #000;
        font-family: Inter;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 50px; /* 125% */
        letter-spacing: -1px;
    }
    .expl{
        text-align: center;
        color: rgba(0, 0, 0, 0.75);
        font-family: Inter;
        font-size: 13px;
        width: 88vw;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; /* 125% */
        padding-top: 30px;
        display: block;
        margin: auto;
    }
    .miss-vis{
        display: flex;
        flex-direction: column;
        align-self: center;
        padding-top: 30px;
        padding-bottom: 70px;
        margin-left: 8vw;
        gap: 40px;
        /* margin-right: 50%; */
    }
    .statement-holder{
    
    }
    .miss{
    
    }
    .miss-title{
        color: #000;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 38.4px; /* 137.143% */
        letter-spacing: -0.8px;
    }
    .mission-statement{
        display: flex;
        width: 80vw;
        height: 83px;
        flex-direction: column;
        justify-content: center;
        color: rgba(0, 0, 0, 0.75);
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        letter-spacing: -0.176px;
        text-transform: capitalize;
    }
    .vis{
    
    }
    .vis-title{
        color: #000;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 38.4px; /* 137.143% */
        letter-spacing: -0.8px;
        color: rgba(0, 0, 0, 0.60);
        /* font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 38.4px; /* 137.143% 
        letter-spacing: -0.8px; */
    }
    .ai-img{
        width: 83vw;
        border-radius: 18px;
    }
    section.about-us{
        background: #FFF4E4;
        display: flex;
        flex-direction: column;
        padding: 64px 5vw;
        gap: 74px;
    }
    img.about{
        width: 88vw;
        height: 253px;
        flex-shrink: 0;
    }
    .about-us-text{
    
    }
    .about-top{
        display: flex;
        gap: 35px;
    }
    .about-icon{
        width: 35px;
        height: 35px;
    }
    .about-head{
        display: flex;
        height: 28.038px;
        flex-direction: column;
        justify-content: center;
        align-self: stretch;
        color: var(--blue-gray-900, #0F172A);
        font-family: Inter;
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 60% */
    }
    .about-bottom{
        color: var(--Black, #12141D);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; /* 156.25% */
        opacity: 0.7;
        width: 284px;
        height: 92px;
        margin-left: 70px;
    }
    section.services{
        display: flex;
        flex-direction: column;
        padding: 20px 5vw;
        gap: 50px;
        align-items: center;
    }
    .service-text{
        display: flex;
        width: 266px;
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }
    .service-blue{
        color: #1668E8;
        font-family: Inter;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 136.364% */
        align-self: stretch;
    }
    .service-head{
        color: #000;
        font-family: Inter;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 50px; /* 125% */
        letter-spacing: -1px;
        align-self: stretch;
    }
    .vector-flex{
        gap: 25px;
        align-items: center;
    }
    .vector{
        width: 7px;
        height: 7px;
        flex-shrink: 0;
    }
    .vector-text{
        color: #1B3241;
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        letter-spacing: -0.176px;
    }
    .service-images{
        position: relative;
        background: url("./assets/images/660fcfdfecac1e0a0522ce95_home_img.png");
        width: 78vw;
        height: 248px;
        flex-shrink: 0;
        border-radius: 24px;
        /* background-repeat: no-repeat; */
    }
    .elipse{
        position: absolute;
        right: -33px;
        z-index: -1;
        height: 50px;
        width: 50px;
    }
    section.testimonies{
        padding: 62px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        background: #FFF4E4;
    }
    .test-head{
        color: #000;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 50px; /* 125% */
        letter-spacing: -1px;
        text-align: center;
        width: 88vw;
        display: block;
        margin: auto;
    }
    .testimonies{
        gap: 15px;
        padding: 10px 5.5vw;
        margin: auto;
        flex-direction: column;
    }
    .testimony{
        width: 88vw;
        height: 270px;
        flex-shrink: 0;
        border-radius: 16px;
        background: #FFF;
    }
    .test-quote{
        width: 90%;
        height: 124px;
        flex-shrink: 0;
        color: rgba(0, 0, 0, 0.75);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px; /* 156.25% */
        display: block;
        margin: 10px 0 10px 25px;
        padding: 10px 0;
    }
    .test-comp{
        margin-left: 25px;
        width: 100px;
        height: 25px;
        flex-shrink: 0;
        /* padding: 10px 0 0 0; */
    }
    .testifier{
        gap: 10px;
        margin-left: 25px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .avatar{
        display: flex;
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
    }
    .avatar-name-stars{
        align-items: flex-start;
    }
    .avatar-name{
        color: #000;
        text-align: center;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.65px;
    }
    .avatar-stars{
        display: flex;
    }
    .avatar-star{
        width: 10px;
        height: 10px;
    }
    section.faks{
        padding-top: 60px;
    }
    .faqs-head{
        color: #191616;
        text-align: center;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .faq{
        width: 88vw;
        min-height: 90px;
    
        /* height: 90px; */
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0px 20px 50px 20px rgba(240, 240, 240, 0.29);
        display: block;
        margin: 12px auto;
    }
    .faq-head{
        color: #191616;
        font-family: Inter;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        position: relative;
        width: 90%;
    
    }
    .faq-question{
        color: #191616;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        width: 70%;
        padding: 30px 40px 10px 40px;
    }
    
    .clicker{
        position: absolute;
        right: 20px;
        width: 15px;
        height: 15px;
        top: 10px;
    }
    .fga{
        color: #5D6780;
        font-family: Inter;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 30px 40px 10px 40px;
        height: 100px;
        width: 60%;
        display: none;
    }
    .faq-expand{
        z-index: 2;
        cursor: pointer;
    }
    .faq-collapse{
        z-index: 1;
        display: none;
        cursor: pointer;
    }
    .faq-head.active .faq-expand{
        display: none;
    }
    .faq-head.active .faq-collapse{
        display: inline;
    }
    section.footer{
        display: flex;
        /* justify-content: space-around; */
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-items: center;
        background: #261700;
        width: 100vw;
        gap: 110px;
        padding: 40px 0;
    }
    .footer-logo{
        width: 90px;
        height: 77px;
    }
    .footer-contact-us{
        width: 80vw;
    }
    .footer-contact-head{
        color: #FFF;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 28px */
        padding: 10px 0;
    }
    .email{
        color: var(--Background-whitgeg, #FFF);
        font-family: "Plus Jakarta Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 19.6px */
        text-decoration-line: underline;
        padding: 10px 0;
    
    }
    .phones{
        color: #FFF;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 16.8px */
        padding: 10px 0;
    
    }
    .socials{
        color: #A1A6B1;
        font-family: "Plus Jakarta Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 19.6px */
        padding: 6px 0;
    
    }
    .social-icons{
        gap: 18px;
    }
    .social-icon{
        height: 15px;
        width: 15px;
    }
    .footer-news{
        width: 80vw;
    }
    .news-and-event{
        color: var(--Background-whitgeg, #FFF);
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 28px */
        padding: 10px 0;
    
    }
    .event-name{
        color: var(--Accent-600, #ECC708);
        font-family: "Plus Jakarta Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 14.4px */
        padding: 10px 0;
        width: 140px;
    
    }
    .click-for-info{
        color: #FFF;
        font-family: "Plus Jakarta Sans";
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 12px */
        padding: 10px 0;
    
    }
    .osdc{
        color: var(--Background-whitgeg, #FFF);
        font-family: "Plus Jakarta Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 19.6px */
        text-decoration-line: underline;
        padding: 10px 0;
    
    }
}