*{
    padding:0px; margin:0px;box-sizing:border-box;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 122px;
}
body {
    font-size: 16px;
    line-height: normal;
    color: #000;
    font-weight: normal;
    font-family: 'Red Hat Display';
}
img{
    max-width:100%;
    width:auto;
}
a{
    text-decoration:none;
}
.cursor-pointer {
    cursor: pointer;
}
ul{
    list-style:none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #003B70;
    font-weight:bold;
}
    h1,.h1 {
        font-size: 52px;
        line-height: 63px;
        font-weight: 700;
    }
h2, .h2 {
    font-size: 48px;
    line-height: 60px;
}
h3, .h3 {
    font-size: 38px;
    line-height: 60px;
}
h4, .h4 {
    font-size: 36px;
    line-height: 30px;
}
h5, .h5 {
    font-size: 26px;
    line-height: 43px;
}
h6, .h6 {
    font-size: 24px;
    line-height: 26px;
}
p{
    font-size:16px;
    line-height:normal;
    font-weight:normal;
}
.text42 {
    font-size: 42px;
    line-height: 62px;
}
.text22{
    font-size:22px;
    line-height:28px;
}
.text20 {
    font-size: 20px;
    line-height: 28px;
}
.text18{
    font-size:18px;
    line-height:24px;
}
.text16 {
    font-size: 16px;
    line-height: 24px;
}
.text32{
    font-size:32px;
    line-height:50px;
}
.line-height32{
    line-height:32px;
}
.text-darkblue {
    color: #003B70;
}
.text-lightgray {
    color: #003B7073;
}
.text-skyblue {
    color: #A8D6FF;
}
.text-inputcolor {
    color: #94B5B4;
}

.text-lightgray {
    color: #7594AB;
}

.bg-footer {
    background-color: #002E57;
}
.bg-downloadbtn {
    background-color: #0076DF;
}
.fw-Medium {
    font-weight: 500;
}
.fw-extrabold {
    font-weight: 700;
}
.bg-header {
    background-color: #e2fffecc;
}
.bg-slider {
    background-color: #C0EFEC;
}
.border-skyblue {
    border: 1px solid #00FFCE;
}
.border-bottom-policy {
    border-bottom: 1px solid #c2ece9;
}
.header-sec {
    z-index: 99;
}
.banner-sec {
    /*background: transparent linear-gradient(180deg,#C5FFFC 100%, #C8FFFC 40%,#FCFFFF 0%) 0% 0% no-repeat padding-box;*/
    background: linear-gradient(180deg, rgba(200, 255, 252, 1) 15%, rgba(200, 255, 252, 1) 33%, rgba(255, 255, 255, 1) 72%);
    padding-top: 185px !important;
}
.download-btn {
    background: transparent linear-gradient(180deg, #003B70 0%, #001E38 100%) 0% 0% no-repeat padding-box;
}
.download-btn:hover {
    background: transparent linear-gradient(180deg, #003b70a8 0%, #001e38d6 100%) 0% 0% no-repeat padding-box;
}

.banner-inner .download-btn {
    padding: 22px 44px !important;
}
/*.Infii-excited-bg::after, .loved-bg::after, .ask-bg::after, .privacy-policy-sec h1::before {*/
.Infii-excited-bg::after, .loved-bg::after, .ask-bg::after {
    content: "";
    background-color: #E8FFFB;
    position: absolute;
    height: 58px;
    z-index: -1;
    border-radius: 10px;
    transform: skewY(-2deg);
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 10px #0000001c;
}
/*.pera-bg::after {
    top: -2px;
    left: -12px;
    width: 290px;
}*/
.Infii-excited-bg::after {
    bottom: -2px;
    right: -12px;
    width: 220px; 
}
.loved-bg::after {
    background-color: #dcf3f0;
    top: 4px;
    left: -9px;
    width: 158px;
}
.ask-bg::after {
    top: -2px;
    right: -12px;
    width: 335px;
}
.privacy-policy-sec h1::before {
    top: -2px;
    right: -12px;
    width: 335px;
}

div#spinnerloder{
    width:24px;
    height:24px;
}
/*.slider-container {
    width: 100%;
    text-align: center;
    position: relative;
    background: #e0faff;
    padding: 40px 0;
    font-family: sans-serif;
}

.slider {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}

.slide {
    width: 250px;
    height: 300px;
    border-radius: 20px;
    transition: all 0.3s ease;
}

    .slide .card {
        background: #b5f6f0;
        padding: 20px;
        border-radius: 20px;
        height: 100%;
    }

.faded {
    opacity: 0.4;
    transform: scale(0.9);
}

.active {
    transform: scale(1.05);
    opacity: 1;
}

.nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    background: white;
    border: none;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
}

    .nav.left {
        left: 10px;
    }

    .nav.right {
        right: 10px;
    }

.bottom-nav {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 20px;
}

.icon {
    font-size: 24px;
    opacity: 0.5;
    transition: 0.3s;
}

    .icon.active {
        opacity: 1;
        border-bottom: 2px solid #00d4aa;
    }

.caption {
    margin-top: 10px;
    font-size: 14px;
    color: #555;
}*/
.gallery {
    width: 100%;
    /*    max-width: 1200px;
    margin: 40px auto;*/
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #C6FFFC 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000021;
    border: 1px solid #FFFFFF;
    border-radius: 40px;
    padding: 40px 40px 80px;
}

.gallery-slider {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 35px 0px 165px;
}

    .gallery-slider .swiper-slide {
        width: auto;
        height: 400px;
        transition:.5s all
    }

        .gallery-slider .swiper-slide img {
            display: block;
            width: auto;
            /*height: 100%;*/
            margin: 0 auto;
        }
.gallery-thumbs-box {
    max-width: 535px;
    margin: 15px auto 0;
}

.gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .gallery-thumbs .swiper-slide {
        width: 100px;
        height: 80px;
        text-align: center;
        overflow: hidden;
        opacity: 0.2;
        border-radius: 22px !important;
    }
.gallery-slider .swiper-slide img{
    opacity:0.45;
}
.gallery-slider .swiper-slide.swiper-slide-active img{
    opacity:1;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

    .gallery-thumbs .swiper-slide img {
        width: auto;
        height: 100%;
    }

.gallery .modal-dialog {
    max-width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

    .gallery .modal-dialog video {
        border-radius: 15px;
    }

.heading-backcolor::after {
    content: "";
    background-color: #C7FBFF;
    position: absolute;
    top: 4px;
    right: -12px;
    width: 45px;
    width: 445px;
    height: 58px;
    z-index: -1;
    border-radius: 10px;
    transform: skewY(-1deg);
}

.Infii-excited-inner {
    background-image: url('https://cdn.infii.ai/web/resources/images/infinity-bg.png');
    padding-bottom: 121px !important;
}
.Infii-box-sec{
    transition:1s all;
}
    .Infii-box-sec h3, .Infii-box-sec p {
        opacity: 1;
        /*animation: zoomIn 1.5s ease-in-out Infiinite;*/
        transition: 1s all;
    }
    .Infii-box-sec:hover .Infii-icon-box {
        transform: scale(1.2);
    }
    .Infii-box-sec:hover h3, .Infii-box-sec:hover p {
        opacity: 1;
        transform: scale(1.2);
    }
.animate-box {
    /*animation: zoomin 1.5s ease-in-out infinite alternate;*/
    top: 0px;
    left: 50%;
    /*transform: translateX(-50%);*/
    /* Apply two animations together */
   /* animation: zoomin 1.5s ease-in-out alternate, moveRight 5s ease-in-out infinite;*/
    /*animation-name: cloud;*/
}

/*@keyframes zoomin {
    0% {
        transform: scale(0.8);
        opacity: 0;
        right: 146px;
    }
    50% {
        right: 20px;
    }
    100% {
        transform: scale(1.2);
        opacity: 1;
        right: 146px;
    }
}*/

@keyframes zoomin {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    50% {
        transform: scale(1.2);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.animate-box, .animate-box2, .animate-box3, .animate-box4 {
    animation: zoomin 1.5s ease-in-out infinite alternate;
}
.aosanimate1 {
    top: 0px;
    left: 170px;
    z-index: -1;
}


.image-hover {
    position: relative;
    display: inline-block;
}

    .image-hover img {
        max-width: 600px;
    }
    /* Normal image visible by default */
    .image-hover .normal-img {
        display: block;
    }

    /* Hover image hidden by default */
    .image-hover .hover-img {
        display: none;
      
    }

    /* On hover, show hover image and hide normal image */
    .image-hover:hover .normal-img {
        display: none;
    }

    .image-hover:hover .hover-img {
        display: block;
    }

/*@keyframes zoomin {
    0% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.2);
        opacity: 1;
    }
}
@keyframes moveRight {
    0% {
        right: 146px;
    }

    50% {
        right: 20px;
    }

    100% {
        right: 146px;*/
/*right: 20px;*/
/*}
}*/
.animate-box {
    animation-delay: 0s;
}

.animate-box2 {
    animation-delay: 0.5s;
    left: 30%;
    top:0;
}

.animate-box3 {
    animation-delay: 1s;
    top: 10%;
    left: 30%;
}

.animate-box4 {
    animation-delay: 1.5s;
    top:10%;
    left:50%;
}

.fade-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    width: fit-content;
}

    .fade-list li {
        position: absolute;
        opacity: 0;
        animation: fadeInOut 8s ease-in-out infinite;
    }

        /* Animation Timing — each starts later */
        .fade-list li:nth-child(1) {
            animation-delay: 0s;
        }

        .fade-list li:nth-child(2) {
            animation-delay: 2s;
        }

        .fade-list li:nth-child(3) {
            animation-delay: 4s;
        }

        .fade-list li:nth-child(4) {
            animation-delay: 6s;
        }

/* Keyframes */
@keyframes fadeInOut {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }

    10% {
        opacity: 1;
        transform: scale(1);
    }

    25% {
        opacity: 1;
        transform: scale(1);
    }

    35% {
        opacity: 0;
        transform: scale(1.05);
    }

    100% {
        opacity: 0;
    }
}

/*@keyframes zoomin {
    0% {
        right: 146px;
    }

    50% {
        right: 20px;
    }

    100% {
        right: 146px;
    }
}*/

    .Infii-icon-box {
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #B6FCF0 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 20px #00000021;
        border: 1px solid #00FFF1;
        position: relative;
        transition: 1s all;
    }

    /*.Infii-icon-box1::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        filter: blur(50px);
        background-color: #00FFCE;
        width: 150px;
        height: 150px;
        z-index: -1;
        opacity: 0.5;
    }*/

    .Infii-box-sec:hover .Infii-icon-box1, .Infii-box-sec:hover .Infii-icon-box2, .Infii-box-sec:hover .Infii-icon-box3, .Infii-box-sec:hover .Infii-icon-box4 {
        opacity: 1;
    }

    .Infii-icon-box1, .Infii-icon-box2, .Infii-icon-box3, .Infii-icon-box4 {
        opacity: 0.4;
    }

    .bg-position {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .slide-box {
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #B6FCF0 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 5px #00000021;
        border: 1px solid #FFFFFF;
        border-radius: 24px !important;
        min-height: 315px;
    }

    .slide-box div.border-bottom {
        border-bottom: 1px solid #ffffff !important;
    }

    .position-absolute.slider-icon {
        right: 0px;
        top: 38px;
        text-align: end;
    }
.swiper-button-next, .swiper-button-prev{
    display:none;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 10px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
}

    .gallery-slider .swiper-slide h6, .gallery-slider .swiper-slide p {
        opacity: 0;
    }

    .gallery-slider .swiper-slide.swiper-slide-active {
        transform: scale(1.2);
    }

    .gallery-slider .swiper-slide.swiper-slide-active h6, .gallery-slider .swiper-slide.swiper-slide-active p {
        opacity: 1;
    }

    .gallery-thumbs .swiper-slide.swiper-slide-active {
        box-shadow: 0px 3px 30px #6DFFF1;
        border: 1px solid #00FFCE;
        background-color: #ffffffc2 !important;
    }

    .gallery-thumbs .swiper-slide.swiper-slide-active img {
        filter: invert(16%) sepia(91%) saturate(2169%) hue-rotate(189deg) brightness(93%) contrast(104%);
    }

    .macusers-inner {
        position: relative;
    }

        .macusers-inner::before {
            content: "";
            /*background: linear-gradient(90deg, rgba(255, 255, 255, 0.97) 62%, rgba(255, 255, 255, 0.88) 78%, rgba(255, 255, 255, 0) 92%);*/
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.97) 62%, rgb(255 255 255 / 61%) 78%, rgba(255, 255, 255, 0) 92%);
            /*background: transparent linear-gradient(179deg, #FFFFFF00 0%, #FFFFFF 54%, #FFFFFF 100%) 0% 0% no-repeat padding-box;*/
            position: absolute;
            left: -56px;
            top: 10px;
            width: 100%;
            max-width: 319px;
            height: 361px;
            z-index: 2;
        }

        .macusers-inner::after {
            content: "";
            /*background: transparent linear-gradient(179deg, #FFFFFF00 0%, #FFFFFF 54%, #FFFFFF 100%) 0% 0% no-repeat padding-box;*/
            /*background: linear-gradient(274deg,rgba(255, 255, 255, 0.97) 62%, rgba(255, 255, 255, 0.88) 78%, rgba(255, 255, 255, 0) 92%);*/
            background: linear-gradient(274deg, rgba(255, 255, 255, 0.97) 62%, rgb(255 255 255 / 61%) 78%, rgba(255, 255, 255, 0) 92%);
            position: absolute;
            right: -56px;
            top: 10px;
            width: 100%;
            max-width: 319px;
            height: 361px;
            z-index: 2;
        }

    .accordion-inner .accordion .accordion-item, .accordion-inner .accordion .accordion-item {
        background-color: #8ed2c730 !important;
        box-shadow: 0px 0px 10px #8ED2C780 !important;
        border: 1px solid #8ed2c730;
        border-radius: 10px;
    }

    .accordion-inner .accordion-button {
        margin-bottom: 0px;
        border: 1px solid #FFFFFF;
    }

    .accordion-inner .accordion-button:focus, .accordion-inner .accordion-button:focus-within {
        box-shadow: none;
    }

    .accordion-inner .accordion-button:not(.collapsed) {
        border: 1px solid #6BFFEB;
        border-bottom: 1px solid #ffffff;
        box-shadow: none;
    }

    .accordion-inner .accordion-collapse.show,.accordion-inner .accordion-collapse.collapsing {
        border: 1px solid #6BFFEB;
        border-top: none;
    }

    .accordion-button, .accordion-body {
        background-color: transparent !important;
    }

    .accordion-button::after {
        display: none;
    }

    .accordion-button .accordion-btn {
        /*position: absolute;
    top: 50%;
    right: 0;*/
        width: 58px;
        height: 57px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
    }

    .accordion-button .accordion-btn .minuse-btn, .accordion-button .accordion-btn .pluse-btn {
        width: 18px;
        height: 2px;
        background-color: #003B70;
        display: block;
    }

    .accordion-button.collapsed .accordion-btn .pluse-btn {
        transform: rotate(90deg);
        margin-left: -18px;
        display: block;
    }

    .accordion-button .accordion-btn .pluse-btn {
        display: none;
    }

    .everyday-sec {
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #C5FFFC 100%) 0% 0% no-repeat padding-box;
        /* box-shadow: 0px 0px 20px #00000021;*/
        border: 1px solid #FFFFFF;
        /*border-radius: 40px;*/
    }

    .everyday-inner .download-btn {
        max-width: 358px;
        height: 84px;
    }

    .everyday-bg-img {
        top: 60px;
        left: 0;
        right: 0;
        transform: rotate(-17deg);
    }
    /*.footer-sec{
    margin-top:100px !important;
}
*/
    .privacy-policy-sec {
        padding-top: 180px;
    }

    .privacy-policy-sec::after {
        content: "";
        transform: matrix(-1, 0, 0, -1, 0, 0);
        background: transparent linear-gradient(180deg, #FCFFFF 0%, #C5FFFC 100%) 0% 0% no-repeat padding-box;
        width: 100%;
        height: 615px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .contact-sec::after {
        content: "";
        background-color: #002E57;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 400px;
        z-index: -1;
    }

    .contact-inner {
        box-shadow: 0px 0px 10px #8ED2C780;
        backdrop-filter: blur(50px);
        background-color: #ebf3f5;
        position: relative;
    }

    .contact-inner > div.row::after {
        content: "";
        background-color: #C3F2F0;
        width: 4px;
        height: 81%;
        position: absolute;
        top: 56px;
        margin: auto;
        left: 0;
        right: 0;
        border: 0;
    }

    .contact-left ul li input, .contact-left ul li textarea {
        background-color: #7ec1be40;
        border: 1px solid #7ec1be40;
        border: 2px solid #24656320;
    }
        .contact-left ul li input::placeholder, .contact-left ul li textarea::placeholder {
            color: #94B5B4;
        }
            .contact-left ul li input, .contact-left ul li textarea {
                /*color: #94B5B4;*/
                color: #000000;
            }

    .contact-right ul li span img {
        max-width: 39px;
    }

    @media screen and (min-width:991px) {
        .header-sec div.bg-header {
            backdrop-filter: blur(25px);
            -webkit-backdrop-filter: blur(25px);
        }
    }
@media screen and (max-width:1400px) {
    .gallery-slider {
        padding: 35px 0px 105px;
    }
}
    @media screen and (max-width:1199px){
        .gallery-slider {
            padding: 35px 0px 35px;
        }

        .macusers-inner::after {
            content: "";
            right: -35px;
            height: 100%;
            max-width: 220px;
        }
        .macusers-inner::before {
            content: "";
            left: -35px;
            height: 100%;
            max-width:220px;
        }
        .everyday-bg-img img{
            width:100%;
            max-width:700px;
        }
    }

    /*@media screen and (max-width:1199px){
        .offcanvas-body ul.navbar-nav li a{
            padding:0px 7px !important;
            font-size:16px !important;
        }
        .offcanvas-body div a.bg-downloadbtn{padding:12px 12px; font-size:15px !important;}
    }*/
@media screen and (min-width:992px) and (max-width:1199px) {
    .offcanvas-body ul.navbar-nav li a {
        padding: 0px 7px !important;
        font-size: 16px !important;
    }

    .offcanvas-body div a.bg-downloadbtn {
        padding: 12px 12px !important;
        font-size: 15px !important;
    }
}

@media screen and (max-width:991px) {
    .downloadnow-inner ul li {
        width:100% !important;
        margin-left: 0px !important;
    }
    h2, .h2 {
        font-size: 37px;
        line-height: 50px;
    }
    /*.macusers-inner::after, .macusers-inner::before {
        display: none;
    }*/

    .heading-backcolor::after {
        right: 62px;
        width: 258px;
    }
    .logo-sec{
        width:100%;
        display:flex;
        justify-content:space-between;
    }
    .navbar-collapse{
        position:absolute;
        top:100%;

    }
    .navbar-collapse {
        position: absolute;
        top: 0;
        background-color: #E2FFFE;
        width: 100%;
        right: -100%;
        z-index: 99;
        transition: 1s all;
        height:110vh;
    }
        .navbar-collapse.collapse.show {
            right: 0px;
        }
    .Infii-excited-inner {
        background-size: contain !important;
    }
    .loved-bg::after {
        top: -4px;
        left: -7px;
        width: 122px;
    }
    .Infii-excited-inner {
        padding-bottom: 30px !important;
    }
    .contact-inner > div.row::after{
        display:none;
    }
    .offcanvas-body ul.navbar-nav li {
        border-bottom: 1px solid #003B70;
    }
    .offcanvas-body .download-btn{
        width:100%;
        justify-content:center;
    }
    .offcanvas {
        /*background: linear-gradient(180deg, rgba(200, 255, 252, 1) 15%, rgba(200, 255, 252, 1) 33%, rgba(255, 255, 255, 1) 72%);*/
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 33%, rgba(200, 255, 251, 1) 110%, rgba(200, 255, 252, 1) 75%);
    }
    .gallery-thumbs-box{
        display:none;
    }
    .gallery-slider {
        padding: 35px 0px 200px;
    }

    .gallery .modal-dialog {
        max-width: 80%;
    }
    .header-sec.position-fixed {
        position: absolute !important;
    }
}
@media screen and (max-width:767px){
    h1, .h1 {
        font-size: 40px;
        line-height: 60px;
        font-weight: 700;
    }
    h6, .h6 {
        font-size: 20px;
        line-height: 22px;
    }
    .text18 {
        font-size: 16px;
        line-height: 22px;
    }
    .gallery-slider .swiper-slide.swiper-slide-active {
        transform: scale(1.1);
    }
    .gallery {
        padding-bottom: 40px;
    }
    .image-hover img {
        max-width: 100%;
    }
    .Infii-icon-box1, .Infii-icon-box2, .Infii-icon-box3, .Infii-icon-box4{
        opacity:1;
    }
    .contact-right ul li span img {
        max-width: 35px;
    }

    .macusers-carousel .owl-stage {
        animation: initial !important;
    }
    .macusers-inner::after, .macusers-inner::before {
        display: none;
    }

    .gallery {
        padding: 40px 30px 80px;
    }
}

@media screen and (max-width:575px){
    h1, .h1 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 700;
    }
    h2, .h2 {
        font-size: 30px;
        line-height: 38px;
    }
    h3, .h3 {
        font-size: 24px;
        line-height: 32px;
    }
    h4, .h4 {
        font-size: 23px;
        line-height: 28px;
    }

    .text22 {
        font-size: 20px;
        line-height: 28px;
    }

    .text32 {
        font-size: 22px;
        line-height: 32px;
    }
    .gallery {
        padding: 40px 20px 80px;
    }
    .gallery-slider .swiper-slide {
        width: auto;
        height: 267px;
        transition: .5s all;
    }

    .heading-backcolor::after {
        right: 62px;
        width: 225px;
        
    }
    .heading-backcolor::after, .Infii-excited-bg::after, .Infii-excited-bg::after, .loved-bg::after, .ask-bg::after, .privacy-policy-sec h1::before {
        display: none;
    }
        .pera-bg::after {
            top: -2px;
            left: 5px;
            width: 309px;
        }
    .everyday-bg-img{
        display:none;
    }
    .accordion-button p.h5 {
        font-size: 18px;
        line-height: 26px;
        max-width:400px;
    }

    .accordion-body p.text20 {
        font-size: 16px;
        line-height: 24px;
    }
    .contact-inner br{
        display:none;
    }

    .gallery-slider {
        padding: 35px 0px 355px;
    }

        .gallery-slider .swiper-slide.swiper-slide-active {
            transform: scale(1);
        }
    .gallery {
    padding-bottom:0px;
    }
        .gallery .modal-dialog {
            max-width: 100%;
        }
    .privacy-policy-sec h1::before {
        top: -9px;
        right: -12px;
        width: 212px;
    }

    .banner-sec {
        padding-top: 140px !important;
    }
    .logo-sec img{
        max-width:100px;
    }

    .Infii-excited-inner div.col-md-6 img {
        max-width: 250px;
    }

    .Infii-excited-sec .container .Infii-excited-inner {
        border-bottom: 1px solid #bffcf1;
    }
    .macusers-sec h2 span + span {
        font-size: 22px;
    }

    .offcanvas {
     max-width:80%;
    }
}

@media screen and (max-width:480px){
    .accordion-button p.h5 {
        font-size: 17px;
        line-height: 26px;
        max-width: 191px;
    }

    .gallery-slider .swiper-slide {
         height: 100%; 
    }
    .gallery-slider {
        padding: 0px 0px 30px;
    }
}

.macusers-carousel .owl-stage {
    display: flex;
    animation: slide 150s linear infinite;
}
/*from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }*/
/*0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }*/
@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Force video controls to always be visible */
/*#myVideo::-webkit-media-controls {
    display: block !important;
}

#myVideo::-moz-media-controls {
    display: block !important;
}*/

/* Optional: make video responsive */
/*#myVideo {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;*/ /* optional: scale & crop video */
/*}*/

.anibox-1, .anibox-2, .anibox-3, .anibox-4, .anibox-5, .anibox-6, .anibox-7 {
    z-index: -1;
    opacity: 0.4;
    animation: marquee 10s linear infinite;
}

.anibox-1 {
    top: 0px;
    left: 225px;
}

.anibox-2 {
    top: 0px;
    right: 225px;
}

.anibox-3 {
    top: 100px;
    left: 270px;
}

.anibox-4 {
    top: 0px;
    left: 90px;
}

.anibox-5 {
    top: 100px;
    right: 270px;
}

.anibox-6 {
    bottom: 0px;
    left: 270px;
}

.anibox-7 {
    bottom: 0px;
    right: 90px;
}

@keyframes marquee {
    0% {
        top: 0;
    }

    100% {
        bottom: 100%;
    }
}

.scroll-up img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 250px;
}

.scroll-up {
    animation: scrollUp 12s linear infinite;
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}

.aniinfi {
    position: relative;
    background: linear-gradient(180deg, rgb(229 255 254) 6%, rgb(231 255 254) 31%, rgb(236 255 254) 73%);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 6px 5px 12px 20px #e2fffd;
    z-index: 1;
}

    .aniinfi::after  {
        width: 100px;
        height: 3px;
        box-shadow: 6px 5px 12px 20px #e2fffd;
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 7px;
        background: linear-gradient(180deg, rgb(228 255 253) 6%, rgb(229 255 253) 31%, rgba(255, 255, 255, 1) 73%);
        filter: blur(12px);
        z-index: -1;
    }

.aniinfi-bottom::after {
    top: -508px;
    width: 260px;
    box-shadow: 6px 5px 12px 20px #ffffff;
    background: linear-gradient(180deg, rgb(255 255 255) 6%, rgb(255 255 255) 31%, rgba(255, 255, 255, 1) 73%);
}