/* main css having common styles and fonts used in all html files*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

body {
  font-family: 'DM Sans', sans-serif !important;
}

:root {

    --theme-1: #2A4F5F;
    --theme-2: #0E353E;
    --theme-3: #105E62;
    --theme-4: #0A7E70;
    --theme-5: #079079;
    --theme-6: #1FA48B;
    --theme-7: #00B087;
    --theme-8: #00A080;
    --theme-9: #70C7B6;
    --theme-10: #71A350;
    --theme-11: #88C071;
    --theme-12: #D3EAAE;
    --theme-13: #E7F5F1;

    --blue-1: #58C3C3;
    --blue-2: #B1D8E8;
    --blue-3: #B4FFEE;
    --blue-4: #D7FFF6;

    --grey-1: #00000039;
    --grey-2: #00000029;
    --grey-3: #00000064;
    --grey-4: #A9A9A9;
    --grey-5: #00000080;
    --grey-6: #D5D5D5;
    --grey-7: #F5F5F5;
    --grey-8: #EFEFEF;
    --grey-9: #F7F7F7;
    --gray-10: #EFEFEF;

    --dark-1: #191919;
    --dark-2: #333333;
    --dark-3: #0F0F0F;
    --dark-4: #1D1D1D;
    --dark-5: #3C3C3C;
    --dark-6: #383838;
    --dark-7: #2E2843;

    --yellow: #FFEB56;
}


/* Font color classes */
.text-theme-1 {
    color: var(--theme-1);
}

.text-theme-2 {
    color: var(--theme-2);
}

.text-theme-3 {
    color: var(--theme-3);
}

.text-theme-4 {
    color: var(--theme-4);
}

.text-theme-5 {
    color: var(--theme-5);
}

.text-theme-6 {
    color: var(--theme-6);
}

.text-theme-7 {
    color: var(--theme-7);
}

.text-theme-8 {
    color: var(--theme-8);
}

.text-theme-9 {
    color: var(--theme-9);
}

.text-theme-10 {
    color: var(--theme-10);
}

.text-theme-11 {
    color: var(--theme-11);
}

.text-theme-12 {
    color: var(--theme-12);
}

.text-theme-13 {
    color: var(--theme-13);
}

.text-blue-1 {
    color: var(--blue-1);
}

.text-blue-2 {
    color: var(--blue-2);
}

.text-blue-3 {
    color: var(--blue-3);
}

.text-blue-4 {
    color: var(--blue-4);
}

.text-grey-1 {
    color: var(--grey-1);
}

.text-grey-2 {
    color: var(--grey-2);
}

.text-grey-3 {
    color: var(--grey-3);
}

.text-grey-4 {
    color: var(--grey-4);
}

.text-grey-5 {
    color: var(--grey-5);
}

.text-grey-6 {
    color: var(--grey-6);
}

.text-grey-7 {
    color: var(--grey-7);
}

.text-grey-8 {
    color: var(--grey-8);
}

.text-grey-9 {
    color: var(--grey-9);
}

.text-dark-1 {
    color: var(--dark-1);
}

.text-dark-2 {
    color: var(--dark-2);
}

.text-dark-3 {
    color: var(--dark-3);
}

.text-dark-4 {
    color: var(--dark-4);
}

.text-dark-5 {
    color: var(--dark-5);
}

.text-dark-6 {
    color: var(--dark-6);
}

.text-dark-7 {
    color: var(--dark-7);
}

.text-yellow {
    color: var(--yellow);
}

/* Background color classes */
.bg-theme-1 {
    background-color: var(--theme-1) !important;
}

.bg-theme-2 {
    background-color: var(--theme-2) !important;
}

.bg-theme-3 {
    background-color: var(--theme-3) !important;
}

.bg-theme-4 {
    background-color: var(--theme-4) !important;
}

.bg-theme-5 {
    background-color: var(--theme-5) !important;
}

.bg-theme-6 {
    background-color: var(--theme-6) !important;
}

.bg-theme-7 {
    background-color: var(--theme-7) !important;
}

.bg-theme-8 {
    background-color: var(--theme-8) !important;
}

.bg-theme-9 {
    background-color: var(--theme-9) !important;
}

.bg-theme-10 {
    background-color: var(--theme-10) !important;
}

.bg-theme-11 {
    background-color: var(--theme-11) !important;
}

.bg-theme-12 {
    background-color: var(--theme-12) !important;
}

.bg-theme-13 {
    background-color: var(--theme-13) !important;
}

.bg-blue-1 {
    background-color: var(--blue-1) !important;
}

.bg-blue-2 {
    background: #1A53BC;
}
.bg-blue-3 {
    background-color: var(--blue-3) !important;
}

.bg-blue-4 {
    background-color: var(--blue-4) !important;
}

.bg-grey-1 {
    background-color: var(--grey-1) !important;
}

.bg-grey-2 {
    background-color: var(--grey-2) !important;
}

.bg-grey-3 {
    background-color: var(--grey-3) !important;
}

.bg-grey-4 {
    background-color: var(--grey-4) !important;
}

.bg-grey-5 {
    background-color: var(--grey-5) !important;
}

.bg-grey-6 {
    background-color: var(--grey-6) !important;
}

.bg-grey-7 {
    background-color: var(--grey-7) !important;
}

.bg-grey-8 {
    background-color: var(--grey-8) !important;
}

.bg-grey-9 {
    background-color: var(--grey-9) !important;
}

.bg-gray-10 {
    background-color: var(--grey-10) !important;
}

.bg-dark-1 {
    background-color: var(--dark-1) !important;
}

.bg-dark-2 {
    background-color: var(--dark-2) !important;
}

.bg-dark-3 {
    background-color: var(--dark-3) !important;
}

.bg-dark-4 {
    background-color: var(--dark-4) !important;
}

.bg-dark-5 {
    background-color: var(--dark-5) !important;
}

.bg-dark-6 {
    background-color: var(--dark-6) !important;
}

.bg-dark-7 {
    background-color: var(--dark-7) !important;
}

.bg-yellow {
    background-color: var(--yellow)!important; 
}

.border-theme-9{
    border-color: var(--theme-9);
}

.bg-gradient-1{
    background: linear-gradient(145deg, rgba(31,164,139,1) 0%, rgba(16,94,98,1) 82%);
}
.bg-gradient-2{
    background: linear-gradient(145deg, rgba(16,94,98,1) 47%, rgba(31,164,139,1) 89%);
}
.bg-gradient-3{
    /* background: linear-gradient(145deg, rgba(31,164,139,1) 0%, rgba(16,94,98,1) 68%); */
    background: transparent linear-gradient(307deg, #0E353E 0%, #105E62 30%, #00B087 100%);
}
.bg-gradient-4{
    background: transparent linear-gradient(218deg, #134F5C 0%, #00B087 100%) 0% 0% no-repeat padding-box;
}
.bg-transparent-1 {
    background: linear-gradient(145deg, rgba(0,0,0,0.06486344537815125) 0%, rgba(0,0,0,0.4598214285714286) 100%);
}
.bg-transparent-4 {
    background-color: rgba(0, 0, 0, 0.2);
}
.nav-gradient.active{
    color: #ffff !important;
    background: linear-gradient(145deg, rgba(16,94,98,1) 47%, rgba(31,164,139,1) 89%);
}


/* height and widths */
.h-0px {
    height: 0px;
}

.h-1px {
    height: 1px;
}

.h-2px {
    height: 2px;
}

.h-4px {
    height: 4px;
}

.h-5px {
    height: 5px;
}

.h-6px {
    height: 6px;
}

.h-8px {
    height: 8px;
}

.h-10px {
    height: 10px;
}

.h-12px {
    height: 12px;
}

.h-15px {
    height: 15px;
}

.h-18px {
    height: 18px;
}

.h-20px {
    height: 20px;
}

.h-25px {
    height: 25px;
}

.h-30px {
    height: 30px;
}

.h-35px {
    height: 35px;
}

.h-40px {
    height: 40px;
}

.h-45px {
    height: 45px;
}

.h-50px {
    height: 50px;
}

.h-55px {
    height: 55px;
}

.h-60px {
    height: 60px;
}

.h-70px {
    height: 70px;
}

.h-80px {
    height: 80px;
}

.h-90px {
    height: 90px;
}

.h-100px {
    height: 100px;
}

.h-120px {
    height: 120px;
}

.h-140px {
    height: 140px;
}

.h-150px {
    height: 150px;
}

.h-160px {
    height: 160px;
}

.h-170px {
    height: 170px;
}

.h-180px {
    height: 180px;
}

.h-200px {
    height: 200px;
}

.h-230px {
    height: 230px;
}

.h-250px {
    height: 250px;
}

.h-300px {
    height: 300px;
}

.h-350px {
    height: 350px;
}

.h-400px {
    height: 400px;
}

.h-500px {
    height: 500px;
}

.w-0px {
    width: 0px;
}

.w-1px {
    width: 1px;
}

.w-2px {
    width: 2px;
}

.w-4px {
    width: 4px;
}

.w-5px {
    width: 5px;
}

.w-6px {
    width: 6px;
}

.w-8px {
    width: 8px;
}

.w-10px {
    width: 10px;
}

.w-11px {
    width: 11px;
}

.w-12px {
    width: 12px;
}

.w-15px {
    width: 15px;
}

.w-18px {
    width: 18px;
}

.w-20px {
    width: 20px;
}

.w-25px {
    width: 25px;
}

.w-30px {
    width: 30px;
}

.w-35px {
    width: 35px;
}

.w-40px {
    width: 40px;
}

.w-45px {
    width: 45px;
}

.w-50px {
    width: 50px;
}
.w-60px {
    width: 60px;
}
.w-70px {
    width: 70px;
}

.w-80px {
    width: 80px;
}

.w-100px {
    width: 100px;
}
.w-120px {
    width: 120px;
}

.w-150px {
    width: 150px;
}

.w-175px {
    width: 175px;
}

.w-200px {
    width: 200px;
}

.w-250px {
    width: 250px;
}

.w-275px {
    width: 275px;
}

.w-300px {
    width: 300px;
}

.fs-6px {
    font-size: 0.375em;
}

/* font sizes */

.fs-8px {
    font-size: 0.5em;
}

.fs-9px {
    font-size: 0.5625em;
}

.fs-10px {
    font-size: 0.625em;
}

.fs-11px {
    font-size: 0.6875em;
}

.fs-12px {
    font-size: 0.75em;
}

.fs-13px {
    font-size: 0.8125em;
}

.fs-14px {
    font-size: 0.875em;
}

.fs-15px {
    font-size: 0.9375em;
}

.fs-16px {
    font-size: 1em;
}

.fs-17px {
    font-size: 1.0625em;
}

.fs-18px {
    font-size: 1.125em;
}

.fs-19px {
    font-size: 1.1875em;
}

.fs-20px {
    font-size: 1.25em;
}

.fs-22px {
    font-size: 1.375em;
}

.fs-24px {
    font-size: 1.5em;
}

.fs-26px {
    font-size: 1.625em;
}

.fs-28px {
    font-size: 1.75em;
}

.fs-30px {
    font-size: 1.875em;
}

.fs-32px {
    font-size: 2em;
}

.fs-35px {
    font-size: 2.1875em;
}

.fs-40px {
    font-size: 2.5em;
}

.fs-45px {
    font-size: 2.8125em;
}

.fs-50px {
    font-size: 3.125em;
}

.fs-55px {
    font-size: 3.4375em;
}

.fs-60px {
    font-size: 3.75em;
}

.fs-65px {
    font-size: 4.0625em;
}

.fs-68px {
    font-size: 4.25em;
}

.fs-75px {
    font-size: 4.6875em;
}

.fs-100px {
    font-size: 6.25em;
}

/* All font weight */
.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

/* All line height */
.lh-15px {
    line-height: 15px;
}

.lh-16px {
    line-height: 16px;
}

.lh-17px {
    line-height: 17px;
}

.lh-18px {
    line-height: 18px;
}

.lh-19px {
    line-height: 19px;
}

.lh-20px {
    line-height: 20px;
}

.lh-25px {
    line-height: 25px;
}

.lh-1_75 {
    line-height: 1.75;
}

.lh-2 {
    line-height: 2;
}

/* border-radius */
.br-2px {
    border-radius: 2px;
}

.br-4px {
    border-radius: 4px;
}

.br-5px {
    border-radius: 5px !important;
}

.br-6px {
    border-radius: 6px;
}

.br-8px {
    border-radius: 8px;
}

.br-10px {
    border-radius: 10px;
}

.br-12px {
    border-radius: 12px;
}

.br-15px {
    border-radius: 15px;
}

.br-30px {
    border-radius: 30px;
}

.br-25px{
    border-radius: 25px;
}

.br-18px{
    border-radius: 18px;
}

.br-50px {
    border-radius: 50px;
}
.br-75px {
    border-radius: 75px;
}

.br-end-35px {
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.br-start-35px {
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}

.br-top-left-10px {
    border-top-left-radius: 10px;
}

.br-top-left-20px {
    border-top-left-radius: 20px;
}

.br-top-right-20px {
    border-top-right-radius: 20px;
}

.br-top-left-30px {
    border-top-left-radius: 30px;
}

.br-top-right-30px {
    border-top-right-radius: 30px;
}
.br-bottom-left-30px {
    border-bottom-left-radius: 30px;
}

.br-bottom-right-30px {
    border-bottom-right-radius: 30px;
}
.br-top-right-50px {
    border-top-right-radius: 50px;
}

.br-top-left-50px {
    border-top-left-radius: 50px;
}

.br-bottom-right-50px {
    border-bottom-right-radius: 50px;
}

.br-bottom-left-50px {
    border-bottom-left-radius: 50px;
}

.br-top-right-100px {
    border-top-right-radius: 100px;
}

.br-bottom-left-20px {
    border-bottom-left-radius: 20px;
}

.br-bottom-left-100px {
    border-bottom-left-radius: 100px;
}

.br-bottom-right-20px {
    border-bottom-right-radius: 20px;
}
/* custom padding */
.pb-6{
    padding-bottom: 6rem !important;
}

/* All cursor */
.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

/* z index */
.z-index-n1 {
    z-index: -1 !important;
}

.z-index-n2 {
    z-index: -2 !important;
}

/* outline reset */
.outline-0 {
    outline: none !important;
}

/* others */
.white-space-unset {
    white-space: unset !important;
}

/* background  */
.bg-size-cover {
    background-size: cover;
}

.bg-size-contain {
    background-size: contain;
}

.bg-size-100 {
    background-size: 100% 100%;
}

.bg-position-top {
    background-position: top;
}

.bg-position-bottom {
    background-position: bottom;
}

.bg-position-center {
    background-position: center;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-x-repeat {
    background-repeat: repeat-x !important;
}

.bg-position-right {
    background-position: right;
}

.bg-position-left {
    background-position: left;
}

.bg-position-bottom-right {
    background-position: bottom right;
}

.bg-attachment-fixed {
    background-attachment: fixed;
}
.backface-hidden{
    transform: perspective(1px) translateZ(0);
backface-visibility: hidden;
}
/* borders */
.border-solid{
    border-style: solid;
}
.border-15px {
    border-width: 15px !important;
  }
/* text-styles */
.text-justify {
  text-align: justify !important;
}
/* Delays */
.delay-200{
    transition: 200ms;
}
.btn-active-white:focus{
    background-color: #ffff !important;
    & .bi{
        color: var(--theme-2) !important;
    }
}
/* Animations */

.green-glow{
    animation: glow 2s ease-in-out;
}
.green-glow > .thumb-icon{
    animation: shake 200ms 500ms ease-in forwards;
}
.green-glow> .thumb-icon > .thumb{
    transition: color 500ms ease-in;
    color: var(--theme-5) !important;
}
.hover-scale:hover{
    transform: scale(1.023);
}
.hover-rotate:hover .arrow{
    transform: rotate(-45deg);
}
.hover-move-up:hover{
    transform: translateY(-10px);
}
.active-scale:active{
    transform: scale(0.981);
}

@keyframes glow {
    0% {
        background-color: black;
    }
    25%{
        background: linear-gradient(145deg, rgba(31,164,139,1) 0%, rgba(16,94,98,1) 82%);
    }

    50%{
        background: linear-gradient(145deg, rgba(31,164,139,1) 0%, rgba(16,94,98,1) 82%);
    }
    75%{
        background: linear-gradient(145deg, rgba(31,164,139,1) 0%, rgba(16,94,98,1) 82%);
    }

    100%{
        background-color: black;
    }
}
@keyframes shake {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.swiper-slide-active{
    min-height: 350px;
    & .item{
        justify-content: center;
    }
    & .logo-container{
        height: 70px;
        width: 70px;
        background:linear-gradient(145deg, rgba(16,94,98,1) 47%, rgba(31,164,139,1) 89%);
    }
    & .logo-container-1{
        height: 70px;
        width: 70px;
    }
   & .logo{
        height: 40px;
        width: 40px;
        fill: white;
    }
    & .heading{
        text-align: center;
        font-size: 22px;
    }
    & .content{
        font-size: 16px;
    }
}
.swiper-slide-prev, .swiper-slide-next {
    & .logo-container{
        height: 50px;
        width: 50px;
        background-color: var(--grey-6);
    }
    & .logo-container-1{
        height: 50px;
        width: 50px;
    }
   & .logo{
        height: 20px;
        width: 20px;
        fill: var(--theme-6);
    }
}
.swiper-pagination-bullet{
    background-color: var(--grey-4);
}
.swiper-pagination-bullet-active{
    --swiper-pagination-bullet-size:15px;
    background-color: var(--grey-4);
}
.collapsed .rounded-circle{
    background-color: var(--bs-dark) !important;
}
.custom-accordion{
    --bs-accordion-bg:none;
    --bs-accordion-active-bg:none
}
.accordion-faq{
    --bs-accordion-active-color:var(--bs-dark);
    --bs-accordion-btn-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Group_20911" data-name="Group 20911" width="26.186" height="26.202" viewBox="0 0 26.186 26.202"><defs><clipPath id="clip-path"><rect id="Rectangle_7239" data-name="Rectangle 7239" width="26.186" height="26.202" fill="%23049e7f"/></clipPath></defs><g id="Group_20904" data-name="Group 20904" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_62016" data-name="Path 62016" d="M13.444,0a2.423,2.423,0,0,1,2.039,2.44q0,3.987,0,7.974c0,.049,0,.1,0,.147-.006.095.03.145.131.138.049,0,.1,0,.147,0h8a2.374,2.374,0,0,1,2.365,1.876,2.411,2.411,0,0,1-2.1,2.932c-.153.015-.3.022-.457.022H15.754c-.271,0-.271,0-.271.278,0,2.587-.033,5.175.013,7.761A2.506,2.506,0,0,1,13.444,26.2h-.72c-.152-.041-.308-.071-.455-.125A2.386,2.386,0,0,1,10.689,23.8q0-3.994,0-7.988c0-.279,0-.279-.286-.279q-3.965,0-7.929,0a2.416,2.416,0,0,1-1.907-.85A2.552,2.552,0,0,1,0,13.461v-.721A3.012,3.012,0,0,1,.2,12.1a2.34,2.34,0,0,1,2.2-1.4c2.675-.013,5.35,0,8.026,0,.258,0,.258,0,.258-.256,0-2.684,0-5.368,0-8.052a2.341,2.341,0,0,1,.99-1.951A2.492,2.492,0,0,1,12.758,0Z" transform="translate(0 0)" fill="%23049e7f"/></g></svg>');
    --bs-accordion-btn-active-icon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27.534" height="26.202" viewBox="0 0 27.534 26.202"><defs><clipPath id="clip-path"><rect id="Rectangle_7239" data-name="Rectangle 7239" width="26.186" height="26.202" fill="%23049e7f"/></clipPath></defs><g id="Component_2_8" data-name="Component 2 – 8" transform="translate(0.45)"><path id="Path_62017" data-name="Path 62017" d="M2.3,13.1H24.333" fill="none" stroke="%23049e7f" stroke-linecap="round" stroke-width="5.5"/></g></svg>')
}
.accordion-3{
    --bs-accordion-btn-icon-width:12px;
    --bs-accordion-btn-icon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="3" height="3" viewBox="0 0 7.199 8.687"><defs><clipPath id="clip-path"><rect id="Rectangle_8687" data-name="Rectangle 8687" width="7.199" height="8.687" fill="none"/></clipPath><clipPath id="clip-path-2"><rect id="Rectangle_8686" data-name="Rectangle 8686" width="7.199" height="8.686" fill="none"/></clipPath><clipPath id="clip-path-3"><rect id="Rectangle_8685" data-name="Rectangle 8685" width="4.825" height="3.622" fill="none"/></clipPath></defs><g id="Group_24522" data-name="Group 24522" clip-path="url(%23clip-path)"><g id="Group_24521" data-name="Group 24521" transform="translate(0 0)"><g id="Group_24520" data-name="Group 24520" clip-path="url(%23clip-path-2)"><path id="Path_70696" data-name="Path 70696" d="M6.365,6.927a.83.83,0,0,0-.6.256L3.632,9.4,1.414,7.255a.835.835,0,1,0-1.159,1.2l3.42,3.3L6.966,8.34a.834.834,0,0,0-.6-1.413" transform="translate(0 -6.927)" fill="%23fff"/><g id="Group_24519" data-name="Group 24519" transform="translate(1.197 5.065)" opacity="0.485" style="mix-blend-mode: normal;isolation: isolate"><g id="Group_24518" data-name="Group 24518"><g id="Group_24517" data-name="Group 24517" clip-path="url(%23clip-path-3)"><path id="Path_70697" data-name="Path 70697" d="M6.142,0a.833.833,0,0,0-.6.255L4.574,1.261,3.566.288a.835.835,0,1,0-1.159,1.2l2.21,2.133L6.743,1.414A.835.835,0,0,0,6.142,0" transform="translate(-2.152 0)" fill="%23fff"/></g></g></g></g></g></g></svg>');
    --bs-accordion-btn-active-icon:url('data:image/svg+xml,<svg style="transform:rotate(360deg)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="7.199" height="8.687" viewBox="0 0 7.199 8.687"><defs><clipPath id="clip-path"><rect id="Rectangle_8687" data-name="Rectangle 8687" width="7.199" height="8.687" fill="none"/></clipPath><clipPath id="clip-path-2"><rect id="Rectangle_8686" data-name="Rectangle 8686" width="7.199" height="8.686" fill="none"/></clipPath><clipPath id="clip-path-3"><rect id="Rectangle_8685" data-name="Rectangle 8685" width="4.825" height="3.622" fill="none"/></clipPath></defs><g id="Group_24522" data-name="Group 24522" clip-path="url(%23clip-path)"><g id="Group_24521" data-name="Group 24521" transform="translate(0 0)"><g id="Group_24520" data-name="Group 24520" clip-path="url(%23clip-path-2)"><path id="Path_70696" data-name="Path 70696" d="M6.365,6.927a.83.83,0,0,0-.6.256L3.632,9.4,1.414,7.255a.835.835,0,1,0-1.159,1.2l3.42,3.3L6.966,8.34a.834.834,0,0,0-.6-1.413" transform="translate(0 -6.927)" fill="%23fff"/><g id="Group_24519" data-name="Group 24519" transform="translate(1.197 5.065)" opacity="0.485" style="mix-blend-mode: normal;isolation: isolate"><g id="Group_24518" data-name="Group 24518"><g id="Group_24517" data-name="Group 24517" clip-path="url(%23clip-path-3)"><path id="Path_70697" data-name="Path 70697" d="M6.142,0a.833.833,0,0,0-.6.255L4.574,1.261,3.566.288a.835.835,0,1,0-1.159,1.2l2.21,2.133L6.743,1.414A.835.835,0,0,0,6.142,0" transform="translate(-2.152 0)" fill="%23fff"/></g></g></g></g></g></g></svg>');

}   
.accordion-faq .accordion-button::after {
    margin-left: 3rem;
}
.bg-scan-it-banner{
    background-image: url(../images/Digital-onboarding/digital-onboarding-banner.jpg);
    min-height: 650px;
}
.accordion-2 .accordion-button::after{
    display: none;
}

.accordion-2 .accordion-item .accordion-button.collapsed > .collapsed-content{
    display: none !important;
}
.accordion-2 .accordion-item .accordion-button:not(.collapsed)> .open-content{
    display: none !important ;
}
.no-flicker {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }

/* .panel{
    flex: 1;
    background-image: cover;
    background-position: center;
    transition: flex 0.6s ease-in 
} */
.panel{
    flex:1.5
}
.panel.active{
    flex: 5;
    justify-content: end !important;
    transition: flex 200ms ease-in;
}
.panel.active button{
    opacity: 0 !important;
    transition: opacity 0.3s ease-in;
}
.panel.active > .content{
    opacity:1;
    transition: opacity 0.8s ease-in;
}
.panel.active > .btn-learn-more{
    opacity:1 !important;
}
.panel > .content{
    opacity:0
}
.panel.active{
   background-image: url(/images/scan-it/overlay.png);
}
.shadow-hover:hover{
    box-shadow: var(--bs-box-shadow)!important;
}
.shadow-1{
    box-shadow: 0px 10px 20px #00000033;
}
.nav-link.active > .arrow{
    opacity:1 !important;
}
.sec-heading {
    margin-bottom: 50px;
  }
  .sec-heading h2 {
    text-align: center;
    /* font-family: allura; */
    font-size: 80px;
  }
  .clients {
    padding: 100px 0;
  }
  .box {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 40%;
    height: auto;
    transition: transform 0.5s ease-in;
    margin: 8px auto;
  }
  .box img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
  }
  .box:hover {
    transform: scale(1.2);
  }
  .bg-clm-section-one{
    background-image: url("/images/BG-43.webp");
    background-repeat: no-repeat;
}
.bg-clm-circle{
    background-image: url("/clm/images/BG-44.webp");
}
.bg-clm-section-5{
    background: transparent linear-gradient(108deg, #134F5C 0%, #00B087 100%) 0% 0% no-repeat padding-box;
}
  
.hover-parent .hover-child {
    opacity: 0;
    pointer-events: none;
}
.hover-parent:hover .hover-child {
    opacity: 1;
    pointer-events: all;
}

@media (max-width: 992px) and (min-width: 0px) { 
    .bg-lg-none{
        background-color: unset !important;
    }
    .mb-n-sm-100px{
        margin-bottom: -100px !important;
    }
    .border-end-sm-0{
        border-right: none !important;
    }
    .automated-section{
        max-width: 1650px !important;
        background: transparent linear-gradient(359deg, #3C3C3C 0%, #0F0F0F 100%) 0% 0% no-repeat padding-box;
        height: 610px !important;
        border-radius: 0 0 25% 25% !important;
    }
    .automated-image{
        margin-top: -150px !important;
    }
    .width-160px{
       width: 160px;
    }
    
}

@media (min-width: 992px){
    .w-lg-200px{
        width: 200px !important;
    }
}

.bg-section-8{
    background: transparent linear-gradient(134deg, #134F5C 0%, #00B087 100%) 0% 0% no-repeat padding-box;
}
.automated-section{
    max-width: 1650px !important;
    background: transparent linear-gradient(359deg, #3C3C3C 0%, #0F0F0F 100%) 0% 0% no-repeat padding-box;
    height: 900px;
    border-radius: 0 0 50% 50%;
}
.automated-image{
    margin-top: -520px;
}
.bg-clm-section-6{
    background: transparent linear-gradient(329deg, #134F5C 0%, #00B087 100%) 0% 0% no-repeat padding-box;
}
.explore-hover-bg{
    background-color: #0f0f0f97;
}
.btn-gradient{
    background: transparent linear-gradient(106deg, #3C3C3C 0%, #0F0F0F 100%) 0% 0% no-repeat padding-box;
}
.active-white.swiper-slide-active{
    background-color: #fff !important;
}
.active-white.swiper-slide-active .heading{
    font-size: 24px;
    font-weight: 700 !important;
}

.active-white.swiper-slide-active .content{
    font-size:18px;
}
.bg-banner-link-it{
    background-image: url('../images/linkIt/eNach-Bg.png');
    /* background-image: url(../images/link-it/eNach-Bg.png); */
}
.bg-gradient-5{
    background: transparent linear-gradient(126deg, #134F5C 0%, #00B087 100%) 0% 0% no-repeat padding-box;
}
.bg-gradient-black-1{
    background: transparent linear-gradient(301deg, #3C3C3C 0%, #0F0F0F 100%) 0% 0% no-repeat padding-box;
}
.animation-card:hover .circle{
    opacity: 1 !important;
    transition: opacity 0.5s ease-in;
}
.jump-animation{
    animation: jump 1.5s ease-in-out infinite
}

@keyframes jump {
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-15px);
    }
    100%{
        transform: translateY(0);
    }
}
.-scroll-top-btn {
    width: 4rem;
    height: 4rem;
  }

  .align-bottom-right {
  position: absolute;
  bottom: 10px; 
  right: 10px;
}