:root {
    --ff-primary: "arial", sans-serif;
    --BodyColor: #90A1B9;
    --PrimaryColor: #00D492;
    --PrimaryColorRGBA: 0, 212, 146;
    --SecondaryColor: #00D3F2;
    --SecondaryColorRGBA: 0, 211, 242;
    --WhiteColor: #FFFFFF;
    --WhiteColorRGBA: 255, 255, 255;
    --BlackColor: #000000;
    --BlackColorRGBA: 0, 0, 0;
    --fs-sm: 14px;
    --fs-md: 16px;
    --fs-h1: 58px;
    --fs-h2: 48px;
    --fs-h3: 40px;
    --fs-h4: 34px;
    --fs-h5: 24px;
    --fs-h6: 20px;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
}

.primary {
    color: var(--PrimaryColor);
}

.ff-primary {
    font-family: var(--ff-primary);
}

.fs-14 {
    font-size: var(--fs-sm) !important;
}

.fw-regular {
    font-weight: var(--fw-400);
}

.fw-medium {
    font-weight: var(--fw-500);
}

.fw-semibold {
    font-weight: var(--fw-600);
}

body {
    font-family: var(--ff-primary);
    font-size: var(--fs-sm);
    font-weight: var(--fw-400);
    line-height: 170%;
    color: var(--BodyColor);
    font-style: normal;
    text-transform: inherit;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body a {
    color: inherit;
}

body a:hover {
    color: inherit;
}

body a,
body a:active,
body a:focus,
body a:hover {
    color: inherit;
    text-decoration: none;
    outline: 0;
    outline-offset: 0;
    transition: all .3s ease-in-out;
}

body ol,
body ul {
    list-style-position: inside;
}

body ul li {
    list-style: none;
}

p {
    margin-bottom: 0;
}

ul {
    padding: 0;
    margin: 0;
}

/* h1 to h6 common css start */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-weight: var(--fw-400);
    font-family: var(--ff-primary);
    line-height: 115%;
    font-style: normal;
    text-transform: inherit;
    margin: 0;
    padding: 0;
    color: var(--WhiteColor);
}

body h1 {
    font-size: var(--fs-h1);
}

body h2 {
    font-size: var(--fs-h2);
}

body h3 {
    font-size: var(--fs-h3);
}

body h4 {
    font-size: var(--fs-h4);
}

body h5 {
    font-size: var(--fs-h5);
}

body h6 {
    font-size: var(--fs-h6);
}


@media (max-width: 1199.98px) {
    body h1 {
        font-size: var(--fs-h2);
    }

    body h2 {
        font-size: var(--fs-h3);
    }

    body h3 {
        font-size: var(--fs-h4);
    }

    body h4 {
        font-size: 28px;
    }

    body h5 {
        font-size: 24px;
    }

}

@media (max-width: 991.98px) {
    body h1 {
        font-size: 42px;
    }

    body h2 {
        font-size: 36px;
    }

    body h3 {
        font-size: 32px;
    }

    body h4 {
        font-size: 26px;
    }

    body h5 {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {
    body h1 {
        font-size: 35px;
    }

    body h2 {
        font-size: 32px;
    }

    body h3 {
        font-size: 28px;
    }

    body h4 {
        font-size: 24px;
    }

    body h5 {
        font-size: 20px;
    }

    body h6 {
        font-size: 18px;
    }
}

/* h1 to h6 common css end */

body img {
    max-width: 100%;
    width: auto;
}

/* common site title css start*/
.main-title {
    font-size: var(--fs-h2);

}


@media (max-width: 1199.98px) {

    .main-title {
        font-size: var(--fs-h3);
    }

}

@media (max-width: 991.98px) {
    .main-title {
        font-size: 36px;
    }
}

@media (max-width: 767.98px) {
    .main-title {
        font-size: 32px;
    }
}

/* common site title css end*/

/*common container css start*/
@media (min-width: 1366px) {
    .container {
        max-width: 1310px;
    }
}

/*common container css end*/

/* thumbnail css start */
.thumbnail-container.object-fit img,
.thumbnail-container.object-fit iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body .thumbnail-container,
body .thumbnail_container {
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: rgba(17, 23, 107, .025);
    border-radius: 0;
}

body .thumbnail {
    margin: 0;
    display: block;
    padding: 0;
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    background: 0 0;
}

body .thumbnail a,
body .thumbnail img,
body .thumbnail iframe {

    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

/* thumbnail css end */


/* section gap css start */
.section-gap {
    position: relative;
    z-index: 1;
    padding: 60px 0;
}

.section-gap.double-gap-t {
    padding-top: 120px;
}

.section-gap.double-gap-b {
    padding-bottom: 120px;
}

.section-gap.double-gap {
    padding: 120px 0;
}

@media (max-width: 1499.98px) {
    .section-gap {
        padding: 50px 0;
    }

    .section-gap.double-gap-t {
        padding-top: 100px;
    }

    .section-gap.double-gap-b {
        padding-bottom: 100px;
    }

    .section-gap.double-gap {
        padding: 100px 0;
    }
}

@media (max-width: 1199.98px) {
    .section-gap {
        padding: 40px 0;
    }

    .section-gap.double-gap-t {
        padding-top: 80px;
    }

    .section-gap.double-gap-b {
        padding-bottom: 80px;
    }

    .section-gap.double-gap {
        padding: 80px 0;
    }
}

@media (max-width: 767.98px) {
    .section-gap {
        padding: 30px 0;
    }

    .section-gap.double-gap-t {
        padding-top: 60px;
    }

    .section-gap.double-gap-b {
        padding-bottom: 60px;
    }

    .section-gap.double-gap {
        padding: 60px 0;
    }
}

/* section gap css end */

/* common button css start */
.btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: var(--fs-md);
    font-family: var(--ff-primary);
    font-weight: var(--fw-700);
    line-height: 100%;
    border-radius: 10px;
    text-transform: capitalize;
    border: none;
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    transition: all .5s ease-in-out;
    z-index: 1;
    overflow: hidden;
    padding: 15px 20px;
}

.btn:active,
.btn:focus,
.btn:hover,
.btn:visited {
    box-shadow: none !important;
}

.btn.btn-primary {
    color: var(--WhiteColor);
    background: linear-gradient(90deg, #00D492 0%, #00C950 100%);
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}

.btn.btn-primary:hover {
    border: 1px solid var(--PrimaryColor);
    background: #00BC7D33;
    transition: all 0.3s ease-in-out;
}

.btn.btn-primary:has(>.icon) {
    padding: 15px 40px 15px 20px;
}

.btn.btn-primary .icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.btn.btn-primary:not(:hover):visited {
    color: var(--WhiteColor);
}


.btn.btn-primary svg path {
    transition: all 0.5s ease-in-out;
}

.btn.btn-primary-outline {
    border: 1px solid var(--PrimaryColor);
    background: #00BC7D33;
    color: var(--WhiteColor);
    font-weight: var(--fw-400);

}


.btn.btn-secondary {
    background: linear-gradient(90deg, #00D5BE 0%, #00B8DB 100%);
    color: var(--WhiteColor);
    box-shadow: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A;
    transition: all 0.3s ease-in-out;
}

.btn.btn-secondary:hover {
    border: 1px solid var(--PrimaryColor);
    background: #00BC7D33;
    transition: all 0.3s ease-in-out;
}

/* common button css end */

/* width */
body::-webkit-scrollbar {
    width: 15px;
}

/* Track */
body::-webkit-scrollbar-track {
    background: rgba(var(--PrimaryColorRGBA), .1);
}

/* Handle */
body::-webkit-scrollbar-thumb {
    background: var(--PrimaryColor);
}

.main-bg {
    position: fixed;
    height: calc(100vh + 10px);
    width: 100%;
    background: url(../images/main-bg.jpg);
    background-size: cover;
    background-position: bottom left;
    z-index: -5;
}

.banner-section {
    height: 100vh;
}

.banner-section .main-title {
    font-size: 96px;
    line-height: 96px;
}

.banner-section .sub-title {
    font-size: 30px;
    font-weight: var(--fw-500);
}

.banner-section .info {
    font-size: 24px;
    font-weight: var(--fw-500);
}

.banner-section .btn-primary-outline {
    box-shadow: 0px 4px 6px -4px #00BC7D80, 0px 10px 15px -3px #00BC7D80;

}

@media (max-width: 1199.98px) {
    .banner-section .main-title {
        font-size: 80px;
        line-height: 80px;
    }

    .banner-section .sub-title {
        font-size: 25px;
    }
}

@media (max-width: 767.98px) {

    .banner-section .main-title {
        font-size: 50px;
        line-height: 50px;
    }

    .banner-section .sub-title {
        font-size: 22px;
    }

    .banner-section .info {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .banner-section .main-title {
        font-size: 38px;
        line-height: 50px;
    }

    .banner-section .sub-title {
        font-size: 20px;
    }
}

.brands-section .main-title {
    font-weight: var(--fw-500);
}

.brands-section .md-title {
    font-weight: var(--fw-500);
    font-size: 24px;
}

.brands-section .sm-title {
    font-weight: var(--fw-500);
    font-size: 30px;
}
.brands-section .num{
    height: 48px;
    width: 48px;
    border: 2px solid var(--PrimaryColor);
    background: #00BC7D33;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    left: -15px;
    font-size: 20px;
    color: var(--PrimaryColor);
    border-radius: 50%;
}
.brands-section .box-title {
    color: #CAD5E2;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
}

.brands-section .item{
    background: #004F3B33;
    backdrop-filter: blur(4px);
    padding: 34px;
    border-radius: 16px;
    border: 2px solid var(--PrimaryColor);
    transition: all 0.5s ease-in-out;
}

.brands-section .item:hover {
    transform: scale(1.05);
}

.brands-section .title{
    font-size: 24px;
    font-weight: var(--fw-400);
    color: var(--PrimaryColor);
}
.brands-section .brand-box {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
}
.brands-section .brand-box .box{
   background: #00BC7D33;
   padding: 16px;
   border-radius: 10px;
}
.brands-section .item-wrap:nth-child(odd) .item{
    background: #104E6433;
    border: 2px solid var(--SecondaryColor);
}
.brands-section .item-wrap:nth-child(odd) .num{
   color: var(--SecondaryColor);
   border-color: var(--SecondaryColor);
} 
.brands-section .item-wrap:nth-child(odd) .title{
    color: var(--SecondaryColor);
}
.brands-section .item-wrap:nth-child(odd) .box{
    background: #00B8DB33;

}
@media(max-width:1199.98px){
    .brands-section .item{
        padding: 25px 20px 20px 20px;
    }
}
@media(max-width:991.98px){
    .brands-section .sm-title{
        font-size: 26px;
    }
}
@media(max-width:767.98px){
    .brands-section .sm-title{
        font-size: 24px;
    }
}

.trust-section .trust-title p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

.trust-section .main-box:nth-child(odd) img {
    background: linear-gradient(135deg, #00BC7D 0%, #00A63E 100%);
}

.trust-section .main-box:nth-child(even) img {
    background: linear-gradient(135deg, #00B8DB 0%, #155DFC 100%);
}

.trust-section .main-box:nth-child(odd) .trust-boxes {
    border: 1px solid #00BC7D4D;
}

.trust-section .main-box:nth-child(even) .trust-boxes {
    border: 1px solid #00B8DB4D;
}

.trust-section .main-box .trust-boxes img {
    border-radius: 14px;
    padding: 10px 16px;
    margin-bottom: 24px;
    transition: all 0.5s ease-in-out;
}

.trust-section .main-box .trust-boxes:hover img {
    transform: rotateY(180deg);
}

.trust-section .trust-title {
    margin-bottom: 64px;
}

.trust-section .main-box h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 24px;
}

.trust-section .trust-boxes {
    border-radius: 16px;
    padding: 33px;
    background: #0F172B66;
    backdrop-filter: blur(5px);
    transition: all 0.5s ease-in-out;
}

.trust-section .trust-boxes:hover {
    transform: scale(1.05);
}

.trust-btn{
    margin-top: 48px;
}
 .ready-title h2{
        margin-bottom: 20px;
    }
@media (max-width: 1200.98px) {
    .trust-section .trust-boxes {
        padding: 18px;
    }

}

@media (max-width: 991.98px) {
    .trust-section .main-box {
        margin-bottom: 32px;
    }

    .trust-section .trust-title {
        margin-bottom: 32px;
    }

    .trust-section .trust-boxes {
        padding: 24px;
    }
}

@media (max-width: 767.98px) {
    .trust-section .trust-title p {
        font-size: 18px;
    }  
}



.ready-form label {
    color: var(--WhiteColor);
        margin-bottom: 8px;
}

.ready-form input, .ready-form textarea {
    background-color: #1D293D80;
    border: 1px solid #00BC7D4D;
    border-radius: 8px;
        color: #fff !important;
}

.ready-form {
    border: 1px solid #00BC7D4D;
    border-radius: 16px;
    padding: 33px;
    margin-top: 48px;
    background-color: #0F172B66;
}

.ready-btn {
    margin-top: 24px;
}

.ready-btn .btn {
    font-size: 18px;
    font-weight: 400;
}

.ready-input{
    margin-bottom: 24px;
}
.ready-input .form-control:focus{
     background-color: #1D293D80 !important;
    border: 1px solid rgb(0 188 125) !important;
        box-shadow: unset !important;
}

.ready-title p{
    font-size: 20px;
     font-weight: 400;
     line-height: 28px;
}

/* our expertise section css */

.action-video{
    position: relative;
    padding: 0;
}

.action-video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.action-section .action-item .action-item-open-videos{
    object-fit: revert-layer !important;
    object-position: center;
}

.action-section .action-play-btn{
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    transition: all 0.5s ease-in-out;
}

.action-section .action-play-btn:hover {
    transform: translate(-50%,-50%) scale(1.03);
}

.action-section .action-play-btn .btn {
    height: 100%;
    width: 100%;
}

.action-section .action-item {
    border-radius: 16px;
    border: 1px solid #00BC7D4D;
    background: #0F172B66;
    backdrop-filter: blur(5px);
    height: 100%;
}

.action-section .action-img-wrap {
    position: relative;
    z-index: 2;
}

.action-section .action-img-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
    border-radius: 16px 16px 0 0;
}

.action-section .action-top-list {
    display: flex;
    gap: 24px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 2;
}

.action-section .action-img-wrap .thumbnail-container {
    padding-bottom: 43%;
    border-radius: 16px 16px 0 0;
}
.action-section .action-img-wrap .thumbnail-container .thumbnail > img {
    transition: all 0.5s ease-in-out;
}

.action-section .action-item:hover .action-img-wrap .thumbnail-container .thumbnail > img {
    transform: scale(1.05);
}

.action-section .action-top-item .action-top-title {
    font-weight: 700;
    font-size: 24px;
    color: var(--PrimaryColor);
}

.action-section .action-top-item span {
    font-size: 12px;
    color: var(--WhiteColor);
}

.action-section .action-item-content {
    padding: 32px;
}

.action-section .action-item-content .action-item-top {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.action-section .action-item-content .action-item-top img {
    padding: 14px;
    border-radius: 14px;
    transition: all 0.5s ease-in-out;
}

.action-section .action-item:hover .action-item-content .action-item-top img {
    transform: rotateY(180deg);
}

.action-section .action-item-main:nth-child(odd) .action-item-content .action-item-top img {
    background: linear-gradient(135deg, #00D492 0%, #00C950 100%);
}
.action-section .action-item-main:nth-child(even) .action-item-content .action-item-top img {
    background: linear-gradient(135deg, #00D3F2 0%, #2B7FFF 100%);
}

.action-section .action-item-content .action-item-top .action-item-title {
    font-size: 24px;
}

.action-section .action-item-content p {
    font-size: 16px;
    line-height: 24px;
    color: #CAD5E2;
}

.action-section .action-item-features {
    margin-top: 25px;
}

.action-section .action-item-features li {
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #E2E8F0;
}

.action-section .action-item-features li::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 3px;
}

.action-section .action-item-main:nth-child(odd) .action-item-content .action-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_384_8639)'%3E%3Cpath d='M14.5341 6.66666C14.8385 8.16086 14.6215 9.71427 13.9193 11.0679C13.2171 12.4214 12.072 13.4934 10.6751 14.1049C9.27816 14.7164 7.71382 14.8305 6.24293 14.4282C4.77205 14.026 3.48353 13.1316 2.59225 11.8943C1.70097 10.657 1.26081 9.15148 1.34518 7.62892C1.42954 6.10635 2.03332 4.65872 3.05583 3.52744C4.07835 2.39616 5.45779 1.64961 6.96411 1.4123C8.47043 1.17498 10.0126 1.46123 11.3334 2.22333' stroke='%2300D492' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 7.33341L8 9.33341L14.6667 2.66675' stroke='%2300D492' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_384_8639'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.action-section .action-item-main:nth-child(even) .action-item-content .action-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_384_8698)'%3E%3Cpath d='M14.5341 6.66666C14.8385 8.16086 14.6215 9.71427 13.9193 11.0679C13.2171 12.4214 12.072 13.4934 10.6751 14.1049C9.27816 14.7164 7.71382 14.8305 6.24293 14.4282C4.77205 14.026 3.48353 13.1316 2.59225 11.8943C1.70097 10.657 1.26081 9.15148 1.34518 7.62892C1.42954 6.10635 2.03332 4.65872 3.05583 3.52744C4.07835 2.39616 5.45779 1.64961 6.96411 1.4123C8.47043 1.17498 10.0126 1.46123 11.3334 2.22333' stroke='%2300D3F2' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 7.33341L8 9.33341L14.6667 2.66675' stroke='%2300D3F2' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_384_8698'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.action-section .action-item-footer {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-viewmore {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.btn-viewmore .icon {
    padding-left: 7px;
}

.action-section .action-item-main:nth-child(odd) .action-item-content .btn-viewmore {
    color: var(--PrimaryColor);
    border: 2px solid #00BC7D4D;
}

.action-section .action-item-main:nth-child(even) .action-item-content .btn-viewmore {
    color: #00D3F2;
    border: 2px solid #00B8DB4D;
}

.action-section .action-item-main:nth-child(even) .action-item-content .btn-primary {
    background: linear-gradient(90deg, #00D3F2 0%, #2B7FFF 100%);
    transition: all 0.3s ease-in-out;
}

.action-section .action-item-main:nth-child(even) .action-item-content .btn-primary:hover {
    border: 1px solid #00B8DB4D;
    background: #00B8DB4D;
    transition: all 0.3s ease-in-out;
}

.action-section .action-item-main:nth-child(even) .btn-viewmore .icon svg path {
    stroke: #00D3F2;
}

@media (max-width: 1200.98px) {
    .action-section .action-img-wrap .thumbnail-container {
        padding-bottom: 55%;
    }
}

@media (max-width: 991.98px) {
    .action-section .action-img-wrap .thumbnail-container {
        padding-bottom: 75%;
    }
    .action-section .action-play-btn {
        height: 50px;
        width: 50px;
    }
    .action-section .action-item-content {
        padding: 25px;
    }
    .action-section .action-item-content .action-item-top .action-item-title {
        font-size: 20px;
        line-height: 1.3;
    }
}

@media (max-width: 767.98px) {
    .action-section .action-item-content {
        padding: 20px;
    }
    .action-section .action-item-content .action-item-top .action-item-title {
        font-size: 18px;
    }
    .action-section .action-item-content .action-item-top img {
        padding: 10px;
        border-radius: 10px;
    }
    .action-section .action-item-footer {
        gap: 10px;
    }
}

@media (max-width: 360.98px) {
    .action-section .action-item-footer .btn {
        padding: 15px 15px;
    }
}