*,

*::before,

*::after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}





:root{

  --Purple: #8F30E2;

  --Black: #000000;

  --font-404040: #404040;

  --font-454545: #454545;

  --Green: #00FF00;

}







@media (prefers-reduced-motion: no-preference) {

  :root {

    scroll-behavior: smooth;

  }

}





@font-face {

    font-family: 'Neulis Neue';

    src: url('../fonts/NeulisNeue-Black.woff2') format('woff2'),

        url('../fonts/NeulisNeue-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}





@font-face {

    font-family: 'Neulis Neue';

    src: url('../fonts/NeulisNeue-Bold.woff2') format('woff2'),

        url('../fonts/NeulisNeue-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}





@font-face {

    font-family: 'Neulis Neue';

    src: url('../fonts/NeulisNeue-ExtraLight.woff2') format('woff2'),

        url('../fonts/NeulisNeue-ExtraLight.woff') format('woff');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}







@font-face {

    font-family: 'Neulis Neue';

    src: url('../fonts/NeulisNeue-Light.woff2') format('woff2'),

        url('../fonts/NeulisNeue-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Neulis Neue';

    src: url('../fonts/NeulisNeue-Medium.woff2') format('woff2'),

        url('../fonts/NeulisNeue-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}





@font-face {

    font-family: 'Neulis Neue';

    src: url('../fonts/NeulisNeue-Regular.woff2') format('woff2'),

        url('../fonts/NeulisNeue-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}







@font-face {

    font-family: 'Neulis Neue';

    src: url('../fonts/NeulisNeue-Thin.woff2') format('woff2'),

        url('../fonts/NeulisNeue-Thin.woff') format('woff');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Neulis Neue';

    src: url('../fonts/NeulisNeue-ThinItalic.woff2') format('woff2'),

        url('../fonts/NeulisNeue-ThinItalic.woff') format('woff');

    font-weight: 100;

    font-style: italic;

    font-display: swap;

}





@font-face {

    font-family: 'Neulis Cursive';

    src: url('../fonts/NeulisCursive-Black.woff2') format('woff2'),

        url('../fonts/NeulisCursive-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Neulis Cursive';

    src: url('../fonts/NeulisCursive-ExtraLight.woff2') format('woff2'),

        url('../fonts/NeulisCursive-ExtraLight.woff') format('woff');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}





@font-face {

    font-family: 'Neulis Cursive';

    src: url('../fonts/NeulisCursive-ExtraBold.woff2') format('woff2'),

        url('../fonts/NeulisCursive-ExtraBold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Neulis Cursive';

    src: url('../fonts/NeulisCursive-Bold.woff2') format('woff2'),

        url('../fonts/NeulisCursive-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}









@font-face {

    font-family: 'Neulis Cursive';

    src: url('../fonts/NeulisCursive-Medium.woff2') format('woff2'),

        url('../fonts/NeulisCursive-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}







@font-face {

    font-family: 'Neulis Cursive';

    src: url('../fonts/NeulisCursive-Light.woff2') format('woff2'),

        url('../fonts/NeulisCursive-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}





@font-face {

    font-family: 'Neulis Cursive';

    src: url('../fonts/NeulisCursive-Thin.woff2') format('woff2'),

        url('../fonts/NeulisCursive-Thin.woff') format('woff');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}





@font-face {

    font-family: 'Neulis Cursive';

    src: url('../fonts/NeulisCursive-SemiBold.woff2') format('woff2'),

        url('../fonts/NeulisCursive-SemiBold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Neulis Cursive';

    src: url('../fonts/NeulisCursive-Regular.woff2') format('woff2'),

        url('../fonts/NeulisCursive-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}









body {

  margin: 0;

  background:  #fff;

  -webkit-text-size-adjust: 100%;

  font-size: 16px;

  overflow-x: hidden;

  font-family: "Neulis Neue", sans-serif;

  font-optical-sizing: auto;

  color: #000000;

  letter-spacing: normal;


 

}


#page{
  overflow-x: hidden;
}



html {

  font-size: 16px; 

}





hr {

  margin: 1rem 0;

  color: inherit;

  background-color: currentColor;

  border: 0;

  opacity: 0.25;

}



hr:not([size]) {

  height: 1px;

}



h1,h2,h3,h4,h5,h6{

    margin-top: 0;

    margin-bottom: 0.625rem;

    font-weight: 700;

    line-height:1;

}





.h1, h1 { 

  font-size: 60px;

}

.h2, h2 {

  font-size: 56px;



}

.h3, h3 {

  font-size: 36px;

}

.h4, h4 {

  font-size: 22px;

}

.h5, h5 {

  font-size: 15px;

}

.h6, h6 {

  font-size: 10px;

}





p{margin-top: 0; font-size: 16px;  font-family: "Neulis Neue", sans-serif;   line-height:1; }





a{

  transition: 0.5s ease all;

  text-decoration: none;

}



.img-fluid{max-width: 100%; height: auto;}



.container{max-width: 1230px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}





.btn{display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: transparent; min-width: 300px; border: 1px solid transparent; position: relative; font-family: "Neulis Cursive", sans-serif;  -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;  letter-spacing: normal; border-radius:50px; padding: 14px 10px; font-size: 28px; line-height: 1; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; 

}



.btn-primary{ background: var(--Purple); border-color: var(--Purple); color:#fff;}



.btn-primary:hover{background:#fff; color:var(--Purple);}



.btn-outline{border-color:var(--Green);  color: #fff; }



.btn-outline:hover{background-color:var(--Green);}



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



.text-left{text-align: left;}



.text-right{text-align: right;} 



.purple_color{color:var(--Purple);}



.gray_color{color:#9E9E9E;}


.count_color{color:#CACACA;}




.header_wrap{background-color:var(--Purple); padding:20px 0px 20px 0px; position: relative; z-index:2;  transition: height 0.6s ease-in-out; 
  scrollbar-width: thin;   scrollbar-color: #7410CC transparent; }

.header_wrap.active{
  overflow-y: auto; 
  overflow-x:hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  z-index: 9999;
}


.open-menu {
  overflow: hidden;
}

.header_wrap::-webkit-scrollbar {
    width: 8px;
}

.header_wrap::-webkit-scrollbar-track {
    background: transparent; /* track invisible */
}

.header_wrap::-webkit-scrollbar-thumb {
    background-color: #7410CC; /* thumb color */
    border-radius: 4px;
    border: none; /* no border */
}

.header_wrap::-webkit-scrollbar-thumb:hover {
    background-color: #5a0aa0; /* optional darker hover */
}



.header__nav-button{background:transparent;width:28px; margin-left:0;height:30px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}

.header__nav-button:hover,.header__nav-button:focus{outline:0}

.header__nav-button>span{background:var(--Green);display:block;position:absolute;height:4px; width:100%;left:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out,background .2s cubic-bezier(0,0,0.58,1);-o-transition:.3s ease-in-out,background .2s cubic-bezier(0,0,0.58,1);transition:.3s ease-in-out,background .2s cubic-bezier(0,0,0.58,1)}

.header__nav-button>span:nth-child(1){top:0;left:auto;}

.header__nav-button>span:nth-child(2){top:13px}

.header__nav-button>span:nth-child(3){top:26px;}


.open-menu .header__nav-button > span:nth-child(1) {top: 13px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }

.open-menu .header__nav-button > span:nth-child(2) {opacity: 0; left: -60px; }

.open-menu .header__nav-button > span:nth-child(3) {top: 13px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }



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

.header_right{display:flex; gap:39px; align-items: center;}

.header_right a.btn{min-width:133px; border-color:var(--Green); background-color:var(--Purple); color:#fff; font-size:18px;}



.header_right a.btn:hover{border-color:#7410CC; background-color:var(--Green); color:var(--font-454545);}







.head_nav{padding:20px 0px 30px 0px;}



.header_menu{margin: 0; padding: 0; list-style: none;}



.header_menu >li::before{

    content:"\\";

    color:#00ff00;

    margin-right:10px;

}



.header_menu > li{ font-size:60px;  font-weight: 700; margin-bottom:0px; font-family: "Neulis Cursive", sans-serif; line-height:1; position: relative; padding:25px 0px; transition: 0.6s ease all;}

.header_menu li ul.sub-menu{list-style:none; margin:0px; padding-left:30px; padding-top:20px;}

.header_menu li ul.sub-menu li{
  font-family: "Neulis Cursive", sans-serif;
  font-size: 32px;
  font-weight: 400;
  margin-bottom:20px;
}

.header_menu > li:last-child{margin-bottom:0px;}

.header_menu > li a{text-decoration: none; color: #fff;}

.header_soical > a{font-size:32px; color:#fff; font-family: "Neulis Cursive", sans-serif; font-weight: 700; margin-bottom:30px; display: inline-block;}

.header_soical > a span{font-weight: 300;}

.g_color{color:var(--Green);}

.header_soical h5{font-size:16px; font-family: "Neulis Neue", sans-serif; color:#fff; font-weight: 400; margin-bottom:10px;}

ul.h_soical{list-style: none; padding-left: 0; margin: 0; display: flex; gap:13px;}



ul.h_soical li{font-weight: 500; font-size:24px; margin: 0; position: relative; font-family: "Neulis Cursive", sans-serif;}



ul.h_soical li a{color:#fff;}



.head_nav {

  display: none; 
  height: calc(100vh - 109px);

}

/* .head_nav_w{
  display: flex;
  align-items: center;
  height: 100%;
} */

.header_n_soiclal{
  display:flex;
  justify-content: end;
  padding-right:40px;
}

/* .header_social_innner .h_soical{flex-direction: column;} */

.head_nav_inner{
  display: flex; 
  align-items: end;
  width:100%;
  padding:20px 0px;
}



.head_nav_inner nav{width:100%;}



.mob-logo{display: none;}



.header_row .logo a img{max-width:300px;}



.hero_banner{padding-top:100px; position: relative; z-index:1;}



.hero_banner_row h1{font-size:90px; font-weight: 700; font-family: "Neulis Neue", sans-serif; line-height:1.2; margin-bottom:20px;}



.hero_banner_row h1 span.cursivfont{font-family: "Neulis Cursive", sans-serif; color:var(--font-404040); display: block; text-align: center; }



.hero_banner_row h1 span.cursiv_font  .gray_color , .hero_banner_row h1 span.cursiv_font  .g_color{font-weight: 700;}



.cursivfont{font-family: "Neulis Cursive", sans-serif;}





.hero_banner_row h2{font-size:65px; text-align: center; font-weight: 400; color:var(--font-404040); padding-bottom:60px; margin-bottom:0px;}

.hero_banner_row h2 span.purple_color{font-weight: 700; position: relative; top:35px;}

.staregic_thinking{margin-left: auto; max-width:765px; position: relative;}



.staregic_thinking h3{font-size:36px; font-family: "Neulis Cursive", sans-serif; font-weight: 600; color:var(--Purple); margin-bottom:25px;}



.staregic_thinking p{font-size:32px; color: var(--font-404040); font-weight: 400; margin-bottom:25px;}



.staregic_thinking h4{font-size:48px; color:var(--Purple); font-family: "Neulis Cursive", sans-serif; font-weight: 600;}



.clear_text{padding-left:80px;}



.staregic_thinking::before{

    content: "";

    position: absolute;

    right:-7px;

    top:23px;

    width: 440px;

    height:161px;

    background-image: url(../img/g-border.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.companies_wrap p{text-align: center; text-transform: uppercase; font-size:14px; font-weight: 500; color:#9D9D9D; font-family: "Neulis Neue", sans-serif; margin-bottom:30px;}



.companies_slider .item .img_wrapper{border:1px solid #A9A9A9; border-radius:22px; background:#FBFBFB; height:100%; display: flex; justify-content: center; align-items: center; padding:10px;}



.companies_slider .item .img_wrapper{max-width:200px;}





.companies_slider{margin:0 -15px; position: relative; z-index: 1;}



.companies_slider .item{padding:0 7.5px; height:inherit;}



.companies_wrap{padding:50px 15px 0px 15px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 100%);}



.our_capabilities_wrap{text-align: center; margin-top:-10px; }







.hero_banner::after{

    content: "";

    position: absolute;

    left:0px;

    bottom:0;

    width: 450px;

    height: 600px;

    background-image: url(../img/banner-after.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index:-1;

}





.branding_identity{padding:80px 0px;}



.branding_identity_row{display: flex; justify-content: space-between; align-items: end;}



.branding_identity_row .content{width:38%; padding-bottom:60px; margin-right:10px;}



.branding_identity_row .content .content_inner{display: flex;}





.branding_identity_row .content .content_inner .content_text{padding-right:50px;}



.branding_img_wrap{width:62%; position: relative;}



.branding_img{width:100%; position: relative;}



.branding_img img{border-radius:50px; width:100%; height:100%; object-fit: cover;}



.branding_identity_row .content .content_inner .content_text h6{font-size:16px; color:var(--Purple); font-weight: 600; text-transform:uppercase; font-family: "Neulis Neue", sans-serif;  margin-bottom:5px;}



.branding_identity_row .content .content_inner .content_text{width:80%;}



.branding_identity_row .content .content_inner .counter_wrap{width:20%;}



.branding_identity_row .content .content_inner .content_text h2{font-size : 80px; color: var(--font-404040); font-weight: 600; font-family: "Neulis Neue", sans-serif; 

margin-bottom:1px;}



.branding_identity_row .content .content_inner .content_text p{font-size:16px; font-weight:300; color:var(--Black); font-family: "Neulis Neue", sans-serif; line-height:1.5;}



.branding_identity_row .content .content_inner .content_text a{font-family: "Neulis Cursive", sans-serif; font-size:30px; color:var(--Purple); font-weight: 700; position: relative; display: block;}



.counter_wrap h3{font-family: "Neulis Neue", sans-serif; color:var(--Green); font-size:68px; font-weight:300; padding-right:20px; margin-bottom:0px;} 





.branding_img_wrap::after{

    content: "";

    position: absolute;

    left:-18px;

    top:80px;

    width: 105px;

    height: 383px;

    background-image: url(../img/img-before.png);

    background-size: contain;

    background-repeat: no-repeat;

}





.branding_img_wrap::before{

    content: "";

    position: absolute;

    right:-18px;

    bottom:80px;

    width: 105px;

    height: 383px;

    background-image: url(../img/img-before.png);

    background-size: contain;

    background-repeat: no-repeat;

    transform: scaleX(-1);

    z-index: 1;

}



.branding_identity_row .content .content_inner .content_text a::after{

    content: "";

    width: 245px;

    height: 10px;

    background-image: url(../img/btn-arrow.png);

    background-size: contain;

    background-repeat: no-repeat;

    position: absolute;

    right: -45%;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;



}







.branding_img {

  flex: 1;

  position: relative;

  height:600px;

  overflow: hidden;

  border-radius:50px;

}



.branding_img .img_slide {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height:100%;

  transform: translateY(100%); 

}



.branding_img .img_slide:first-child {

  transform: translateY(0); 

} 



marquee span{

    font-family: "Neulis Cursive", sans-serif;  font-size:190px; font-weight:bold; color:#f9f9f9;

}



.work_text{ 

    position: absolute; top:80px; width:100%; z-index:-1;

}



 .marquee_movement{position: absolute; left:50px; z-index:1;}



 .marquee_movement h6{font-size:10px; color:#B9B9B9; font-family: "Neulis Neue", sans-serif; font-weight: 400;}



.why_choose_wrap{padding-bottom:160px;}

.team_wrap{padding-top: 80px;}



 .why_choose_row .why_choose_head > h4{font-size:30px; text-transform: uppercase; font-weight: 700; color:#9D9D9D; font-family: "Neulis Neue", sans-serif; margin-bottom:20px;}



.why_choose_row .why_choose_head > h2{font-size:65px; color:var(--font-404040); font-family: "Neulis Neue", sans-serif; margin-bottom:45px;}



.why_choose_row .why_choose_head > h3{text-align: center; font-size:55px; color:#606060; font-weight:500; margin-bottom:20px;}



.why_choose_row .why_choose_head > p{font-size:20px; font-weight: 400; color:#606060; max-width:585px; margin-left: auto; line-height:1.3; margin-bottom:0px;}



.why_growth_text{display:block;}



.why_growth_text .gray_color{font-weight: 400;}



.why_choose_head{padding-bottom:60px;}

.main_steps .call_btn{padding-top:20px; }

.main_steps .call_btn a{font-weight: 500; min-width: 250px;
    font-size: 21px; font-family: "Neulis Neue", sans-serif; padding: 15px 10px;} 

.see_how_we_work{background:var(--Purple); max-width:986px; margin:0 auto; padding:30px; border-radius:40px;}



.see_how_we_work h6{font-weight: 400; font-size:16px; color:#7410CC;  font-family: "Neulis Cursive", sans-serif; margin-bottom:0px; display: none; }



.see_how_we_work h2{font-size:55px; color:var(--Green);  font-family: "Neulis Cursive", sans-serif; font-weight:700; margin-bottom:40px;}  

.see_how_we_work_inner > h2{display:none;}



.see_how_we_work_inner{max-width:676px; margin:0 auto;}



.see_how_we_work_inner .step-wrap .step{width:100%; background:#7410CC; border-radius:30px; position: relative; margin-bottom:14px;  opacity: 0.3;

  transition: opacity 0.3s ease;}





.see_how_we_work_inner .step-wrap .step.active {

  opacity: 1;

}



.see_how_we_work_inner .step-wrap .step:last-child{margin-bottom:0px;}



.see_how_we_work_inner .step-wrap .step p{font-size:40px; font-weight: 700; color:#fff; margin-bottom:0px; padding:50px 0px 50px 70px;}



.see_how_we_work_inner .main_steps{position: relative; padding-top:30px;}



.see_how_we_work_inner .main_steps .step-number  {

  position: sticky;

  z-index:1;

}



.see_how_we_work{

  position: relative;

}





/* .see_how_we_work .after-image-text {

    position: absolute;

    left: -6%;

    top: 50%;

    transform: translateY(-50%);

    width: 200px;

    height: 700px;

    background-image: url(../img/bracket.png);

    background-size: contain;

    background-repeat: no-repeat;

    display: flex;

    justify-content: start;

    align-items: flex-start;

    font-size:16px;

    color:var(--Green);

    pointer-events: none;

    padding-left:18px;

    padding-top:10px;

} */



.after-image-text{

  position: absolute;

  top: -32%;

  left: -9%;

  font-size:18px;

  color:var(--Green);

}





.see_how_we_work::after{

    content: "";

    position: absolute;

     left: -11%;

    top: -34%;

    width: 237px;

    height: 863px;

    background-image: url(../img/bracket.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: -1;

}










.see_how_we_work::before{

  content: "";

    position: absolute;

    right:-11%;

    top:30px;

    transform: translateY(-50%);

    width: 237px;

    height: 863px;

    background-image: url(../img/bracket.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: -1;

    transform: scaleX(-1);

}



.see_how_we_work_inner .main_steps .step-number h2{font-size:80px; font-weight: 100; color:var(--Green); margin-bottom:0px; position: absolute; top:10px; left:-40px; }





.see_how_we_work_inner .step-wrap { 

  max-height: 420px; 

  overflow: hidden;  

  padding-bottom:240px;

  position: relative;

  scrollbar-width: none;      

  -ms-overflow-style: none;

}



.see_how_we_work_inner .step-wrap::-webkit-scrollbar {

  display: none;  

}



.call_btn{text-align: center;}



.call_btn .btn:hover span{color:#fff;}







.our_capabilities{padding:80px 0px 250px 0px; position: relative;}



.our_capbilities_head{text-align: left;}





.our_capbilities_head h4{font-size:30px; text-transform: uppercase; font-weight: 700; color:#9D9D9D; font-family: "Neulis Neue", sans-serif; margin-bottom:20px;}



.our_capbilities_head h2{font-size:65px; color:var(--font-404040); font-family: "Neulis Neue", sans-serif; margin-bottom:45px;}



.our_capbilities_head h2 span.purple_color{text-align:right; display: block; font-family: "Neulis Cursive", sans-serif; padding-top:20px;}



.our_capbilities_head h2 span span.gray_color{font-weight: 400;}



.our_capbilities_head p{font-size:30px; font-weight: 400; color:#606060; max-width:678px; line-height:1.3; margin: 0 auto 35px auto; }



.business_list ul{padding:0px; margin:0px; list-style:none;} 



.business_list{max-width:676px; margin: auto; text-align: left;}



.business_list ul li{font-size:38px; font-family: "Neulis Cursive", sans-serif; font-weight: 600; color:var(--Black); margin-bottom:15px; letter-spacing:-1px;}

.business_list ul li a{color:var(--Black);}



.business_list ul li:last-child{margin-bottom:0px;}



.business_list ul li span{color:var(--Green); padding-right:10px;}



.our_capabilities::before{

    content: "";

    position: absolute;

    left: 300px;

    top: 249px;

    width: 175px;

    height: 636px;

    background-image: url(../img/bracket.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: 1;

}



.our_capabilities::after{

    content: "";

    position: absolute;

    right: 170px;

    top:380px;

    width: 175px;

    height:636px;

    background-image: url(../img/bracket.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: -1;

    transform: scaleX(-1);

}



.capabilites_btn{position: absolute; right:-85px; top: 490px;}



.capabilites_btn .btn img{display: block;}



.capabilites_btn .btn:hover img{filter:invert(1);}



.capabilites_btn .btn{text-align: left;
    border-radius: 42px;
    font-size: 40px;
    padding: 34px 10px 34px 40px;
    min-width: 408px;}



.team_head{display:flex; justify-content: space-between; align-items: center; position: relative; gap:20px;}



.team_head h2{color:var(--font-404040); font-size:65px; font-family: "Neulis Cursive", sans-serif; font-weight: 700;}



.team_head h2 span.purple_color{display: block;}



.team_head h2 span span.gray_color{font-weight: 400;}



.team_head >p{font-size:24px; font-weight: 400; color:#606060; margin-bottom:0px; max-width:393px; line-height: 1.3;}





.team_member_slider .item .item_inner{border-radius:40px; position:relative;}



.team_member_slider .item {padding:0px 15px;}





.team_member_slider  .slick-list{

 overflow: visible !important; 

}



.team_member_slider .item .item_inner .member_img{

  padding-top: 130%;

  position: relative;

  overflow: hidden;

  display: block;

}



.team_member_slider .item .item_inner .member_img img{

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    object-fit: cover;

    object-position: center center;

    border-radius:40px;

}



.team_member_slider .item .item_inner .member_post{

  position: absolute;

  width:100%;

  bottom:0px;

  padding:30px;

  background-color: rgba(240, 240, 240, 0.6);

  border-radius:0px 0px 40px 40px;

}



.team_member_slider .item .item_inner .member_post h3{font-size:32px; color:#000; font-weight: 700;}



.team_member_slider .item .item_inner .member_post h3 span{font-family: "Neulis Cursive", sans-serif; font-weight: 400; }



.team_member_slider .item .item_inner .member_post p{margin-bottom:0px; font-size:16px; font-weight: 700;}





.team_member_slider.slick-slider{margin-bottom:0px;}



.team_member_row{padding-top:40px;}



.team_member_slider{position: relative;}



.team_member_slider::after{

    content: "";

    position: absolute;

    right: -32%;

    top: 0;

    width: 400px;

    height: 100%;

    background: linear-gradient(to right, transparent, #fff);

    pointer-events: none; 

}

.decorate_text{position: relative;}

.decorate_text h2{font-size:112px; color:#E4E4E4; font-weight: 400; font-family: "Neulis Cursive", sans-serif; margin-bottom:0px;}

.decorate_text h2 span{display: block; text-align: end; font-weight: 700;}

.team_wrap{position: relative;}

.team_wrap::before{

   content: "";

    position: absolute;

    bottom:0px;

    right:0px;

    width:1428px;

    height:377px;

    background-image: url(../img/up-arrow.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.print_message p{margin-bottom:0px; color:#DEDEDE; font-size:16px; font-family: "Neulis Cursive", sans-serif;}



.print_message{

position: absolute;

    top: -19px;

    left: -58px;

    z-index: -1;

}



.testimonial_row h6{color: var(--Purple); font-size:16px;}



.testimonial_row h2{font-size:64px; color:var(--font-454545); margin-bottom:30px;}



.authour_review{max-width:882px; margin-left: auto;}



.authour_details h3{font-size:2rem; color:var(--Purple); font-weight: 700; font-family: "Neulis Cursive", sans-serif; margin-bottom:10px;}



.authour_details h6{color: var(--Purple); font-size:16px; font-weight: 700; font-family: "Neulis Cursive", sans-serif;  margin-bottom:0px;} 



.authour_details h6 span{font-weight: 400;}



.testimonial_wrap{padding:80px 0px;}



.testimonial_row{position: relative;}



.testimonial_row::before{

    content: "";

    position: absolute;

    top: -17%;

    left: -14%;

    width:230px;

    height:188px;

    background-image: url(../img/testimonial-icon.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index:-1;

}



.testimonial_row::after{

    content: "";

    position: absolute;

   bottom: 9%;

    right: -10%;

    width:230px;

    height:188px;

    background-image: url(../img/testimonial-icon.png);

    background-size: contain;

    background-repeat: no-repeat;

    transform: scaleX(-1);

    z-index:-1;

}

.lets_build{overflow-x: hidden;}


.lets_build_row h2{font-size:45px; color:var(--font-454545); margin-bottom:20px;}



.discovery_btn{display:flex; align-items:center; margin-bottom:20px; justify-content: center;}



.discovery_btn .btn{padding: 20px 30px; min-width: 250px; font-size: 21px;}



.lets_build_row .discovery_btn span{font-size:70px; font-weight: 400;}



.found_text{max-width:557px; margin-left: auto;}



.found_text p{font-size:26px; font-weight: 400; color:#818181; line-height:1.3; margin-bottom:25px;}



.found_text h4{font-size:48px; color:#4A4A4A; font-family: "Neulis Cursive", sans-serif; font-weight: 700;}



.lets_build marquee{position: absolute; top:-45px; z-index:-1;}



.lets_build{position: relative; padding-bottom:80px;}



.footer_wrap{background:var(--Purple); padding-top:80px; position: relative;}



.footer_menu {

    margin: 0;

    list-style: none;

    padding: 0;

}



.footer_link{

  display: flex;

  justify-content: end;

}



.footer_menu li {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 15px;

    font-family: "Neulis Cursive", sans-serif;

    color:#fff;

    position: relative;

}



.footer_menu li a{color: #fff;}



.footer_menu li:last-child{margin-bottom:0px;}



.footer_menu li::before{

    content:"\\";

    color:#00ff00;

    margin-right:10px;

}



.footer-bottom {

    padding:40px 0px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-family: "Neulis Cursive", sans-serif;

    position: relative;



}



.footer_bottom_menu li a{font-size: 16px; font-weight: 500; color:#fff; position: relative; margin-bottom:10px; display: inline-block;} 



.footer_bottom_menu li a::before{

  content:"\\";

    color:#00ff00;

    margin-right:10px;

}



.copyright_text p{font-size:16px; font-weight: 500; color:#fff;  margin-bottom:0px;}



.footer-bottom .email a{font-size:32px; color:#fff; font-weight: 700;}



.footer-bottom .email a{font-weight:400;}



.footer-bottom .f_social_icon h6{color:#7410CC; font-family: "Neulis Neue", sans-serif; font-size:16px; margin-bottom:10px; font-weight: 400; color:#fff;}



.footer-bottom .f_social_icon ul{padding: 0; margin:0; list-style: none; display: flex; gap:13px;}



.footer-bottom .f_social_icon ul li{font-size:20px; font-weight: 500; position: relative;}



.footer-bottom .f_social_icon ul li::before{

  content:"\\";

    color:#00ff00;

    margin-right:10px;

}



.footer-bottom .f_social_icon ul li a{color:#fff;}



.f_logo{text-align: center;}



.f_logo a img{max-width:600px;}





.footer_wrap::before{

    content: "";

    position: absolute;

    top:0%;

    left:0%;

    width:400px;

    height:100%;

    background-image: url(../img/footer_icon.png);

    background-size: contain;

    background-repeat: no-repeat;

    

}



.breaket_left , .breaket_right {display: none;}

.small-break .breaket_left{

    width: 105px;

    height: 383px;

    position: fixed;

    left: 42%;

    top: 21%; display: block;

    z-index: 2;

}



.small-break .breaket_right{

    width: 105px;

    height: 383px;

    position: fixed;

    right: 33%;

    top: 18%; display: block;

    z-index: 2;

}



.breaket_left img  , .breaket_right img{

    width: 100%;

    height: auto;

    display: block;

}



.breaket_right img{

  transform: scaleX(-1);

}







/* ABOUT PAGE CSS */

.about_banner{padding:200px 0px 150px 0px; }

.about_banner_row h1{font-size:80px; text-align: center; color:var(--Purple);  margin-bottom:0px; font-weight: 700;}



.about_banner_row h1 span.gray_color , .about_banner_row h1 span.g_color{font-weight: 400;} 



.heading_span{font-family: "Neulis Cursive", sans-serif; color:var(--font-404040);}



.who_we_are_row h2{font-size:65px; color:var(--font-404040); font-weight: 400; margin-bottom:10px;}

.who_we_are_row .purple_color{font-weight: 700;}

.who_we_are_row .who_we_content{max-width:765px; margin-left: auto;}



.who_we_are_row .who_we_content .sub_heading{font-size:36px; color:var(--Purple); font-weight: 600; font-family: "Neulis Cursive", sans-serif; margin-bottom:20px;}



.who_we_are_row .who_we_content p{font-size:24px; font-weight: 400; color:var(--font-404040); margin-bottom:0px; line-height:1.3;}



.who_we_are_wrap{position: relative; padding-bottom:40px;}



.who_we_are_wrap::after{

   content: "";

    position: absolute;

    left:200px;

    top:-70px;

    width: 120px;

    height: 400px;

    background-image: url(../img/who-we-braket.png);

    background-size: contain;

    background-repeat: no-repeat; 

}



.who_we_are_wrap::before{

   content: "";

    position: absolute;

    right:200px;

    bottom:-70px;

    width: 120px;

    height: 400px;

    background-image: url(../img/who-we-braket.png);

    background-size: contain;

    background-repeat: no-repeat; 

    transform: scaleX(-1);

}



.our_mission_row .circle_img{text-align: center; position: relative;} 

.our_mission_row .circle_img h2{position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%); font-size: 76px; color:var(--font-454545); font-weight: 500; margin-bottom:0px;}

.our_mission_row .circle_img h2 span.mission_sub_h{font-weight: 700; display: block;}



.our_mission_row .content{text-align: center; max-width:950px; margin:0 auto;}  



.our_mission_row .content p.sub_heading{font-size:36px; color:var(--Purple); font-weight: 600; font-family: "Neulis Cursive", sans-serif; margin-bottom:20px;}



.our_mission_row .content p{font-size:24px; font-weight: 400; color:var(--font-404040); margin-bottom:0px; line-height:1.3;}



.our_mission_items{display: flex; flex-wrap: wrap; margin:0 -15px; padding:40px 0px;}



.our_mission_items .item{width:33.33%; padding:0 15px;}



.our_mission_items .item .item_inner{border:2px solid #00FF00; background-color: #000; border-radius:50px; padding:50px; height:100%;}



.our_mission_items .item .item_inner h3{font-size:32px; color:var(--Green);}



.our_mission_items .item .item_inner P{font-size:20px; color:#fff; margin-bottom:0px; font-weight: 400; line-height:1.3;}



.our_mission_wrap{position: relative;}



.our_mission_wrap .decorate_text::before{

  content: "";

    position: absolute;

    bottom:0px;

    right:-36%;

    width:1428px;

    height:366px;

    background-image: url(../img/up-arrow.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index:-1;

}





.about_team_row{display: flex; gap:25px; padding:40px 0px;}









.about_team_row .item:first-child {

  width:60%;

}

.about_team_row .item:last-child {

 width:40%;

}



.about_team_row .item .item_inner{height:100%; position: relative;}



.about_team_row .item .item_inner .member_img{

    padding-top:80%;

    position: relative;

    overflow: hidden;

    display: block;

    height: 100%;

}



.about_team_row .item .item_inner .member_img img{

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    object-fit: cover;

    object-position: top center;

    border-radius: 40px;

}





.about_team_row .item .item_inner .member_post{

    position: absolute;

    width: 100%;

    bottom: 0px;

    padding: 30px;

    background-color: rgba(240, 240, 240, 0.6);

    border-radius: 0px 0px 40px 40px;

}



.about_team_row .item .item_inner .member_post p{margin-bottom: 0px;

    font-size: 24px;  

    font-weight: 700;

}



.about_team_row .item .item_inner .member_post h3{font-size: 32px;

    color: #000;

    font-weight: 700;

}



.about_team_row .item .item_inner .member_post h3 span {

    font-family: "Neulis Cursive", sans-serif;

    font-weight: 400;

}



.team_head h6{font-size:16px; color:#9D9D9D; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom:10px;}



.about_team_wrap{padding:80px 0px;}



.about_team_inner .about_team_row:nth-of-type(even) {

  flex-direction: row-reverse;

  padding-bottom:0px;

}



.about_team_inner > p{color:var(--Purple); font-size:36px; font-weight: 700; text-align: center; margin-bottom:0px;}





.companies_slider .slick-track{display: flex;}





/* SERVICE PAGE CSS */

.circle_img_wrap{text-align:center;}



.services_row .service_item{display: flex; justify-content: space-between; gap:40px; padding-bottom:150px; padding-left: calc((100% - 1230px) / 2); position: relative; padding-top:100px;}

.services_row .service_item .service_details{width:60%; padding:0 15px;}

.services_row .service_item .service_content{width:40%; background: var(--Green); border-radius:50px 0px 0px 50px; padding:50px 30px; }



.services_row .service_item .service_details h2{font-size:65px; color:var(--Purple); font-weight: 700;}



.services_row .service_item .service_details p.subheading{font-size:36px; color:var(--Purple); font-weight:600; font-family: "Neulis Cursive", sans-serif; margin-bottom:20px; line-height: 1;}



.services_row .service_item .service_details p{font-size:20px; font-weight: 400; color:var(--font-404040); margin-bottom:30px; line-height:1.3;}



.services_row .service_item .service_content h3{font-size:35px; color:var(--Purple); font-weight:700; font-family: "Neulis Cursive", sans-serif; margin-bottom:0px;}



.services_row .service_item .service_content ul{padding-left:40px; margin:20px 0px;}



.services_row .service_item .service_content ul li{

   font-size:24px;

   color: var(--font-404040);

   font-weight: 700;

   margin-bottom:10px;

}



.services_row .service_item .service_content ul li:last-child{margin-bottom:0px;}





.service_details .lets-btn{position: absolute; left:0%; bottom:80px;}



.services_wrap{position: relative;}



.service_details .lets-btn a.btn{max-width: 700px;

    padding: 15px 50px;

    text-align: right;

    color: #fff;

    border-radius:0px 40px 40px 0px;

  }



  .service_details .lets-btn a.btn img{display: block;}



  .service_details .lets-btn a.btn:hover{

    border-color:var(--Black);

    background: transparent;

    color:var(--Black);

  }



  .service_details .lets-btn a.btn:hover img{

    filter: invert(1) brightness(0);

  }

  

  .service_details .ser_no{position:absolute; left: 16%; top: 0%;}

 

  .ser_no h3{font-size:80px; font-weight:300; color:#CACACA; margin-bottom:0px; } 



.service_details_content_inner{padding-bottom:30px;}



.main_banner{padding:150px 0px;}



.main_banner.contact_banner{padding-bottom:0px; position: relative;}



.main_banner .banner_row h4{font-size:30px; color:#9D9D9D; font-weight: 700; text-transform: uppercase; margin-bottom:30px;}



.main_banner .banner_row h1{font-size:100px; color:var(--font-404040); font-weight: 700; margin-bottom:0px;}



.main_banner .banner_row h1 span.gray_color{font-weight: 400;}



.main_banner .banner_row h1 span.text-center ,  

.main_banner .banner_row h1 span.text-right{

  display: block;

}



.contact_form_wrap{padding-bottom:180px;}



.contact_form .form-control{border-radius: 40px; display: block; background:#fff; border: 2px solid #000; width: 100%; margin: 0 auto; padding: 23px 16px; color:var(--Black);font-family: "Neulis Cursive", sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height:1;}



.contact_form .input-group{margin-bottom: 15px;}



.contact_form .form-control::placeholder {

  color: var(--Black); 

  opacity: 1; 

  font-family: "Neulis Cursive", sans-serif;

  font-size: 24px;

  font-weight: 700;

  text-transform: uppercase;

}



.contact_form textarea.form-control{height: 282px;}

.contact_form .form-control:focus{outline: none;}



.contact_form{background:#EBEBEB; border-radius:50px; padding: 80px 40px; position: relative;}





.contact_form .btn {

    background-color:#8F30E2;

    color:#fff;

    position: absolute;

    left: -100%;

    border-radius:0px 40px 40px 0px;

    width:1285px;

    text-align: right;

    font-family: "Neulis Neue", sans-serif;

    transform: translateX(55%);

    font-size:40px;

    bottom: -60px;

    padding: 20px 40px 20px 0px;

    font-size:60px;

}


.contact_form{
  padding-bottom:120px;
}


.contact_form .btn:hover{

  background-color: transparent;

  border-color: #8F30E2;

  color: #8F30E2;

}





.contact_form .btn img{display: block; width:100%;}









.contact_social{display: flex; justify-content:center; align-items:center; gap:30px;}





.contact_social .email a {

    font-size: 32px;

    color: #454545;

    font-weight: 700;

}



.contact_social{padding-bottom:50px; padding-top:150px;}



.contact_social .email a span.purple_color{font-weight: 300;}



.contact_social .social_icon h6 {

    color: #BEBEBE;

    font-family: "Neulis Neue", sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 10px;

}



.contact_social .social_icon ul {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    gap: 13px;

}

.social_icon ul li {

    font-size: 36px;

    font-weight: 500;

    position: relative;

    font-family: "Neulis Cursive", sans-serif;

}

.contact_social .social_icon ul li a {

    color: var(--Purple);

}



.contact_social .social_icon ul li::before {

    content: "\\";

    color: #00ff00;

    margin-right: 10px;

}



.contact_heading{text-align: center; margin-bottom: -50px; position: relative; z-index: 1;}



.contact_heading h3{color:#4A4A4A; font-size:35px; font-weight: 700; font-family: "Neulis Cursive", sans-serif; }



.contact_heading h2{color:var(--Purple); font-size:80px; font-weight:700; margin-bottom:0px;}


.contact_form_wrap{z-index:1;}

.contact_form::after{

    content: "";

    position: absolute;

    left:-15px;

    top:70px;

    transform: translateY(-50%);

    width:137px;

    height:400px;

    background-image: url(../img/bracket.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: -1;

}









.contact_form::before{

  content: "";

    position: absolute;

    right:-15px;

    bottom:-12%;

    width: 137px;

    height: 400px;

    background-image: url(../img/bracket.png);

    background-size: contain;

    background-repeat: no-repeat;

    z-index: -1;

    transform: scaleX(-1);

}



.location_wrap{padding-top:50px;}



.address h6{font-size:16px; font-weight: 400; color:#BEBEBE; text-transform: uppercase; margin-bottom:10px;}



.address p{font-size:28px; color: var(--Purple); font-weight: 500; line-height: 1.3; margin-bottom:30px;}



.map-body iframe{width:100%; height:500px; border:none; display: block;}



.backToTOp{position:fixed; bottom: 30px; right: 20px; width:50px; height:50px; background: var(--Green); display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px; display: none; cursor: pointer; z-index:1;}


  .backToTOp.show {
    display: flex;
    opacity: 1;
  }


.backToTOp a i{font-size:20px; color: var(--font-404040); vertical-align: text-top; }








.footer_bottom_menu{display: flex;

    gap: 10px;

    list-style: none;

    padding: 0;

    margin: 0;

}



.page-id-25 .lets_build{display:none;}





.blog_row{display: flex; flex-wrap: wrap; row-gap:45px;}



.blog_row .single_blog_post{width:50%; padding:0 45px;}



.blog_row .single_blog_post .blog_post_info{width:100%; background:var(--Green); border-radius:30px; padding:30px 30px 60px 30px; height:100%; position: relative;}


.blog_listing_wrap .blog_row .single_blog_post .blog_post_info{ padding:50px 50px 60px 50px;}



.blog_row .single_blog_post .blog_post_info h5{font-size:16px; font-family: "Neulis Cursive", sans-serif; font-weight: 300; color: var(--font-404040) ; margin-bottom:10px; text-transform: uppercase;}



.blog_row .single_blog_post .blog_post_info h3{font-size:36px; font-family: "Neulis Cursive", sans-serif; font-weight: 700; color: var(--font-404040); margin-bottom:20px; }


.blog_listing_wrap .blog_row .single_blog_post .blog_post_info h3{margin-bottom:40px;}



.blog_row .single_blog_post .blog_post_info h3 a{color:var(--font-404040); display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}



.blog_row .single_blog_post .blog_post_info > a{color:var(--Purple); font-size:30px; font-family: "Neulis Cursive", sans-serif;  font-weight: 700; text-align: right; display: block; transform: translateX(9%); display: flex; justify-content: end; align-items: center; gap: 10px; position: absolute; bottom: 30px; right: 0;}





.blog_wrapper{padding:80px 0px;}



.blog_listing_wrap .container{max-width:850px;}

.blog_listing_wrap .blog_row{margin:0 -45px;}







.single_post{background:#F3F3F3; border-radius:50px; padding:50px 100px; position: relative;}



.single_post::after{

    content: "";

    position: absolute;

    left:-50px;

    top:295px;

    width: 150px;

    height: 600px;

    background-image: url(../img/single-breket.png);

    background-size: contain;

    background-repeat: no-repeat;

}





.single_post::before{

    content: "";

    position: absolute;

    right:-50px;

    top:-295px;

    width: 150px;

    height: 600px;

    background-image: url(../img/single-breket.png);

    background-size: contain;

    background-repeat: no-repeat;

    transform: scaleX(-1);

    z-index: 1;

}

.post_navigation{display:flex; justify-content:space-between; margin-top:40px;}



.post_navigation .nav-btn {

  background:var(--Purple);  

  color: #fff;

  border: none;

  padding: 12px 25px;

  border-radius: 50px;

  font-size: 16px;

  font-weight: 700;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  border:1px solid transparent;

  font-family: "Neulis Cursive", sans-serif;

  transition: 0.5s ease all;

}



.post_navigation .nav-btn:hover {

  border-color: var(--Purple); 

  color: var(--Purple);

  background: transparent;

}



.single_post .wp-block-heading{color:#404040; font-weight: 700; font-family: "Neulis Cursive", sans-serif;}



.single_post p{font-size:18px; color:#000; font-weight: 300;   font-family: "Neulis Neue", sans-serif; margin-bottom:15px; line-height:1.3;}





.post_content::after {

  content: "";

  display: table;

  clear: both;

}



.post_content ul , .post_content ol{

    padding:0px 0px 0px 20px;

    margin:0px 0px 18px 0px

}



.single_post .post_content li{font-size:18px; margin-bottom:10px; color:#000; font-weight: 300;}



.single_post_wrap{padding-bottom:80px;}



.single_post_wrap .wp-block-image img{border-radius:40px;}



.single-post .contact_social{justify-content: center;}



.single-post .main_banner{position: relative; z-index:2;}



.single-post .main_banner marquee{position: absolute;

    top: -23px;

    z-index: -1;

}



.similar_blog .blog_row{

  margin:0 -15px;

}



.similar_blog{

  padding-top:0px;

}





.similar_blog .blog_row .single_blog_post{

  width:33.33%;

  padding:0 15px;

}



.similar_blog .blog_row .single_blog_post .blog_post_info{

  border:2px solid #8F30E2;

  background:#fff;

}







.similar_blog .blog_row .single_blog_post .blog_post_info h3 a{

 color:#8E8E8E;

}



.similar_blog .blog_row .single_blog_post .blog_post_info > a{

  font-size:20px;

  transform: translateX(5%);

}



.s-blog_heading{font-size:40px; font-weight: 700; color: var(--Purple); margin-bottom:30px;}











.pagination {

    text-align: center;

    margin-top:40px;

}



.pagination ul {

    display: inline-flex;

    list-style: none;

    padding: 0;

    margin: 0;

    gap: 8px;

}



.pagination li {

    display: inline-block;

}



.pagination a,

.pagination span {

    display: block;

    padding: 10px 16px;

    border-radius: 8px;

    background: #f5f5f5;

    color: #333;

    font-size: 16px;

    font-weight: 500;

    text-decoration: none;

    transition: all 0.3s ease;

    box-shadow: 0 2px 4px rgba(0,0,0,0.1);

}



.pagination a:hover {

    background: #8f30e2;  

    color: #fff;

}



.pagination .current {

    background:#8f30e2;

    color: #fff;

    font-weight: 700;

}



.blog_wrapper{position: relative;}



.page-id-235 .blog_wrapper::after{

    content: "";

    position: absolute;

    left:30px;

    top: -5%;

    width: 155px;

    height: 562px;

    background-image: url(../img/bracket.png);

    background-size: contain;

    background-repeat: no-repeat;



    

}





.page-id-235 .blog_wrapper::before{

  content: "";

    position: absolute;

    right: 80px;

    top: -200px;

    width: 155px;

    height: 562px;

    background-image: url(../img/bracket.png);

    background-size: contain;

    background-repeat: no-repeat;

  

    transform: scaleX(-1);

}





.single_post_layout h3.post_heading{font-size:36px; color:var(--font-404040); font-weight: 700; position: relative; margin-bottom:20px; max-width:380px; }

.single_post_layout h3.post_heading br{display:none;}



.single_post_layout h3.post_heading::before{

  content: "";

    position: absolute;

    right: -650%;

    top:50%;

    transform: translateY(-50%);

    width: 2100px;

    height: 20px;

    background-image: url(../img/single-post-arrow.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.single_post_layout{padding-top:50px;}



.single_post_layout .post_content{max-width:700px; margin-left: auto;}





.single_post_layout .post_image img{border-radius:38px;}



.single_post_layout .post_image{text-align: center; padding-top:40px;}



.post_content + .single_post_layout {

  padding-top: 0; 

}

.single_post .single_post_layout:first-child{padding-top:0px;}



.single_post >.post_content{

  padding-bottom:40px;

}


.single_blog_banner .banner_row h4{
  color:var(--Green);
}


.single_post_banner {
  width: 100%;
  height: 600px;
  position: relative;
  margin-bottom:-300px;
}


.single_post_banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; 
  height: 100%;
 background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 20%,     
    rgba(255,255,255,1) 100%    
  );
  z-index: 1;
}


/* SUB MENU CSS */
.header_menu > li:hover {
    margin-left: -50vw;
    margin-right: -50vw;
    padding-left: 50vw;
    padding-right: 50vw;
    background:#7410CC;
}


.header_menu li ul.sub-menu li a::first-letter {
  color: var(--Green); 
  font-weight: 600;
}


.header_menu li ul.sub-menu{
  display:none;
  grid-template-rows: repeat(4, auto); 
  grid-auto-flow: column;         
  column-gap: 20px;
}

.header_menu li ul.sub-menu li:nth-child(4n) {
    margin-bottom: 0;
}

.header_menu li:hover > .sub-menu {
  display: grid;          
}




.service_banner_img img{width:100%;}
.service_banner_img{margin-top:-363px;}

.sinlge_service_banner_content h4{font-size:32px; color:#7F7F7F; font-weight: 700; text-transform: uppercase; margin-bottom:10px;}

.sinlge_service_banner_content h1{font-size:80px; color:var(--Purple); font-weight: 700; margin-bottom:0px;}

.sinlge_service_banner_content h1 span.count_color{font-weight: 300; padding-right:28px;}

.sinlge_service_banner_content{padding-left:100px; margin-top:-400px;}

.single_service_post{padding-top:90px;}


.single-service .single_post .wp-block-heading{color:var(--Purple); padding-top:30px;}

.single-service .single_post >.post_content{padding-bottom:0px;}

.single-service .single_post{border: 1.5px solid #000;}


.why_choose_wrap{padding-top:80px;}


.header_menu li ul.sub-menu li span{padding-right:10px;}


.header_n_soiclal ul.h_soical li{font-size:0px;}


.header_n_soiclal ul.h_soical li a i{font-size:20px;}

.header_n_soiclal ul.h_soical li a{
  width: 40px;
  -webkit-transition: 0.5s 
ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s 
ease all;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #fff;
}

.header_n_soiclal ul.h_soical li a:hover{
  background: #7410CC;
  border-color: #7410CC;
}

.animate-box{
    transition: transform 0.1s ease;
  }


  #animated-text span {
    visibility: hidden; 
}
#animated-text span.show {
    visibility: visible; 
}

.footer-bottom .f_social_icon ul li{
  font-size:0px;
}

.footer-bottom .f_social_icon ul li a {
    width: 40px;
    -webkit-transition: 0.5s 
ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s 
ease all;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #fff;
}

.footer-bottom .f_social_icon ul li a i {
    font-size: 20px;
}

.footer-bottom .f_social_icon ul li a:hover {
    background: #7410CC;
    border-color: #7410CC;
}

.footer-bottom .f_social_icon ul li::before{
  display:none;
}


.social_icon ul li{
  font-size:0px;
}


.social_icon ul li a {
    width: 40px;
    -webkit-transition: 0.5s 
ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s 
ease all;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid var(--Purple);
}



.social_icon ul li a i {
    font-size: 20px;
    color:var(--Purple);
}

.social_icon ul li::before{
  display:none;
}

.social_icon ul li a:hover {
    background: #7410CC;
    border-color: #7410CC;
}



.social_icon ul li a:hover i{
  color:#fff;
}

.single-post .main_banner .banner_row h1{font-size: 70px; padding-right: 80px;}

.single-service .post_navigation{display: none;}

.post_navigation{display: none;}



.hero_banner .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; 
}


.services_row .service_item:nth-child(even) {
  flex-direction: row-reverse;
  padding-right: calc((100% - 1230px) / 2);
  padding-left:0px;
}

.services_row .service_item:nth-child(even) .service_content{border-radius: 0px 50px 50px 0px;}


.services_row .service_item:nth-child(even) .service_details .lets-btn{left: auto; right:0%;}

.services_row .service_item:nth-child(even) .service_details .lets-btn a{border-radius: 40px 0px 0px 40px; text-align: left;}

.services_row .service_item:nth-child(even) .service_details .lets-btn a img{transform: scaleX(-1);}

.services_row .service_item:nth-child(even) .service_details .ser_no{left: auto;}


.service_head{max-width:800px;}
.service_head h2{font-size:40px; color:var(--Purple); font-family: "Neulis Cursive", sans-serif; line-height:103%; margin-bottom:10px;}
.service_head p{font-size:28px; color:#404040; font-weight: 500; margin-bottom:15px;}


.service-text_content h3{font-size:24px; color:var(--Purple); font-weight: 700; font-family: "Neulis Cursive", sans-serif; line-height:103%; margin-bottom:17px;}

.service-text_content{padding-top:50px;}

.service-text_content p{font-size:20px; color:#404040; font-weight: 400; margin-bottom:15px;} 

.service-text_content ul , .service-text_content ol{padding-left:20px;}

.service-text_content ul li , .service-text_content ol li{font-size:20px; color:#404040; font-weight: 400; margin-bottom:15px;}

.full_width_image img{border-radius:50px; display: block;}

.full_width_image{padding-top:50px;}

.multiple_img_row{display: flex; margin:0 -7.5px; padding-top: 50px; flex-wrap: wrap; row-gap:15px;}

.multiple_img_row .img-w img{display: block; width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: center center; border-radius:40px;}

.multiple_img_row .img-w{width:33.33%; padding:0 7.5px; }


.multiple_img_row .img-w .img-inner{padding-top: 80%;
    display: block;
    position: relative; overflow: hidden;
}

.image_text_row{display: flex; justify-content: space-between; gap:25px; align-items: center; padding-top:50px;}

.image_text_row .text_content{width:45%;}

.image_text_row .image_content{width:55%;}

.image_text_row .image_content img{width:100%; border-radius:40px;}

.image_text_row .text_content h3{font-size:24px; color:var(--Purple); font-weight: 700; font-family: "Neulis Cursive", sans-serif; line-height:103%; margin-bottom:17px;}

.image_text_row .text_content p{font-size:20px; color:#404040; font-weight: 400; margin-bottom:15px;}





.single_service_banner{padding-bottom:150px;}
.s_s_content_wrap .section_head{max-width:800px; padding-bottom:80px;}
.s_s_content_wrap .section_head h2{color:var(--Purple); font-size:40px; line-height:103%; margin-bottom:10px;}
.s_s_content_wrap .section_head p{font-size:32px; color:#404040; margin-bottom:20px; font-weight: 500; line-height: 1.2;}
.s_s_content_wrap{padding-bottom:80px;}

.s_s_content_wrap .s_s_content_row img{width:100%; display: block; border-radius:38px;}

.s_s_content_wrap .section_head a{font-size:20px; padding:15px;}

.text_content_wrap .s_s_content h3{font-size:32px; color:var(--Purple); line-height:103%; margin-bottom:10px;}

.text_content_wrap .s_s_content p{font-size:18px; color:#404040; font-weight: 400; margin-bottom:15px; line-height:1.3;}

.text_content_wrap .s_s_content ul li , .text_content_wrap .s_s_content ol li{font-size:18px; color:#404040; font-weight: 400; margin-bottom:15px; line-height:1.3;}

.text_content_wrap .s_s_content ul li:last-child , .text_content_wrap .s_s_content ol li:last-child{margin-bottom:0px;}

.v2-content ul li{font-size:18px; color:#404040; font-weight: 400; margin-bottom:15px; line-height:1.3;}

.v2-content ul{padding-left:20px;}

.text_content_wrap .s_s_content ul{margin-bottom:40px;}

.s_s_content ul:last-of-type {
    margin-bottom: 0;
}

.v2_img_text .section_head .v2-content h2{margin-bottom:20px;}

.s_s_content_row:nth-child(even) .section_head{
   flex-direction: row-reverse;
}

.v2_img_text .s_s_content_row:last-child .section_head{padding-bottom:0px;}

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

.block_content ul li:last-child{margin-bottom:0px;}

.s_s_content_row:nth-child(even) .section_head h2{margin-left: -20%; margin-right:0px;}

.s_s_content_row:nth-child(even) .section_head .block_content{padding-right:0px; padding-left:20px;}


.text_content_wrap .s_s_content ul , .text_content_wrap .s_s_content ol{padding-left:20px;}

.text_content_wrap .s_s_content p:last-child{margin-bottom:0px;}

.s_s_image_content_row{display: flex; background:var(--Purple); border-radius:38px; justify-content: space-between; padding:40px 30px; align-items: center;}

.s_s_image_content_row .s_s_img_text > h2{font-size:48px; color:#00FF00; font-weight: 700; line-height:1.1; margin-bottom:20px; position: relative; z-index:1;}

.s_s_image_content_row .s_s_content_img{width:46%; position: relative;}
.s_s_image_content_row .s_s_content_img img{width:100%; display: block; border-radius:38px; height:100%; object-fit:cover;}

.s_s_image_content_row .s_s_img_text{width:50%;}


.s_s_image_content_row .s_s_img_text > p{max-width:468px; font-size:18px; color:#FFFFFF; font-weight: 400; line-height:1.2; margin-bottom:30px;}

.cursus_w{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -7.5px; row-gap:40px;}

.cursus_w .item{width:33.33%; padding: 0 7.5px;}

.cursus_w .item h2{font-size:18px; color:#00FF00; font-weight: 400; font-family: "Neulis Cursive", sans-serif; margin-bottom:10px; line-height:1.2; }

.cursus_w .item p{color:#fff; font-size:16px; font-weight: 400; margin-bottom:0px; line-height:1.3;}

.s_s_image_content{padding:80px 0px;}




.v2_img_text .section_head{max-width:100%; display: flex; align-items: center;}

.v2_img_text .section_head p{font-weight: 400; font-size: 18px; margin-bottom:0px; max-width:450px; padding-right:20px;}

.section_head .v2-content{width:40%; padding-right:15px;}

.section_head .s_s_img_v2{width:60%;}

.section_head .s_s_img_v2 img{width:100%; display: block; border-radius:38px;}


.v2_img_text .section_head h2{font-size:48px; position: relative;}

.v2_img_text{padding-bottom:80px;}

.v3_img img{width:100%; display: block; border-radius:38px;}

.v3_heading{font-size:40px; font-weight: 700; color:#404040; max-width:750px; line-height:1.2; margin-bottom: 0px; margin-top: -30px; padding-left:40px;}

.v3_row{display: flex; padding-left:40px; padding-top:25px; justify-content: space-between; gap:15px; margin-bottom:40px;}

.v3_row .v3_content{max-width:605px;}

.v3_row .v3_content p{font-size:18px; color:#404040; font-weight: 400; line-height:1.3; margin-bottom:0px;} 

.v3_box{width:33.33%;}

.v3_box .box_iocn_heading{display: flex; gap:15px; margin-bottom:20px; align-items: center;} 

.v3_box .box_heading h3{font-size:24px; color:var(--Purple); font-weight: 700; margin-bottom:0px;}

.v3_box .box_iocn_heading .icon img{min-width:60px;}

.v3_box p{font-size:16px; color:#404040; font-weight: 400; margin-bottom:0px; line-height:1.3;}

.v3_box_inner{background-color: #F4F4F4; border-radius:38px; padding:30px;}

.icon_box_row{display: flex; margin:0 -9px 40px -9px; }

.icon_box_row .v3_box{padding:0 9px;}

.v3_box_100{width:100%;}

.v3_box_100 .v3_box_inner{display: flex; align-items: center; gap:40px;}

.v3_box_100 .box_iocn_heading{margin-bottom:0px; align-items: center;}

.icon_box_wrap{padding-bottom:80px;}

.s_s_deatils_row{display: flex; margin:0 -15px;}

.s_s_deatils_row .item{width:33%; padding:0 15px;}

.s_s_deatils_row .item .item_inner{background: #F4F4F4; border-radius:38px; padding:30px; display: flex; justify-content: space-between; height:100%;}

.s_s_deatils_row .item .item_inner .item_content h2{color:var(--Purple); font-size:48px; font-weight: 700; margin-bottom:15px; }

.s_s_deatils_row .item .item_inner .item_content p{font-size:16px; color:#404040; font-weight: 400; margin-bottom:0px;}

.s_s_deatils_row .item .item_inner .item_img img{max-width:200px; height:100px; object-fit: cover; border-radius:15px;}

.s_s_deatils_row .item:last-child{width:66%;}

.s_s_deatails_w{padding-bottom:80px;}



/* HEADER MENU ANIMATION */
@keyframes glideLoop {
  0% {
    transform: translateX(80%);
    opacity: 0.3;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


.header_menu > li{
  animation: glideLoop 2s ease forwards;
  opacity: 0.3; 
  pointer-events: none;
}


.header_menu > li:nth-child(1){ animation-delay: 0s; }
.header_menu > li:nth-child(2){ animation-delay: 0.2s; }
.header_menu > li:nth-child(3){ animation-delay: 0.4s; }
.header_menu > li:nth-child(4){ animation-delay: 0.6s; }
.header_menu > li:nth-child(5){ animation-delay: 0.8s; }

.header_menu > li.hover-enabled {
  pointer-events: auto; 
}

.header_menu > li.hover-disabled {
  pointer-events: none;
}

li.menu-item-has-children.active {
    margin-left: -50vw;
    margin-right: -50vw;
    padding-left: 50vw;
    padding-right: 50vw;
    background: #7410CC;
}


.staregic_thinking{display:none;}

.marking_text{text-align: center;}


.marking_text .black_color{color:#404040}


.cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
}
/* .cursor--small {
  width: 10px;
  height: 10px;
  left: -2.5px;
  top: -2.5px;
  border-radius: 50%;
  z-index: 11000;
  background:#00ff00;
} */

/* .cursor--small {
  width: 48px; 
  height: 48px; 
  left: -16px;  
  top: -16px;   
  z-index: 11000;
  background: url('../img/cursor-icon.png') no-repeat center center;
  background-size: contain; 
  pointer-events: none;
  position: fixed;
}


.cursor--canvas {
  width: 100vw;
  height: 100vh;
  z-index: 12000;
} */


  .home_heading .letter {
    display: inline-block;
   
  }

.seo-section{
  padding-bottom:80px;
}

.seo-section .container {
    max-width: 1200px;
    text-align: center;
  }

  .seo-section h2 {
    font-size: 48px;
    color: var(--Purple);
  }

  .seo-section p {
    font-size: 16px;
    color: var(--font-404040);
    margin-bottom: 40px;
  }

  .package-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }

  .package-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    padding: 30px 20px;
    width: 30%;
  }


  .our_capabilities_wrap{display:none;}

  .see_how_we_work > h2{display:none;}
 

  .package-card h3 {
    font-size:28px;
    margin-bottom: 15px;
    color:var(--Purple);
  }

  .package-card p {
    font-size:16px;
    color: var(--font-404040);
    margin-bottom: 20px;
    line-height: 1.5;
  }

  .package-card .price {
    font-size: 20px;
    font-weight: 600;
    color: var(--font-404040);
    margin-bottom: 20px;
  }

   .package-card .btn{
    font-size:18px;
    min-width:180px;
   }



   .our_process_innner{
    background: #00FF00;
    max-width:1032px;
    border-radius:38px;
    margin-left: auto;
   position: relative;
   padding: 150px 0px 90px 90px;
   }

   .our_process_innner h2{color:var(--Purple); font-size:60px; font-family: "Neulis Cursive", sans-serif; margin-left:-13%; position: absolute;
    top: -5%;
    left: 0%; line-height:1.2;
  }
  
  .porcess_step{background: rgba(255, 255, 255, 0.8); border-radius:20px 0px 0px 20px; margin-bottom:20px;}

  .porcess_step:last-child{margin-bottom:0px;}


  .process_step_inner{display:flex; gap:12px; padding:30px; align-items: center;}


.process_step_icon img{min-width:60px; max-width:60px;}

.porcess_text h3{color: #404040; font-size:26px; margin-bottom:15px;}

.porcess_text p{font-size: 16px; color: #404040; margin-bottom:0px; line-height: 1.2;}


.faq_box ul{padding-left:30px; margin:0px; list-style: none; padding-left:0px;}

.faq_box ul li .q .text{font-size:24px; color:#404040; font-weight: 700; font-family: "Neulis Cursive", sans-serif; font-weight: 500;}

.faq_box ul li{font-size:24px; color:#404040; font-weight: 700; font-family: "Neulis Cursive", sans-serif; font-weight: 500; border-bottom:1px solid var(--Purple);}

.faq_box .head h3{color: var(--Purple); font-size:36px; font-weight: 700; font-family: "Neulis Cursive", sans-serif; margin-bottom:30px;}

.faq_item .toggle-icon{position: absolute; right:0px; font-size: 16px; transform: translateY(-50%); top:50%;}

.faq_item .q{position: relative; cursor: pointer; margin-bottom: 10px; margin-top:10px;}

.faq_box ul li:last-child{border:none;}



.faq_list .faq_item:first-child .q{margin-top:0px;}

.faq_item .a {
  display: none;
  padding: 10px 0;
}

.faq_item .a p{
  color: #404040;
  font-size:18px;
  line-height: 1.2;
}

.faq_item .toggle-icon i {
  transition: transform 0.3s ease;
}

.faq_item.active .toggle-icon i {
  transform: rotate(180deg);
}

.faq_head h2{font-size:60px; color:var(--Purple); font-family: "Neulis Cursive", sans-serif; font-weight: 700; }

.faq_head p{color: #404040; font-weight: 700; font-family: "Neulis Cursive", sans-serif;  font-size:20px; margin-bottom: 0px;}

.faq_head{display: flex; gap:20px; align-items: center; padding-bottom: 20px;}

.faq_wrap{padding-bottom:80px;}


.cta-content h2{font-size:40px; color:#fff; margin-bottom:20px;}

.cta-content p{font-size:18px; color:#fff;  line-height: 1.2; margin-bottom:20px;}

.cta-content .btn{font-size: 21px; padding: 20px 30px; min-width: 250px; background: var(--Green); color:#404040; border-color: var(--Green);}

.cta-content .btn:hover{background: transparent; color: var(--Green);}

.cta-section{padding-bottom:80px;}

.our-porcess-wrap{padding:40px 0px 80px 0px;}

.cta-content{background: var(--Purple); padding:80px 40px; text-align: center; border-radius:38px;}

.why_what_w .s_s_content {display: flex; flex-wrap: wrap; margin:0 -15px;}

.why_what_w .s_s_content .item{width:50%; padding:0 15px;}

.why_what_w .s_s_content .item:only-child {
    width: 100%;
}

.single-service .lets_build{display:none;}

.location_wrap{display: none;}



.contact_form_wrap{
    position: relative;
}

.contact_form_wrap::before{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 450px;
    height: 600px;
    background-image: url(../img/banner-after.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}


.contact_form_wrap::after{
     content: "";
    position: absolute;
    bottom:0;
    right:0;
    width: 450px;
    height: 600px;
    background-image: url(../img/banner-after.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -2;
    transform: rotate(180deg);
}


/* .page-id-235 .contact_banner{
  position: relative;
}


.page-id-235 .contact_banner::before{
    content: "";
    position: absolute;
    top:-25%;
    left:0;
    width: 450px;
    height: 600px;
    background-image: url(../img/banner-after.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
} */


.breadcrumb {
  list-style: none;
  padding: 0;
  margin:0px;

}
.breadcrumb li {
  display: inline;
  margin-right: 10px;
  font-size: 18px;
  font-weight: 500;
  color: var(--font-404040);
}

.breadcrumb li a{
  color: var(--font-404040);
}
.breadcrumb li::after {
  font-family: "Font Awesome 6 Free";
  content: "\f054";
  font-weight: 900;
  margin-left: 10px;
  font-size: 16px;
}
.breadcrumb li:last-child::after {
  content: "";
}

.breadcrumb li:last-child {
  color: var(--Purple); 
  font-weight: bold; 
}

.breadcrumb_w{
  padding:10px 0px;
  background:#fff;
  position: relative;
}

.about_team_wrap{position: relative;}

.about_team_wrap::before{
     content: "";
    position: absolute;
    top:0;
    left:0;
    width: 450px;
    height: 600px;
    background-image: url(../img/banner-after.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}


.about_team_wrap::after{
     content: "";
    position: absolute;
    bottom:0;
    right:0;
    width: 450px;
    height: 600px;
    background-image: url(../img/banner-after.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -2;
    transform: rotate(180deg);
}


.blog_row::after{
     content: "";
    position: absolute;
    bottom:0;
    right:0;
    width: 450px;
    height: 600px;
    background-image: url(../img/banner-after.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -2;
    transform: rotate(180deg);
}

.copyright_text .menu-footer-bottom-menu-container{display:none;}



  #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background:var(--Purple);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column;
    transition: opacity 0.5s ease;
  }


  #loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

 
  .logo-img {
    width: 120px;
    height: 120px;
    animation: rotate 1.5s linear infinite;
  }

  @keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  /* Brand name */
  #loader-text {
    color:#fff; 
    margin-top: 15px;
    font-family: "Neulis Cursive", sans-serif;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: 2px;
    animation: fadeIn 1.5s infinite alternate;
  }

  @keyframes fadeIn {
    0% { opacity: 0.3; }
}


.circle, .small-circle {  
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 11000;
    will-change: transform, left, top;
}

.circle {
    width: 30px;
    height: 30px;
    background:#dbdfc6;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
}

.small-circle {
    width: 10px;
    height: 10px;
    background:#241f39;
    pointer-events: none;
    opacity: 1; 
    transition: background 0.3s ease;
}

.small-circle.hide {
    opacity: 0; 
}