@import url('https://fonts.googleapis.com/css2?family=Paytone+One&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

 @font-face {
     font-family: jaapokki;
     src: url(../font/Font-Jaapokki-1.0/Regular/web/jaapokki-regular.eot);
 }


 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     
 }

 html,
 body {
     height: 100%;
     width: 100%;
 }

 body {
     overflow-x: hidden;
 }

 body::-webkit-scrollbar {
     width: 2px;
 }

 body::-webkit-scrollbar-thumb {
     background-color: white;
     outline: 1px solid white;
 }

 :root {
     --d-header-height: 3rem;
     --d-header-margin-top: 1.25rem;
     --d-header-offset: calc(var(--d-header-height) + (var(--d-header-margin-top) * 2));
     --d-header-offset-exact: calc(var(--d-header-height) + var(--d-header-margin-top));
     --d-content-offset: calc(5vmin + 1.25rem);
     --d-content-offset-header: calc(5vmin + 1.25rem + var(--d-header-offset-exact));
     --c-base: #000000;
     --c-base-bg: #ffffff;
     --c-base-bg-alt: #f5f5f5;
     --c-base-head: #000000;
     --c-base-accent: #442ebf;
     --c-base-mono: #442ebf;
     --c-base-mono-bg: #f2f0fc;
     --c-base-blockquote: #000000;
     --c-base-blockquote-accent: #442ebf;
     --c-base-a: #442ebf;
     --c-base-a-int: #000000;
     --c-base-captions: #9e9e9e;
     --c-base-border: #e0e0e0;
     --c-base-heart: #f87b7d;
     --c-base-review: #ffa500;
     --c-base-error: #ff4e51;
     --c-base-warn: #ffa500;
     --c-base-success: #24b47e;
     --c-base-checkout: #2fbf4e;
     --c-base-pro: #442ebf;
     --c-base-platform: #f72760;
     --c-base-platform-bs-int: rgba(247, 39, 96, 0.185);
     --c-table-th: #000000;
     --c-table-td: #000000;
     --c-table-thead-border: #000000;
     --c-table-tbody-border: #e0e0e0;
     --c-table-bg: transparent;
     --c-form: #000000;
     --c-form-legend: #442ebf;
     --c-form-label: #000000;
     --c-form-placeholder: #9e9e9e;
     --c-form-help: #9e9e9e;
     --c-form-border: #bdbdbd;
     --c-form-border-int: #442ebf;
     --c-form-accent: #442ebf;
     --c-form-bg: #ffffff;
     --c-form-bg-int: #ffffff;
     --c-form-bg-alt: #f5f5f5;
     --c-form-control-bs: rgba(0, 0, 0, 0.0415);
     --c-form-control-bs-int: rgba(68, 46, 191, 0.25);
     --c-form-control-bs-int-error: rgba(255, 78, 81, 0.25);
     --c-form-control-symbol: #ffffff;
     --c-btn: #ffffff;
     --c-btn-int: rgba(255, 255, 255, 0.85);
     --c-btn-bg-stop-1: #442ebf;
     --c-btn-bg-stop-2: #392ead;
     --c-btn-secondary: #000000;
     --c-btn-secondary-int: #442ebf;
     --c-btn-secondary-bg: rgba(0, 0, 0, 0.215);
     --c-btn-secondary-bg-overlay: #ffffff;
     --c-btn-outlined: #442ebf;
     --c-btn-outlined-int: #ffffff;
     --c-btn-outlined-bg: transparent;
     --c-btn-outlined-bg-int: #442ebf;
     --c-btn-outlined-border: #442ebf;
     --c-btn-outlined-border-int: #442ebf;
     --c-btn-wow-int: #ffffff;
     --c-btn-wow-bg-int: #442ebf;
     --c-dropdown-bg: #ffffff;
     --c-dropdown-bs-1: rgba(0, 0, 0, 0.175);
     --c-dropdown-bs-2: rgba(0, 0, 0, 0.15);
     --c-avatar: #ffffff;
     --c-avatar-bg: #442ebf;
     --c-bubble: #ffffff;
     --c-bubble-bg: #442ebf;
     --c-footer-bg-stop-1: #3c3f4f;
     --c-footer-bg-stop-2: #282a36;
     --c-brand-facebook: #3b5998;
     --c-brand-twitter: #55acee;
     --c-brand-youtube: #ff0000;
     --ff-base: lft-etica, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
     --ff-head: rift, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
     --ff-mono: SF Mono, Segoe UI Mono, Roboto Mono, Ubuntu Mono, Menlo, Courier, monospace;
     --ff-alt: abril-display, serif;
     --fw-base: 400;
     --fw-base-bold: 700;
     --fw-head: 600;
     --fw-head-bold: 700;
     --fw-mono: 400;
     --fw-mono-bold: 700;
     --fw-alt: 600;
     --fw-alt-bold: 700;
     position: relative;
     font-family: var(--ff-base);
     font-style: normal;
     font-weight: var(--fw-base);
     letter-spacing: 0;
     line-height: 1.7;
     text-rendering: optimizeLegibility;
     color: var(--c-base);
     background-color: var(--c-base-bg);
 }

 .main {
     height: 100%;
     width: 100%;
     position: relative;
     /* background-color: red; */
     /* overflow-x: hidden; */
 }

 ul li {
     list-style-type: none;
 }

 .swiper-wrappe div {
     width: 100%;
 }

 .swiper-wrappe div img {
     height: 10vmax;
     object-fit: cover;
     width: max-content;
 }

 .slick-arrow {
     display: none;
     background-color: red;
     opacity: 0;
     visibility: hidden;
 }
 
 
 
 
 /**/
 
 
 
 /**/
 
 

 a {
     text-decoration: none;
     color: black;
 }

 a:hover {
     text-decoration: none;
     color: black;
 }

 .main a {
     text-decoration: none;
 }

 /* nav css start */

 .nav-hedar {
     width: 100%;
     z-index: 5;
     /* position: fixed; */
     position: absolute;
     top: 0;
 }

 header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: .1vmax 10vmax .1vmax 5vmax;
     width: 100%;
     /* background-color: rgba(0, 0, 0, 0.507); */
 }

 header ul {
     display: flex;
     align-items: center;
     gap: 1.5vmax;
 }

 header ul img {
     height: 2.5vmax;
 }

 header ul a {
     display: flex;
     align-items: center;
     gap: .2vmax;
     color: white;
     transition: .25s;
 }

 header i {
     font-size: 16px;
     color: white;
     transition: .25;
 }

 @media only screen and (max-width: 900px) {

     header ul img {
         height: 4vmax;
     }

     .new-h2 {
         font-size: 10px;
         background-color: red;
     }

     header {
         padding: 0;
         flex-direction: column;
         justify-content: initial;
         line-height: 0;
         margin-top: 2.5vmax;

     }

     header ul {
         gap: 1vmax;
         margin-top: -1vmax;
     }

     .header-icon {
         gap: 2vmax;
     }

     header ul a {
         gap: .5vmax;
         font-size: 13px;
     }

     header i {
         font-size: 18px;
         color: white;
     }
 }

 .simi-main2 {
     row-gap: 1.5vmax;
     text-align: center;
 }

 .simi-main2 p {
     font-weight: 500;
     color: rgba(0, 0, 0, 0.594);
 }

 /* nav css end */


 /* section css start */
 header a:hover,
 header i:hover,
 nav a:hover {
     color: #BF1E2D;
 }

 .section1 {
     height: 100%;
     width: 100%;
     overflow: hidden;
 }

 .section1 video {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top;
 }

 .video-overlay {
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.635);
     position: absolute;
     top: 0;
 }

 /* Default style for the navigation */
 nav {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: .2vmax 9vmax .2vmax 7vmax;
     /* position: fixed; */
     width: 100%;
     z-index: 1;
     top: 0;
     transition: background-color 0.10s ease;
     /* color: white; */
 }

 #navbar.nav-scroll-red {
     position: fixed;
     background-color: white;
     padding: 0 10vmax 0 5vmax;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.354);
 }




 nav img {
     height: 6.2vmax;
 }

 #home-img {
     background-color: white;
     padding: 0 1.2vmax;
     border-radius: 5px;
 }

 .home-img img {
     height: 1vmax;
 }

 nav ul {
     display: flex;
     align-items: center;
     gap: 2vmax;
     /* background-color: red; */
 }

 nav ul hr {
     background-color: white;
     height: 2vmax;
     width: .1vmax;
     border: none;
 }

 #login {
     background-color: #BF1E2D;
     padding: .5vmax 1.5vmax;
     border-radius: 5px;
     position: relative;
     overflow: hidden;
     transition: .25s;

 }

 #login:hover {
     background-color: #2E3192;
     color: white;
 }




 nav a {
     color: white;
 }

 .nav a {
     color: #2E3192;
 }

 .nav #login {
     background-color: #2E3192;
     transition: .25s;
     color: white;
 }

 .nav hr {
     background-color: black;
 }

 .nav #login:hover {
     background-color: #BF1E2D;
 }


 nav>ul>li>a {
     text-transform: uppercase;
     font-size: 14px;
     /* color: #fff; */
     line-height: 62px;
     font-family: jaapokki;
     font-weight: 100;
 }

 .section-content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -35%);
     color: white;
     gap: 1vmax;
     /* background-color: red; */
     width: 85%;
 }

 .new-call-sent h1 span{
    color: #EA4335;
  }

  .new-call-sent ul{
    color: rgba(255, 255, 255, 0.902);
    font-size: 18px;
    font-weight: 400;
    margin-top: 1vmax;
    margin-bottom: 1.8vmax;
  }

 .section-content a {
     color: white;
     font-weight: 100;
     font-size: 16px;
     border: 2px solid white;
     padding: .4vmax 2vmax;
     border-radius: 100px;
     transition: .25s;
 }

.new-hero-section-call{
    display: flex;
    align-items: center;
    gap: 2vmax;
}
 #new-hero-section-call-new{
    background-color: #BF1E2D;
    border: 2px solid transparent;
    font-weight: 500;
 }
 #new-hero-section-call-new:hover{
    background-color: transparent;
    border: 2px solid white;

 }
.new-hero-section-call a{
    background-color: #56CD63;
    border: 2px solid transparent;
}

 .new-hero-section-call-bottom{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .3vmax;
    margin-top: 1.5vmax;
}
.new-hero-section-call-bottom h6{
     font-weight: 400;
 }
 .section-content a:hover {
     background-color: #BF1E2D;
     border: 2px solid transparent;
     color: white;

 }

 .new-call-sent-form{
    background-color: white;
    height: max-content;
    padding: 3vmax 1vmax;
    border-radius: 20px;
    border: 4px solid #BF1E2D;
 }
 .new-call-sent-form form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1vmax;
    width: 100%;
 }
 .new-call-sent-form form div{
    width: 100%;
    /* background-color: skyblue; */
    display: flex;
    align-items: center;
    gap: 1vmax;
 }
 .new-call-sent-form form div input{
    width: 100%;
    height: 2.5vmax;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.185);
    outline: none;
    font-size: 18px;
 }



 .new-call-sent-form form div i{
    font-size: 24px;
    color: #BF1E2D;
 }
.new-call-sent-form h3{
    color: #BF1E2D;
    font-size: 18px;
    margin-top: 1.5vmax;
}

.new-call-sent-form form div select{
    width: 100%;
    height: 2.5vmax;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.185);
    outline: none;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.616);
    font-weight: 400;
}
.new-call-sent-form-button{
    display: flex;
    position: relative;
    /*overflow-y: hidden;*/
    /*height: 6vmax;*/
}
.new-call-sent-form-button .capth-new .g-recaptcha{
    position: absolute;
    bottom: -7vmax;
}

.new-call-sent-form button{
    background-color: #bf1e2eaf;
    color: white;
    border-radius: 50px;
    text-align: end;
    transition: .25s;
    margin-top: 3vmax;
}
.new-call-sent-form button:hover{
    background-color: #BF1E2D;
}

.new-hero-section-call a:hover{
    background-color: transparent;
    border: 2px solid white;

}

@media only screen and (max-width: 700px) {

    .section1{
        height: 135%;
    }
    .video-overlay{
        height: 135%;
    }
    .section-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -25%);
        color: white;
        gap: 1vmax;
        width: 90%;
    }
    .new-call-sent h1{
        font-size: 22px;
    }
    .new-call-sent h1 span{
       color: #EA4335;
     }
   
     .new-call-sent ul{
       color: rgba(255, 255, 255, 0.902);
       font-size: 16px;
       font-weight: 400;
       margin-top: 1vmax;
       margin-bottom: 1.8vmax;
     }
   
    .section-content a {
        color: white;
        font-weight: 100;
        font-size: 14px;
        border: 2px solid white;
        padding: .5vmax 3vmax;
        border-radius: 100px;
        transition: .25s;
    }
   
   .new-hero-section-call{
       gap: 2vmax;
   }
    #new-hero-section-call-new{
       padding: 1vmax 2.5vmax;
    }
   
    .new-hero-section-call-bottom{
       gap: .8vmax;
       margin-top: 1.5vmax;
   }
   .new-hero-section-call-bottom h6{
        font-weight: 400;
        font-size: 14px;
    }
    .new-call-sent-form{
       background-color: white;
       height: max-content;
       padding: 3vmax 1vmax;
       border-radius: 20px;
       border: 4px solid #BF1E2D;
    }
    .new-call-sent-form form{
       display: flex;
       flex-direction: column;
       align-items: flex-start;
       gap: 1vmax;
       width: 100%;
    }
    .new-call-sent-form form div{
       width: 100%;
       /* background-color: skyblue; */
       display: flex;
       align-items: center;
       gap: 1vmax;
    }
    .new-call-sent-form form div input{
       width: 100%;
       height: 5vmax;
       border: none;
       border-bottom: 1px solid rgba(0, 0, 0, 0.185);
       outline: none;
       font-size: 16px;

       padding-bottom: 1vmax;
    }
   
   
   
    .new-call-sent-form form div i{
       font-size: 20px;
       color: #BF1E2D;
    }
   .new-call-sent-form h3{
       color: #BF1E2D;
       font-size: 16px;
       margin-top: 1.5vmax;
   }
   
   .new-call-sent-form form div select{
       width: 100%;
       height: 5vmax;
       border: none;
       border-bottom: 1px solid rgba(0, 0, 0, 0.185);
       outline: none;
       font-size: 18px;
       color: rgba(0, 0, 0, 0.616);
       font-weight: 400;
   }


   .new-call-sent-form-button{
    display: flex;
    position: relative;
    overflow-y: initial;
    height: initial;
    /* height: 15vmax; */
}
.new-call-sent-form-button .capth-new .g-recaptcha{
    position: absolute;
    bottom: 0;
}
   
   .new-call-sent-form button{
       background-color: #bf1e2eaf;
       color: white;
       border-radius: 50px;
       text-align: end;
       transition: .25s;
       font-size: 14px;
       margin-top: 14vmax;
       z-index: 999;
   }
   .new-call-sent-form button:hover{
       background-color: #BF1E2D;
   }
}

 /* video section main */
 .vido-sect-main-body-bottom {
     position: relative;
     position: fixed;
     bottom: 1.5vmax;
     right: 2vmax;
     position: fixed;
     z-index: 5;
     height: max-content;
     width: 11vmax;
     background-color: white;
     padding: .3vmax .3vmax 0 .3vmax;
     border-radius: 10px;
     /* overflow: hidden; */
     box-shadow: 1px 1px 10px black;
 }

 .vido-sect-main-body-bottom video {
     border-radius: 10px;
     height: 15vmax;
     object-fit: cover;
     width: 100%;
 }

 .vido-sect-main-body-bottom p {
     position: absolute;
     background-color: #fc636b;
     color: white;
     font-size: 20px;
     top: 2vmax;
     left: -4vmax;
     padding: .5vmax 1.5vmax;
     border-radius: 20px;
     border-bottom-right-radius: 0;
     font-weight: 600;

 }

 .video-close {
     position: absolute;
     top: .9vmax;
     right: .5vmax;
     font-size: 30px;
     cursor: pointer;
     z-index: 555;
     color: white;
 }


 @media only screen and (max-width: 900px) {
     .vido-sect-main-body-bottom {
         bottom: 28vmax;
         height: 20vmax;
         width: 15vmax;
         display: none;

     }

     .vido-sect-main-body-bottom video {
         height: 19vmax;
         width: 100%;
         object-fit: cover;
     }

     .vido-sect-main-body-bottom p {
         padding: .5vmax 2vmax;
         font-size: 15px;

     }

 }


 /* enquiry-main-form css start */

 .enquiry-main-form {
     position: absolute;
     color: white;
     z-index: 5;
     top: 22%;
     right: .2vmax;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     justify-content: space-between;
     gap: 3vmax;
     width: 4vmax;
     border-radius: 10px;
     height: 15vmax;
     position: fixed;
     transform: translatex(110%);
     transition: 1s;
     background-color: #02367a;
 }

 .enquiry-main-form i {
     cursor: pointer;
 }

 #enquiry-form {
     display: flex;
     transform: rotate(-90deg);
     gap: .5vmax;
     align-items: center;
     width: max-content;
     padding: 0 1vmax;
     height: 22%;
     cursor: pointer;
     position: relative;
     transition: 1s;
     background-color: #02367a;

 }

 /* #enquiry-form:hover .enquiry-form-main{
    opacity: 1;
    visibility: visible;
} */

 .enquiry-form-main {
     background-color: white;
     border-radius: 15px 0 15px 15px;
     position: absolute;
     /* bottom: 2.7vmax; */
     bottom: 2.7vmax;
     left: -19.4vmax;
     transform: rotate(90deg);
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     width: 28vmax;
     /* width: 0; */
     z-index: 2;
     opacity: 0;
     visibility: hidden;
     transition: .25s;
     height: max-content;
 }

 #enquiry-form:hover .enquiry-form-main {
     opacity: 1;
     visibility: visible;
 }

 .enquiry-form-main-top {
     background-color: blueviolet;
     font-size: 10px;
     width: 100%;
     padding: 1vmax;
     text-align: center;
     border-radius: 15px 0 0 0;

 }

 .enquiry-form-main-top h2 {
     font-weight: 400;
 }

 .enquiry-form-main form {
     display: flex;
     flex-direction: column;
     width: 100%;
     padding: 1.5vmax 1vmax;
     gap: .8vmax;
 }

 .whatsapp-icon {
     transition: 1s;
 }

 .enquiry-form-main form input,
 .enquiry-form-main form textarea {
     width: 100%;
     height: 2.8vmax;
     padding: 0 0 0 1.5vmax;
     border: none;
     background-color: transparent;
     border: 1px solid rgba(0, 0, 0, 0.507);
     border-radius: 20px;
     outline: none;
     color: black;
 }

 .enquiry-form-main form textarea {
     padding: 1vmax 0 0 1.5vmax;
     height: 10vmax;
 }

 .enquiry-form-main form button {
     font-size: 17px;
     padding: .7vmax 0;
     border: none;
     background-color: #8A2BE2;
     color: white;
     border-radius: 20px;
 }

 #enquiry-form i {
     font-size: 15px;
 }

 #enquiry-form span {
     font-size: 13px;
 }

 #form-icon-what-arow i {
     font-size: 20px;
 }

 #form-icon-what-arow {
     width: 100%;
     text-align: center;
     padding: .6vmax 0;
     position: relative;
     cursor: pointer;
 }

 #form-icon-what-arow a {
     color: white;
 }

 .whatsapp-full-body {
     position: absolute;
     right: 3.5vmax;
     top: 0;
     height: 100%;
     font-weight: 100;
     display: flex;
     align-items: center;
     padding: 0 3vmax;
     background-color: rgb(38, 211, 103);
     font-size: 18px;
     border-radius: 10px 0 0 10px;
     opacity: 0;
     visibility: hidden;
     transition: .25s;
 }

 #form-icon-what-arow:hover .whatsapp-full-body {
     opacity: 1;
     visibility: visible;
 }


 @media only screen and (max-width: 900px) {

     .enquiry-main-form {
         height: 23vmax;
         width: 5.5vmax;
         display: none;
     }

     .enquiry-form-main {
         left: -28vmax;
         bottom: 6vmax;
         width: 45vmax;
     }

     .enquiry-form-main-top {
         background-color: blueviolet;
         font-size: 10px;
         width: 100%;
         padding: 1vmax;
         text-align: center;
         border-radius: 15px 0 0 0;
     }

     .enquiry-form-main form input,
     .enquiry-form-main form textarea {
         height: 5vmax;
     }

     .enquiry-form-main form textarea {
         height: 15vmax;
     }

     .enquiry-form-main form button {
         padding: 1.5vmax 0;
     }
 }


 /* nav maunu satrt */
 .sub-menu {
     background-color: white;
     position: absolute;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 0;
     opacity: 0;
     visibility: hidden;
     transition: .35s;
     transform: translatey(2vmax);
     /* transform: scale(0.2); */
     /* background-color: red; */
     padding: 0;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.388);
 }

 .sub-menu a {
     padding: 1vmax 4vmax 1vmax 1vmax;
     width: 100%;
     transition: .25s;
     color: black;

 }

 .sub-menu a:hover {
     background-color: rgba(0, 0, 0, 0.135);
 }

 #main-menu:hover .sub-menu {
     opacity: 1;
     transform: translatey(0);
     visibility: visible;

 }


 .service-sub-menu {
     position: absolute;
     background-color: white;
     left: 0;
     width: 100%;
     top: 6.2vmax;
     /* top: 8vmax; */
     padding: 3vmax 8vmax;
     opacity: 0;
     visibility: hidden;
     transform: translatey(2vmax);
     transition: .35s;
     /* box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.388); */
 }

 .service-sub-menu-center {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
 }

 .service-sub-menu-center-left {
     display: flex;
     flex-direction: column;
     gap: 1.5vmax;
 }

 .service-sub-menu-center-left a {
     color: #2E3192;
     font-size: 20px;
     font-weight: 500;
     /* background-color: red; */
 }

 .service-sub-menu-center-left a:hover {
     color: #BF1E2D;
 }

 .service-sub-menu-center-left ul {
     display: flex;
     align-items: flex-start;
     padding: 0;
     gap: 2vmax;
 }

 .service-sub-menu-center-left h2 {
     font-weight: 500;
     font-size: 23px;
     color: black;
 }

 .service-sub-menu-center-left ul div {
     display: flex;
     flex-direction: column;
     gap: 2vmax;
     /* background-color: blue; */
 }

 .service-sub-menu-center-left ul li {
     display: flex;
     align-items: center;
     gap: .5vmax;
     font-weight: 400;
 }

 .service-sub-menu-center-left ul li img {
     height: 2.5vmax;
     width: 2.5vmax;
     object-fit: cover;
 }


 .service-sub-menu-center-right {
     display: flex;
     align-items: center;
     gap: .5vmax;
 }

 .service-sub-menu-center-right img {
     height: 20.5vmax;
     object-fit: cover;
     border-radius: 5px;
 }

 .service-sub-menu-center-right div img {
     height: 10vmax;
     width: 30vmax;
     object-fit: cover;
     object-position: center;
 }

 .service-sub-menu-center-right div {
     display: flex;
     flex-direction: column;
     gap: .5vmax;
 }

 #service-main-menu:hover .service-sub-menu {
     opacity: 1;
     visibility: visible;
     transform: translatey(0);

 }

 .phone-nav {
     display: none;
 }

 .service-close {
     display: none;
 }

 @media only screen and (max-width: 900px) {
     .main {
         overflow-x: hidden;
     }

     nav {
         display: none;
     }

     .phone-nav {
         display: initial;
         width: 100%;
         z-index: 1;
         top: 0;
         padding: 0 1vmax;
         /* margin-top: -4%; */
         display: flex;
         align-items: center;
         justify-content: space-between;
     }

     .phone-nav.phone-nav-scroll {
         position: fixed;
         background-color: white;

     }

     .phone-nav span img {
         height: 6vmax;
         border-radius: 7px;
         padding: .5vmax 2vmax;
         background-color: white;
     }

     .ri-menu-3-line {
         color: white;
         font-size: 25px;
         background-color: #F0756B;
         width: 5vmax;
         text-align: center;
         border-radius: 5px;
     }

     .phone-menu-bar {
         color: white;
         background-color: white;
         position: absolute;
         top: -5.5vmax;
         height: 100vh;
         width: 100vw;
         left: 0;
         overflow-y: auto;
         padding: 5vmax 0 4vmax 0;
         transition: .25s;
         transform: translatex(100%);
     }

     .phone-menu-bar-ul {
         display: flex;
         flex-direction: column;
         padding: 5vmax 0 1vmax 0;
         /* gap: 1vmax; */
     }

     .phone-menu-bar ul li {
         background-color: white;
         color: black;
         width: 100%;
         padding: 2vmax 3vmax;
         display: flex;
         align-items: center;
         justify-content: space-between;
     }

     .phone-menu-bar ul li i {
         font-size: 20px;
     }

     .phone-main-menu {
         /* position: relative; */
         display: flex;
         flex-direction: column;
         align-items: flex-start;
     }

     .phone-main-menu span {
         display: flex;
         align-items: center;
         width: 100%;
         justify-content: space-between;
     }

     .phone-sub-menu {
         flex-direction: column;
         gap: 1vmax;
         width: 100%;
         display: flex;
         display: none;
     }

     .phone-sub-menu a {
         padding: 1vmax 2vmax;
     }

     .phone-menu-close {
         color: black;
         position: absolute;
         font-size: 40px;
         /* top: 0; */
         right: 2vmax;
     }

     .service-close {
         display: initial;
         position: absolute;
         top: 1vmax;
         right: 1vmax;
         font-size: 40px;
     }

     .service-sub-menu {
         position: absolute;
         background-color: white;
         left: 0;
         width: 100%;
         height: 100vh;
         top: 0;
         padding: 1vmax;
         transform: translatex(-100%);
         transition: .25s;

         visibility: visible;
         opacity: 1;
         overflow: auto;
         /* background-color: red; */
     }

     .service-sub-menu-center {
         display: flex;
         align-items: flex-start;
         justify-content: space-between;

         flex-direction: column;
     }

     .service-sub-menu-center-left {
         display: flex;
         flex-direction: column;
         gap: 1vmax;
         width: 100%;
     }

     .service-sub-menu-center-left ul {
         display: flex;
         flex-direction: column;
         width: 100%;
         align-items: flex-start;
         /* background-color: red; */
         padding: 0;
         gap: 1.5vmax;
     }

     .service-sub-menu-center-left h2 {
         font-weight: 700;
         font-size: 25px;
     }

     .service-sub-menu-center-left ul div {
         display: flex;
         flex-direction: column;
         gap: 2vmax;
         width: 100%;
         /* background-color: blue; */
     }

     .service-sub-menu-center-left ul li {
         display: flex;
         align-items: center;
         font-weight: 400;

         font-size: 20px;
         gap: 2vmax;
     }

     .service-sub-menu-center-left ul li img {
         height: 4vmax;
         width: 4vmax;
         object-fit: cover;
     }

     #websit-img {
         width: 5vmax;
     }

     .service-sub-menu-center-right {
         display: flex;
         align-items: center;
         gap: .5vmax;

         flex-direction: column;
         /* background-color: red; */
         width: 100%;
     }

     .service-sub-menu-center-right img {
         height: 20vmax;
         width: 100%;
         object-fit: cover;
         border-radius: 0;
     }

     .service-sub-menu-center-right div img {
         height: 20vmax;
         width: 100%;
         object-fit: cover;
         object-position: center;
     }

     .service-sub-menu-center-right div {
         display: flex;
         flex-direction: column;
         gap: .5vmax;
         width: 100%;
     }

     #service-main-menu:hover .service-sub-menu {
         opacity: 1;
         visibility: visible;
         transform: translatey(0);

     }

 }

 /* enquiry-main-form css end */


 @media screen and (min-width: 901px) and (max-width: 1340px) {
     header {
         padding: .5vmax 7vmax;
     }

     .cusor-move2 {
         display: none;
     }

     .section-content {
         width: max-content;
         text-align: center;
     }

     .section-content h2 {
         letter-spacing: 1.5vmax;
         font-size: 20px;
     }

     .section-content h1 {
         font-size: 100px;
     }


     .section-content h3 {
         font-size: 40px;
         /* background-color: red; */
     }

     .section-content a {
         padding: .5vmax 2vmax;
     }

     .enquiry-main-form {
         height: 18vmax;
         width: 4vmax;
         top: 22%;
     }

     .enquiry-form-main {
         left: -20vmax;
         bottom: 6vmax;
         width: 30vmax;
         top: -33vmax;
     }

     .enquiry-form-main-top {
         background-color: blueviolet;
         font-size: 10px;
         width: 100%;
         padding: 1vmax;
         text-align: center;
         border-radius: 15px 0 0 0;
     }

     .enquiry-form-main form input,
     .enquiry-form-main form textarea {
         height: 3vmax;
     }

     .enquiry-form-main form textarea {
         height: 10vmax;
     }

     .enquiry-form-main form button {
         padding: 1vmax 0;
     }

     .main {
         overflow-x: hidden;
     }

     nav {
         padding: 0 7vmax 0 9vmax;
     }



     .service-sub-menu {
         position: absolute;
         background-color: white;
         left: 0;
         width: 100%;
         top: 11vmax;
         padding: 3vmax 8vmax;
         opacity: 0;
         visibility: hidden;
         transform: translatey(2vmax);
         transition: .35s;
         box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.388);
     }

     .service-sub-menu-center {
         display: flex;
         align-items: flex-start;
         justify-content: space-between;
     }

     .service-sub-menu-center-left {
         display: flex;
         flex-direction: column;
         gap: 1.5vmax;
     }

     .service-sub-menu-center-left a {
         color: #2E3192;
         font-size: 20px;
         font-weight: 500;
         /* background-color: red; */
     }

     .service-sub-menu-center-left a:hover {
         color: #BF1E2D;
     }

     .service-sub-menu-center-left ul {
         display: flex;
         align-items: flex-start;
         padding: 0;
         gap: 2vmax;
     }

     .service-sub-menu-center-left h2 {
         font-weight: 500;
         font-size: 23px;
         color: black;
     }

     .service-sub-menu-center-left ul div {
         display: flex;
         flex-direction: column;
         gap: 2vmax;
         /* background-color: blue; */
     }

     .service-sub-menu-center-left ul li {
         display: flex;
         align-items: center;
         gap: .5vmax;
         font-weight: 400;
     }

     .service-sub-menu-center-left ul li img {
         height: 2.5vmax;
         width: 2.5vmax;
         object-fit: cover;
     }


     .service-sub-menu-center-right {
         display: flex;
         align-items: center;
         gap: .5vmax;
     }

     .service-sub-menu-center-right img {
         height: 20.5vmax;
         object-fit: cover;
         border-radius: 5px;
     }

     .service-sub-menu-center-right div img {
         height: 10vmax;
         width: 30vmax;
         object-fit: cover;
         object-position: center;
     }

     .service-sub-menu-center-right div {
         display: flex;
         flex-direction: column;
         gap: .5vmax;
     }

     #service-main-menu:hover .service-sub-menu {
         opacity: 1;
         visibility: visible;
         transform: translatey(0);

     }
 }




 /* section css end */




 /* section2 css start */

 .section2 {
     padding: 0 10vmax;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 1vmax;
     position: relative;
 }

 .section2-top {
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-top: 2vmax;
 }

 .heding-div {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .das-das-das2 {
     margin-top: -1%;
 }

 .section2-top h1 {
     font-family: 'Lato', sans-serif, 'JaapokkiRegular';
     font-weight: bold;
     color: #000;
     font-size: 30px;
     gap: .5vmax;
     z-index: 2;
     display: flex;
     text-transform: capitalize;
     /* margin-top: 1.2vmax; */
     font-weight: 500;
 }

 #bg-colorr-reletive {
     position: relative;
     font-weight: 900;
     color: #2E3192;
     text-transform: uppercase;
 }

 #bg-colorr-reletive:hover {
     color: #BF1E2D;
 }

 .section2-top-web p {
     margin-top: -2.5vmax;
 }

 .section2-top p {
     /* font-family: 'Lato', sans-serif, 'JaapokkiRegular'; */
     /* background-color: red; */
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     text-align: center;
 }

 .section2-top h2 {
     /* font-family: 'Jaapokki'; */
     font-family: 'Poppins', sans-serif;
     font-size: 35px;
     text-transform: uppercase;
     color: #EA4335;
     margin-top: 1vmax;
     margin-bottom: 3vmax;
     line-height: 2vmax;
     display: flex;
     gap: 1vmax;
     font-weight: 700;
 }

 .section2-top h2 div {
     border-bottom: 3px solid #2e3192;
     padding: 0 0 .3vmax 0;
 }

 #our {
     color: #2e3192;
     border-bottom: 3px solid #EA4335;
 }

 marquee {
     /* background-color: red; */
     /* width: 70%; */
 }

 marquee img {
     height: 8vmax;
     margin-left: 6vmax;
 }

 .section3 {
     padding: 2vmax 0;
 }

 .section3-bottom hr {
     color: rgba(0, 0, 0, 0.626);
 }

 .section7 {
     margin-top: 5%;
 }

 .section2-bottom {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     row-gap: 2vmax;
     justify-content: space-between;

 }


 /* Style for the div element */
 .section2-bottom div {
     /* background-color: white; */
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.123);
     width: 25vmax;
     padding: 3vmax 2vmax;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 1.5vmax;
     border-radius: 15px;
     position: relative;
     overflow: hidden;
     background-color: white;
 }

 .section2-bottom div::before {
     content: "";
     height: 100%;
     width: 50%;
     position: absolute;
     bottom: -60%;
     right: -30%;
     transition: width 0.3s;
     z-index: -1;
     border-radius: 50%;
     transform: scale(1);
     transition: .40s;
     background-color: #E7FFE7;
     z-index: 1;
 }

 #e-come::before {
     background-color: #DAFCFF;
 }

 #dital-bg::before {
     background-color: #F4C9C9;
 }

 #Domain-bg::before {
     /* background-color: rgba(153, 205, 50, 0.642); */
     background-color: rgba(128, 0, 128, 0.274);
 }

 #Domain-bg span {
     background-color: #58B8C0;
     box-shadow: 5px 5px 30px #58B8C0;
 }

 #Branding-bg::before {
     background-color: #FFE9ED;
 }


 #appli::before {
     background-color: #FEE3FF;
 }


 .section2-bottom div:hover::before {
     transform: scale(5);
 }

 .section2-bottom div span {
     z-index: 2;
     background-color: #5EB45E;
     /* padding: 2vmax 1.5vmax; */
     text-align: center;
     border-radius: 50%;
     width: 4vmax;
     height: 4.2vmax;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     box-shadow: 5px 5px 30px #5EB45E;
 }

 .section2-bottom div a {
     color: #5EB45E;
     z-index: 1;
 }

 #e-come a {
     color: #58B8C0;
 }

 #appli a {
     color: #BB58C0;
 }

 #e-come span {
     background-color: #58B8C0;
     box-shadow: 5px 5px 30px #58B8C0;
 }

 #appli span {
     background-color: #BB58C0;
     box-shadow: 5px 5px 30px #BB58C0;
 }

 #Branding-bg span {
     background-color: #BB58C0;
     box-shadow: 5px 5px 30px #BB58C0;
 }

 .section2-bottom div h3 {
     font-family: jaapokki;
     font-style: normal;
     font-weight: bold;
     font-size: 22px;
     z-index: 1;
     color: #2E3192;
 }

 .section2-bottom div i {
     font-size: 30px;
 }


 .swiper {
     width: 100%;
     /* background-color: red; */
 }


 .swiper-slide img {
     width: 150px;
     height: 150px;
     display: block;
     /* width: 100%; */
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 /* section2 css end */


 /* section3 css start */
 .section4-bottom {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     /* gap: 1.9vmax; */
     justify-content: space-between;
     row-gap: 3vmax;
 }

 #call-now {
     padding: .7vmax 2vmax;
     border-radius: 30px;
     color: white;
     background-color: #EA4335;
     transition: .10s;
     margin-top: 1.5vmax;
     display: flex;
     align-items: center;
     gap: .5vmax
 }

 #call-now:hover {
     background-color: #ea4435ba;
 }


 .section4-bottom div {
     display: flex;
     align-items: center;
     gap: 1vmax;
     padding: 2.5vmax 1.5vmax;
     width: 25vmax;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.304);
     border-radius: 30px;
     transition: .25s;
     position: relative;
 }

 .bg-color-free-numbeir {
     position: absolute;
     background: linear-gradient(45deg, #bd1ec7, #f92542);
     width: 3vmax;
     height: 3vmax;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     top: -1.5vmax;
     left: -.5vmax;
     z-index: 2;
 }

 .bg-color-free-numbeir span {
     background-color: white;
     width: 2.5vmax;
     height: 2.5vmax;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }



 @media screen and (min-width: 951px) and (max-width: 1200px) {
     .section2 {
         padding: 0 7vmax;
     }

     .section4-bottom div {
         gap: 1vmax;
         padding: 2.5vmax 1.5vmax;
         width: 26vmax;
         border-radius: 15px;
     }
 }

 .section4-bottom div:hover {
     transform: scale(1.060);
 }

 .section4-bottom div h4 {
     text-transform: uppercase;
     font-weight: 600;
     font-family: 'Lato', sans-serif, 'JaapokkiRegular';
     color: #4553af;
     font-size: 20px;


 }

 .section4-bottom div img {
     height: 4vmax;
 }

 #bg-color-free {
     background-color: #FFEFD4;
 }

 #bg-color-anal {
     background-color: #E5FFFB;
 }

 #be-color-agree {
     background-color: #FFE9ED;
 }

 #bg-color-degign {
     background-color: rgba(212, 48, 48, 0.263);
 }

 #bg-color-deli {
     background-color: #E7DFFE;
 }

 #bg-color-maint {
     background-color: rgba(128, 0, 128, 0.274);
 }



 @media only screen and (max-width: 450px) {

     .bg-color-free-numbeir {
         display: none;
     }

     #bg-colorr-reletive {
         font-size: 25px;
     }

     .section2-top h1 {
         font-size: 28px;
     }

     .heding-div {
         margin-top: 4vmax;
     }

     .heding-div p {
         text-align: justify;
     }

     .das-das-das2 {
         margin-bottom: 5vmax;
     }

     .section2-top h2 div {
         border-bottom: 3px solid #2e3192;
         padding: 0 0 1.2vmax 0;
     }

     .section2-top h1 {
         flex-direction: column;
         align-items: center;
     }


     .section2 {
         padding: 1vmax;
     }

     .section2-top {
         text-align: center;
         /* background-color: red; */
     }

     .section2-top h2 {
         font-size: 25px;

     }

     #das-das-das {
         height: 6vmax;
         overflow: hidden;
     }

     .das-das-das3 {
         margin-bottom: -4vmax;
     }

     .section2-bottom {

         padding: 1vmax;

     }

     /* Style for the div element */
     .section2-bottom div {
         padding: 4vmax 2vmax 3vmax 2vmax;
         width: 100%;
     }

     .section2-bottom div span {
         width: 8vmax;
         height: 8.2vmax;
     }

     /* section2 css end */


     /* section3 css start */
     .section4-bottom {
         padding: 1vmax;
         margin-top: 3vmax;
     }

     .section4-bottom div {
         border-radius: 20px;
         padding: 4vmax 3vmax;
         width: 100%;
     }

     .section4-bottom div img {
         height: 7vmax;
     }
 }

 @media screen and (min-width: 451px) and (max-width: 950px) {

     .bg-color-free-numbeir {
         display: none;
     }

     .section4-bottom {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         /* gap: 1.9vmax; */
         justify-content: space-between;
         row-gap: 2vmax;
         /* background-color: red; */
     }

     .section2 {
         padding: 1vmax;
     }

     .section2-top {
         text-align: center;
     }

     #das-das-das {
         height: 10vmax;
     }

     /*  */
     .section2-bottom {
         padding: 1vmax;

     }

     /* Style for the div element */

     /*  */
     .section2-bottom div {
         justify-content: space-between;
         padding: 4vmax 2vmax 3vmax 2vmax;
         width: 48%;
     }

     /*  */
     .section2-bottom div span {
         width: 6vmax;
         height: 6.2vmax;
     }

     /* section2 css end */


     /* section3 css start */
     .section4-bottom {
         padding: 1vmax;
         margin-top: 3vmax;
     }

     .section4-bottom div {
         border-radius: 20px;
         padding: 4vmax 2vmax;
         width: 48%;
     }

     .section4-bottom div img {
         height: 5vmax;
     }
 }

 /* section3 css end */


 /* section5 css start */
 .section5-bottom {
     /* background-color: red; */
     display: flex;
     align-items: center;
 }

 .section5-bottom h1 {
     font-family: 'Lato', sans-serif, 'JaapokkiRegular';
     font-size: 45px;
     font-weight: 900;
     line-height: 3.5vmax;
 }

 .section5-bottom-left {
     width: 35%;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 3vmax;
 }

 .section5-bottom-left h5 {
     line-height: 2vmax;
     color: rgba(0, 0, 0, 0.539);
     font-size: 24px;
     border-left: 2px solid blueviolet;
     padding: 0 0 0 1vmax;
 }

 .section5-bottom-right {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     text-align: center;
     gap: 2vmax;
     justify-content: space-between;
     width: 65%;
 }

 .section5-bottom-right-mina {
     width: 100%;
 }

 .section5-bottom-right div {
     width: 22%;
     height: 13vmax;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     /* height: max-content; */
     padding: 1.5vmax;
     background-color: #A3FFE2;
     color: #02367a;
     border-radius: 5px 50px 5px 50px;
     cursor: pointer;
     transition: .25s;
 }



 .section5-bottom-right-box:hover {
     transform: scale(1.1);
 }

 #mark-yello {
     background-color: #E3FF8E;
 }

 #Banking-lig {
     background-color: #F3A6FF;
 }

 #Enterprise {
     background-color: #70E4E8;
 }

 #Education {
     background-color: #FFA0C6;
 }

 #Event {
     background-color: #FFBC7A;
 }

 #food {
     background-color: #97FFAF;
 }

 .section5-bottom-right div h5 {
     font-weight: 500;
     /* font-size: px; */
 }






 @media screen and (min-width: 951px) and (max-width: 1024px) {

     .section5-bottom h1 {
         line-height: 5vmax;
     }

     .section5-bottom h5 {
         line-height: 4vmax;
     }

     .section5-bottom {
         flex-direction: column;
         margin-top: 3vmax;
     }

     .section5-bottom-left {
         width: 100%;
         line-height: 4.5vmax;
         align-items: center;
         text-align: center;

     }


     .section5-bottom-right {
         width: 100%;
         justify-content: center;
         margin-top: 2vmax;
     }



     .section5-bottom-right div h5 {
         font-weight: 500;
     }
 }

 @media screen and (min-width: 451px) and (max-width: 950px) {



     .section5-bottom-left {
         width: 35%;
         display: flex;
         flex-direction: column;
         align-items: center;
         text-align: justify;
     }

     .section5-bottom {
         flex-direction: column;
         margin-top: 3vmax;
     }

     .section5-bottom h1 {
         font-size: 35px;
         text-align: center;
     }

     .section5-bottom-left {
         width: 100%;
     }

     .section5-bottom-right {
         width: 100%;
         justify-content: center;
         margin-top: 2vmax;
     }

     .section5-bottom-right div {
         height: 14vmax;
         width: 25%;
     }

     .section5-bottom-right div h5 {
         font-weight: 500;
         font-size: 16px;
     }
 }

 @media only screen and (max-width: 450px) {

     .section5-bottom-left {
         text-align: justify;
     }

     .section5-bottom-left img {
         display: none;
     }

     .section5-bottom {
         flex-direction: column;
         margin-top: 3vmax;
     }

     .section5-bottom h1 {
         font-size: 30px;
         text-align: center;
         line-height: 4.5vmax;
         width: 100%;
     }

     .section5-bottom-left {
         width: 100%;
         line-height: 4.5vmax;

     }

     .section5-bottom-left h5 {
         line-height: 3vmax;
         font-size: 17px;
         text-align: center;
     }

     .section5-bottom-right {
         width: 100%;
         /* background-color: red; */
         margin-top: 4vmax;
     }

     .section5-bottom-right div {
         width: 45%;
         height: 24vmax;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
     }

     .section5-bottom-right div h5 {
         font-weight: 500;
     }
 }

 /* section5 css end */


 /* section6 css start */
 .section6-bottom {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 3vmax;
 }

 .section6-bottom-top {
     text-align: center;
     text-transform: capitalize;
     display: flex;
     justify-content: center;
 }

 .section6-bottom-top h4 {
     font-size: 20px;
     width: 80%;
 }

 .section6-bottom-bottom {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     width: 100%;
     row-gap: 3vmax;
 }

 .section6-bottom-section-bg {
     height: 100%;
     width: 100%;
     background-color: #3e0ada5a;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     transition: .25s;
 }

 .section6-bottom-section-bg2 {
     background-color: #54e0c456;
 }

 .section6-bottom-section-bg3 {
     background-color: #ffb50765;
 }

 .section6-bottom-section {
     box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.292);
     width: 25.5vmax;
     height: 25vmax;
     gap: 1vmax;
     border-radius: 30px;
     overflow: hidden;
     position: relative;
 }

 .section6-bottom-cont-top {
     width: 100%;
     height: 100%;
 }

 .section6-bottom-cont-top img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top;
 }

 .section6-bottom-cont {
     background-color: white;
     bottom: 0;
     position: absolute;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 1.5vmax 1vmax 1vmax 2vmax;
     border-radius: 50px 0 0 0;
     transform: translatey(55%);
     transition: .25s;
 }

 .section6-bottom-section:hover .section6-bottom-cont {
     transform: translatey(0);
 }

 .section6-bottom-section:hover .section6-bottom-section-bg {
     opacity: 1;
 }

 .section6-bottom-cont span {
     display: flex;
     align-items: center;
     gap: 1vmax;
 }

 .section6-bottom-cont h2 {
     font-weight: 500;
     font-size: 22px;
 }

 .section6-bottom-cont p {
     font-weight: 400;
     line-height: 1.3vmax;
     margin-top: 2vmax;
 }

 .section6-bottom-cont a {
     margin-top: .5vmax;
 }

 .section6-bottom-cont img {
     height: 3vmax;
 }


 @media only screen and (max-width: 450px) {

     .section6-bottom-top {
         text-align: center;
         text-transform: capitalize;
     }

     .section6-bottom-top h4 {
         width: 100%;
         line-height: 2.5vmax;
         font-size: 15px;
     }

     .section6-bottom {
         gap: 5vmax;
     }


     .section6-bottom-section {
         width: 100%;
         border-radius: 30px;
         height: 36.5vmax;
     }

     .section6-bottom-cont {
         padding: 2vmax 1vmax 1vmax 2.5vmax;
         border-radius: 35px 0 0 0;
     }


     .section6-bottom-cont p {
         line-height: 3vmax;
     }

     .section6-bottom-cont img {
         height: 7vmax;
     }

 }

 @media screen and (min-width: 451px) and (max-width: 950px) {
     .section6-bottom {
         gap: 2vmax;
     }


     .section6-bottom-section {
         width: 48%;
         border-radius: 30px;
         height: 30vmax;
     }

     .section6-bottom-cont {
         transform: translatey(96%);
         padding: 2vmax 1vmax 1vmax 2.5vmax;
         border-radius: 35px 0 0 0;
     }

     .section6-bottom-section:hover .section6-bottom-cont {
         transform: translatey(73%);
     }

     .section6-bottom-cont p {
         line-height: 2vmax;
     }

     .section6-bottom-cont img {
         height: 4vmax;
     }
 }

 /* section6 css end */

 /* section7 css start */
 .section7-bottom {
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     gap: 1vmax;
 }

 .section7-bottom-top {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     width: 100%;
     justify-content: space-between;
 }

 .section7-bottom-sec {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     padding: 2vmax .5vmax;
     border-bottom: 1px solid rgba(0, 0, 0, 0.317);
     width: 100%;
 }

 .section7-bottom-sec h2 {
     font-family: 'Lato', sans-serif, 'JaapokkiRegular';
     font-weight: 700;
     font-size: 30px;
 }

 .section7-bottom-sec-right {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 70%;
     gap: 1vmax;
 }

 .section7-bottom-sec-right span {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-transform: uppercase;
 }

 .section7-bottom-sec-right span img {
     height: 3.5vmax;
     object-fit: cover;
 }

 .section7-bottom-bottom {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 1vmax;
     margin-top: 1vmax;
 }

 .section7-bottom-bottom h1 {
     font-size: 30px;
 }

 .section7-bottom-bottom a {
     padding: .7vmax 2vmax;
     border-radius: 30px;
     color: white;
     background-color: #EA4335;
     transition: .10s;

 }

 .section7-bottom-bottom a:hover {
     background-color: #ea4435ba;
 }

 @media only screen and (max-width: 950px) {

     .section2-top p {
         text-align: justify;
         padding: 0 1vmax;
     }

     .section7-bottom-sec {
         flex-direction: column;
     }

     .section7-bottom-sec h2 {
         font-size: 20px;
     }

     .section7-bottom-sec-right {
         width: 100%;
         margin-top: 2vmax;
         flex-wrap: wrap;
         /* background-color: red; */
     }

     .section7-bottom-sec-right img {
         height: 4vmax;
     }

     .section7-bottom-sec-right span p {
         font-size: 14px
     }



     .section7-bottom-bottom a {
         padding: .7vmax 4vmax;
         border-radius: 30px;
         color: white;
         /* background-color: blue; */
         transition: .10s;
     }
 }

 /* section7 css end */

 /* section8 css start */
 .section8-bottom {
     display: flex;
     /* flex-direction: column; */
     align-items: center;
     justify-content: space-between;
     width: 100%;
 }

 .section8-bottom-left {
     display: flex;
     flex-direction: column;
     width: 30%;
     gap: 2vmax;
     align-items: flex-start;
 }

 .section8-bottom-right {
     width: 60%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .section8-bottom-left h1 {
     font-weight: 800;
     font-size: 35px;
     line-height: 3vmax;
     text-transform: uppercase;
 }

 .section8-bottom-left h2 {
     font-weight: 700;
     font-size: 30px;
     color: rgba(0, 0, 0, 0.443);
     line-height: 3vmax;
     text-transform: uppercase;
     display: flex;
     align-items: center;
 }

 .section8-bottom a {
     padding: .7vmax 2vmax;
     border-radius: 30px;
     color: white;
     background-color: #EA4335;
     transition: .10s;
 }

 .section8-bottom a:hover {
     background-color: #ea4435ba;
 }

 #view-all-new {
     display: none;
 }

 @media screen and (min-width: 700px) and (max-width: 1300px) {
     .section8-bottom-left {
         width: 35%;
     }
 }

 @media only screen and (max-width: 950px) {
     .section8-bottom {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: space-between;
         width: 100%;
     }

     #view-all-new {
         display: initial;
     }

     #view-all-old {
         display: none;
     }

     .section8-bottom-right {
         margin-top: 3vmax;
     }

     .section8-bottom-left {
         text-align: center;
         align-items: center;
         width: 100%;
     }

     .section8-bottom-left h1 {
         line-height: 5vmax;
         font-size: 30px;
     }

     .section8-bottom-left h2 {
         line-height: 4vmax;
         font-size: 20px;
     }
 }

 /* section8 css end */


 /* section9 css start */
 .section9-bottom {
     display: flex;
     flex-wrap: wrap;
 }

 .section9-bottom div {
     border: 1px solid rgba(0, 0, 0, 0.194);
     border-right: none;
     border-left: 1px solid rgba(0, 0, 0, 0.194);
     font-family: 'Lato', sans-serif, 'JaapokkiRegular';
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 1vmax;
     height: 14vmax;
     width: 25%;
 }

 .section9-bottom div span {
     font-size: 45px;
     background-color: #FEF7E2;
     width: 8vmax;
     height: 8vmax;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     color: #8d8055;
     font-weight: bold;
 }

 .section9-bottom div span img {
     height: 5vmax;
 }

 .section9-bottom div h5 {
     font-size: 18px;
     font-weight: 400;
     color: #8d8055;
 }

 #border-right {
     border-right: 1px solid rgba(0, 0, 0, 0.194);
 }

 #bg-img-section9 {
     border: none;
 }

 #bg-img-section9 img {
     height: 14vmax;
 }

 .bg-img-section9-copy {
     margin-left: -1vmax;
 }


 @media only screen and (max-width: 950px) {



     .section9-bottom div {
         width: 33.3%;
     }

     .section9-bottom div span {
         font-size: 25px;
         width: 8vmax;
         height: 8vmax;
     }

     .section9-bottom div span img {
         height: 5vmax;
     }

     .section9-bottom div h5 {
         font-size: 13px;
         text-align: center;
     }


     #bg-img-section9 {
         display: none;
     }


     .bg-img-section9-copy {
         margin-left: 0;
     }
 }

 /* section9 css end */


 /* section10 css start */

 /*particles js*/
 div#particles {
     position: relative;
     background-position: center center;
     background-attachment: scroll;
     background-size: cover;
     background-repeat: no-repeat;
 }



 .section10 {
     position: relative;
     height: 30vmax;
     background-color: black;
     background: url(../img/istockphoto.jpg);
     background-repeat: no-repeat;
     background-size: cover;

 }

 .section10-bg-color {
     height: 100%;
     width: 100%;
     background-color: #0000003b;
     top: 0;
     position: absolute;
 }

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

 .section10-cont {
     text-align: center;
     position: absolute;
     color: white;
     transform: translate(-50%, -50%);
     top: 80%;
     left: 50%;
     display: flex;
     flex-direction: column;
     gap: 2vmax;
     align-items: center;
     /* background-color: red; */
 }

 .video-section10-cont {
     top: 50%;
 }

 .page-links-back {
     padding: 1vmax 7vmax;
 }

 .section10-cont h1 {
     text-transform: uppercase;
     font-size: 40px;
 }

 .section10-cont h3 {
     line-height: 3vmax;
 }

 .section10-cont button {
     font-size: 20px;
     padding: .7vmax 2vmax;
     border: none;
     border-radius: 30px;
 }


 .section10-cont button,
 .modal-footer button {
     padding: .7vmax 2vmax;
     border-radius: 30px;
     color: white;
     background-color: #EA4335;
     transition: .10s;
     border: none;

 }

 .section10-cont button:hover,
 .modal-footer button:hover {
     background-color: #ea4435ba;
 }

 .contect-modal input {
     background-color: transparent;
 }

 .contect-modal select {
     background-color: transparent;
 }


 @media only screen and (max-width: 950px) {



     .page-links-back {
         padding: 1vmax;
     }

     .page-links-back h5 {
         font-size: 14px;

     }

     .section10 {
         height: 50vmax;
         background-position: center;
     }

     .section10-cont {
         transform: translate(0);
         top: 40%;
         left: 0;
     }

     .section10-cont h3 {
         font-size: 15px;
     }

 }

 /* section10 css end */


 /* section11 css start */
 #subscribe {
     font-size: 27px;
     text-transform: uppercase;
     padding: .7vmax 3vmax;
     background-color: #FE080A;
     border-radius: 8px;
     font-weight: 600;
     color: white;
     border: none;
     opacity: 0;
     transition: opacity 1s;
     transition: .25s;
 }

 #subscribe:hover {
     background-color: #fe0808a8;
 }

 .section11-bottom {
     width: 100%;
     height: 50vmax;
     overflow: hidden;
     position: relative;
 }

 .section11 {
     padding: 2vmax 0;
 }

 .section11-bottom-center {
     /* background-color: #2E3192; */
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: .25s;
 }

 .section11-bottom-centerr {
     overflow: hidden;
     height: 100%;
     position: relative;
     /* width: 90%; */

 }

 .section11-bottom-center video {
     object-fit: initial;
     object-position: center;
     width: 100%;
 }


 .section11-bottom-bg {
     height: 100%;
     width: 100%;
     position: absolute;
     background-color: rgba(0, 0, 0, 0.34);
 }


 .play-button {
     position: absolute;
     top: 77%;
     left: 52%;
     transform: translate(-50%, -50%);
     display: flex;
     align-items: center;
     flex-direction: column;
 }

 @media only screen and (max-width: 950px) {
     .section11-bottom {
        height: 100%;
         overflow: hidden;
     }
     .section11-bottom-center {
        background-color: transparent;
     }


     .play-button {
         left: 60%;
         top: 50%;
     }
#subscribe{
    display: none;
}
 }



 /* section11 css end */


 /* section12 css start */
 .section12-bottom {
     background: url(./asstes/img/testimonial\ bg\ img.jpg);
     background-size: cover;
     background-position: center;
     width: 100%;
     position: relative;
     background-attachment: fixed;
     border-radius: 0 50px 0 50px;
     overflow: hidden;
 }

 .section12-bottom-bg {
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.509);
     position: absolute;
     top: 0;
     left: 0;
 }

 #swiper-slide {
     height: 5vmax;
     width: 5vmax;
 }

 @media only screen and (max-width: 1000px) {

     .swiper-slide {
         color: white;
         display: flex;
         flex-direction: column;
         align-items: center;
         text-align: center;
         gap: 1vmax;
         padding: 2vmax 2vmax;
     }
 }

 /* section12 css end */


 /* section13 css start */
 .section13-bottom {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 2vmax;
 }


 .section13-bottom-top {
     display: flex;
     flex-wrap: wrap;
     /* gap: 1vmax; */
     justify-content: space-between;
     font-family: 'JaapokkiRegular';
 }

 .section13-bottom-top a {
     color: black;
 }

 .section13-bottom-top-cont {
     overflow: hidden;
     width: 30%;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     transition: .25s;
     font-family: 'Lato', sans-serif, 'JaapokkiRegular';
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.153);
     position: relative;
 }


 .section13-bottom-top-cont img {
     filter: grayscale(100%);
     transition: .45s;
 }

 .section13-bottom-top-cont:hover img {
     filter: grayscale(0);
 }

 #blog-line {
     height: 3.5vmax;
     width: .1vmax;
     background-color: red;
     position: absolute;
     left: 0;
     bottom: 26%;
 }

 .section13-bottom-top-cont-bottom {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 1.5vmax;
 }

 .section13-bottom-top-cont-bottom div {
     display: flex;
     align-items: center;
     justify-content: center;
     justify-content: space-between;
     gap: 2vmax;
 }

 .section13-bottom-top-cont-bottom div span {
     display: flex;
     gap: .3vmax;
     font-size: 17px;
     color: rgba(0, 0, 0, 0.676);
 }

 .section13-bottom-top-cont-bottom h4 {
     font-weight: 700;
     font-size: 25px;
     transition: .25s;
 }

 .section13-bottom-top-cont-bottom p {
     transition: .25s;
 }

 .section13-bottom-top-cont-bottom h4:hover,
 .section13-bottom-top-cont-bottom p:hover {
     color: #ED5D40;
 }

 #lern-more {
     display: inline-block;
     font-size: 18px;
     color: #fff;
     width: 60px;
     height: 45px;
     line-height: 45px;
     background: linear-gradient(to left, #ed431d 6%, #ed2b22 38%);
     text-align: center;
     position: relative;
     z-index: 1;
     border-radius: 5px;

 }

 #lern-more::before {
     position: absolute;
     content: "";
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     margin: auto;
     bottom: 0;
     background: #2E3192;
     width: 100%;
     height: 100%;
     transform: scale(0);
     transition: .5s;
     border-radius: 5px;
 }

 #lern-more:hover::before {
     transform: scale(1);
 }

 .section13-bottom-bottom a {
     padding: .7vmax 2vmax;
     border-radius: 30px;
     color: white;
     background-color: #EA4335;
     transition: .10s;
     align-items: flex-end;
 }

 #blog-button {
     width: 100%;
 }

 .section13-bottom-bottom a:hover {
     background-color: #ea4435ba;
 }

 .section13-bottom-top-cont img {
     width: 100vw;
 }

 @media screen and (min-width: 651px) and (max-width: 1000px) {
     .section13-bottom-top {
         row-gap: 3vmax;
     }

     .section13-bottom-top-cont {
         width: 43%;
         /* background-color: red; */
     }
 }

 @media screen and (min-width: 100px) and (max-width: 650px) {
     .section13-bottom-top {
         gap: 2vmax;
     }

     .section13-bottom-top-cont {
         width: 100%;
     }

     .section13-bottom-top-cont img {
         width: 100vw;
     }

 }

 /* section13 css end */


 /* section14 css start */
 .section2-contect-us {
     /* background-color: red; */
     padding: 1vmax 2vmax;
 }

 .section14-bottom {
     display: flex;
     /* align-items: center; */
     justify-content: space-between;
     width: 100%;
 }

 .section14-bottom form {
     display: flex;
     flex-direction: column;
     gap: 2vmax;
     width: 50%;
     align-items: flex-start;
 }

 .section14-bottom form span {
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-family: jaapokki;
     gap: 1vmax;
     width: 100%;
     /* background-color: blue; */
 }

 .section14-bottom form span label {
     font-size: 27px;
     /* background-color: red; */
     max-width: max-content;

 }

 .section14-bottom form span input {
     border: none;
     outline: none;
     border-bottom: 2px solid black;
     padding: .5vmax 1.3vmax;
     font-size: 18px;
     flex: 1;
     width: 100%;
 }

 .section14-bottom form span select {
     border: none;
     padding: .5vmax 1.3vmax;
     outline: none;
     color: #02367a;
     border-bottom: 2px solid black;
     flex: 1;
     width: 100%;

 }

 #form-button {
     width: 100%;
     display: flex;
     justify-content: flex-end;
 }

 #form-button button {
     padding: .7vmax 2vmax;
     border-radius: 30px;
     color: white;
     background-color: #EA4335;
     transition: .10s;
     border: none;

 }

 #form-button button:hover {
     background-color: #ea4435ba;
 }

 #textarea {
     flex-direction: column;
     align-items: flex-start;
 }

 #textarea textarea {
     border: none;
     border-bottom: 2px solid black;
     width: 100%;
     outline: none;
 }

 iframe {
     width: 100%;
     height: 25vmax;
     margin-top: 5vmax;
 }


 .section14-bottom-left {
     position: relative;
     height: 100%;
     width: 50%;

 }

 @media only screen and (max-width: 900px) {

     .section14-bottom form {
         width: 100%;
         align-items: flex-start;
         /* background-color: red; */
     }

     .section14-bottom form span {
         flex-direction: column;
         align-items: flex-start;
         width: 100%;
     }


     .section14-bottom form span input {
         width: 100%;
     }

     .section14-bottom form span select {
         width: 100%;

     }

     .section14-bottom {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         height: 160vmax;
     }
 }

 /* section14 css end */


 /* footer css start */

 footer {
     background: url(https://html.ditsolution.net/techno-digital-agency/assets/images/resource/footer-bg.jpg);
     width: 100%;
     padding: 5vmax 7vmax 0 7vmax;
     color: white;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     margin-top: 10%;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 footer section {
     display: flex;
     justify-content: space-between;
     font-weight: 100;
     width: 100%;
 }

 .footer-name-left {
     width: 25%;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1vmax;
 }

 .footer-name-left span {
     color: #EA4335;
 }

 .footer-name-left h5 {
     color: #fff;
     font-size: 17px;
     margin-bottom: 13px;
     line-height: 1.8vmax;
 }

 footer section ul {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: .5vmax;
 }

 footer section ul h3 {
     font-size: 22px;
     font-weight: 700;
     display: flex;
     align-items: center;
 }

 footer section ul h3 span {
     font-size: 30px;
 }

 footer section ul span {
     color: #EA4335;
     font-size: 17px;
 }

 .footer-teg li {
     display: block;
     list-style: none;
     position: relative;
     z-index: 1;
     padding-left: 15px;
 }

 .footer-teg li::before {
     position: absolute;
     z-index: 1;
     content: "";
     top: 14px;
     left: -6px;
     width: 10px;
     height: 1px;
     border-radius: 50%;
     background: #fff;
 }

 .footer-teg li a {
     display: inline-block;
     color: #fff;
     font-weight: 700;
     padding: 0 0 7px;
     transition: .5s;
     background-image: linear-gradient(to right, #EA4335, #EA4335, 50%, #fff 50%);
     background-size: 200% 100%;
     background-position: 100%;
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
 }

 .footer-teg li a:hover {
     transform: translatex(5px);
     background-position: 0;
 }

 footer section a:hover {
     color: #EA4335;
 }

 .contect-us-gooter li {
     display: flex;
     align-items: flex-start;
     gap: .8vmax;
     font-weight: 600;
     margin-top: .5vmax;
 }

 .contect-us-gooter li a {
     color: white;
     display: flex;
     align-items: flex-start;
     gap: .8vmax;
 }

 .contect-us-gooter li i {
     font-size: 25px;
     margin-top: -.2vmax;
     color: #EA4335;
     opacity: 0.5;
 }

 .footer-bottom {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 3vmax 0 1vmax 0;
 }

 .footer-icon {
     display: flex;
     flex-direction: row;
     gap: .5vmax;
     color: black;
     padding: 0;
 }

 .footer-bottom hr {
     background-color: white;
     width: 100%;
     height: 1px;
 }

 .facebook {
     color: #0866FF;
 }

 .linkedin {
     color: #1581BB;
 }

 #insta {
     padding: .4vmax;
     background-color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center
 }

 #insta img {
     height: 1.5vmax;
 }

 .youtube {
     color: #FE0000;
 }

 .footer-icon li i {
     background-color: white;
     border-radius: 50%;
     font-size: 25px;
     padding: .4vmax;
     cursor: pointer;
     transition: .25s;
 }

 .footer-icon li i:hover {
     color: black;
 }

 .footer-bottom p {
     color: white;
     font-weight: 100;
 }

 .footer-bottom p a {
     color: #EA4335;
 }

 .footer-bottom p a:hover {
     color: #ea4435b2;
 }



 /* subscribe-page start */

 .subscribe-page {
     /* background-color: red; */
     background: url(https://html.ditsolution.net/techno-digital-agency/assets/images/resource/counter-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     padding: 50px 45px;
     position: relative;
     margin-top: -13vmax;
     border-radius: 10px;
     margin-bottom: 7vmax;
     width: 70%;
 }

 .subscribe-page2 {
     width: 100%;
 }




 .subscribe-page-right form {
     display: flex;
     align-items: flex-start;
 }

 .subscribe-page-right form input {
     float: right;
     height: 54px;
     background-color: #fff;
     border-color: transparent;
     transition: .5s;
     border: 1px solid #e6e6e6;
     padding: 7px 20px;
     display: block;
     width: 80%;
     color: #00132b;
     margin-bottom: 16px;
     font-weight: 500;
     position: relative;
     z-index: 1;
 }

 .subscribe-page-right form button {
     padding: 15px 25px;
     font-weight: 600;
     font-size: 17px;
     border: 0;
     background: #232434;
     color: #fff;
 }

 /* subscribe-page end */


 @media only screen and (max-width: 950px) {

     .footer-icon {
         /* background-color: red; */
         margin-top: 1vmax;
         gap: 3vmax;
     }

     footer {
         margin-top: 20%;
     }

     .subscribe-page {
         width: 100%;
         padding: 0;
     }


     footer {
         padding: 5vmax .5vmax;
     }

     footer section {
         flex-wrap: wrap;
         margin-left: 0;
     }


     .footer-bottom {
         text-align: center;
     }

     .footer-bottom ul li i {
         font-size: 30px;
         padding: 2vmax;
     }

     .footer-bottom p {
         font-size: 15px;
     }


     .footer-name-left {
         width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 1vmax;
         text-align: center;
     }

     .footer-name-left span {
         color: #EA4335;
     }

     .footer-name-left h5 {
         color: #fff;
         font-size: 17px;
         margin-bottom: 0;
         line-height: 1.8vmax;
     }

     #insta {
         padding: .4vmax;
         background-color: white;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center
     }

     #insta img {
         height: 3vmax;
     }


     .subscribe-page {
         /* background-color: red; */
         background: url(https://html.ditsolution.net/techno-digital-agency/assets/images/resource/counter-bg.jpg);
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center center;
         padding: 1vmax;
         position: relative;
         margin-top: -100px;
         border-radius: 10px;
         margin-bottom: 7vmax;
     }

     .subscribe-page-left {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         text-align: center;
     }

     .subscribe-page-left h1 {
         font-size: 45px;
         margin-bottom: 5px;
         color: #fff;
     }

     .subscribe-page-left p {
         font-weight: 500;
     }

     .subscribe-page-right form {
         display: flex;
         align-items: flex-start;
     }

     .subscribe-page-right form input {
         float: right;
         height: 54px;
         background-color: #fff;
         border-color: transparent;
         transition: .5s;
         border: 1px solid #e6e6e6;
         padding: 7px 20px;
         display: block;
         width: 80%;
         color: #00132b;
         margin-bottom: 16px;
         font-weight: 500;
         position: relative;
         z-index: 1;
     }

     .subscribe-page-right form button {
         padding: 15px 25px;
         font-weight: 600;
         font-size: 17px;
         border: 0;
         background: #232434;
         color: #fff;
     }


 }

 /* footer css end */



 /* testimonial-main css start */

 .testimonial-main {
     padding: 2vmax 4vmax;
     margin-top: 3vmax;
 }

 .testimonial-main-bottom {
     /* background-color: #F3F7F8; */
     background-color: rgba(128, 0, 128, 0.18);
     display: flex;
     flex-direction: column;
     align-items: center;
     /* gap: 2vmax; */
     padding: 2vmax 20vmax 2vmax 20vmax;
     border-radius: 50%;
     position: relative;
 }

 .testimonial-main-bottom h1 {
     font-size: 50px;
     text-align: center;
     font-weight: 400;
 }

 #tesi-ll {
     background-color: #ED6E6C;
     font-size: 40px;
     padding: 1vmax 1.5vmax;
     color: white;
     border-radius: 50%;
 }



 .testimonial-main-bottom-user-div {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     /* gap: 5vmax; */
     color: black;
     padding: 1vmax 0 0 0;
 }

 .container {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 1.5vmax;
 }

 .button {
     position: relative;
 }

 .button.is-play {
     height: 5vmax;
     width: 5vmax;
     cursor: pointer;
 }

 .button-outer-circle {
     background: #ED6E6C;
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }

 .button-icon {
     position: absolute;
 }

 .triangle {
     animation: fadeIn 7s ease;
 }

 .path {
     stroke-dasharray: 90;
     stroke-dashoffset: 0;
     animation: triangleStroke 3s;
     animation-timing-function: ease;
 }

 .has-scale-animation {
     animation: smallScale 3s infinite;
 }

 .has-delay-short {
     animation-delay: 0.5s;
 }



 /* CSS Keyframes */
 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes triangleStroke {
     from {
         stroke-dashoffset: 90;
     }

     to {
         stroke-dashoffset: 0;
     }
 }

 @keyframes smallScale {
     from {
         transform: scale(1);
         opacity: 1;
     }

     to {
         transform: scale(1.5);
         opacity: 0;
     }
 }












 .testimonial-main-bottom-user-div h5 {
     font-size: 30px;
     letter-spacing: .2vmax;
     text-transform: uppercase;
 }

 .testimonial-main-bottom-user-div h4 {
     font-size: 18px;
     font-weight: 400;
     margin-top: 1vmax;

 }

 .testimonial-main-bottom-user-div h6 {
     font-size: 20px;
     font-weight: 500;
     margin-top: 1vmax;
 }

 .testimonial-main-bottom-user-div p {
     font-size: 24px;
     color: rgba(0, 0, 0, 0.537);
     margin-top: 3vmax;
     text-align: justify;
 }


 .testi-img {
     position: absolute;
     /* top: 0; */
     height: 10vmax;
 }

 .testi-img1 {
     right: -2vmax;
     transform: rotate(-15deg);
 }

 .testi-img2 {
     left: -2vmax;
     bottom: 30%;
 }

 .testimonial-main-bottom i {
     position: absolute;
     font-size: 50px;
     /* opacity: 0.4; */
     animation-duration: 12s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
 }

 .triangle-clint {
     left: 10%;
     top: 40%;
     color: #ED6E6C;
     animation-name: move-up;
 }

 .circle-clint {
     right: 10%;
     top: 30%;
     color: #2E3192;
     animation-name: move-left;
 }

 .square-clint {
     bottom: 22%;
     color: yellowgreen;
     right: 20%;
     animation-name: move-down;
 }

 .pentagon-clint {
     bottom: 15%;
     left: 30%;
     color: lightslategray;
     animation-name: move-right;
 }



 @keyframes move-right {

     0%,
     100% {
         transform: translatey(0);
     }

     50% {
         transform: translatey(100%);
     }
 }


 @keyframes move-left {

     0%,
     100% {
         transform: translatey(0);
     }

     50% {
         transform: translatey(100%);
     }
 }

 @keyframes move-up {

     0%,
     100% {
         transform: translateX(0);
     }

     50% {
         transform: translateX(100%);
     }
 }

 @keyframes move-down {

     0%,
     100% {
         transform: translatex(0);
     }

     50% {
         transform: translatex(100%);
     }
 }


 @media only screen and (max-width: 950px) {

     .testimonial-main-bottom-user-div h5 {
         font-size: 25px;
         margin-top: 7%;
         /* background-color: red; */
     }

     .testimonial-main {
         padding: 2vmax;
     }

     .testimonial-main-bottom {
         padding: 10vmax 5vmax 5vmax 5vmax;
         overflow: hidden;
     }

     .testimonial-main-bottom h1 {
         font-size: 20px;
         font-weight: 800;
     }

     #tesi-ll {
         padding: 1vmax 1.5vmax;
     }

     .testimonial-main-bottom-user-div {
         padding: 3vmax 0 0 0;
     }

     .testimonial-main-bottom-user-div p {
         font-size: 18px;
     }

     .testimonial-main-bottom i {
         font-size: 30px;
     }

 }


 /* testimonial-main css end */


 /* EMPOWERMENT  css start */
 .section15-bottom {
     display: flex;
     flex-direction: column;
     gap: 1vmax;
 }

 .section15-bottom-cotent {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 3vmax;
 }

 .section15-bottom-cotent-left {
     background: url(https://vault.uicore.co/nft/wp-content/uploads/sites/20/2022/06/NFT-Blockchain-BG-Image.webp);
     width: 50%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 75% auto;
 }

 .about-img {
     height: 100%;
     /* background-color: red; */
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
 }

 .about-img1 img {
     height: 25vmax;
 }

 #section15-bottom-cotent-left-img {
     animation: upAndDown 2s infinite;
     /* opacity: 0.5; */
     /* height: 100%; */
     /* width: 100%; */
 }

 .section15-bottom-cotent-left-2 {
     position: relative;
     z-index: 2;
     left: 30%;

     animation: upAndDown 2s infinite;
 }

 @media only screen and (min-width: 676px) {
     .section15-bottom-cotent-left-2 {
         position: relative;
         z-index: 2;
         left: 80%;
         top: -100px;
         animation: upAndDown 2s infinite;
     }
 }

 @keyframes upAndDown {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-20px);
     }
 }

 .section15-bottom-cotent-right {
     display: flex;
     flex-direction: column;
     align-items: center;

     gap: .5vmax;
     text-align: center;
 }



 .section15-bottom-cotent-right h2 {
     font-size: 47px;
     font-weight: 700;
     text-transform: capitalize;
 }



 .section15-bottom-cotent-right p {
     font-size: 20px;
     font-weight: 600;
     text-align: justify;
     color: rgba(0, 0, 0, 0.694);
 }

 .section15-bottom-cotent-right a {
     padding: .7vmax 2vmax;
     border-radius: 30px;
     color: white;
     background-color: #EA4335;
     transition: .10s;
     margin-top: 1.5vmax;
     display: flex;
     align-items: center;
     gap: .5vmax
 }

 .section15-bottom-cotent-right a img {
     height: 5vmax;
 }

 .section15-bottom-cotent-right a:hover {
     background-color: #d65246;
     color: #fff;
 }



 @media only screen and (max-width: 950px) {

     footer {
         /* margin-top: 20vmax; */
     }

     .section15-bottom {
         gap: 3vmax;
     }

     .section15-bottom-cotent {
         flex-direction: column;
     }

     .section15-bottom-cotent-left {
         width: 100%;
     }

     .section15-bottom-cotent-right {
         width: 100%;
         padding: 0 1vmax;
     }

     .section15-bottom-cotent-right h2 {
         font-size: 23px;
     }

     .section15-bottom-cotent-right p {
         font-size: 16px;
     }

     .section15-bottom-cotent-right a {

         padding: 1.3vmax 3vmax;
         font-size: 18px;
     }

     .section15-bottom-cotent-revrec {
         flex-direction: column-reverse;
     }
 }

 /* EMPOWERMENT  css last */
 /* gsap start */

 .cusor-move2 {
     height: 2.5vmax;
     width: 2.5vmax;
     position: absolute;
     /* top: 20vmax; */
     /* left: 10vmax; */
     z-index: 555;
     /* background-color:white; */
     border-radius: 50%;
     border: 1px solid blue;
     pointer-events: none;
 }


 /* gsap end */



 /* popap start */

 .popap-close {
     position: absolute;
     top: -1vmax;
     z-index: 5;
     right: -1vmax;
     font-size: 40px;
     color: white;
 }

 .popup {
     position: relative;
     text-align: center;
     width: 601px;
     /* height: 566px; */
     color: #fff;
     padding: 16px 20px;
     border-radius: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: url(../../asstes/img/offer-popap/bgimg.jpg)center center no-repeat;
     background-size: cover;
 }

 .popup::before {
     background-color: #5e15be1b;
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-radius: 33px;
     z-index: -1;
 }

 .popup::after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     /* background: url(../../asstes/img/offer-popap/border.png) center center no-repeat; */
     /* z-index: 4; */
 }

 .wrapper h1 {
     padding: 0 6px;
     font-family: 'Paytone One', sans-serif;
     color: #fff;
     text-align: center;
     font-size: 35px;
     font-weight: 400;
     letter-spacing: 1.4px;
     text-transform: uppercase;
     /* line-height: 1.2; */
     max-width: 344px;
     margin: auto;
     margin-bottom: 40px;
     position: relative;
 }

 .wrapper h6 {
     margin-top: -2vmax;
     font-weight: 400;
     font-size: 22px;
 }

 .wrapper h6 b {
     color: blue;
     animation: Beata 2s ease infinite alternate;
     font-size: 30px;
 }

 .wrapper h1::before {
     content: '';
     position: absolute;
     height: 2px;
     width: 23%;
     background: #fff;
     bottom: .5vmax;
     left: 0;
 }

 .wrapper h1::after {
     content: '';
     position: absolute;
     height: 2px;
     width: 23%;
     background: #fff;
     bottom: .5vmax;
     right: 0;
 }

 .popap-timer {
     display: flex;
     flex-flow: row wrap;
     align-items: center;
     justify-content: center;
     margin: 10px 0 30px;
 }

 .popap-timer div {
     display: inline-block;
     color: #fff;
     font-size: 35px;
     font-weight: 700;
     position: relative;
     text-align: center;
     margin: 0 4px;
 }

 .timer-num span {
     background: #8e31ff;
     padding: 8px 16px;
     border: 1px solid #eade72;
 }

 .timer-num p {
     color: #fff;
     text-align: center;
     font-size: 10px;
     font-weight: 400;
     text-transform: uppercase;
     padding-top: 4px;
 }

 .timer-dot {
     position: relative;
     top: -7px;
 }

 .timer-dot span {
     display: block;
     width: 7px;
     height: 7px;
     background: #fff;
     border-radius: 50%;
     margin-bottom: 1vmax;
 }

 .wrapper h4 {
     color: #fff;
     text-align: center;
     font-size: 18px;
     font-weight: 400;
     position: relative;
     max-width: 350px;
     margin: auto;
     padding-bottom: 8px;
     margin-bottom: 28px;
 }

 .wrapper h4::after {
     content: '';
     position: absolute;
     height: 1px;
     right: 10px;
     bottom: 0;
     width: 100%;
     max-width: 205px;
     background: #fff;
 }

 .coupon-code h5 {
     padding-bottom: 15px;
     border-radius: 10px;
     color: #fbff1f;
     text-align: center;
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: 1.2;
 }

 .coupon-code h5 b {
     font-size: 22px;
     font-weight: 700;
     padding: 0 2px;
     color: #fbff1f;
     text-transform: uppercase;
 }

 .coupon-code div {
     padding: 6px 14px;
     border: 1px dashed #fff;
     color: #fff;
     text-align: center;
     font-size: 24px;
     font-weight: 800;
     justify-content: end;
     justify-content: center;
     display: flex;
     align-items: center;
     background: #781fe7;
     max-width: 261.058px;
     height: 51px;
     width: 100%;
     margin: auto;
     position: relative;
     cursor: pointer;
 }

 .coupon-code div h5 {
     margin-top: 1.2vmax;
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: center;
     gap: .5vmax;
     color: white;
 }

 .coupon-code div h5 span {
     color: #fbff1f;
     position: absolute;
     right: 1vmax;
 }

 .wrapper h3 {
     font-size: 20px;
 }

 .wrapper button {
     display: inline-block;
     padding: 12px 43px;
     margin-top: 10px;
     border-radius: 4px;
     background: #fff;
     color: #703cdf;
     text-align: center;
     font-family: 'Paytone One', sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     text-transform: uppercase;
     position: relative;
     margin-bottom: 10px;
     margin-top: 2vmax;
 }

 .wrapper a::after {
     content: '';
     top: 3px;
     right: -3px;
     bottom: -3px;
     left: 3px;
     position: absolute;
     border: 1px solid #ffce1f;
     border-radius: 4px;
 }

 .popap-button {
     display: flex;
     /* flex-direction: column; */
     /* background-color: red; */
     justify-content: space-between;
     margin-top: 2vmax;
     margin-bottom: 2vmax;
     /* border: 1px solid white; */
     padding: 1vmax;
     gap: 2vmax;
 }

 .popap-button div {
     display: flex;
     flex-direction: column;
     /* background-color: skyblue; */
     align-items: flex-start;
     gap: 1vmax;
 }

 .popap-button>.popap-button-new {
     align-items: flex-end;
     /* background-color: red; */
 }

 .popap-button div span {
     font-size: 18px;
     font-weight: 500;
     /* border: 1px solid #fbff1f48; */
     padding: .5vmax;
     border-radius: 5px;
     position: relative;
     background-color: #781FE7;
     width: 12.5vmax;
     padding: .5vmax 0;
 }


 /*L-desktop*/



 /*L-laptops*/
 @media(max-width: 660px) {
     .popap-button div span {
         font-size: 14px;
         width: 15vmax;
     }
 }

 /*laptops/tablets*/
 @media(max-width: 1024px) {
     .title {
         font-size: 50px;
     }

     .tag {
         font-size: 30px;
     }

     .pop_p {
         font-size: 14px;
     }

     .wrapper {
         width: 85%;
     }


 }


 /*tablets*/
 @media(max-width: 768px) {
     .wrapper {
         padding: 0;
     }

     .offer-free span {
         font-size: 14px;
         font-weight: 500;
         padding: .5vmax 1vmax;
         background-color: #00247e;
         color: white;
         border-radius: 0 12px 0 12px;
     }


     .subscribe button {
         font-size: 18px;
     }

     .contact {
         margin-top: 20px;
     }

     .particle {
         display: none;
     }




 }


 /*Smart phone*/
 @media(max-width: 576px) {
     .popup {
         width: 100%;
         padding: 20px;
     }

     .wrapper {
         width: 100%;
     }

     .title {
         font-size: 45px;
     }

     .tag {
         font-size: 25px;
     }

     .pop_p {
         width: 90%;
         font-size: 12px;
     }

     .subscribe input {
         width: 100%;
     }

     .subscribe button {
         width: 100%;
     }

     .particle {
         display: none;
     }

     .contact {
         margin-top: 20px;
     }

     .contact-info {
         margin-right: 10px;
     }

     .contact-info h3 {
         font-size: 20px;
     }

     .contact-info p {
         font-size: 12px;
     }
 }


 .fadedown {
     animation: fadedown 0.5s linear forwards;

 }

 @keyframes fadedown {
     0% {
         transform: translateY(-100%) scale(0.5);
     }

     80% {
         transform: translateY(0) scale(0.5);
     }

     100% {
         transform: translateY(0) scale(1);
     }
 }

 .fadeup {
     animation: fadeup 0.5s linear forwards;

 }

 @keyframes fadeup {
     100% {
         transform: translateY(-100%) scale(0.5);
     }

     80% {
         transform: translateY(0) scale(0.5);
     }

     0% {
         transform: translateY(0) scale(1);
     }
 }

 .title {
     animation: gradiant 3s linear infinite;
 }

 @keyframes gradiant {
     0% {
         background-position: 200% auto;
     }

     50% {
         background-position: 200% center;
     }

     100% {
         background-size: 200% auto;

     }
 }



 /* empower-ment-bottom css start  */

 .empower-ment-bottom {
     display: flex;
     gap: 2vmax;
     justify-content: space-between;
     margin-top: 5%;
 }

 .empower-ment-bottom-bottom {
     margin-top: 15%;
 }

 .empower-ment-bottom-left {
     width: 50%;
     /* background-color: red; */
     position: relative;
 }




 .emp-main-img {
     position: absolute;
     top: 10%;
     left: 8%;
     border-radius: 10px;
     z-index: 1;
     position: relative;
     height: max-content;
     width: max-content;
     overflow: hidden;
 }

 .emp-main-img::before {
     position: absolute;
     top: 0;
     left: -75%;
     z-index: 2;
     display: block;
     content: '';
     width: 50%;
     height: 100%;
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
     -webkit-transform: skewX(-25deg);
     transform: skewX(-25deg);
 }



 .emp-main-img:hover::before {
     -webkit-animation: shine .75s;
     animation: shine .75s;
 }

 @-webkit-keyframes shine {
     100% {
         left: 125%;
     }
 }

 @keyframes shine {
     100% {
         left: 125%;
     }
 }




 .dot-emp-img {
     height: 7vmax;
     position: absolute;
 }

 .dot-emp-img2 {
     top: 30%;
     left: 50%;
 }

 .empower-ment-bottom-left-video {
     left: 45%;
     bottom: -15%;
     z-index: 2;
     border-radius: 10px;
     position: absolute;
     overflow: hidden;
     background-color: white;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.237);
 }

 .empower-ment-bottom-left-video-bg {
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-color: rgba(128, 0, 128, 0.379);
 }

 .empower-ment-bottom-left-video img {
     height: 13vmax;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 1vmax;
 }

 .empower-ment-bottom-left-video svg {
     height: 5vmax;
     width: 5vmax;
     object-fit: cover;
     border-radius: 10px;
     position: absolute;
     transform: translate(-50%, -50%);
     top: 50%;
     left: 50%;
     cursor: pointer;
 }

 .empower-ment-bottom-left-video svg g {
     transition: .25s;
 }

 .empower-ment-bottom-left-video svg g:hover {
     transform: translatex(20px);
 }

 .img-button {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .img-button-min {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .button-play {
     position: absolute;
     background-color: white;
     width: 90%;
     height: 90%;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;

 }

 .button-play img {
     height: 3vmax;
     width: 2.5vmax;
     z-index: 5;
 }

 .button-outer-circle-main {
     background-color: #BF1E2D;
 }

 .empower-ment-bottom-right {
     width: 50%;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1vmax;
 }

 .empower-ment-bottom-right span {
     background-color: #2E3192;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);
     text-transform: uppercase;
     padding: .5vmax 2vmax;
     border-radius: 5px;
     color: white;
     font-size: 20px;
     font-family: 'Jaapokki';
 }

 .empower-ment-bottom-right span:hover {
     background-color: #EA4335;
 }

 .empower-ment-bottom-right h1 {
     font-weight: 700;
     font-size: 45px;
 }

 .empower-ment-bottom-right p {
     font-weight: 600;
     color: black;
     text-align: justify;
     border-left: 2px solid blueviolet;
     padding: 0 0 0 1vmax;
 }

 .empower-ment-bottom-right ul {
     /* background-color: red; */
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 3vmax;
     /* padding: 0 5vmax 0 0; */
 }

 .empower-ment-bottom-right ul div {
     display: flex;
     flex-direction: column;
     align-self: flex-start;
     gap: .8vmax;
 }

 .empower-ment-bottom-right ul li {
     display: flex;
     align-items: center;
     gap: .4vmax;
     font-weight: 700;
 }

 .empower-ment-bottom-right ul li img {
     height: .8vmax;
     /* background-color: red; */
     border-radius: 50%;
     border: 2px solid red;
 }

 .empower-ment-bottom-right a {
     color: black;
     display: flex;
     align-items: center;
     gap: .4vmax;
     font-size: 18px;
     font-weight: 600;
     padding: .7vmax 1.8vmax;
     border-radius: 5px;
     background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
     position: relative;
     overflow: hidden;
     color: white;
     transition: .20s;
 }

 .empower-ment-bottom-right a i {
     color: white;
     transition: .20s;
 }


 .empower-ment-bottom-right a:hover {
     color: black;
 }

 .empower-ment-bottom-right a:hover i {
     transform: translate(40%) scalex();
     /* transform: ; */
 }

 .circlell g {
     cursor: pointer;
     transition: .25s;
 }

 .circlell g:hover {
     transform: translatex(20px);
 }

 .progress-bar {
     display: flex;
     flex-direction: row;
     background-color: white;
     box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.13);
     width: max-content;
     position: absolute;
     right: 0;
     top: -10%;
     padding: 2vmax 2vmax .1vmax 2vmax;
     gap: 2vmax;
     z-index: 2;
 }

 .circles {
     margin-bottom: -10px;
 }

 .circle {
     width: 100px;
     margin: 6px 6px 20px;
     display: inline-block;
     position: relative;
     text-align: center;
     line-height: 1.2;
 }

 .circle canvas {
     vertical-align: top;
 }

 .circle strong {
     position: absolute;
     top: 30px;
     left: 0;
     width: 100%;
     text-align: center;
     line-height: 40px;
     font-size: 30px;
 }

 .circle h6 {
     margin-top: 1vmax;
     font-weight: 700;
 }

 .circle strong i {
     font-style: normal;
     font-size: 0.6em;
     font-weight: normal;
 }


 @media screen and (min-width: 951px) and (max-width: 1300px) {


     .emp-main-img {
         position: absolute;
         top: 10%;
         left: 8%;
         border-radius: 10px;
         z-index: 1;
         height: 65%;
     }


     .dot-emp-img {
         height: 10vmax;
     }

     .dot-emp-img2 {
         left: 60%;
     }

     .empower-ment-bottom-left-video {
         position: absolute;
         left: 45%;
         bottom: 0%;
     }

     .empower-ment-bottom-left-video img {
         height: 15vmax;
         width: 15vmax;
     }

     .button-play {
         position: absolute;
         background-color: white;
         width: 80%;
         height: 80%;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 50%;
     }

     .button-play img {
         height: 3vmax;
         width: 2.5vmax;
         z-index: 5;
     }

     .button-outer-circle-main {
         background-color: #BF1E2D;
     }


     .empower-ment-bottom-right ul {
         padding: 0;
         display: flex;
         flex-wrap: initial;
         gap: 1vmax;
     }

     .button.is-play {
         height: 8vmax;
         width: 7.5vmax;
         cursor: pointer;
     }




     .circles {
         margin-bottom: -10px;
     }

     .circle {
         width: 100px;
         margin: 6px 6px 20px;
         display: inline-block;
         position: relative;
         text-align: center;
         line-height: 1.2;
     }

     .circle canvas {
         vertical-align: top;
     }

     .circle strong {
         position: absolute;
         top: 30px;
         left: 0;
         width: 100%;
         text-align: center;
         line-height: 40px;
         font-size: 30px;
     }

     .circle h6 {
         margin-top: 1vmax;
         font-weight: 700;
     }

     .circle strong i {
         font-style: normal;
         font-size: 0.6em;
         font-weight: normal;
     }
 }

 @media screen and (min-width: 100px) and (max-width: 360px) {


     #insta {
         padding: .8vmax;
         background-color: white;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center
     }

     #insta img {
         height: 3.5vmax;
     }

     footer {
         margin-top: 25vmax;
     }

     .footer-index {
         margin-top: 60vmax;
     }

     #containerrr {
         display: none;
         opacity: 0;

     }

     .empower-ment-bottom {
         display: flex;
         gap: 2vmax;
         justify-content: space-between;
         margin-top: 5%;
         flex-direction: column-reverse;
         /* background-color: red; */
         /* padding:  0 5vmax; */
     }



     .empower-ment-bottom-left {
         width: 100%;
     }

     .emp-main-img {
         border-radius: 10px;
         z-index: 1;


         position: initial;
         left: 0;
         top: 0;
     }

     .dot-emp-img {
         height: 10vmax;
         position: absolute;
         right: 0;
         top: 43%;
     }

     .dot-emp-img2 {
         left: 80%;
         opacity: 1;
         top: 115vmax;
         display: none;
     }

     .empower-ment-bottom-left-video {
         right: -5vmax;
         bottom: 7vmax;
         width: max-content;
         position: initial;
         position: relative;
         animation: updown 2s infinite;
         display: none;
     }

     .empower-ment-bottom-left-video img {
         height: 25vmax;
         /* width: 100%; */
         object-fit: cover;
         border-radius: 10px;
         object-position: top;
     }




     .button.is-play {
         height: 10vmax;
         width: 10vmax;
         cursor: pointer;
     }

     .button-play img {
         height: 7vmax;
         width: 5vmax;
     }

     .button-outer-circle-main {
         background-color: #BF1E2D;
     }

     .empower-ment-bottom-right {
         width: 100%;
         margin-top: 5%;
         padding: 0 0 0 2vmax;
     }

     .empower-ment-bottom-right ul {
         padding: 0;
         display: flex;
         flex-wrap: wrap;
         gap: .5vmax;
         padding: 0 5vmax 0 0;
     }

     .empower-ment-bottom-right ul div {
         display: flex;
         flex-direction: column;
         align-self: flex-start;
         gap: .8vmax;
     }

     .empower-ment-bottom-right ul li {
         display: flex;
         align-items: center;
         gap: 1.3vmax;
         font-weight: 700;
     }

     .empower-ment-bottom-right ul li img {
         height: .8vmax;
         /* background-color: red; */
         border-radius: 50%;
         border: 2px solid red;
     }

     .empower-ment-bottom-right a {
         color: black;
         display: flex;
         align-items: center;
         gap: .4vmax;
         font-size: 18px;
         font-weight: 600;
         padding: .7vmax 1.8vmax;
         border-radius: 5px;
         background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
         position: relative;
         overflow: hidden;
         color: white;
         transition: .20s;
     }

     .empower-ment-bottom-right a i {
         color: white;
         transition: .20s;
     }


     .empower-ment-bottom-right a:hover {
         color: black;
     }

     .empower-ment-bottom-right a:hover i {
         transform: translate(40%) scalex();
     }



     .progress-bar {
         display: none;
     }

     .empower-ment-bottom-bottom-center {
         flex-direction: column;
     }


 }

 @media screen and (min-width: 360px) and (max-width: 950px) {



     .circlell svg {
         height: 8vmax;
         margin-top: 8vmax;
         margin-left: 3vmax;
     }

     .section2-top-video p {
         padding: 0 1vmax;
     }

     #containerrr {
         display: none;
         opacity: 0;
     }

     .empower-ment-bottom {
         display: flex;
         gap: 2vmax;
         justify-content: space-between;
         margin-top: 5%;
         flex-direction: column-reverse;
         /* background-color: red; */
         /* padding:  0 5vmax; */
     }



     .empower-ment-bottom-left {
         width: 100%;
     }

     .emp-main-img {
         border-radius: 10px;
         z-index: 1;


         position: initial;
         left: 0;
         top: 0;
     }

     .dot-emp-img {
         height: 10vmax;
         position: absolute;
         right: 0;
         top: 43%;
     }

     .dot-emp-img2 {
         left: 80%;
         opacity: 1;
         top: 115vmax;
         display: none;
     }

     .empower-ment-bottom-left-video {
         right: -5vmax;
         bottom: 7vmax;
         width: max-content;
         position: initial;
         position: relative;
         animation: updown 2s infinite;
         display: none;
     }

     .empower-ment-bottom-left-video img {
         height: 25vmax;
         /* width: 100%; */
         object-fit: cover;
         border-radius: 10px;
         object-position: top;
     }




     .button.is-play {
         height: 10vmax;
         width: 10vmax;
         cursor: pointer;
     }

     .button-play img {
         height: 7vmax;
         width: 5vmax;
     }

     .button-outer-circle-main {
         background-color: #BF1E2D;
     }

     .empower-ment-bottom-right {
         width: 100%;
         margin-top: 5%;
     }

     .empower-ment-bottom-right ul {
         padding: 0;
         display: flex;
         flex-wrap: wrap;
         gap: .5vmax;
         padding: 0 5vmax 0 0;
     }

     .empower-ment-bottom-right ul div {
         display: flex;
         flex-direction: column;
         align-self: flex-start;
         gap: .8vmax;
     }

     .empower-ment-bottom-right ul li {
         display: flex;
         align-items: center;
         gap: 1.3vmax;
         font-weight: 700;
     }

     .empower-ment-bottom-right ul li img {
         height: .8vmax;
         /* background-color: red; */
         border-radius: 50%;
         border: 2px solid red;
     }

     .empower-ment-bottom-right a {
         color: black;
         display: flex;
         align-items: center;
         gap: .4vmax;
         font-size: 18px;
         font-weight: 600;
         padding: .7vmax 1.8vmax;
         border-radius: 5px;
         background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
         position: relative;
         overflow: hidden;
         color: white;
         transition: .20s;
     }

     .empower-ment-bottom-right a i {
         color: white;
         transition: .20s;
     }


     .empower-ment-bottom-right a:hover {
         color: black;
     }

     .empower-ment-bottom-right a:hover i {
         transform: translate(40%) scalex();
         /* transform: ; */
     }



     .progress-bar {
         /* display: flex;
        flex-direction: row;
        background-color: white;
        box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.13);
        width: max-content;
        position: absolute;
        right: 0;
        top: -10%;
        padding: 2vmax 2vmax .1vmax 2vmax;
        gap: 2vmax;
        z-index: 2; */
         display: none;
     }

     .empower-ment-bottom-bottom-center {
         flex-direction: column;
     }


 }


 /* empower-ment-bottom css end */





 /* ***************************************************Websites page css start*************************************************** */

 .website-section1 {
     /* background: url(../img/service\ top\ bg\ img.jpg); */
     width: 100%;
     height: 20vmax;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: black;
     overflow: hidden;
 }


 .website-section1 video {
     height: 100%;
     width: 100%;
     object-fit: cover;
 }

 .website-section1-bg {
     height: 100%;
     width: 100%;
     position: absolute;
     background-color: rgba(0, 0, 0, 0.331);
 }

 .website-section1-content {
     z-index: 1;
     color: white;
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-top: 7vmax;
 }

 .website-section1-content h1 {
     font-family: 'Jaapokki';
     font-size: 34px;
 }

 .website-section1-content h5 {
     display: flex;
     align-items: center;
     gap: .4vmax;
     font-size: 17px;
 }

 .website-section1-content h5 a {
     font-weight: 700;
     color: red;
     transition: .25s;
 }

 .website-section1-content h5 a:hover {
     color: rgba(255, 255, 255, 0.532);
 }




 /* website-section2 css start */

 .heding-color {
     text-transform: uppercase;
 }

 .website-section2-bottom {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
 }

 .website-section2-bottom-left {
     display: flex;
     /* background-color: red; */
     width: 100%;
     justify-content: space-between;
     align-items: center;
     text-align: start;
     /* justify-content: center; */
 }


 .website-section2-bottom-left img {
     height: 30vmax;
     width: 80%;
 }

 .website-section2-bottom-left h2 {
     font-family: 'Jaapokki';
     font-size: 20px;
     text-transform: uppercase;
     color: red;
 }

 .website-section2-bottom-left-left {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1vmax;
     /* box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.094); */
     height: max-content;
     padding: 2vmax 1.5vmax 1vmax 1.5vmax;
 }

 .website-section2-bottom-left-left ul {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 0;
     gap: .3vmax;
 }

 .website-section2-bottom-left-left ul li {
     /* background-color: red; */
     font-weight: 700;
     padding: .8vmax 3vmax .8vmax 1vmax;
     width: 100%;
     border-radius: 5px;
     border: 1px solid rgba(0, 0, 0, 0.116);
     position: relative;
     background-color: transparent;
     z-index: 2;
     transition: .40s;
     cursor: pointer;
 }

 .website-section2-bottom-left-left ul li::after {
     content: "";
     height: 100%;
     width: 1%;
     position: absolute;
     top: 0;
     left: 0;
     background-color: #2E3192;
     z-index: -1;
     transition: .40s;
     color: white;
 }

 .website-section2-bottom-left-left ul li:hover:after {
     width: 100%;
 }

 .website-section2-bottom-left-left ul li:hover {
     color: white;
 }

 .website-section2-bottom-left h2 span {
     border-bottom: 3px solid #2e3192;
 }



 .website-section2-bottom p {
     font-size: 20px;
     /* font-weight: 400; */
     line-height: 2vmax;
 }

 .website-section3-bottom {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     margin-top: 3vmax;
 }

 .website-section3-bottom-section {
     width: 48%;
     display: flex;
     background: #E5EEFF;
     padding: 23px 40px 40px;
     border-radius: 10px;
     position: relative;
     z-index: 1;
     margin-bottom: 30px;
 }

 .website-section3-bottom-section:before {
     position: absolute;
     content: "";
     z-index: 1;
     top: 0;
     right: 0;
     width: 0;
     height: 100%;
     background: url(../img/bg-feature\ animetion\ img.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     border-radius: 10px;
     transition: .5s;
 }





 .website-section3-bottom-section:after {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     border-radius: 10px;
     transition: .5s;
 }

 .website-section3-bottom-section:hover:before {
     left: 0;
     width: 100%;
 }

 .website-section3-bottom-section img {
     height: 10vmax;
     z-index: 2;
 }

 .website-section3-bottom-section h2 {
     font-size: 24px;
     font-weight: 700;
     transition: .5s;
     z-index: 2;
 }

 .website-section3-bottom-section p {
     font-size: 18px;
     font-weight: 400;
     font-style: normal;
     color: rgba(0, 0, 0, 0.71);
     z-index: 2;
 }

 .website-section3-bottom-section a {
     display: inline-block;
     color: #fff;
     font-weight: 400;
     padding: 8px 30px;
     background: linear-gradient(to left, #2475FC, #1129B9);
     border-radius: 5px;
     transition: .5s;
     border: 1px solid transparent;
     z-index: 2;
 }

 .website-section3-bottom-section:hover.website-section3-bottom-section h2 {
     color: white;
 }

 .website-section3-bottom-section:hover.website-section3-bottom-section p {
     color: white;
 }

 .website-section3-bottom-section:hover.website-section3-bottom-section a {
     color: white;
     background: transparent;
     border: 1px solid white;
 }

 .website-section3-bottom-section a:hover {
     color: white;
 }

 .website-section3-bottom-section div {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1vmax;
 }

 .website-section2-top {
     gap: 0;
     margin: 0;
     padding: 0;
     margin-top: 5vmax;
 }

 .website-section2-top h3 {
     text-transform: uppercase;
     font-size: 35px;
 }

 .website-section2-top span {
     z-index: 1;
     animation: Beata 2s ease infinite alternate;
 }

 @keyframes Beata {
     0% {
         transform: scale(120%);
         color: #00247e;
     }

     40% {
         transform: scale(100%);
         color: red;
     }

     100% {
         transform: scale(120%);
         color: skyblue;
     }
 }

 .similer-pro-cont {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     background: url(https://vault.uicore.co/nft/wp-content/uploads/sites/20/2022/06/NFT-Blockchain-BG-Image.webp);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% auto;
     height: 13vmax;
 }

 .similer-pro-cont2 {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     background: url(https://vault.uicore.co/nft/wp-content/uploads/sites/20/2022/06/NFT-Blockchain-BG-Image.webp);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% auto;
     height: 13vmax;
     border: 2px solid #2E3192;
     /* border-radius: 10px; */
     transition: .25s;
 }

 .similer-pro-cont2:hover {
     border: 2px solid #EA4335;
 }

 

 .clint-name-box {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     margin-top: 4%;
 }

 .clint-name-box2 h6 {
     text-align: center;
     align-items: center;
     margin-top: 5%;
     font-size: 20px;
 }

 .similer-pro-cont::before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     height: 75%;
     width: 75%;
     border-left: 2px solid #2E3192;
     border-bottom: 2px solid #2E3192;
     border-radius: 10px;
 }

 .similer-pro-cont::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     height: 75%;
     width: 58%;
     border-right: 2px solid #2E3192;
     border-top: 2px solid #2E3192;
     border-radius: 10px;
 }


 .similer-pro-cont h5 {
     position: absolute;
     top: 0;
     left: 0;
     font-family: 'Jaapokki';
     color: #EA4335;
     text-transform: uppercase;
 }

 .similer-pro-cont a {
     position: absolute;
     bottom: 0;
     right: 0;
     font-family: 'Jaapokki';
     color: #EA4335;
     text-transform: uppercase;
 }

 #similar-img {
     height: 4.5vmax;
     object-fit: cover;
     position: absolute;
     animation: upAndDown 2s infinite;
 }

 .similer-pro-cont:hover::before {
     border-left: 2px solid #EA4335;
     border-bottom: 2px solid #EA4335;
 }

 .similer-pro-cont:hover::after {
     border-right: 2px solid #EA4335;
     border-top: 2px solid #EA4335;
 }

 .similer-pro-cont:hover h5,
 .similer-pro-cont:hover a {
     color: #2E3192;
 }

 .type-development-bottom {
     margin-top: 3%;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 5vmax;
 }

 .type-development-bottom-sec {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 1vmax;
 }

 .type-development-bottom-sec-top {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
 }

 .type-development-bottom-sec-top h2 {
     font-weight: 700;
     /* padding: 0 0 .5vmax 0; */
     /* border-bottom: 1px solid black; */
     color: #00247e;
     transition: .25s;
 }

 .type-development-bottom-sec-top h2:hover {
     color: #EA4335;
 }

 .type-development-bottom-sec-top h2:hover span {
     color: #00247e;
 }

 .type-development-bottom-sec-top h2 span {
     color: #EA4335;
 }

 .type-development-bottom-sec-top p {
     font-size: 18px;
     font-weight: 600;
     text-align: center;
     margin-top: 2vmax;
 }

 .type-development-bottom-sec-bottom {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     width: 100%;
     justify-content: space-around;
     margin-top: 2vmax;
 }

 .type-development-bottom-sec-bottom span {
     display: flex;
     width: 100%;
     justify-content: space-between;
 }

 .type-deve-img {
     display: flex;
     flex-direction: column;
     gap: .5vmax;
     align-items: center;
     padding: .5vmax 2vmax;
     text-align: center;
 }

 .type-deve-img img {
     height: 5vmax;
     transition: .20s;
 }

 .type-deve-img:hover img {
     transform: translatey(-10px);
     filter: drop-shadow(1px 1px 20px rgba(0, 0, 0, 0.854));
 }

 .website-section-solution-bottom {
     margin-top: 3%;
     margin-bottom: 5%;
 }

 .website-section-solution-bottom-right {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 0 5vmax 0 0;
     gap: 1.5vmax;
 }

 .website-section-solution-bottom-right h6 {
     color: #0866FF;
     font-weight: 600;
     /* border: 1px solid red; */
     padding: .5vmax 1vmax;
     border-radius: 20px;
     margin-bottom: -5%;
 }

 .website-section-solution-bottom-right h2 {
     padding: 0 5vmax 0 0;
     font-size: 30px;
     font-weight: 700;
 }

 .website-section-solution-bottom-right p {
     font-size: 18px;
     font-weight: 500;
     color: black;
     text-align: justify;
     border-left: 2px solid blueviolet;
     padding: 0 0 0 1vmax;
 }



 .website-section-solution-bottom-right div span {
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #F6F7FF;
     padding: 1.3vmax 1vmax;
     gap: 1vmax;
     border-radius: 5px;
     position: relative;
     cursor: pointer;
 }

 .website-section-solution-bottom-right div span img {
     height: 5vmax;
 }

 .website-section-solution-bottom-right div span::before {
     content: "";
     top: 0;
     position: absolute;
     height: 100%;
     width: 0;
     border-top: 2px solid blueviolet;
     border-bottom: 2px solid blueviolet;
     transition: .25s;
 }

 .website-section-solution-bottom-right div span::after {
     content: "";
     top: 0;
     left: 0;
     position: absolute;
     height: 0;
     width: 100%;
     border-left: 2px solid blueviolet;
     border-right: 2px solid blueviolet;
     transition: .25s;
 }

 .website-section-solution-bottom-right div span:hover::before {
     width: 100%;
 }

 .website-section-solution-bottom-right div span:hover::after {
     height: 100%;

 }

 #too {
     background-color: #FFF3EC;
 }

 .website-section-solution-bottom-right div span h4 {
     font-weight: 600;
     font-size: 23px;
 }

 .website-section-solution-bottom-right a {
     background: linear-gradient(to left, #2475FC, #1129B9 100%);
     padding: 14px 30px;
     font-size: 16px;
     font-weight: 500;
     display: inline-block;
     transition: .5s;
     position: relative;
     overflow: hidden;
     z-index: 1;
     border-radius: 5px;
     color: #fff;
     position: relative;
 }

 .website-section-solution-bottom-right a::after {
     content: "";
     width: 0;
     height: 0;
     background-color: #00247e;
     position: absolute;
     left: 0;
     bottom: 0;
     transition: .40s;
     z-index: -1;
 }

 .website-section-solution-bottom-right a:hover::after {
     width: 100%;
     height: 100%;
 }

 .website-section-solution-bottom-right a:hover {
     color: white;
 }





 .accordion-flush {
     /* background-color: red; */
     padding: 1vmax 8vmax;
 }

 .faq-main {
     margin-top: 1vmax;
     padding: 0 1vmax;
     /* background-color: red; */
     border: none;

 }


 .faq-p {
     font-size: 20px;
     color: rgba(0, 0, 0, 0.589);
 }

 .faq-heding {
     font-size: 20px;
     width: 100%;
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     /* padding: .5vmax 1.5vmax; */
     height: 5vmax;
     background-color: transparent;
     border: none;
     font-weight: 500;
     border: none;
 }

 .faq-heding2 {
     font-weight: 500;
     font-size: 20px;
     color: #00247e;
     /* background-color: red; */
     height: max-content;
 }

 .faq-heding button i {
     font-size: 35px;
     color: blue;
 }


 /* sec-box-new */
 .sec-box-new {
     gap: 1vmax;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.089);
     padding: 1vmax;
     border-radius: 20px;
     height: 100%;
 }

 .sec-box-new img {
     height: 4vmax;
     transition: .25s;
 }

 .sec-box-new h3 {
     font-size: 24px;
     font-weight: 700;
 }

 .sec-box-new p {
     font-size: 16px;
     color: rgba(0, 0, 0, 0.55);
     transition: .25s;
 }

 .sec-box-new a {
     font-size: 18px;
     font-weight: 600;
     display: flex;
     align-items: center;
     padding: 0;
     gap: .5vmax;
     margin: 0;
     transition: .25s;
 }

 .sec-box-new a i {
     font-size: 22px;
 }

 .sec-box-new a:hover {
     color: #BF1E2D;
 }

 .sec-box-new:hover img {
     filter: blur(1px);
 }

 .sec-box-new:hover p {
     filter: blur(1px);

 }


 /* new-card */
 .new-card {
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 1.5vmax;
     transition: .40s;
 }

 .new-card span {
     font-size: 45px;
     color: #fff;
     background-color: #0063f5;
     padding: 1vmax 1.8vmax;
     border-radius: 20px;
     transition: .25s;
 }

 .new-card h3 {
     font-weight: 700;
     transition: .25s;
 }

 .new-card p {
     font-size: 18px;
     font-weight: 500;
     color: rgba(0, 0, 0, 0.495);
 }

 .new-card:hover {
     transform: translatey(-10px);
 }

 .new-card:hover span {
     animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
     transform: translate3d(0, 0, 0);
     perspective: 1000px;
     background-color: #EA4335;
     /* color: black; */
 }

 .new-card:hover h3 {
     color: #0063f5;
 }

 @keyframes shake {

     10%,
     90% {
         transform: translate3d(-10px, 0, 0);
     }

     20%,
     80% {
         transform: translate3d(4px, 0, 0);
     }

     30%,
     50%,
     70% {
         transform: translate3d(-10px, 0, 0);
     }

     40%,
     60% {
         transform: translate3d(6px, 0, 0);
     }
 }

 .website-bottom {
     margin-top: 2vmax;
 }

 .show-more-list li:nth-child(n+3) {
     display: none;
 }

 .showMoreButton {
     background-color: transparent;
     border: none;
     font-weight: 600;
     color: red;
 }

 @media screen and (max-width: 650px) {

     .type-development-bottom-sec-top p {
         text-align: justify;
     }

     .new-card p {
         padding: 0 .5vmax;
     }

     .website-bottom {
         padding: 2vmax;
     }

     .website-section2-bottom-left {
         flex-direction: column;
     }

     .website-section2-bottom-left-left {
         padding: 0;
         width: 100%;
     }

     .website-section2-bottom-left-left ul {
         width: 100%;
     }

     .website-section-solution-bottom-right {
         padding: 1vmax;
     }

     .website-section-solution-bottom-right h2 {
         padding: 0;
         font-size: 22px;
     }

     .website-section-solution-bottom-right div span {
         padding: 3vmax 1vmax;
         justify-content: flex-start;
     }

     .website-section-solution-bottom-right div span img {
         height: 8vmax;
     }

     .type-development-bottom {
         padding: 1vmax;
     }

     .type-development-bottom-sec-bottom {
         flex-wrap: wrap;
     }
.type-development-bottom-sec-bottom-new .type-deve-img{
width: 100%;
}
.type-development-bottom-sec-bottom-new .type-deve-img img{
    height: 10vmax;
    }
     .simi-main {
         padding: 2vmax;
         row-gap: 5vmax;
     }

     .similer-pro-cont,
     .similer-pro-cont2 {
         height: 18vmax;
     }

     #similar-img {
         height: 10vmax;
     }




     .type-development-bottom-sec-bottom {
         display: flex;
         flex-direction: column;
         align-items: center;
         width: 100%;
         justify-content: space-around;
     }

     .type-development-bottom-sec-bottom h3 {
         font-size: 30px;
         color: red;
     }

     .type-development-bottom-sec-bottom span {
         flex-wrap: wrap;
         justify-content: initial;
         justify-content: center;
     }

     .type-deve-img {
         width: 50%;
     }

     .clint-name-box2 h6 {
        text-align: center;
        align-items: center;
        margin-top: 5%;
        font-size: 16px;
    }

 }


 /* .rotated {
    transform: rotate(-180deg);
    color: red;
    transition: .25s;
  }
   */

 /* website-section2 css end */



 /* ***************************************************Websites page css end*************************************************** */

 .wings-nav-bottom2 img {
     border: 1px solid black;
 }

 /* *****************************Digital Marketing page css start***************************/
 .digital-mark-main {
     padding: 0 5vmax;
     margin-top: 10%;
 }

 .digital-mark-main-top {
     justify-content: space-between;
 }

 .digital-mark-main-left {
     background: url(../img/DigitalMarketing/section-bg-img.svg);
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;

 }

 .digital-mark-main-left img {
     height: 40vmax;
     object-fit: cover;
     /* margin-top: -20%; */
 }


 .digital-mark-left-pop {
     position: absolute;
     display: flex;
     align-items: flex-start;
     gap: 1vmax;
     background-color: white;
     padding: 1vmax 1.5vmax;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.199);
     border-radius: 10px;
 }

 .digital-mark-left-pop1 {
     right: -5%;
     bottom: 4%;
     animation: updown 2s infinite;
 }

 .digital-mark-left-pop2 {
     left: -8%;
     top: 29%;
     animation: rightleft 2s infinite;
 }

 .home-pop1 {
     z-index: 2;
     right: 10%;
 }

 .home-pop2 {
     z-index: 2;
     left: -15%;
 }

 .home-pop4 {
     z-index: 2;
     top: 2%;
     left: -15%;
 }

 .home-pop3 {
     bottom: 30%;
     right: 10%;
     z-index: 2;
 }

 .digital-mark-left-pop3 {
     bottom: -2%;
     right: -5%;
     animation: updown 2s infinite;
 }

 @keyframes updown {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 @keyframes rightleft {

     0%,
     100% {
         transform: translatex(0);
     }

     50% {
         transform: translatex(-10px);
     }
 }

 .digital-mark-left-pop span {
     border: 1px solid #2E3192;
     height: 2vmax;
     width: 2vmax;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     font-size: 27px;
     color: #2E3192;
 }

 .digital-mark-left-pop div h3 {
     font-size: 30px;
     color: #2E3192;
     font-weight: 600;
 }

 .digital-mark-left-pop div h5 {
     font-size: 20px;
     font-weight: 500;
     color: #BF1E2D;
 }

 .digital-mark-main-right h2 {
     font-size: 25px;
     /* margin-bottom: 5%; */
     font-weight: 800;
 }

 .digital-mark-main-right-box span h6 {
     color: #2E3192;
     text-transform: uppercase;
 }

 .digital-mark-main-right-box:hover span h6 {
     color: red;
 }

 .digital-mark-main-right-box span hr {
     opacity: 1;
     border: none;
     height: .1vmax;
     background-color: rgba(0, 0, 0, 0.297);
     position: relative;
 }

 .digital-mark-main-right-box span hr::before {
     content: "";
     position: absolute;
     left: 0;
     width: 20%;
     background-color: #BF1E2D;
     height: 100%;
     top: 0;
 }

 .digital-mark-main-right-box h3 {
     text-transform: capitalize;
 }

 .digital-mark-main-right-box ul {
     padding: 0 0 0 1.5vmax;
 }

 .digital-mark-main-right-box ul li {
     list-style-type: disc;
     font-size: 18px;
     font-weight: 500;
     color: rgba(0, 0, 0, 0.589);
     text-transform: capitalize;
 }

 .next-step {
     display: flex;
     align-items: flex-start;
     gap: 1vmax;
     padding: 0;
 }

 .digital-mark-main-right h5 {
     text-transform: uppercase;
     margin-top: 2vmax;
 }

 .next-step img {
     height: 3vmax;
 }

 .next-step span {
     animation: rightleft 2s infinite;
 }


 .next-step p {
     font-size: 18px;
     font-weight: 800;
 }


 @media screen and (max-width: 650px) {


     .website-section1 {
         height: 20vmax;
     }

     .website-section1 h1 {
         font-size: 30px;
     }

     .section10-cont-web1 {
         width: 100%;
         top: 50%;
     }

     .section2-top-web h2 {
         font-size: 22px;
     }

     .website-section2-bottom p {
         line-height: 3vmax;
     }

     .digital-mark-main {
         padding: 1vmax;
         margin-top: 10%;
     }

     .digital-mark-main-right h2 {
         font-size: 23px;
         margin-bottom: 0;
         margin-top: 5%;
     }

     .digital-mark-left-pop span {
         height: 3.2vmax;
         width: 3.2vmax;
     }

     .digital-mark-left-pop1 {
         right: 0;
         bottom: -2%;
     }

     .digital-mark-left-pop2 {
         left: 0;
         top: 80%;
         display: none;
     }

     .digital-mark-left-pop3 {
         bottom: 0;
         right: 0;
         display: none;
     }

     .digital-mark-main-right-box ul {
         padding: 0 2vmax;
     }


     .next-step {
         display: flex;
         align-items: center;
         flex-direction: column;
         gap: 1vmax;
         /* background-color: red; */
         padding: 0;
     }

     .next-step img {
         transform: rotate(90deg);
         height: 5vmax;
     }

     .next-step span {
         animation: updown 2s infinite;
     }


     .next-step p {
         font-size: 18px;
         font-weight: 800;
         text-align: center;
     }

     .accordion-flush {
         padding: 1vmax;
     }

     .faq-heding {
         font-size: 13px;
         text-align: start;
         height: max-content;
     }

     .faq-p {
         font-size: 16px;
         color: rgba(0, 0, 0, 0.589);
     }

 }

 /* *****************************Digital Marketing page css end***************************/


 /* **************************************************portfolio-sec********************************* */


 /* portfolio-sec css start */

 .portfolio-sec {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     background: url(https://vault.uicore.co/nft/wp-content/uploads/sites/20/2022/06/NFT-Blockchain-BG-Image.webp);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% auto;
     padding: 3.5vmax 0;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.249);
     border-radius: 50px;
     overflow: hidden;
 }

 .portfolio-sec img {
     height: 11vmax;
     object-fit: contain;
 }

 .portfolio-sec h5 {
     position: absolute;
     top: 1.5vmax;
     left: 1.5vmax;
     font-family: 'Jaapokki';
     color: #EA4335;
     text-transform: uppercase;
 }

 .portfolio-sec-bg {
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: #2e3192a2;
     color: white;
     z-index: 1;
     display: flex;
     flex-direction: column;
     text-align: center;
     align-items: center;
     justify-content: center;
     transform: scale(0);
     transition: .40s;
     /* border-radius: 20px; */

 }

 .portfolio-sec:hover .portfolio-sec-bg {
     transform: scale(1);
 }

 .portfolio-sec-bg h3 {
     font-family: 'Jaapokki';
     letter-spacing: .2vmax;
     text-transform: uppercase;
 }

 .portfolio-sec-bg a {
     font-size: 20px;
     color: white;
     transition: .25s;
 }

 .portfolio-sec-bg a:hover {
     color: #EA4335;
 }

 /* portfolio-sec css end */

 #containerrr {
     /* width: 30vw; */
     aspect-ratio: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     animation: Beat 2s ease infinite alternate;
     filter: drop-shadow(0px 0px 20px #00000046);
     /* background-color: black; */
     height: 3vmax;
     width: 100%;
     margin-top: -5.5vmax;
     margin-left: 5vmax;
 }

 .left {
     background-color: red;
     height: 2vw;
     aspect-ratio: 1/1.5;
     border-radius: 50% 50% 0% 0%;
     rotate: -47deg;
     translate: 30%;
 }

 .right {
     background-color: red;
     height: 2vw;
     aspect-ratio: 1/1.5;
     border-radius: 50% 50% 0% 0%;
     rotate: 47deg;
     translate: -30%;
 }

 @keyframes Beat {
     0% {
         transform: scale(120%);
     }

     40% {
         transform: scale(100%);
     }

     100% {
         transform: scale(120%);
     }
 }




 .bg-animetion-log {
     clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
     border: 5px solid black;
     background-color: red;
     height: 7vmax;
     width: 7vmax;
     position: absolute;
     bottom: 50%;
     left: 0;
     box-shadow: 1px 1px 50px black;
 }

 .bg-animetion-log2 {
     clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
     height: 5vmax;
     width: 5vmax;
     background-color: #2E3192;
     position: absolute;
     z-index: -1;
     bottom: 0;
     left: 20%;
 }

 @media only screen and (max-width: 900px) {
     #new-h2 {
         font-size: 20px;
     }
 }

 /*  */


 /* *************************************contact-us-section1-left start******************************* */


 .contact-us-section1-left {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     padding: 1vmax 5vmax;
     gap: 1vmax;
 }

 .contact-us-section1-left h2 {
     font-size: 25px;
 }

 .contact-us-section1-left ul {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1vmax;
     padding: 0;
 }

 .contact-us-section1-left ul li {
     display: flex;
     align-items: flex-start;
     gap: 1vmax;
     width: 70%;
     cursor: pointer;
 }

 .contact-us-section1-left ul li span {
     font-size: 20px;
     color: #BF1E2D;
     transition: .25s;
 }

 .contact-us-section1-left ul i {
     font-size: 35px;
     color: #2E3192;
     transition: .25s;
     animation: updown 2s infinite;
 }

 .contact-us-section1-left ul li:hover span {
     transform: translatey(10px);
 }

 #co-phon {
     animation: updownn 2s infinite;
 }

 @keyframes updownn {

     0%,
     100% {
         transform: translateY(-10px);
     }

     50% {
         transform: translateY(0);
     }
 }


 @media screen and (max-width: 650px) {
     .contact-us-section1-left ul li {
         gap: 1vmax;
         width: 100%;
     }

     .contact-us-section1-left {
         width: 40vmax;
     }
 }



 .app-contact-section-main {
     background-color: #836ACE;
     width: 100%;
 }

 .app-contact-section {
     display: flex;
     align-items: center;
     justify-content: center;
     /* background-color: white; */
     /* padding: 3vmax 0; */
     border-radius: 10px;
     /* box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.297); */
     width: 100%;
     /* background-color: red; */
     justify-content: space-around;

 }

 .app-contact-section img {
     height: 20vmax;
     /* margin-left: -8%; */
     border-radius: 10px;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.297);
 }

 .app-contact-section form {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: .5vmax;
 }

 .app-contact-section form span {
     display: flex;
     gap: .5vmax;
     justify-content: center;
     width: 100%;
 }

 .app-contact-section form h4 {
     font-weight: 700;
 }

 .app-contact-section form input {
     width: 100%;
     padding: .5vmax 1vmax;
     border-radius: 5px;
     border: none;
     outline: none;
     /* background-color: white; */
     /* background-color: rgba(0, 0, 0, 0.151); */
     border: 1px solid rgba(0, 0, 0, 0.457);
     font-weight: 500;
     transition: .20s;
 }

 /* .app-contact-section form input:focus,
.app-contact-section form textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.568);
} */

 .app-contact-section form textarea {
     width: 100%;
     padding: 1vmax;
     border-radius: 5px;
     border: none;
     outline: none;
     /* background-color: white; */
     /* background-color: rgba(0, 0, 0, 0.151); */
     font-weight: 500;
     border: 1px solid rgba(0, 0, 0, 0.457);

 }

 .app-contact-section form button {
     padding: .8vmax 3vmax;
     border: none;
     border-radius: 5px;
     background-color: #2E3192;
     color: white;
     font-size: 20px;
     font-weight: 400;
     margin-top: 2%;
     transition: .25s;
 }

 .app-contact-section form button:hover {
     background-color: #00247e;
 }

 @media screen and (max-width: 650px) {
     .app-contact-section-main {
         width: 100%;
         padding: 2vmax;
         margin-bottom: 40%;
         margin-top: 10%;
     }

     .app-contact-section {
         padding: 2vmax;
         flex-direction: column;
     }

     .app-contact-section form {
         width: 100%;
     }

     .app-contact-section form input {
         padding: 1vmax 1.5vmax;
     }

     .app-contact-section form textarea {
         padding: 1vmax 1.5vmax;
     }
 }

 .span-cont-color {
     color: blue;
     font-weight: 600;
     font-family: 'AR ESSENCE';
 }


 /* *************************************contact-us-section1-left end******************************* */



 /* *********************************sing page css start************************************** */
 .login-page-main {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100vh;
     background-color: #F5E2DD;
 }

 .login-page {
     background-color: white;
     padding: 3vmax;
     width: 35%;
     border-radius: 10px;
     display: flex;
     flex-direction: column;
     gap: 1vmax;
 }

 .login-page div img {
     height: 8vmax;
 }

 .login-page div {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .login-page form {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1vmax;
     /* background-color: red; */
 }

 .login-page form div {
     align-items: flex-start;
     width: 100%;
     gap: .3vmax;
 }

 .login-page form div label {
     font-weight: 700;
     color: #A89997;
     font-size: 14px;
 }

 .login-page form input {
     width: 100%;
     padding: .5vmax 1vmax;
     border-radius: 5px;
     border: 1px solid rgba(0, 0, 0, 0.187);
     background-color: transparent;
     outline: none;
 }

 .login-page form input:focus {
     border: 1px solid red;
 }

 .login-page form span {
     display: flex;
     align-items: center;
     width: 100%;
     gap: .5vmax;
 }

 .login-page form span input {
     width: max-content;
     height: 1vmax;
     width: 1vmax;
 }

 .login-page form span label {
     font-size: 14px;
     color: rgba(0, 0, 0, 0.792);
 }

 .login-page form a {
     color: rgba(0, 0, 0, 0.792);
     font-size: 14px;
 }

 .login-page form button {
     width: 100%;
     padding: .7vmax;
     font-weight: 700;
     border: none;
     background-color: #2E3192;
     color: white;
     border-radius: 7px;
 }

 .login-page form button:hover {
     background-color: #2e319293;
 }

 #dont-accout {
     display: flex;
     align-items: center;
     gap: .3vmax;
     font-size: 14px;
     /* margin-top: 1vmax; */
 }

 #dont-accout a {
     color: red;
     font-weight: 600;
 }

 @media screen and (max-width: 700px) {
     .login-page {
         background-color: white;
         padding: 3vmax;
         width: 90%;
         border-radius: 10px;
         display: flex;
         flex-direction: column;
         gap: 1vmax;
     }
 }


 /* sing up css start */

 #get-otp {
     width: max-content;
     display: flex;
     align-items: flex-end;
     width: 100%;
 }

 #get-otp button {
     width: max-content;
     font-weight: 400;
 }

 .opt-box input {
     width: 25%;
 }

 .login-page b {
     cursor: pointer;
 }

 /* sing up css end */

 /* *********************************sing page css end************************************** */


 /* *********************************career page css start************************************** */
 .career-page-main {
     padding: 2vmax 10vmax;
 }

 .career-card {
     background-color: #4884EC;
     padding: 1.5vmax 2vmax;
     display: flex;
     flex-direction: column;
     gap: 1vmax;
     border-radius: 13px;
     transition: .25s;
 }

 .career-card2 {
     background-color: #DB77C4;
 }

 .career-card3 {
     background-color: #74B24E;
 }
 .career-card4{
    background-color: #BF1E2D;
 }
 .career-card5{
    background-color: #800080;
 }

 .career-card span {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .career-card img {
     background-color: white;
     padding: .8vmax;
     border-radius: 10px;
 }

 .career-page-main-top {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .career-page-main-top h5 {
     font-size: 18px;
     color: blue;
 }

 @keyframes vibrate {
     0% {
         transform: translate(0);
     }

     25% {
         transform: translate(-2px, -2px);
     }

     50% {
         transform: translate(2px, 2px);
     }

     75% {
         transform: translate(-2px, -2px);
     }

     100% {
         transform: translate(2px, 2px);
     }
 }

 .career-card:hover {
     transform: translatey(-10px);
 }

 .career-card:hover img {
     animation: vibrate 0.50s infinite;
 }

 .career-card:hover h1 {
     opacity: 0.8;
 }

 .career-card span h1 {
     font-size: 100px;
     color: white;
     opacity: 0.3;
     -webkit-text-fill-color: transparent;
     -webkit-text-stroke-width: 1px;
     transition: .25s;
 }

 .career-card div {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     color: white;
 }

 .career-card div h3 {
     text-transform: capitalize;
 }

 .career-card div p {
     font-weight: 600;
 }




 .career-open-card {
     background-color: white;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.091);
     text-transform: capitalize;
     padding: .5vmax 1.5vmax;
     border-radius: 10px;
     transition: .25s;
 }

 .career-open-card:hover {
     box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.377);
 }

 .career-open-card img {
     height: 3.5vmax;
 }

 .career-open-card span {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 #career-img {
     margin-top: 1vmax;
 }

 .career-open-card span a {
     padding: .5vmax 1vmax;
     background-color: #2E3192;
     border-radius: 5px;
     color: white;
     transition: .25s;
 }

 .career-open-card span a:hover {
     background-color: #2e3192a7;
 }

 .bottom-career-center {
     display: flex;
     /* flex-wrap: wrap; */
     flex-direction: column;
     margin-top: 1vmax;
 }

 .bottom-career-center h4 {
     font-size: 20px;
     font-weight: 700;
 }

 .bottom-career-center h5 {
     font-size: 16px;
     font-family: '__Public_Sans_f258fb', '__Public_Sans_Fallback_f258fb', Helvetica, Arial, sans-serif;
     font-weight: 400;
     color: #00B8D9;
 }

 .bottom-career-center h6 {
     display: flex;
     gap: .5vmax;
     align-items: center;
     line-height: 1.5714285714285714;
     font-size: 14px;
     font-family: '__Public_Sans_f258fb', '__Public_Sans_Fallback_f258fb', Helvetica, Arial, sans-serif;
     font-weight: 400;
     color: #637381;
 }

 .bottom-career-center h6 i {
     font-size: 18px;
 }

 #post-date {
     margin-top: .6vmax;
 }

 #post-date p {
     display: flex;
     align-items: center;
     font-size: 14px;
     font-family: '__Public_Sans_f258fb', '__Public_Sans_Fallback_f258fb', Helvetica, Arial, sans-serif;
     font-weight: 400;
     color: #919EAB;
 }

 .bottom-career-card {
     /* background-color: red; */
     display: flex;
     flex-wrap: wrap;
     margin-top: 1vmax;
 }

 .bottom-career-card p {
     /* background-color: blue; */
     width: 50%;
     display: flex;
     align-items: center;
     font-size: 16px;
     font-family: '__Public_Sans_f258fb', '__Public_Sans_Fallback_f258fb', Helvetica, Arial, sans-serif;
     font-weight: 600;
     gap: .5vmax;
     color: rgba(0, 0, 0, 0.589);
 }

 .bottom-career-card p i {
     font-size: 18px;
 }


 /* job-dis-right start */

 .job-dis-right {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .job-dis-right h1 {
     text-transform: capitalize;
 }

 .job-dis-right h1 span {
     font-size: 16px;
     color: #2E3192;
     font-weight: 500;
 }

 .j0b-dis1 {
     display: flex;
     width: 100%;
     flex-direction: column;
     margin-top: 1vmax;
 }

 .j0b-dis1 h6 {
     display: flex;
     align-items: center;
     gap: .5vmax;
     font-weight: 500;
 }

 .j0b-dis1 h6 i {
     font-size: 20px;
     color: #2E3192;
 }

 .j0b-dis1 div {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
 }

 .j0b-dis1 div p {
     font-size: 18px;
     font-weight: 500;
 }

 .j0b-dis1 div p span {
     font-weight: 400;
     color: #2E3192;
 }

 .j0b-dis2 h2 {
     font-size: 25px;
     font-weight: 700;
 }

 .j0b-dis2 p {
     font-weight: 500;
     color: rgba(0, 0, 0, 0.728);
 }

 .j0b-dis2 ul {
     padding: 0 0 0 1vmax;
     display: flex;
     flex-direction: column;
     gap: .5vmax;
 }

 .j0b-dis2 ul li {
     list-style-type: disc;
     font-weight: 500;
     color: rgba(0, 0, 0, 0.728);
 }

 .job-dis-right a {
     padding: .5vmax 1vmax;
     background-color: #2E3192;
     border-radius: 5px;
     color: white;
     transition: .25s;
 }

 .job-dis-right a:hover {
     color: white;
     background-color: #2e3192a7;
 }

 .job-dis-left h3 {
     text-transform: capitalize;
     font-weight: 600;
     position: relative;
     width: max-content;
 }

 .job-dis-left h3::before {
     content: "";
     position: absolute;
     bottom: -20%;
     left: 0;
     border-bottom: 4px solid #2E3192;
     border-radius: 10px;
     width: 30%;
 }

 .job-dis-left-bottom {
     margin-top: 2vmax;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 2vmax;
 }

 .job-dis-left-bottom span {
     display: flex;
     align-items: center;
     gap: .7vmax;
 }

 .job-dis-left-bottom span i {
     background-color: #cddbef;
     font-size: 23px;
     padding: .2vmax .6vmax;
     border-radius: 50%;
     color: #4885ED;
 }

 .job-dis-left-bottom span div {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     line-height: .4vmax;
 }

 .job-dis-left-bottom span div h6 {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 16px;
     color: #4885ED;
 }

 .job-dis-left-bottom span div p {
     font-weight: 500;
 }

 /* job-dis-right end */

 /* Input form Style */
 .input_wrap input,
 .input_wrap select {
     border: 2px solid #afbdcf;
     border-radius: 5px;
     height: 47px;
     width: 300px;
     color: #000000;
     font-size: 14px;
     padding-left: 20px;
     box-shadow: none;
     width: 100%;
 }

 .input_wrap select {
     color: black;
     font-weight: 600;
 }

 /* Label style after Input feild is in focus. Can also use input:focus ~ label to select sibling. */

 .input_wrap input:focus+label,
 .input_wrap input:valid+label {
     font-size: 12px;
     color: #afbdcf;
     top: -5px;
     left: 10px;
     background: #ffffff;
     padding: 0px 5px 0px 5px;
 }

 .input_wrap {
     width: auto;
     height: auto;
     position: relative;
 }

 .input_wrap label {
     font-family: arial;
     font-size: 16px;
     color: black;
     padding: 14px;
     position: absolute;
     top: 0;
     left: 0;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all;
     pointer-events: none;

 }

 .input_wrap input:focus {
     outline: none;
 }

 .resume-uplode input {
     display: none;
 }

 .resume-uplode span {
     display: flex;
     flex-direction: column;
     align-items: center;
     cursor: pointer;
     text-transform: capitalize;
     opacity: 0.6;
     transition: .25s;
 }

 .resume-uplode span i {
     font-size: 30px;
 }

 .resume-uplode span:hover {
     opacity: 1;
 }

 .resume-uplode span:hover i {
     animation: updown 2s infinite;
 }

 .aply-button {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: flex-end;
 }

 .apply-now-bottom button {
     padding: .5vmax 1vmax;
     background-color: #2E3192;
     border-radius: 5px;
     color: white;
     transition: .25s;
     border: none;
     margin-top: 2%;
     text-align: end;
     margin-right: 4%;
 }

 .apply-now-bottom button:hover {
     color: white;
     background-color: #2e3192a7;
 }

 @media only screen and (max-width: 900px) {
     .career-page-main {
         padding: 2vmax;
     }
 }



 /* #progress-bar {
    height: 20px;
    background-color: #007bff;
  } */

 #progress {
     display: flex;
     align-items: center;
 }

 #password-result.success {
     color: green;
 }

 #password-result.error {
     color: red;
 }

 .success {
     color: green;
 }

 .error {
     color: red;
 }

 #password-length {
     display: none;
 }

 /* *********************************career page css end************************************** */


 /* *********************************wings page css start************************************** */

 .wing-app-web-section {
     padding: 2vmax 10vmax;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 2vmax;
     width: 100%;
 }

 .wing-app-web-section div img {
     height: 10vmax;
     transition: .25s;
 }

 .wing-app-web-section i {
     font-size: 50px;
 }

 .wing-app-web-section div {
     /* border: 1px solid black; */
     display: flex;
     align-items: center;
     flex-direction: column;
     padding: 1vmax 2vmax;
     gap: .5vmax;
 }

 .wing-app-web-section div:hover img {
     transform: translatey(-10px);
 }

 .wing-cont-div section {
     display: flex;
     align-items: center;
     width: 33%;
     justify-content: space-between;
 }

 .wing-cont-div {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 2vmax 0;
 }

 .wing-cont-div span {
     font-size: 28px;
     font-weight: 500;
     color: #00000089;
     transition: .40s;
 }

 .wing-cont-div p {
     font-size: 20px;
     width: 30%;
     font-weight: 500;
     color: #00000089;
 }

 .wing-cont-div div {
     display: flex;
     align-items: center;
     gap: 2vmax;
     width: 30%;
     transition: .40s;
 }

 .wing-cont-div div h2 {
     font-size: 25px;
 }

 .wing-cont-div img {
     height: 6vmax;
 }

 .wing-cont-div:hover div {
     transform: translatex(4vmax);
 }

 .wing-cont-div:hover span {
     transform: translatex(10vmax);

 }

 .accordion-flush2 {
     padding: 0;
 }

 .accordion-flush2 p {
     font-size: 20px;
     /* width: 70%; */
     font-weight: 600;
     /* text-align: center; */
 }


 @media only screen and (max-width: 900px) {
     .wing-app-web-section div h4 {
         font-size: 15px;
         width: max-content;
     }

     .accordion-flush2 {
         padding: 0 1vmax;
     }

     .wing-app-web-section div {
         /* border: 1px solid black; */
         display: flex;
         align-items: center;
         flex-direction: column;
         padding: 1vmax 2vmax;
         gap: .5vmax;
     }

     .wing-app-web-section div:hover img {
         transform: translatey(-10px);
     }

     .wing-cont-div section {
         display: flex;
         align-items: center;
         width: 100%;
         justify-content: space-between;
         padding: 2vmax;
     }

     .wing-cont-div {
         display: flex;
         align-items: center;
         padding: 2vmax 0;

         justify-content: initial;
         flex-direction: column;
     }

     .wing-cont-div span {
         font-size: 28px;
         font-weight: 500;
         color: #00000089;
         transition: .40s;
     }

     .wing-cont-div p {
         font-size: 20px;
         width: 100%;
         font-weight: 500;
         color: #00000089;
         padding: 0 0 0 1vmax;
     }

     .wing-cont-div div {
         display: flex;
         align-items: center;
         gap: 2vmax;
         width: 70%;
         transition: .40s;
     }

     .wing-cont-div div h2 {
         font-size: 25px;
     }

     .wing-cont-div img {
         height: 6vmax;
     }

     .wing-cont-div:hover div {
         transform: translatex(4vmax);
     }

     .wing-cont-div:hover span {
         transform: translatex(10vmax);

     }


 }


 #span-color-red {
     color: #C32F3D;
     font-weight: 700;
     text-transform: capitalize;
 }

 #span-color-blue {
     color: #2E3192;
     font-weight: 700;
     text-transform: capitalize;
 }

 /* *********************************wings page css end************************************** */



 .blog-section13-bottom {
     flex-direction: row;
     align-items: flex-start;
 }

 .blog-section13-bottom-left {
     width: 70%;
     row-gap: 2vmax;
 }

 .blog-box {
     width: 45%;
 }

 .bolg-section13-right {
     /* background-color: red; */
     height: 100%;
     width: 30%;
     display: flex;
     flex-direction: column;
     gap: 3vmax;
 }

 .bolg-section13-right div {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 2vmax;
     width: 100%;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.153);
     padding: 1vmax 1.5vmax;
 }

 .bolg-section13-right div h2 {
     font-size: 23px;
 }

 .bolg-section13-right div ul {
     padding: 0;
     width: 100%;
 }

 .bolg-section13-right div ul li {
     /* background-color: red; */
     display: flex;
     align-items: center;
     gap: .5vmax;
     color: black;
 }

 .bolg-section13-right div ul li a {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     font-weight: 400;
     color: black;
     transition: .25s;
     gap: .5vmax;
 }

 .bolg-section13-right div ul li a:hover {
     color: blue;
 }

 .bolg-section13-right div img {
     height: 5vmax;
     width: 10vmax;
     object-fit: cover;
 }

 .bolg-section13-right div li a span {
     display: flex;
     flex-direction: column;
     line-height: 0;
     gap: .5vmax;
 }

 .bolg-section13-right div li a span p {
     color: rgba(0, 0, 0, 0.503);
     font-size: 18px;
 }

 .blog-insta-img a img {
     width: 5.4vmax;
     height: 5vmax;
 }

 .blog-insta-img div {
     flex-direction: row;
     flex-wrap: wrap;
     gap: .5vmax;
     box-shadow: initial;
 }




 .blog-dit-section {
     font-family: 'Lato', sans-serif;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.153);
     /* height: max-content; */
 }

 .blog-dit-section img {
     width: 100%;
     height: 30vmax;
     object-fit: cover;
 }

 .blog-dit-section-box {
     padding: 2vmax 4vmax;
 }

 .blog-dit-section-box1 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1vmax;
 }

 .blog-dit-section-box1 a {
     font-size: 18px;
     background-color: purple;
     color: white;
     padding: .5vmax 2vmax;
     border-radius: 50px;
 }

 .blog-dit-section-box1 h1 {
     font-weight: 600;
 }

 .blog-dit-section-box1 div {
     display: flex;
     align-items: center;
     gap: 3vmax;
 }

 .blog-dit-section-box1 span {
     display: flex;
     align-items: flex-start;
     gap: .5vmax;
     font-size: 18px;
 }

 .blog-dit-section-box p {
     color: rgba(0, 0, 0, 0.703);
     font-weight: 500;
 }

 .blog-dit-section-box h2 {
     font-size: 28px;
     font-weight: 600;
     margin-top: 2%;
 }

 .blog-testi-sec {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     background-color: rgba(135, 207, 235, 0.178);
     padding: 2vmax 3vmax;
     border-left: 7px solid purple;
 }


 .blof-sec-social {
     display: flex;
     align-items: center;
     gap: 1vmax;
 }

 .blof-sec-social a {
     border: 1px solid rgba(0, 0, 0, 0.203);
     padding: .5vmax .8vmax;
     font-size: 20px;
     transition: .25s;
 }

 .blof-sec-social a:hover {
     background-color: purple;
     color: white;
 }

 .blog-section13-bottom h2 {
     font-size: 28px;
     font-weight: 600;
 }


 .rect-bolg-bottom {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     font-family: 'Lato', sans-serif;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.153);
     padding: 2vmax 3vmax;
     gap: 1vmax;
 }

 .rect-bolg-bottom-bottom {
     display: flex;
     justify-content: space-between;
 }

 .recent-box {
     box-shadow: initial;
     border: 1px solid rgba(0, 0, 0, 0.153);
 }

 .rect-bolg-bot-bottom {
     font-family: 'Lato', sans-serif;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.153);
     padding: 2vmax 3vmax;
 }

 .blog-commnet-sec {
     display: flex;
     flex-direction: column;
     gap: 2vmax;
     margin-top: 1vmax;
 }

 .blog-commnet-sec-top {
     gap: 1vmax;
     padding: 0 2vmax;
     display: flex;
     align-items: flex-start;
 }

 .blog-commnet-sec-bottom {
     display: flex;
     align-items: flex-start;
     padding: 0 5vmax;
     gap: 1vmax;
 }

 .blog-commnet-sec-left {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .blog-commnet-sec-left div {
     display: flex;
     justify-content: space-between;
     width: 100%;
 }

 .blog-commnet-sec-left div span {
     display: flex;
     gap: 1vmax;
 }

 .blog-leave-comment {
     font-family: 'Lato', sans-serif;
     width: 100%;
 }

 .blog-leave-comment form {
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     gap: 1vmax;
 }

 .blog-leave-comment form span {
     display: flex;
     gap: 1vmax;
     width: 100%;
 }

 .blog-leave-comment form span input {
     width: 50%;
     padding: .8vmax;
     outline: none;
     border: 1px solid rgba(0, 0, 0, 0.153);
     transition: .20s;
 }

 .blog-leave-comment form span input:focus,
 .blog-leave-comment form textarea:focus {
     border: 1px solid black;
 }

 .blog-leave-comment form textarea {
     padding: .8vmax;
     outline: none;
     border: 1px solid rgba(0, 0, 0, 0.153);
     transition: .20s;
     width: 100%;
 }


 .blog-leave-comment form button {
     border: 0;
     display: inline-block;
     text-align: center;
     padding: 14px 39px;
     border-radius: 7px;
     transition: .3s;
     background: #0c5adb;
     color: #fff;
 }

 .blog-leave-comment form button:hover {
     background-color: #BF1E2D;
 }



 @media only screen and (max-width: 900px) {
     .blog-section13-bottom {
         flex-direction: column;
     }

     .blog-section13-bottom-left {
         width: 100%;
     }

     .blog-box {
         width: 100%;
     }

     .bolg-section13-right {
         width: 100%;
     }

     .bolg-section13-right div {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         gap: 2vmax;
         width: 100%;
         box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.153);
         padding: 1vmax 1.5vmax;
     }

     .bolg-section13-right div h2 {
         font-size: 23px;
     }

     .bolg-section13-right div ul {
         padding: 0;
         width: 100%;
     }

     .bolg-section13-right div ul li {
         /* background-color: red; */
         display: flex;
         align-items: center;
         gap: .5vmax;
         color: black;
     }

     .bolg-section13-right div ul li a:hover {
         color: blue;
     }

     .bolg-section13-right div img {
         height: 10vmax;
         width: 15vmax;
     }

     .blog-insta-img a img {
         width: 9vmax;
         height: 10vmax;
     }

     .blog-insta-img div {
         flex-direction: row;
         flex-wrap: wrap;
         gap: .5vmax;
         box-shadow: initial;
     }

     .blog-dit-section {
         font-family: 'Lato', sans-serif;
         box-shadow: initial;
         /* height: max-content; */
     }

     .blog-dit-section-box {
         padding: 1vmax 2vmax;
     }

     .rect-bolg-bottom-bottom {
         flex-direction: column;
         row-gap: 2vmax;
     }





     .blog-dit-section-box1 div {
         gap: 1vmax;
         flex-wrap: wrap;
     }

     .blog-commnet-sec {
         display: flex;
         flex-direction: column;
         gap: 2vmax;
         margin-top: 1vmax;
     }

     .blog-commnet-sec-top {
         gap: 1vmax;
         display: flex;
         align-items: flex-start;

         padding: 0;
         flex-direction: column;
     }

     .blog-commnet-sec-bottom {
         padding: 0 2vmax;
         flex-direction: column;
     }
 }




 /* faq main page css start */
 .faq-main-ul ul li {
     font-weight: 600;
     color: purple;
     list-style-type: decimal-leading-zero;
 }

 .faq-main-ul ul>ul li {
     list-style-type: square;
     font-weight: 500;
     color: black
 }



 @media only screen and (max-width: 950px) {
     .website-section-solution-bottom-revrce {
         /* background-color: red; */
         flex-direction: column-reverse;
     }

     .website-section2-top h3 {
         font-size: 23px;
     }
 }


 /* faq main page css end */


 button.accordion {
     padding: 1vmax;
     padding-left: 0;
     padding-right: 0;
     border-bottom: 1px solid black;
     margin-bottom: 1vmax;
 }

 button.accordion:after {
    content: "\f078";
    font-family: "fontawesome";
    color: blue;
    font-size: 30px;
    animation: arrowAnimation 2s infinite;
}

 @keyframes arrowAnimation {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(10px);
     }
 }

 button.accordion.is-open:after {
     content: "\f077";
     color: red;
 }


 .accordion-content {
     background-color: white;
     border-left: 1px solid whitesmoke;
     border-right: 1px solid whitesmoke;
     padding: 0 20px;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-in-out;
 }



 /* =============================== Digital marketing  new page CSS START =============================== */

 .dital-mark-new-card {
     /* background-color: red; */
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.10);
     padding: 1vmax 2vmax;
     border-radius: 10px;
     transition: .25s;
 }

 .dital-mark-new-card-content {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .dital-mark-new-card-content h5 {
     font-weight: bold;
 }

 .dital-mark-new-card-content p {
     font-size: 16px;
     text-align: justify;
     font-weight: 500;
     color: rgba(0, 0, 0, 0.60);

 }

 .dital-mark-new-card-content-button {
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
     /* background-color: red; */
     width: 100%;
 }

 .dital-mark-new-card-content a {
     font-weight: 500;
     display: flex;
     align-items: center;
     gap: .5vmax;
     padding: .5vmax .8vmax;
     background-color: #00247e;
     color: white;
     border-radius: 5px;
     transition: .25s;
     font-size: 14px;
 }

 .dital-mark-new-card-content a:hover {
     color: white;
     transform: scale(0.9);
 }

 .dital-mark-new-card-img {
     overflow: hidden;

 }

 .dital-mark-new-card-img img {
     transition: 1s;
 }

 .dital-mark-new-card:hover img {
     transform: scale(1.1);
 }

 .dital-mark-new-card:hover {
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.50);
 }

 /* =============================== Digital marketing  new page CSS END =============================== */


 /* ========================= StartUp Consultation  new page CSS START =============================== */

 .how-we-dot-it-card {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 3vmax;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.10);
     border-radius: 10px;
     padding: 3vmax;
     transition: .25s;
 }

 .how-we-dot-it-card:hover {
     transform: translatey(-15px);
 }

 .how-we-dot-it-card-img img {
     height: 6vmax;
 }

 .how-we-dot-it-card-content {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: .5vmax;
 }

 .how-we-dot-it-card-content p {
     font-size: 17px;
     font-weight: 500;
     text-align: justify;
     color: #B2B2B2;
     /* color: black; */
 }



 .how-we-maintain-dital-mark-new-card {
     display: flex;
     flex-direction: column;
     /* background-color: red; */
     gap: 1vmax;
     align-items: center;
     /* background-color: skyblue; */
     padding: 0;
 }

 .how-we-maintain-dital-mark-new-card-content {
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     /* background-color: blue; */
 }

 .how-we-maintain-dital-mark-new-card-content h5 {
     font-size: 27px;
     /* font-weight: 600; */
 }

 .how-we-maintain-dital-mark-new-card-content p {
     text-align: center;
     font-size: 17px;
 }

 @media only screen and (max-width: 900px) {
     .how-we-maintain-dital-mark-new-card img {
         height: 20vmax;
     }

     .how-we-maintain-dital-mark-new-card-content {
         align-items: flex-start;
     }

     .type-deve-img-dual {
         width: 100%;
     }

     .type-deve-img-dual p {
         text-align: center;
     }
 }

 .clearfix {
     padding: 1vmax;
 }

 .service-block {
     position: relative;
     margin-bottom: 50px;
 }

 .service-block .inner-box {
     position: relative;
 }

 .service-block .inner-box .number-box {
     position: relative;
     counter-increment: service-num;
     margin: 0px 0 35px;
 }

 .service-block .inner-box .number-box .number {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 110px;
     height: 110px;
     color: #f84423;
     font-size: 35px;
     display: block;
     text-align: center;
     line-height: 110px;
 }

 .service-block .inner-box .number-box:before {
     content: '';
     font-size: 35px;
     font-weight: 500;
     color: #f84423;
     width: 110px;
     height: 110px;
     display: block;
     text-align: center;
     line-height: 110px;
     border-radius: 100%;
     box-shadow: inset 0 0 0 2px #f43422;
 }

 .service-block .inner-box .number-box:after {
     position: absolute;
     content: '. . .';
     font-weight: bold;
     font-size: 20px;
     top: 80px;
     left: 33px;
     color: #f43422;
     background: #fff;
     padding: 10px 50px 0 10px;
 }

 .service-block .inner-box h4 {
     position: relative;
     line-height: 1.3em;
     font-weight: 500;
     margin-bottom: 18px;
 }

 .service-block .inner-box h4:before {
     position: absolute;
     content: '';
     width: 40px;
     height: 70px;
     background: #fff;
     top: -78px;
     left: 90px;
     box-shadow: 0 -10px 0 0 #fff;
     border-top: 2px solid #f43422;
 }

 .service-block .inner-box h4 a {
     position: relative;
     color: #161616;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 .service-block .inner-box .text {
     position: relative;
     color: #161616;
     font-size: 18px;
     line-height: 1.8em;
 }

 .dedicated-staf-card p {
     text-align: justify;
     /* background-color: red; */
 }

 .last-button {
     font-size: 25px;
     color: white;
     padding: 1vmax 2vmax;
     border-radius: 10px;
     background-color: #EA4335;
     transition: .25s;
 }

 .last-button:hover {
     background-color: #00247e;
     color: white;
 }

 .form-check-chek {
     width: max-content;
     flex-direction: row;
 }

 /* ========================= StartUp Consultation  new page CSS END =============================== */


 .captcha-main {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
     margin: 0;
     flex-direction: column;
 }

 div {
     margin-bottom: 10px;
 }

 button {
     margin-bottom: 5px;
     cursor: pointer;
 }

 input {
     text-decoration: none;
 }

 #generated-captcha {
     text-decoration: line-through;
     font-weight: bold;
     text-align: center;
     font-size: 20px;
     background-color: #ede7f6;
     border-radius: 6px;
     border: none;
     padding: 6px;
     outline: none;
     color: #1d1d1d;
 }

 #entered-captcha {
     border: 2px solid #c5c7f7;
     font-family: monospace;
     outline: none;
     border-radius: 6px;
     padding: 8px 15px;
     font-size: 12px;
 }

 button {
     border: none;
     padding: 8px 20px;
     border-radius: 6px;
     font-size: 14px;
     font-family: monospace;
     font-weight: bold;
     outline: none;
     background-color: #64f394;
 }

 #gen {
     background-color: #ee7e6a;
 }

 .wrappr {
     /* border: 1px solid red; */
     display: flex;
     flex-direction: column;
     /* align-items: center; */
     justify-content: center;
 }


 .get-qury-not {
     text-align: center;
 }

 .get-qury-not button {
     padding: .7vmax 2vmax;
     border-radius: 30px;
     color: white;
     background-color: #EA4335;
     transition: .10s;
     border: none;
 }

 .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background-color: white;
    z-index: 10;
  }

  .preloader img {
    height: 25vmax;
  }


  @media only screen and (max-width: 900px){
    .preloader{
        /* display: none; */
    }
    .web-hed-mobail h2{
        font-size: 16px;
    }
    .social-media-hed20 h2{
        font-size: 18px;
    }
  }

#swiper-slide-newpne{
    display: flex;
    align-items: center;
    justify-content: center;
}
  .testi-new-monial{
    background-color: white;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
    padding: 1vmax;
    padding-top: 2vmax;
    display: flex;
    align-items: flex-start;
    gap: 1vmax;
    width: 80%;
  }
  .testi-new-monial img{
    height: 100%;
    width: 8vmax;
    /* border-radius: 50%; */
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: .2vmax;
    object-fit: contain;
    margin-top: -.5vmax;
    border-radius: 5px;
}


.testi-new-monial h3{
    display: flex;
    font-size: 24px;
    color: #EA4335;
    /* color: rgba(0, 0, 0, 0.55); */
}
.testi-new-monial h3 img{
    height: 3vmax;
    width: 4vmax;
    border-radius: initial;
    border: none;
}

.testi-new-monial h6{
    font-size: 16px;
    font-weight: 400;
}
.testi-new-monial h6 span{
    font-size: 12px;
}

@media only screen and (max-width: 900px){

      .testi-new-monial{
        background-color: white;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
        padding: 1.5vmax;
        padding-top: 2vmax;
        
        flex-direction: column;
        /* padding-bottom: 0; */
        align-items: center;
        gap: 1vmax;
        width: 100%;
      }
      .testi-new-monial img{
        height: 15vmax;
        width: 15vmax;

        /* border-radius: 50%; */
        object-fit: contain;
        padding: .5vmax;
    }
    
    
    .testi-new-monial h3{
        display: flex;
        font-size: 18px;
        text-align: center;
        color: rgba(0, 0, 0, 0.55);
    }
    .testi-new-monial h3 img{
        height: 3vmax;
        width: 4vmax;
        border-radius: initial;
        display: none;
    }
    .testi-new-monial h6{
        color: black;
    }
    .testi-new-monial span{
        color: black;
        font-weight: 500;
    }
    .simi-main2 {
        row-gap: 0;
    }

}