:root{
    --primary-color:#0C111F !important;
    --secondary-color:#29CFBB !important;
    --accent-color:#0B76C2 !important;
}
*{
    margin: 0;
    padding: 0;
}
body{
    background-color: var(--primary-color);
}
.login-section {
    background: var(--primary-color);
    position: relative;
    overflow: hidden;
}

.login-section::after {
    content: '';
    position: absolute;
    top: 20px; 
    right: -10px;
    width: 170px; 
    height: 170px; 
    background: linear-gradient(90deg,rgba(8, 118, 194, 0.6) 0%,  rgba(19, 214, 214, 0.6) 100%);
    filter: blur(90px);
    z-index: 1;
    pointer-events: none;
}
  


.custom-input {
    background: transparent;
    border: 1px solid #BCBCBC;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 12px;
}

.custom-input::placeholder {
    color: #BCBCBC;
}

.custom-input:focus {
    background: transparent;
    /* border-color: #00e0c6; */
    box-shadow: none;
}
.custom-select {
    background: transparent;
    border: 1px solid #BCBCBC;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 12px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.custom-select::placeholder {
    color: #BCBCBC;
}

.custom-select:focus {
    background: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
     background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
}
.eye-icon-img{
    width: 24px !important;
}
.eye-icon {
    
    color: #BCBCBC !important;
    cursor: pointer;
}

.custom-btn {
    background-color: var(--secondary-color);
    color: black;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    padding: 12px 25px;
}

.white-btn {
    background-color: white;
    color: black;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    padding: 12px 16px;
}

.custom-btn-sec {
    background-color: var(--accent-color);
    color: white;
    font-size: 16px;
    z-index: 100;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    padding: 12px 16px;
}

.hover-btn {
    background-color: transparent;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    padding: 12px 16px;
}

.hover-btn:hover, .hover-btn.active {
    background-color: var(--accent-color);
}


.logo{
    width: 180px;
}
.h1{
    font-size: 44px !important;
    font-weight: bold !important;
    line-height: 55px;
}
.ls-2{
    letter-spacing: 2px !important;
}
.h2{
    font-size: 36px !important;
    font-weight: bold !important;
}
.text-custom{
    background: linear-gradient(90deg, #0B76C2 0%, #13D6D6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.left-img{
    width: 100%;
    transform: scaleX(1.2);
    background-size: cover !important;
}
.left-img-signup{
    width: 100%;
    transform: scaleX(1.9);
    background-size: cover !important;
}
.custom-checkbox{
    background-color: transparent;
    padding: 10px !important;
}
.custom-checkbox:focus{
    box-shadow: none;
}
.top-52{
    top: 52%;
}
.text-white-70{
    color: #ffffffb3 !important;
}
.c-my{
    margin: 5px 0px 2px !important;
}
.p-6{
    padding: 60px !important;
}
.p-7{
    padding: 70px !important;
}
.px-7{
    padding: 0px 70px;
}
.p-9{
    padding: 90px !important;
}
.fs-14{
    font-size: 14px;
}
.custom-radio {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 2px solid #BCBCBC;
    cursor: pointer;
}

.custom-radio:checked {
    background-color: white;
    border-color: white;
    position: relative;
}

.custom-radio:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-color: var(--accent-color);
    border-radius: 50%;
}

.custom-radio:focus {
    box-shadow: none;
    outline: none;
}

.form-check-label {
    cursor: pointer;
}
.main-logo{
    width: 120px;
}
.nav-ul .nav-item .nav-link{
    color: white !important;
}
.navbar-toggler-icon{
    color: white;
    filter: brightness(100);
    font-size: 17px;
    opacity: 1;
}
.footer-links {
    list-style: none;
    padding-left: 0;
}
.footer-p{
    max-width: 494px;
}
.main-padding{
    padding: 50px 70px;
}
.custom-width{
    max-width: 584px !important;
}
.custom-short-card{
    max-width: 150px;
    width: 100%;
    background: linear-gradient(138.01deg, rgba(255, 255, 255, 0) -11.48%, rgba(255, 255, 255, 0.27) 96.77%);
    color: white;
    height: 65px;
    border-radius: 16px;
}
.custom-short-card:hover, .custom-short-card.active{
    background: var(--accent-color);
}
.platform-sec-sec{
    background-color: #161B28;
}
.platform-sec-sec::after {
    content: '';
    position: absolute;
    top: 20px; 
    left: -10px;
    width: 170px; 
    height: 170px; 
    background: linear-gradient(90deg,rgba(8, 118, 194, 0.6) 0%,  rgba(19, 214, 214, 0.6) 100%);
    filter: blur(90px);
    z-index: 1;
    pointer-events: none;
}
.platform-sec-img{
    /* max-width: 270px; */
    width: 100%;
    border-radius: 20px;
}
.mt-6{
    margin-top: 60px !important;
}
.mt-7{
    margin-top: 70px !important;
}
.mt-8{
    margin-top: 80px !important;
}
.mt-9{
    margin-top: 90px !important;
}
.mt-10{
    margin-top: 100px !important;
}
.mt-11{
    margin-top: 110px !important;
}
.mt-12{
    margin-top: 120px !important;
}
.mt-13{
    margin-top: 130px !important;
}
.mt-14{
    margin-top: 140px !important;
}
.mt-15{
    margin-top: 150px !important;
}
.lh-55{
    line-height: 55px;
}
.bimeta-text-img{
    max-width: 3000px;
    width: 100%;
}
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, max-content);
  gap: 10px;
}
.platform-card{
    /* max-width:370px; */
    width: 100%;
    background: linear-gradient(138.01deg, rgba(255, 255, 255, 0) -11.48%, rgba(255, 255, 255, 0.27) 96.77%);
    padding: 20px 18px;
    color: white;
    /* height: 96px; */
    border-radius: 16px;
}
.item-2 {
  grid-row: 1 / span 2;
  grid-column: 2;
}
.platform-lap-img{
    width: 42%;
    position: absolute;
    top: 11%;
    z-index: 1000;
    left: 50%;
    transform: translateX(-50%);
}
.lap-sec::after {
    content: '';
    position: absolute;
    width: 220px; 
    top: 49%;
    left: 50%;
    transform: translate(-51%, -50%);
    height: 220px; 
    background: linear-gradient(90deg,rgba(8, 118, 194, 0.6) 0%,  rgba(19, 214, 214, 0.6) 100%);
    filter: blur(80px);
    z-index: 10;
    pointer-events: none;
}
.last-sec{
    width: 100%;
    background: linear-gradient(90.73deg, #0B76C2 12.5%, #13D6D6 88.88%);
    color: white;
    /* padding: 4 50px; */
    border-radius: 20px;
}
.px-50{
    padding: 40px;
}
.last-sec-img{
    opacity: 0.24;
    right: 15px;
}
.last-sec-col{
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 40px;
}
.about-img-1{
    width: 100%;
    height: 80vh;
    border-radius: 20px;
}
.pr-20{
    padding-right: 20px;
}
.about-hero-icon{
    opacity: 0.7;
}
.w-703{
    max-width: 703px;
    width: 100%;
}
.w-40{
    width: 40%;
}
.w-30{
    width: 30%;
}
.about-h2{
    line-height: 55px;
    max-width: 429px;
    width: 100%;
}
.about-img-2{
    width: 100%;
    border-radius: 20px;
}
.z-0{
    z-index: 0;
}
.z-100{
    z-index: 100;
}
.about-card{
    max-width:100%;
    width: 100%;
    background: linear-gradient(138.01deg, rgba(255, 255, 255, 0) -11.48%, rgba(255, 255, 255, 0.27) 96.77%);
    padding: 22px 18px;
    color: white;
    border-radius: 16px;
}
.team-div{
    background-color: #161B28;
    color: white;
}
.w-545{
    width: 545px;
}
.w-584{
    width: 584px;
}
.w-511{
    width: 511px;
}
.team-card{
    max-width:100%;
    height: 407px;
}
.team-img{
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    object-fit: cover;
}
.h-80{
    height: 80%;
}
.team-icons{
    width: 20px;
}
.team-card-footer{
    padding: 20px;
    background: linear-gradient(270deg, #13D6D6 0%, #0B76C2 100%);
    border-radius: 0px 0px 8px 8px;
}
.team-logo-icon{
    width: 68px;
    right: 20px;
    top: 20px;
}
.py-7{
    padding: 70px !important;
}
.index-hero-footer{
    background: linear-gradient(90.73deg, #0B76C2 12.5%, #13D6D6 88.88%);
}
.index-lap-img{
    /* width: 645px; */
    width: 100%;
    position: absolute;
    /* top: 15%; */
    bottom: 0;
    z-index: 1000;
    left: 50%;
    transform: translateX(-50%);
}
.h-800{
    height: 850px;
}
.index-lap-sec::after {
    content: '';
    position: absolute;
    width: 220px; 
    top: 50%;
    left: 50%;
    transform: translate(-51%, -50%);
    height: 220px; 
    background: linear-gradient(90deg,rgba(8, 118, 194, 0.6) 0%,  rgba(19, 214, 214, 0.6) 100%);
    filter: blur(80px);
    z-index: 10;
    pointer-events: none;
}
.item-2 { order: 1; }
  .item-1 { order: 2; }
  .item-3 { order: 3; }
  .item-4 { order: 4; }
  .item-5 { order: 5; }
  .item-6 { order: 6; }
  .item-7 { order: 7; }
  .item-8 { order: 8; }
.index-sec-2{
    background-color: #161B28;
    padding: 100px 70px;
}
.index-img-3{
    border-radius: 20px;
    object-fit: cover;
}
.index-sec-2::after {
    content: '';
    position: absolute;
    top: 20px; 
    left: -10px;
    width: 170px; 
    height: 170px; 
    background: linear-gradient(90deg,rgba(8, 118, 194, 0.6) 0%,  rgba(19, 214, 214, 0.6) 100%);
    filter: blur(90px);
    z-index: 1;
    pointer-events: none;
}
.index-card{
    max-width:100%;
    width: 100%;
    background: linear-gradient(138.01deg, rgba(255, 255, 255, 0) -11.48%, rgba(255, 255, 255, 0.27) 96.77%);
    padding: 22px 18px;
    color: white;
    border-radius: 16px;
}
.w-777{
    width: 777px;
}

.faq-item {
    background: linear-gradient(138.01deg, rgba(255, 255, 255, 0) -11.48%, rgba(255, 255, 255, 0.27) 96.77%);
    border-radius: 16px;
    margin-bottom: 14px;
    overflow: hidden;
}

.faq-btn {
    width: 100%;
    background: transparent;
    border: none;
    color: #fff;
    padding: 18px 22px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-btn i {
    transition: transform 0.3s ease;
}

.faq-btn:not(.collapsed) i {
    transform: rotate(180deg);
}

.faq-body {
    padding: 0 22px 18px;
    color: white;
    font-size: 16px;
    line-height: 1.6;
}
.fs-24{
    font-size: 24px;
    font-weight: 500;
}
.index-sec-3{
    background-color: #161B28;
    padding: 50px 70px;
}
.testimonial-card{
    background: linear-gradient(138.01deg, rgba(255, 255, 255, 0) -11.48%, rgba(255, 255, 255, 0.27) 96.77%);
    border-radius: 16px;
    padding: 20px;
}
.testimonial-img{
    width: 100%;
    max-width: 68px;
    object-fit: cover;
}
.swiper-slide{
    height: 407px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

.index-sec-sec::after {
    content: '';
    position: absolute;
    top: 20px; 
    right: 0px;
    width: 170px; 
    height: 170px; 
    background: linear-gradient(90deg,rgba(8, 118, 194, 0.6) 0%,  rgba(19, 214, 214, 0.6) 100%);
    filter: blur(90px);
    z-index: 1;
    pointer-events: none;
}
.index-sec-third::after {
    content: '';
    position: absolute;
    top: 20px; 
    left: 0px;
    width: 170px; 
    height: 170px; 
    background: linear-gradient(90deg,rgba(8, 118, 194, 0.6) 0%,  rgba(19, 214, 214, 0.6) 100%);
    filter: blur(90px);
    z-index: 1;
    pointer-events: none;
}
.py-6{
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.img-container{
    max-height: 940px;
}
.feature-row {
    gap: 20px;
}

.feature-item {
    flex: 1 1 auto;
    min-width: 150px; 
}
.top-md-unset{
    top: unset !important;
}

.mbb-1{
    margin-bottom: 4px;
}
.mbb-3{
    margin-bottom: 16px;
}
.mbb-4{
    margin-bottom: 24px;
}
.mtt-2{
    margin-top: 8px;
}
.pyy-5{
    padding-bottom: 48px !important;
    padding-top: 48px !important;
}
@media (max-width : 500px) {
    .h2{
        font-size: 24px !important;
    }
    .h1{
        font-size: 24px !important;
        line-height: 33px;
    }
    label{
        font-size: 14px !important;
    }

    .px-7{
        padding: 0px 20px;
    }
    .form-control,.form-select{
        font-size: 14px;
    }
    a{
        font-size: 14px;
    }
    .custom-btn{
        font-size: 14px;
    }
    .custom-btn-sec{
        font-size: 14px;
    }
    .white-btn{
        font-size: 14px;
    }
    p{
        font-size: 14px;
    }
    .login-section::after {
            content: '';
            position: absolute;
            top: 10px;
            right: -90px;
            width: 170px;
            height: 170px;
            background: linear-gradient(90deg, rgba(8, 118, 194, 0.6) 0%, rgba(19, 214, 214, 0.6) 100%);
            filter: blur(90px);
            z-index: 1;
            pointer-events: none;
        }
}


@media (max-width : 1150px){
    .fs-14-mb{
        font-size: 12px;
    }
    .platform-lap-img{
        top: 22%;
    }
}

@media (max-width : 1000px) {
.h1{
    font-size: 45px !important;
    line-height: 45px;
}

.h2{
    font-size: 32px !important;
    line-height: 45px;
}

.w-511{
    width: 324px;
}

.index-h1-main{
    width: 490px;
    margin: auto;
}
.index-first-main{
    text-align: center;
    width: 100%;
    padding: 100px 0px;
}
.h-800{
    height: 805px;
}
.pm-0{
    padding: 0px;
}
.w-584{
    width: 430px;
}
.index-sec-2{
    padding: 70px 30px;
}
.w-777{
    width: 100%;
}
.fs-24{
    font-size: 24px !important;
}
.index-sec-3{
    padding: 60px 30px;
}
.flex-column-mb{
    flex-direction: column;
}
.w-545{
    width: 374px;
}
.swiper-button-next,
.swiper-button-prev{
    position: unset;
}
.pmr{
    position: relative;
}
.pmu{
    position: unset !important;
}
.top-md-unset{
    top: 0 !important;
}
.pma{
    position: absolute;
}
.px-50{
    padding: 40px 40px 0px 40px;
}
.last-sec-col{
    padding-right: 0px;
}
.text-center-mb{
    text-align: center !important;
}
.m-auto-mb{
    margin: auto;
}
.jsms{
    justify-content: start !important;
}
.px-7{
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.jsmc{
    justify-content: center !important;
}
.swiper-slide {
    height: 560px;
}
.footer-p{
    margin: auto;
}
label{
    font-size: 16px !important;
}
.form-control{
    font-size: 16px;
}
a{
    font-size: 16px;
}
.custom-btn{
    font-size: 16px;
}
.custom-btn-sec{
    font-size: 16px;
}
.white-btn{
    font-size: 16px;
}
p{
    font-size: 16px;
}
.login-section::after {
        content: '';
        position: absolute;
        top: 10px;
        right: -90px;
        width: 170px;
        height: 170px;
        background: linear-gradient(90deg, rgba(8, 118, 194, 0.6) 0%, rgba(19, 214, 214, 0.6) 100%);
        filter: blur(90px);
        z-index: 1;
        pointer-events: none;
    }
.last-sec-img{
    width: 47%;
    height: 100%;
}
.jstc{
    justify-content: center !important;
}
.jste{
    justify-content: end !important;
}
.footer-p{
    max-width: 610px !important;
}
.mobile-cards{
    justify-content:center !important;
    gap: 15px;
}
.custom-short-card{
    max-width: 100px;
}
.fs-14-mb{
    font-size: 10px;
}
.platform-lap-img{
    top: 22%;
}
}

@media (max-width : 800px) {
.h1{
    font-size: 45px !important;
    line-height: 45px;
}

.h2{
    font-size: 32px !important;
    line-height: 45px;
}

.w-511{
    width: 324px;
}

.index-h1-main{
    width: 490px;
    margin: auto;
}
.index-first-main{
    text-align: center;
    width: 100%;
    padding: 100px 0px;
}
.h-800{
    height: 700px;
}
.pm-0{
    padding: 0px;
}
.w-584{
    width: 430px;
}
.index-sec-2{
    padding: 70px 30px;
}
.w-777{
    width: 100%;
}
.fs-24{
    font-size: 24px !important;
}
.index-sec-3{
    padding: 60px 30px;
}
.flex-column-mb{
    flex-direction: column;
}
.w-545{
    width: 374px;
}
.swiper-button-next,
.swiper-button-prev{
    position: unset;
}
.pmr{
    position: relative;
}
.pmu{
    position: unset !important;
}
.top-md-unset{
    top: 0 !important;
}
.pma{
    position: absolute;
}
.px-50{
    padding: 40px 40px 0px 40px;
}
.last-sec-col{
    padding-right: 0px;
}
.text-center-mb{
    text-align: center !important;
}
.m-auto-mb{
    margin: auto;
}
.jsms{
    justify-content: start !important;
}
.px-7{
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.jsmc{
    justify-content: center !important;
}
.swiper-slide {
    height: 560px;
}
.footer-p{
    margin: auto;
}
label{
    font-size: 16px !important;
}
.form-control{
    font-size: 16px;
}
a{
    font-size: 16px;
}
.custom-btn{
    font-size: 16px;
}
.custom-btn-sec{
    font-size: 16px;
}
.white-btn{
    font-size: 16px;
}
p{
    font-size: 16px;
}
.login-section::after {
        content: '';
        position: absolute;
        top: 10px;
        right: -90px;
        width: 170px;
        height: 170px;
        background: linear-gradient(90deg, rgba(8, 118, 194, 0.6) 0%, rgba(19, 214, 214, 0.6) 100%);
        filter: blur(90px);
        z-index: 1;
        pointer-events: none;
    }
.last-sec-img{
    width: 47%;
    height: 100%;
}
.jstc{
    justify-content: center !important;
}
.jste{
    justify-content: end !important;
}
.footer-p{
    max-width: 610px !important;
}
.community{
    width: 100%;
    border-left: 0px !important;
    border-right: 0px !important;
    margin-top: 0px !important;
}
.plus-text-1{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.about-img-1{
    height: 100% !important;
}
.align-items-center-mb{
    align-items: center !important;
}
.px-0{
    padding-left: 14px !important;
    padding-right: 14px !important;
}
.mt-5-mb{
    margin-top: 48px !important;
}
.mt-10-mb{
    margin-top: 265px !important;
}
.main-padding{
    padding: 50px 30px !important;
}
.p-1-mb{
    padding: 5px !important;
}
.mobile-cards{
    justify-content:center !important;
    gap: 15px;
}
.custom-short-card{
    max-width: 100px;
}
.lap-sec::after{
        top: 18% !important;
    }
.grid {
    grid-template-columns: 1fr;
}

.grid > div {
    grid-column: auto;
    grid-row: auto;
}
.platform-lap-img{
    width: 100%;
    top: 0% !important;
}
.teamSwiper .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }

    .teamSwiper .swiper-slide {
        width: auto !important;
    }
}

@media (max-width : 600px) {
.h1{
    font-size: 24px !important;
    line-height: 33px;
}
.main-padding{
    padding: 50px 20px !important;
}
.mt-10-mb{
    margin-top: 180px !important;
}
.platform-lap-img{
    top: 3% !important;
}
.h2{
    font-size: 24px !important;
    line-height: 33px;
}

.w-511{
    max-width:324px;
    width: 100%;
}

.index-h1-main{
    max-width: 291px;
    width: 100%;
    margin: auto;
}
.index-first-main{
    text-align: center;
    width: 100%;
    padding: 100px 0px;
}
.h-800{
    height: 500px;
}
.pm-0{
    padding: 0px;
}
.w-584{
    max-width: 371px;
    width: 100%;
}
.index-sec-2{
    padding: 70px 20px;
}
.w-777{
    width: 100%;
}
.index-sec-3{
    padding: 60px 20px;
}
.flex-column-mb{
    flex-direction: column;
}
.w-545{
    max-width: 374px;
    width: 100%;
}
.swiper-button-next,
.swiper-button-prev{
    position: unset;
}
.pmr{
    position: relative;
}
.pmu{
    position: unset !important;
}
.top-md-unset{
    top: 0 !important;
}
.pma{
    position: absolute;
}
.px-50{
    padding: 40px 40px 0px 40px;
}
.last-sec-col{
    padding-right: 0px;
}
.text-center-mb{
    text-align: center !important;
}
.m-auto-mb{
    margin: auto;
}
.jsms{
    justify-content: start !important;
}
.px-7{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.jsmc{
    justify-content: center !important;
}
.swiper-slide {
    height: 560px;
}
.footer-p{
    margin: auto;
}
.jstc{
    justify-content: center !important;
}
.jste{
    justify-content: end !important;
}
label{
    font-size: 14px !important;
}
.form-control{
    font-size: 14px;
}
a{
    font-size: 14px;
}
.custom-btn{
    font-size: 14px;
}
.custom-btn-sec{
    font-size: 14px;
}
.white-btn{
    font-size: 14px;
}
p{
    font-size: 14px;
}
.login-section::after {
        content: '';
        position: absolute;
        top: 10px;
        right: -90px;
        width: 170px;
        height: 170px;
        background: linear-gradient(90deg, rgba(8, 118, 194, 0.6) 0%, rgba(19, 214, 214, 0.6) 100%);
        filter: blur(90px);
        z-index: 1;
        pointer-events: none;
    }
}
@media (max-width : 500px) {
.platform-lap-img{
    top: 4% !important;
}
.mt-10-mb{
    margin-top: 150px !important;
}
.custom-short-card{
    max-width: 80px;
    height: 59px;
}
.mobile-person-icon{
    width: 50%;
}
}
@media (max-width : 400px) {
.h1{
    font-size: 22px !important;
    line-height: 30px;
}

.h2{
    font-size: 22px !important;
    line-height: 30px;
}
.platform-lap-img{
    top: 5% !important;
}
.mt-10-mb{
    margin-top: 100px !important;
}
.w-511{
    max-width:300px;
    width: 100%;
}

.index-h1-main{
    max-width: 261px;
    width: 100%;
    margin: auto;
}
.index-first-main{
    text-align: center;
    width: 100%;
    padding: 80px 0px;
}
.h-800{
    height: 475px;
}
.pm-0{
    padding: 0px;
}
.w-584{
    max-width: 321px;
    width: 100%;
}
.index-sec-2{
    padding: 70px 20px;
}
.w-777{
    width: 100%;
}
.index-sec-3{
    padding: 60px 20px;
}
.flex-column-mb{
    flex-direction: column;
}
.mt-7-mb{
    margin-top: 70px !important;
}
.w-545{
    max-width: 374px;
    width: 100%;
}
.swiper-button-next,
.swiper-button-prev{
    position: unset;
}
.pmr{
    position: relative;
}
.pmu{
    position: unset !important;
}
.top-md-unset{
    top: 0 !important;
}
.pma{
    position: absolute;
}
.px-50{
    padding: 40px 40px 0px 40px;
}
.last-sec-col{
    padding-right: 0px;
}
.text-center-mb{
    text-align: center !important;
}
.m-auto-mb{
    margin: auto;
}
.jsms{
    justify-content: start !important;
}
.px-7{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.jsmc{
    justify-content: center !important;
}
.swiper-slide {
    height: 560px;
}
.footer-p{
    margin: auto;
}
.jstc{
    justify-content: center !important;
}
.jste{
    justify-content: end !important;
}
label{
    font-size: 14px !important;
}
.form-control{
    font-size: 14px;
}
a{
    font-size: 14px;
}
.custom-btn{
    font-size: 14px;
}
.custom-btn-sec{
    font-size: 14px;
}
.white-btn{
    font-size: 14px;
}
p{
    font-size: 14px;
}
.login-section::after {
        content: '';
        position: absolute;
        top: 10px;
        right: -90px;
        width: 170px;
        height: 170px;
        background: linear-gradient(90deg, rgba(8, 118, 194, 0.6) 0%, rgba(19, 214, 214, 0.6) 100%);
        filter: blur(90px);
        z-index: 1;
        pointer-events: none;
    }
    .custom-short-card{
        max-width: 70px;
        height: 50px;
    }
    .mobile-cards{
        gap: 7px ;
    }
    .fs-12-mb{
        font-size: 12px !important;
    }
}

@media (min-width : 1400px) {
     .navbar{
        padding: 10px 75px !important;
    }
     .h2{
    font-size: 36px !important;
    line-height: 55px;
    }
    .h1{
        font-size: 40px !important;
        line-height:55px;
    }
    label{
        font-size: 17px !important;
    }
    .form-control,.form-select{
        font-size: 17px !important;
        padding: 14px !important;
        border-radius: 15px !important;
        background-size: 17px;
        background-position: right 14px center;
    }
    a{
        font-size: 17px !important;
    }
    .custom-btn{
        font-size: 17px !important;
        padding: 13px 26px;
    }
    .hover-btn{
        font-size: 14px 17px;
        padding: 13px 16px;
    }
    .custom-btn-sec{
        font-size: 17px !important;
        padding: 13px 16px;
    }
    .white-btn{
        font-size: 17px !important;
    }
    p{
        font-size: 17px !important;
    }
    .span{
        font-size: 17px !important;
    }
    .main-logo{
        width: 125px;
    }
    .gap-4{
        gap: 25px !important;
    } 
    .w-777{
        width: 880px;
    }
    .w-511{
        width: 560px;
    }
    .fs-24{
        font-size: 26px !important;
    }
    .swiper-slide {
        height: 450px;
    }
    .w-14{
        width: 15px !important;
    }
     .w-24{
        width: 25px !important;
    }
   
    .w-27{
        width: 28px !important;
    }
    .h-800 {
        height: 950px;
    }
    .last-sec-img{
        width: 700px;
    }
    .w-584{
        width:640px !important;
    }
    .w-85{
        width: 89px !important;
    }
    .w-108{
        width: 112px !important;
    }
    .w-59{
        width: 70px !important;
    }
    .w-90{
        width: 95px !important;
    }
    .w-78{
        width: 92px !important;
    }
    .w-82{
        width: 88px !important;
    }
    .w-65{
        width: 72px !important;
    }
    .testimonial-img{
        max-width: 72px;
    }
    .footer-p {
        max-width: 520px;
    }
    .px-7{
        padding: 0px 75px;
    }
    .index-sec-2{
        padding: 110px 75px;
    }
    .mb-1{
        margin-bottom: 6px !important;
    }
    .mb-2{
        margin-bottom: 10px !important;
    }
    .mb-3{
        margin-bottom: 18px !important;
    }
    .mb-4{
        margin-bottom: 26px !important;
    }
    .mb-5{
        margin-bottom: 50px !important;
    }
    .mt-1,.mt-md-1{
        margin-top: 6px !important;
    }
    .mt-2,.mt-md-2{
        margin-top: 10px !important;
    }
    .mt-3,.mt-md-3{
        margin-top: 18px !important;    
    }
    .mt-4,.mt-md-4{
        margin-top: 26px !important;
    }
    .mt-5,.mt-md-5{
        margin-top: 50px !important;
    }
    .pt-4{
        padding-top: 26px !important;
    }
    .pt-5{
        padding-top: 50px !important;
    }
    .py-1{
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .py-2{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .py-3{
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .py-4{
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
    .py-5{
        padding-top: 51px !important;
        padding-bottom: 51px !important;
    }
    .index-sec-3{
        padding: 60px 75px;
    }
    .about-card,.index-card,.platform-card{
        padding: 23px 19px;
    }
    .faq-btn{
        padding: 19px 23px;
    }
    .faq-body{
        padding: 0 23px 19px;
    }
    .faq-item{
        margin-bottom: 16px;
    }
    .testimonial-card{
        padding: 22px;
    }
    .mb-lg-0{
        margin-bottom: 0px !important;
    }
    .px-50{
        padding: 45px;
    }
    .last-sec-col{
        padding: 45px;
    }
    .w-703{
        max-width: 753px;
    }
    .about-h2{
        max-width: 450px;
    }
    .w-545{
        max-width: 580px;
        width: 100%;
    }
    .py-6{
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .team-card-footer{
        padding: 20px;
    }
    .w-19{
        width: 20px;
    }
    .w-12{
        width: 13px;
    }
    .custom-short-card{
        max-width: 175px;
        height: 65px;
        border-radius: 17px;
    }
    .custom-radio {
        width: 21px;
        height: 21px;
    }

.custom-radio:checked::after {
        width: 13px;
        height: 13px;
    }
    .platform-lap-img {
        width: 38%;
        top: 15%;
    }
    .custom-checkbox{
        padding: 14px !important;
    }
    .about-img-2 {
        max-height: 639px;
    }
    .team-logo-icon{
        width: 68px;
    }
    .index-img-3 {
        max-height: 514px;
    }
    .index-lap-img{
        height: 90% !important;
    }
    
}

@media (min-width : 1500px) {
    .mobile-cards{
        justify-content: space-around !important;
    }
    .w-777{
        width: 900px;
    }
    .w-511{
        width: 570px;
    }
    .fs-24{
        font-size: 27px !important;
    }
    .swiper-slide {
        height: 450px;
    }
    .w-14{
        width: 16px !important;
    }
     .w-24{
        width: 26px !important;
    }
   
    .w-27{
        width: 29px !important;
    }
    .h-800 {
        height: 1000px;
    }
    .last-sec-img{
        width: 750px;
    }
    .w-584{
        width:670px !important;
    }
    .w-85{
        width: 92px !important;
    }
    .w-108{
        width: 117px !important;
    }
    .w-59{
        width: 73px !important;
    }
    .w-90{
        width: 100px !important;
    }
    .w-78{
        width: 97px !important;
    }
    .w-82{
        width: 93px !important;
    }
    .w-65{
        width: 75px !important;
    }
    .testimonial-img{
        max-width: 75px;
    }
    .footer-p {
        max-width: 550px;
    }
    .px-7{
        padding: 0px 78px;
    }
    .index-sec-2{
        padding: 100px 78px;
    }
    .mb-1{
        margin-bottom: 7px !important;
    }
    .mb-2{
        margin-bottom: 11px !important;
    }
    .mb-3{
        margin-bottom: 19px !important;
    }
    .mb-4{
        margin-bottom: 27px !important;
    }
    .mb-5{
        margin-bottom: 52px !important;
    }
    .mt-1,.mt-lg-1{
        margin-top: 7px !important;
    }
    .mt-2,.mt-lg-2{
        margin-top: 11px !important;
    }
    .mt-3,.mt-lg-3{
        margin-top: 17px !important;    
    }
    .mt-4,.mt-lg-4{
        margin-top: 25px !important;
    }
    .mt-5,.mt-lg-5{
        margin-top: 48px !important;
    }
    .pt-4{
        padding-top: 25px !important;
    }
    .pt-5{
        padding-top: 48px !important;
    }
    .py-1{
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .py-2{
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }
    .py-3{
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }
    .py-4{
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }
    .py-5{
        padding-top: 53px !important;
        padding-bottom: 53px !important;
    }
    .index-sec-3{
        padding: 60px 78px;
    }
    .about-card,.index-card,.platform-card{
        padding: 23px 20px;
    }
    .faq-btn{
        padding: 20px 24px;
    }
    .faq-body{
        padding: 0 24px 20px;
    }
    .faq-item{
        margin-bottom: 17px;
    }
    .testimonial-card{
        padding: 23px;
    }
    .mb-lg-0{
        margin-bottom: 0px !important;
    }
    .px-50{
        padding: 48px;
    }
    .last-sec-col{
        padding: 48px;
    }
    .w-703{
        max-width: 758px;
    }
    .about-h2{
        max-width: 455px;
    }
    .w-545{
        max-width: 585px;
        width: 100%;
    }
    .py-6{
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .team-card-footer{
        padding: 21px;
    }
    .w-19{
        width: 21px;
    }
    .w-12{
        width: 14px;
    }
    .custom-short-card{
        max-width: 180px;
        height: 67px;
        border-radius: 18px;
    }
    .custom-radio {
        width: 22px;
        height: 22px;
    }

.custom-radio:checked::after {
        width: 14px;
        height: 14px;
    }

    .team-logo-icon{
        width: 69px;
    }
    
    
}

@media (min-width : 1650px) {
    .w-777{
        width: 950px;
    }
    .w-511{
        width: 580px;
    }
    .fs-24{
        font-size: 28px !important;
    }
    .swiper-slide {
        height: 480px;
    }
    .w-14{
        width: 17px !important;
    }
     .w-24{
        width: 27px !important;
    }
   
    .w-27{
        width: 30px !important;
    }
    .h-800 {
        height: 1100px;
    }
    .last-sec-img{
        width: 780px;
    }
    .w-584{
        width:690px !important;
    }
    .w-85{
        width: 94px !important;
    }
    .w-108{
        width: 119px !important;
    }
    .w-59{
        width: 75px !important;
    }
    .w-90{
        width: 105px !important;
    }
    .w-78{
        width: 99px !important;
    }
    .w-82{
        width: 95px !important;
    }
    .w-65{
        width: 77px !important;
    }
    .testimonial-img{
        max-width: 78px;
    }
    .footer-p {
        max-width: 580px;
    }
    .px-7{
        padding: 0px 80px;
    }
    .index-sec-2{
        padding: 100px 80px;
    }
    .mb-1{
        margin-bottom: 8px !important;
    }
    .mb-2{
        margin-bottom: 13px !important;
    }
    .mb-3{
        margin-bottom: 20px !important;
    }
    .mb-4{
        margin-bottom: 28px !important;
    }
    .mb-5{
        margin-bottom: 53px !important;
    }
    .mt-1,.mt-lg-1{
        margin-top: 8px !important;
    }
    .mt-2,.mt-lg-2{
        margin-top: 13px !important;
    }
    .mt-3,.mt-lg-3{
        margin-top: 20px !important;    
    }
    .mt-4,.mt-lg-4{
        margin-top: 28px !important;
    }
    .mt-5,.mt-lg-5{
        margin-top: 50px !important;
    }
    .pt-4{
        padding-top: 26px !important;
    }
    .pt-5{
        padding-top: 50px !important;
    }
    .py-1{
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .py-2{
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .py-3{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .py-4{
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .py-5{
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .index-sec-3{
        padding: 60px 80px;
    }
    .about-card,.index-card,.platform-card{
        padding: 24px 21px;
    }
    .faq-btn{
        padding: 21px 25px;
    }
    .faq-body{
        padding: 0 25px 21px;
    }
    .faq-item{
        margin-bottom: 18px;
    }
    .testimonial-card{
        padding: 24px;
    }
    .mb-lg-0{
        margin-bottom: 0px !important;
    }
    .px-50{
        padding: 49px;
    }
    .last-sec-col{
        padding: 49px;
    }
    .w-703{
        max-width: 763px;
    }
    .about-h2{
        max-width: 457px;
    }
    .w-545{
        max-width: 590px;
        width: 100%;
    }
    .py-6{
        padding-top: 105px !important;
        padding-bottom: 105px !important;
    }
    .team-card-footer{
        padding: 23px;
    }
    .w-19{
        width: 23px;
    }
    .w-12{
        width: 15px;
    }
    .custom-short-card{
        max-width: 183px;
        height: 68px;
        border-radius: 19px;
    }
    .custom-radio {
        width: 23px;
        height: 23px;
    }

.custom-radio:checked::after {
        width: 15px;
        height: 15px;
    }

    .team-logo-icon{
        width: 70px;
    }
    
    
}

@media (min-width : 1850px) {
    .navbar{
        padding: 14px 83px !important;
    }
    .w-777{
        width: 970px;
    }
    .w-511{
        width: 600px;
    }
    .fs-24{
        font-size: 31px !important;
    }
    .swiper-slide {
        height: 500px;
    }
    .platform-lap-img {
        width: 38%;
        top: 8%;
    }
    .w-14{
        width: 18px !important;
    }
     .w-24{
        width: 28px !important;
    }
   
    .w-27{
        width: 31px !important;
    }
    .h-800 {
        height: 1200px;
    }
    .last-sec-img{
        width: 800px;
    }
    .w-584{
        width:700px !important;
    }
    .w-85{
        width: 95px !important;
    }
    .w-108{
        width: 123px !important;
    }
    .w-59{
        width: 78px !important;
    }
    .w-90{
        width: 110px !important;
    }
    .w-78{
        width: 102px !important;
    }
    .w-82{
        width: 98px !important;
    }
    .w-65{
        width: 79px !important;
    }
    .testimonial-img{
        max-width: 79px;
    }
    .footer-p {
        max-width: 590px;
    }
    .px-7{
        padding: 0px 82px;
    }
    .index-sec-2{
        padding: 105px 82px;
    }
    .mb-1{
        margin-bottom: 9px !important;
    }
    .mb-2{
        margin-bottom: 14px !important;
    }
    .mb-3{
        margin-bottom: 21px !important;
    }
    .mb-4{
        margin-bottom: 29px !important;
    }
    .mb-5{
        margin-bottom: 54px !important;
    }
    .mt-1,.mt-lg-1{
        margin-top: 9px !important;
    }
    .mt-2,.mt-lg-2{
        margin-top: 14px !important;
    }
    .mt-3,.mt-lg-3{
        margin-top: 21px !important;    
    }
    .mt-4,.mt-lg-4{
        margin-top: 29px !important;
    }
    .mt-5,.mt-lg-5{
        margin-top: 52px !important;
    }
    .pt-4{
        padding-top: 28px !important;
    }
    .pt-5{
        padding-top: 52px !important;
    }
    .py-1{
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
    .py-2{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    .py-3{
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }
    .py-4{
        padding-top: 29px !important;
        padding-bottom: 29px !important;
    }
    .py-5{
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .index-sec-3{
        padding: 63px 82px;
    }
    .about-card,.index-card,.platform-card{
        padding: 25px 22px;
    }
    .faq-btn{
        padding: 22px 26px;
    }
    .faq-body{
        padding: 0 26px 22px;
    }
    .faq-item{
        margin-bottom: 19px;
    }
    .testimonial-card{
        padding: 25px;
    }
    .mb-lg-0{
        margin-bottom: 0px !important;
    }
    .px-50{
        padding: 50px;
    }
    .last-sec-col{
        padding: 50px;
    }
    .w-703{
        max-width: 773px;
    }
    .about-h2{
        max-width: 467px;
    }
    .w-545{
        max-width: 600px;
        width: 100%;
    }
    .py-6{
        padding-top: 108px !important;
        padding-bottom: 108px !important;
    }
    .team-card-footer{
        padding: 24px;
    }
    .w-19{
        width: 24px;
    }
    .w-12{
        width: 16px;
    }
    .custom-short-card{
        max-width: 185px;
        height: 70px;
        border-radius: 20px;
    }
    .custom-radio {
        width: 24px;
        height: 24px;
    }

.custom-radio:checked::after {
        width: 16px;
        height: 16px;
    }

    .team-logo-icon{
        width: 72px;
    }
    
    
}

@media (min-width : 2040px) {
    .w-777{
        width: 990px;
    }
    .w-511{
        width: 620px;
    }
    .fs-24{
        font-size: 33px !important;
    }
    .swiper-slide {
        height: 510px;
    }
    .w-14{
        width: 19px !important;
    }
     .w-24{
        width: 29px !important;
    }
   
    .w-27{
        width: 33px !important;
    }
    .h-800 {
        height: 1250px;
    }
    .last-sec-img{
        width: 900px;
    }
    .w-584{
        width:730px !important;
    }
    .w-85{
        width: 99px !important;
    }
    .w-108{
        width: 125px !important;
    }
    .w-59{
        width: 79px !important;
    }
    .w-90{
        width: 115px !important;
    }
    .w-78{
        width: 104px !important;
    }
    .w-82{
        width: 100px !important;
    }
    .w-65{
        width: 80px !important;
    }
    .testimonial-img{
        max-width: 80px;
    }
    .platform-lap-img {
        width: 36%;
        top: 5%;
    }
    .footer-p {
        max-width: 600px;
    }
    .px-7{
        padding: 0px 84px;
    }
    .index-sec-2{
        padding: 110px 84px;
    }
    .mb-1{
        margin-bottom: 10px !important;
    }
    .mb-2{
        margin-bottom: 15px !important;
    }
    .mb-3{
        margin-bottom: 22px !important;
    }
    .mb-4{
        margin-bottom: 30px !important;
    }
    .mb-5{
        margin-bottom: 55px !important;
    }
    .mt-1,.mt-lg-1{
        margin-top: 10px !important;
    }
    .mt-2,.mt-lg-2{
        margin-top: 15px !important;
    }
    .mt-3,.mt-lg-3{
        margin-top: 22px !important;    
    }
    .mt-4,.mt-lg-4{
        margin-top: 30px !important;
    }
    .mt-5,.mt-lg-5{
        margin-top: 53px !important;
    }
    .pt-4{
        padding-top: 30px !important;
    }
    .pt-5{
        padding-top: 53px !important;
    }
    .py-1{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .py-2{
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .py-3{
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
    .py-4{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .py-5{
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
    .index-sec-3{
        padding: 65px 85px;
    }
    .about-card,.index-card,.platform-card{
        padding: 27px 24px;
    }
    .faq-btn{
        padding: 23px 28px;
    }
    .faq-body{
        padding: 0 27px 23px;
    }
    .faq-item{
        margin-bottom: 20px;
    }
    .testimonial-card{
        padding: 26px;
    }
    .mb-lg-0{
        margin-bottom: 0px !important;
    }
    .px-50{
        padding: 51px;
    }
    .last-sec-col{
        padding: 51px;
    }
    .w-703{
        max-width: 778px;
    }
    .about-h2{
        max-width: 472px;
    }
    .w-545{
        max-width: 610px;
        width: 100%;
    }
    .py-6{
        padding-top: 113px !important;
        padding-bottom: 113px !important;
    }
    .team-card-footer{
        padding: 27px;
    }
    .w-19{
        width: 24px;
    }
    .w-12{
        width: 17px;
    }
    .custom-short-card{
        max-width: 190px;
        height: 72px;
        border-radius: 21px;
    }
    .custom-radio {
        width: 25px;
        height: 25px;
    }

.custom-radio:checked::after {
        width: 17px;
        height: 17px;
    }

    .team-logo-icon{
        width: 74px;
    }
    
    
}

@media (min-width : 2240px) {
    
    .platform-lap-img {
        width: 33%;
        top: 3%;
    }
    .w-777{
        width: 1030px;
    }
    .w-511{
        width: 650px;
    }
    .fs-24{
        font-size: 34px !important;
    }
    .swiper-slide {
        height: 510px;
    }
    .w-14{
        width: 20px !important;
    }
     .w-24{
        width: 30px !important;
    }
   
    .w-27{
        width: 34px !important;
    }
    .h-800 {
        height: 1300px;
    }
    .last-sec-img{
        width: 930px;
    }
    .w-584{
        width:740px !important;
    }
    .w-85{
        width: 103px !important;
    }
    .w-108{
        width: 128px !important;
    }
    .w-59{
        width: 82px !important;
    }
    .w-90{
        width: 118px !important;
    }
    .w-78{
        width: 108px !important;
    }
    .w-82{
        width: 102px !important;
    }
    .w-65{
        width: 82px !important;
    }
    .testimonial-img{
        max-width: 81px;
    }
    .footer-p {
        max-width: 610px;
    }
    .px-7{
        padding: 0px 85px;
    }
    .index-sec-2{
        padding: 111px 85px;
    }
    .mb-1{
        margin-bottom: 11px !important;
    }
    .mb-2{
        margin-bottom: 16px !important;
    }
    .mb-3{
        margin-bottom: 23px !important;
    }
    .mb-4{
        margin-bottom: 31px !important;
    }
    .mb-5{
        margin-bottom: 56px !important;
    }
    .mt-1,.mt-lg-1{
        margin-top: 11px !important;
    }
    .mt-2,.mt-lg-2{
        margin-top: 16px !important;
    }
    .mt-3,.mt-lg-3{
        margin-top: 23px !important;    
    }
    .mt-4,.mt-lg-4{
        margin-top: 31px !important;
    }
    .mt-5,.mt-lg-5{
        margin-top: 54px !important;
    }
    .pt-4{
        padding-top: 31px !important;
    }
    .pt-5{
        padding-top: 54px !important;
    }
    .py-1{
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }
    .py-2{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .py-3{
        padding-top: 23px !important;
        padding-bottom: 23px !important;
    }
    .py-4{
        padding-top: 31px !important;
        padding-bottom: 31px !important;
    }
    .py-5{
        padding-top: 57px !important;
        padding-bottom: 57px !important;
    }
    .index-sec-3{
        padding: 67px 87px;
    }
    .about-card,.index-card,.platform-card{
        padding: 28px 25px;
    }
    .faq-btn{
        padding: 24px 29px;
    }
    .faq-body{
        padding: 0 28px 24px;
    }
    .faq-item{
        margin-bottom: 21px;
    }
    .testimonial-card{
        padding: 27px;
    }
    .mb-lg-0{
        margin-bottom: 0px !important;
    }
    .px-50{
        padding: 52px;
    }
    .last-sec-col{
        padding: 52px;
    }
    .w-703{
        max-width: 780px;
    }
    .about-h2{
        max-width: 475px;
    }
    .w-545{
        max-width: 612px;
        width: 100%;
    }
    .py-6{
        padding-top: 115px !important;
        padding-bottom: 115px !important;
    }
    .team-card-footer{
        padding: 28px;
    }
    .w-19{
        width: 25px;
    }
    .w-12{
        width: 18px;
    }
    .custom-short-card{
        max-width: 192px;
        height: 73px;
        border-radius: 22px;
    }
    .custom-radio {
        width: 26px;
        height: 26px;
    }

.custom-radio:checked::after {
        width: 18px;
        height: 18px;
    }

    .team-logo-icon{
        width: 76px;
    }
    
    
}

@media (min-width : 2440px) {
    .navbar{
        padding: 18px 88px !important;
    }
    .w-777{
        width: 1050px;
    }
    .w-511{
        width: 660px;
    }
    .swiper-slide {
        height: 512px;
    }
    .w-14{
        width: 21px !important;
    }
     .w-24{
        width: 31px !important;
    }
   
    .w-27{
        width: 35px !important;
    }
    .h-800 {
        height: 1350px;
    }
    .last-sec-img{
        width: 950px;
    }
    .w-584{
        width:750px !important;
    }
    .w-85{
        width: 105px !important;
    }
    .w-108{
        width: 129px !important;
    }
    .w-59{
        width: 84px !important;
    }
    .w-90{
        width: 120px !important;
    }
    .w-78{
        width: 110px !important;
    }
    .w-82{
        width: 107px !important;
    }
    .w-65{
        width: 85px !important;
    }
    .testimonial-img{
        max-width: 83px;
    }
    .footer-p {
        max-width: 630px;
    }
    .px-7{
        padding: 0px 88px;
    }
    .index-sec-2{
        padding: 115px 88px;
    }
    .mb-1{
        margin-bottom: 12px !important;
    }
    .mb-2{
        margin-bottom: 17px !important;
    }
    .mb-3{
        margin-bottom: 24px !important;
    }
    .mb-4{
        margin-bottom: 32px !important;
    }
    .mb-5{
        margin-bottom: 57px !important;
    }
    .mt-1,.mt-lg-1{
        margin-top: 12px !important;
    }
    .mt-2,.mt-lg-2{
        margin-top: 17px !important;
    }
    .mt-3,.mt-lg-3{
        margin-top: 24px !important;    
    }
    .mt-4,.mt-lg-4{
        margin-top: 32px !important;
    }
    .mt-5,.mt-lg-5{
        margin-top: 55px !important;
    }
    .pt-4{
        padding-top: 32px !important;
    }
    .pt-5{
        padding-top: 55px !important;
    }
    .py-1{
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .py-2{
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
    .py-3{
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .py-4{
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .py-5{
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }
    .index-sec-3{
        padding: 69px 88px;
    }
    .about-card,.index-card,.platform-card{
        padding: 30px 27px;
    }
    .faq-btn{
        padding: 25px 30px;
    }
    .faq-body{
        padding: 0 29px 25px;
    }
    .faq-item{
        margin-bottom: 22px;
    }
    .testimonial-card{
        padding: 28px;
    }
    .mb-lg-0{
        margin-bottom: 0px !important;
    }
    .px-50{
        padding: 53px;
    }
    .last-sec-col{
        padding: 53px;
    }
    .w-703{
        max-width: 790px;
    }
    .about-h2{
        max-width: 485px;
    }
    .w-545{
        max-width: 618px;
        width: 100%;
    }
    .py-6{
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }
    .team-card-footer{
        padding: 30px;
    }
    .w-19{
        width: 28px;
    }
    .w-12{
        width: 20px;
    }
    .custom-short-card{
        max-width: 192px;
        height: 73px;
        border-radius: 22px;
    }
    .custom-radio {
        width: 27px;
        height: 27px;
    }

.custom-radio:checked::after {
        width: 19px;
        height: 19px;
    }

    .team-logo-icon{
        width: 78px;
    }
    
}

@media (max-width : 1200px){
    .fs-14-mb{
        font-size: 14px;
    }
}

.get-started-btn{
    position: relative;
    z-index: 11111;
}