* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
}

.parent {
    display: flex;
  
    /* border: 1px solid rgb(183, 29, 29); */
    padding: 10px;
     row-gap: 50px;
    flex-wrap: wrap;    
}
.product-img{
    margin-left: 10%;
}
@keyframes distortBlob {
    0%, 100% {
      d: path("M54,-35.5C68.2,-25.3,76.7,-2.9,73.9,20C71.2,42.8,57.2,66.2,39.1,71.1C20.9,76,-1.3,62.4,-20.6,50.2C-39.9,38.1,-56.2,27.3,-62,11.5C-67.7,-4.4,-62.8,-25.3,-50.7,-35.1C-38.6,-44.8,-19.3,-43.4,0.3,-43.6C19.9,-43.9,39.8,-45.7,54,-35.5Z");
    }
    50% {
      d: path("M57.2,-45.7C68,-32,66.5,-8.6,59.8,10.8C53.1,30.2,41.2,45.5,24.7,54.9C8.1,64.3,-13.1,67.7,-33.5,61.1C-54,54.5,-73.7,37.9,-75.2,20.3C-76.7,2.7,-60,-15.9,-44.4,-30.7C-28.8,-45.4,-14.4,-56.4,4.4,-59.9C23.2,-63.3,46.3,-59.4,57.2,-45.7Z");
    }
  }
  
  .animate-blob {
    animation: distortBlob 4s ease-in-out infinite;
  }
.child {
    width: 100%;
    display: flex;
    flex-direction: row!important;
    margin-left: 3%;  
    /* border: 1px solid gray; */
    padding: 5px;
}

.blob-wrapper {
   
    position: relative;
    background-color: red;
 
}
.child:nth-child(2){
    margin-left: 15%;
}

.left-column {
    flex: 0.3;
    
  
    padding: 5px;
}

.right-column {
    flex:0.7;
   
    justify-content: center;
   
    padding: 5px;
}



.svg-container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 5rem;
    overflow-x: hidden;
   

}
.svg-wrapper {
    position: relative;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 5rem;
    /* overflow-x: hidden; */
    
  }

.reveal-svg {
    position: absolute;
   
    transform: translate(-90px, -50px);
   

}

#pathsvg {
    transition: stroke-dashoffset 0.3s;
}

body {
    background-image: -moz-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(10, 11, 32) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(0 0 0) 0%, rgb(10, 11, 32) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(10, 11, 32) 100%);
   /* background-color: red; */

    color: #fff;
}

.container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 5rem;


}

a,
a:hover {
    color: #fff;
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

img {
    max-width: 100%;
}

h1 {
    font-size: 68px;
    font-family: 'sf_pro_displaymedium';
    font-weight: normal;
    line-height: 78px;
}

h2,
h2 span {
    font-size: 48px;
    font-family: 'sf_pro_displaymedium';
    font-weight: normal;
    line-height: 58px;
}

h3 {
    font-size: 30px;
    font-family: 'sf_pro_displaymedium';
    font-weight: normal;
    line-height: 40px;
}

h5,
h6 {
    font-family: 'sf_pro_displaymedium';
    font-weight: normal;
}

h5 {
    font-size: 28px;
    line-height: 38px;
}

h6 {
    font-size: 26px;
    line-height: 36px;
}

p {
    font-size: 18px;
    line-height: 28px;
}

.bannercon h1 {
    margin-bottom: 30px;
}

.headerin {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.logo {
    width: 17%;
}

.menuinner {
    width: 80%;
    text-align: right;
}

.headerin {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.logo {
    width: 20%;
}

.menuinner {
    width: 80%;
    text-align: right;
}

.menuinner ul {
    display: flex;
    justify-content: flex-end;
}

.menuinner ul li {
    margin-left: 40px;
    position: relative;
    padding: 30px 0;
}

.menuinner ul li a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

section.banner {
    padding: 100px 0;
}

.bannerin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.bannercon {
    width: 52%;
}

.bannerimg {
    width: 44%;
    margin-right: 0;
    padding-top: 20px;
}

.bannercon p {
    font-size: 18px;
    line-height: 28px;
}

section.banner canvas.particles-js-canvas-el {
    position: absolute;
    top: 0;
    z-index: -1;
}

section.banner {
    padding: 100px 0;
    position: relative;
}

header {
    position: fixed;
    width: 100%;
    padding: 15px 0;
    z-index: 11;
    background-image: -moz-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(10, 11, 32) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(0 0 0) 0%, rgb(10, 11, 32) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(10, 11, 32) 100%);
}

section.banner {
    padding: 100px 0 100px;
    position: relative;
}

.bannerimg img {
    width: 100%;
}

.containerslider {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.sliderimg {
    width: 60%;
    height: 40%;
    overflow: hidden;
    margin-left: 20%;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}



.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #09b4f2 !important;
}

.sliderimg img {

    /* width: 60%; */
    height: 40%;
    aspect-ratio: 1.5;
    object-fit: cover;

}

span.tickbtn {
    background: rgb(46, 46, 46);
    font-size: 16px;
    display: inline-block;
    padding: 6px 16px;
    margin-bottom: 20px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, .8) 0 0 40px;
    border-radius: 5px;
    color: #de1f9c;
    
}

.whowearein {
    text-align: center;
}

span.qatxt {
    display: inline-block;
    position: relative;
}

span.qatxt::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -5px;
    top: 0;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(270deg, #ffffff00, #de1f9ca6);
    border-left: 3px solid #ed24aa;
    z-index: -1;
}

section.whoweare {
    padding: 100px 0;
}

.signature {
    max-width: 160px;
    margin: 40px auto 0;
}

.signature img {
    filter: contrast(0.44);
}

.signature p {
    margin-top: 10px;
}

.videobanner {
    width: 100%;
    margin-top: 100px;
    position: relative;
}

.videobanner img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: top;
}

span.video {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 auto;
    background: rgb(0 0 0 / 50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
}

section.features {
    padding: 50px 0 150px;
}

section.features h2,
.products h2 {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 70px;
}

.featuresin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.featurecol {
    width: 31%;
    position: relative;
    padding: 25px;
    border: 1.5px solid #ffffff2e;
    border-radius: 15px;
    transition: all ease 0.5s;
}

.icon {
    width: 70px;
    margin-bottom: 20px;
}

.featurecol span.number {
    font-size: 100px;
    font-weight: 800;
    display: inline-block;
    position: absolute;
    bottom: 50px;
    right: 0;
    line-height: 100px;
    color: #2E2E2E;
    opacity: 0.3;
    z-index: -1;
}

.fccontent h3 {
    margin-bottom: 10px;
}

.productin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.productcol {
    width: 31%;
    background: #000;
    border-radius: 15px;
    overflow: hidden;
}

.productcol h3 {
    margin-bottom: 10px;
}

.productcol p {
    margin-bottom: 20px;
}

.proimg {
    width: 100%;
    padding-left: 40px;
    height: 300px;
}

.proimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.procon {
    padding: 40px 40px 0;
}

section.products {
    padding-bottom: 150px;
}

section.partnerssec {
    padding-bottom: 100px;
}

section.partnerssec h2 {
    text-align: center;
    padding-bottom: 30px;
}

.partnerin {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    align-items: center;
}

.partnerin .partnercol {
    width: 15%;
    margin: 0 20px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
}

.partnerin .partnercol img {
    max-width: 100%;
    border-radius: 4px;
    max-height: 100px;
    width: 100%;
    object-fit: contain;
}

.bloghome h2 {
    text-align: center;
    max-width: 690px;
    margin: 0 auto 50px;
}

section.bloghome {
    padding: 50px 0 100px;
}

.blogin {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.blogcols {
    width: 30%;
}

.blogimg {
    position: relative;
    width: 100%;
    line-height: 0;
    margin-bottom: 20px;
    height: 260px;
}

.blogimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* filter: grayscale(1); */
    /* transition: all ease 0.5s; */


}

.blogimg :hover {
    transform: scale(1.10);
    transition: all ease 0.5s;

}



.blogimg span.blgdate {
    position: absolute;
    padding: 7px 10px;
    background: #ffffff24;
    display: inline-block;
    margin: 10px;
    font-size: 16px;
    line-height: 20px;
}

.blogcon h2,
.blogcon h2 a {
    font-size: 27px;
    line-height: 37px;
    text-align: left;
    display: block;
    margin: 0;
}

.blogcols:nth-child(2) {
    margin-top: 0;
}

/* About  */

/* What We Do */
section.banner.innerpagebanner .bannerin {
    max-width: 1200px;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-4-18 10:10:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.scale-up-center {
    -webkit-animation: scale-up-center 5s linear infinite both;
    animation: scale-up-center 5s linear infinite both;
}

section.banner.innerpagebanner {
    position: relative;
}

.beforeshape {
    position: absolute;
    top: 5%;
    width: 180px;
    left: 5%;
}

.beforeshape img {
    width: 100%;
}


/* ----------------------------------------------
/* ----------------------------------------------
 * Generated by Animista on 2023-4-18 10:13:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}



.rotate-center {
    -webkit-animation: rotate-center 5s linear infinite both;
    animation: rotate-center 5s linear infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-4-18 10:14:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.rotate-center {
    -webkit-animation: rotate-center 5s linear infinite both;
    animation: rotate-center 5s linear infinite both;
}

.aftershape {
    width: 120px;
    position: absolute;
    right: 5%;
    bottom: 10%;
}

section.banner.innerpagebanner.aboutbanner .bannerin {
    display: block;
    text-align: center;
    max-width: 100%;
}

section.banner.innerpagebanner {
    position: relative;
}

section.banner.innerpagebanner.aboutbanner {
    padding-top: 180px;
    padding-bottom: 120px;
}

.aboutimg {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.aboutimgin {
    width: 60%;
}

.aboutsidecon {
    display: flex;

    flex-wrap: wrap;
    width: 35%;
    /* gap:0px; */

}

.aboutsideimg {
    width: 100%;
    overflow: hidden;
}

.aboutsideimg:nth-child(1) img {
    height: 100%;
}

.aboutsideimg:nth-child(2) img {
    aspect-ratio: 0.88;
}

.aboutimgin img {
    width: 100%;
}

.aboutbanner .aftershape {
    width: 120px;
    position: absolute;
    right: 7%;
    bottom: -10%;
    z-index: -1;
}

.aboutcon {
    padding: 60px 0;
    max-width: 990px;
    margin: 0 auto;
}

.aboutcon p {
    margin-bottom: 20px;
}

.aboutcon h3 {
    margin-bottom: 30px;
}

.aboutcon a {
    color: #d0fff6;
}

.team {
    padding: 60px 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.teamin {
    margin: 0 20px 50px;
    /* width: calc(33.33% - 40px); */
    width: 350px;
    border: 1px solid #ffffff47;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
}

.teamin:hover {
    transform: scale(1.080);

    transition: all 0.5s ease;
}

.teamimg {
    max-width: 100%;
    height: 400px;
    overflow: hidden;
}

.teamdet {
    padding: 15px 20px;
}

.teamimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: 8px;
}

.teamin h6 {
    color: #d0fff6;
}

.teamin span {
    display: block;
    font-size: 16px;
}

.red-fading-circle {

    /* background: radial-gradient(circle, rgb(81, 33, 84), transparent); */



}

section.banner.innerpagebanner.aboutbanner h1.text-focus-in {
    margin-bottom: 30px;
}

.menuinner ul li ul.sub-menu {
    position: absolute;
    display: inline-block;
    top: 100%;
    left: 0;
    text-align: left;
    background: #fff;
    min-width: 150px;
    opacity: 0;
    visibility: hidden;
}

.menuinner ul li ul.sub-menu li {
    width: 100%;
    padding: 0;
    text-align: left;
    margin: 0;
   
    border-bottom: 1px solid #000;
    text-align: center;
}

.menuinner ul li ul.sub-menu li a {
    color: #000;
	 padding: 8px 20px;
	display:block;
}

.menuinner ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
}

.featurecol:hover {
    box-shadow: 0px 0px 23px rgba(255, 255, 255, 0.6);
    background: #fffffff7;
}

.featurecol:hover h3,
.featurecol:hover p {
    color: #000;
}

a.commonbtn {
    background: #272f51;
    padding: 10px 40px 12px;
    display: inline-block;
    font-weight: normal;
    font-size: 20px;
    border-radius: 40px;
    line-height: 30px;
    color: #fff;
}

.bannercon p {
    margin-bottom: 30px;
    max-width: 460px;
}

.form-group input[type="submit"] {
    background: #272f51;
    padding: 10px 40px 10px;
    display: inline-block;
    font-weight: normal;
    font-size: 20px;
    border-radius: 40px;
    line-height: 30px;
    border: none;
    color: #fff;
}

.contactin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.leftcontdet {
    width: 32%;
}

.conform {
    width: 65%;
}

.leftcontdet h2 {
    margin-bottom: 25px;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group textarea,
.form-group input[type="tel"],
.form-group select {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 18px;
    line-height: 28px;
    border: 1px solid #fff;
    padding: 12px 10px;
    outline: none !important;
    color: #fff;
    border-radius: 2px;
}

.form-group select {
    background: #010102;
}

.form-group input[type="submit"]:hover {
    background: #fff;
    color: #000;
}

.form-group {
    width: 48%;
    margin-bottom: 20px;
}

.form-group input[type="submit"] {
    background: #272f51;
    padding: 10px 40px 10px;
    display: inline-block;
    font-weight: normal;
    font-size: 20px;
    border-radius: 40px;
    line-height: 30px;
    border: none;
    color: #fff;
}

section.contactus {
    padding: 10px 0 100px;
}

.menuinner ul li ul.sub-menu li:hover {
    background: #272f51f2;
}

.menuinner ul li ul.sub-menu li:hover a {
    color: #fff;
}

a.commonbtn:hover {
    background: #fff;
    color: #272f51;
}

a,
a:hover {
    transition: all ease 0.5s;
}


section.partnerssec.backedbysec span.qatxt::before {
    width: 80px;
}

/*footer*/
footer.mainfooter {
    border-top: 1px solid #ffffff38;
}

.footerin {
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footcol {
    width: 25%;
    padding: 0 20px;
}

.footlogo {
    width: 180px;
    margin-bottom: 20px;
}

.socialicon {
    margin-top: 20px;
}

.socialicon ul li {
    display: inline-block;
    font-size: 20px;
    border: 1px solid #ffffff8c;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
}

.socialicon ul li a {
    font-size: 20px;
    line-height: 35px;
    color: #8b49a0;
}

.footcol h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 15px;
}

.footcol ul {}

.footcol ul li {
    margin-bottom: 10px;
}

/*blog*/
section.blogmain {
    padding: 250px 0 100px;
}

section.blogmain .blogin {
    display: block;
    max-width: 950px;
    margin: 0 auto;
}

section.blogmain .blogin h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 30px;
}

.blogfeatured {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;
    margin-bottom: 30px;
}

.blogfeatured img {
    width: 100%;
}

.blogbrief h2,
.blogbrief h3,
.blogbrief h4,
.blogbrief p {
    margin-bottom: 20px;
}

/*new se*/
section.advai {
    padding: 100px 0;
}

.comontitle {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 50px;
}

.comontitle h2 {
    margin-bottom: 20px;
}

.advaiiner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.advcon {
    width: 28%;
}

.advimg {
    width: 30%;
    text-align: center;
}

.advimg img {
    width: 100%;
    max-width: 240px;
}

.advcon ul {}

.advcon ul li span {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    border: 1.5px solid #ffffff4f;
    padding: 15px 30px;
    border-radius: 30px;
    transition: all ease 0.5s;
    cursor: pointer;
}

.advcon ul li {
    margin: 40px 0;
}

.advcon ul li:first-child {
    text-align: center;
}

.advcon ul li:last-child {
    text-align: center;
}

.advcon.rgtadcon li:nth-child(2) {
    text-align: right;
}

.advcon ul li span:hover {
    background: #056CF2;
    border-color: #056CF2;
}

section.advai .comontitle h2 span::before {
    width: 50px;
}

.socialicon ul li:hover {
    background: #fff;
}

.socialicon ul li:hover a {
    color: #052bbf;
}

.bannercon a.commonbtn {
    margin-top: 30px;
}

.blogcols:hover img {
    filter: none;
}

.blogcols:hover h2 a {
    color: #fc67b8;
}

.blogcols:hover a.readbtn img {
    filter: brightness(100);
}

.blogcols a.readbtn img,
.blogcols h2 a {
    transition: all ease 0.4s;
}

.blogcols:hover {
    cursor: pointer;
}

.conform form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.usecasein {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;

}

.usecasecol {
    width: 40%;
    padding: 0;
    border-radius: 8px;
    margin-bottom: 30px;
    overflow: hidden;
    transition: all ease 0.4s;
    cursor: pointer;
    border: 1px solid #d912966b;
}

.usecaseimg {
    width: 100%;
    line-height: 0;
    height: 250px;
    border-radius: 8px;
    overflow: hidden;
}

.usecaseimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}

section.usecase {
    padding-bottom: 100px;
    margin-top: 60px;
}

.usecasecon {
    padding: 20px;
    text-align: center;
}

.usecasecon h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}

.usecasecol:hover {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgb(255 255 255 / 25%) 0%, rgba(255, 255, 255, 0) 100%);
    transform: scale(1.05);
}

.usecasecol a {
    cursor: pointer;
    display: block;
}

.usecase h2 {
    text-align: center;
    margin-bottom: 70px;
}

.partnerin .partnercol:hover {
    transform: scale(1.2);
}

.partnerin .partnercol {
    transition: all ease 0.5s;
}

.usecasecon p {
    margin-top: 15px;
}

section.usecase {
    text-align: center;
}

/**/

img {
    height: auto;
}

.form-group textarea {
    height: 100px;
}

section.blgtitle {
    padding: 200px 0 120px;
    text-align: center;
}

.teamdet {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a.linkedinink {
    display: inline-block;
    font-size: 20px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    line-height: 36px;
}

a.linkedinink:hover {
    background-color: #056CF2;
}

/* new css */
.whynvrw {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;


}

.whynvcl {
    width: 24%;
    padding: 15px 30px 25px;
    text-align: center;
    border: 1px solid #d912966b;
    border-radius: 8px;
    background: #0a0b1fa6;
    backdrop-filter: blur(60px);
}

.whynvcl:hover {
    transform: scale(1.1) !important;
    transition: all 0.3s !important;
    border: 2px solid #d912966b;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgb(255 255 255 / 25%) 0%, rgba(255, 255, 255, 0) 100%);

}

.whynvcl h3 {
    font-size: 24px;
    line-height: 34px;
    margin: 20px 0 10px;
}

.whynvcl p {
    font-size: 15px;
    line-height: 25px;
}

.icnwh {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #fff;
    padding: 5px;
    margin-top: -45px;
    margin-left: auto;
    margin-right: auto;
}

section.whynewsec {
    padding: 100px 0;

}

.whynewsec .comontitle {
    margin-bottom: 90px;
}


/*Mobile*/

.toggle {

    position: relative;

    width: 34px;

    height: 34px;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    overflow: hidden;

    margin-left: auto;

}

.toggle.togglemenu {
    display: none;
}



.toggle span {

    position: absolute;

    width: 22px;

    height: 3px;

    background: #fff;

    border-radius: 10px;

    transition: 0.5s;

}


.toggle span:nth-child(1) {

    transform: translateY(-9px);

    width: 22px;

}


.toggle.active span:nth-child(1) {

    width: 30px;

    transform: translateY(0) rotate(45deg);

    transition-delay: 0.125s;

}


.toggle span:nth-child(2) {

    transform: translateY(9px);

    width: 22px;

}


.toggle.active span:nth-child(2) {

    width: 30px;

    transform: translateY(0) rotate(315deg);

    transition-delay: 0.25s;

}


.toggle.active span:nth-child(3) {

    transform: translateX(60px);

}
nav#nav-single {}

nav#nav-single .container {
    display: flex;
    justify-content: space-between;
    max-width: 950px;
    padding: 0 0 100px;
}

nav#nav-single span {
    display: inline-block;
}

nav#nav-single span a {
    font-size: 22px;
}