*:focus {
  outline: 0 !important;
}

html{
    scroll-behavior: smooth;
}

body{
  font-family: Actay,sans-serif;
}


@font-face {
	font-family: Actay;
	src: url(../fonts/Actay-Regular.otf);
}


@font-face {
	font-family: Actay-Thin;
	src: url(../fonts/ActayCondensed-Thin.otf);
}


@font-face {
	font-family: Actay-Wide;
	src: url(../fonts/ActayWide-Bold.otf);
}



@font-face {
	font-family: Commissioner-Thin;
	src: url(../fonts/Commissioner-Thin.ttf);
}


@font-face {
	font-family: Commissioner-Regular;
	src: url(../fonts/Commissioner-Regular.ttf);
}

@font-face {
	font-family: Commissioner-SemiBold;
	src: url(../fonts/Commissioner-SemiBold.ttf);
}


@font-face {
	font-family: Commissioner-Bold;
	src: url(../fonts/Commissioner-Bold.ttf);
}



h1,h2,h3,h4,h5,h6,p,a{
    font-family: 'Actay', sans-serif; 
}

button {
  outline:none !important;  
}


/* Move it (define the animation) VERTICAL TEXT ANIMATION */
@-moz-keyframes example1 {
  0%   { -moz-transform: translateX(100vh); }
  100% { -moz-transform: translateX(-100vh); }
 }
 @-webkit-keyframes example1 {
  0%   { -webkit-transform: translateX(100vh); }
  100% { -webkit-transform: translateX(-100vh); }
 }
 @keyframes example1 {
  0%   { 
  -moz-transform: translateX(100vh); /* Firefox bug fix */
  -webkit-transform: translateX(100vh); /* Firefox bug fix */
  transform: translateX(100vh); 		
  }
  100% { 
  -moz-transform: translateX(-100vh); /* Firefox bug fix */
  -webkit-transform: translateX(-100vh); /* Firefox bug fix */
  transform: translateX(-100vh); 
  }
 }


 
@keyframes zoom {      /*-----------IMAGE ZOOM CSS------------*/
  0% {
    transform: scale(1);

  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}




#preloader {               /*-----------LOADER CSS------------*/
  background:#e4e1e9;
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 9999;
}
#loader {
   display: block;
   position: relative;
   left: 50%;
   top: 50%;
   width: 150px;
   height: 150px;
   margin: -75px 0 0 -75px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #9370DB;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
}
#loader:before {
   content: "";
   position: absolute;
   top: 5px;
   left: 5px;
   right: 5px;
   bottom: 5px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #BA55D3;
   -webkit-animation: spin 3s linear infinite;
   animation: spin 3s linear infinite;
}
#loader:after {
   content: "";
   position: absolute;
   top: 15px;
   left: 15px;
   right: 15px;
   bottom: 15px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #FF00FF;
   -webkit-animation: spin 1.5s linear infinite;
   animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
   0%   {
       -webkit-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       transform: rotate(0deg);
   }
   100% {
       -webkit-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
       transform: rotate(360deg);
   }
}
@keyframes spin {
   0%   {
       -webkit-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       transform: rotate(0deg);
   }
   100% {
       -webkit-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
       transform: rotate(360deg);
   }
}



/*------------------------CSS START-----------------------------*/

#MobileContainer{
  display: none;
}

html,body{
  padding:0;
  margin:0;
}
body {
  overflow-x: hidden;
}

#container {
  background-color:grey;
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  height:100vh;
}

.module{
  height:100%;
}

.Home{
  display: flex;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(90deg, #f1effb 0%, #FFFFFF 50%);
}

.Home .content{
  width: 93vw;
  height: 100vh;
  position: relative;
}

.Home .content .logo{
  position: absolute;
  width: 4vw;
  top:4vh;
  left:2vw
}

.Home .content .left{
  padding-left: 14vw;
  padding-right: 0vw;
  height: 100vh;
}

.Home .content .left h1{
margin-top: 30vh;
font-family: 'Commissioner-Bold',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 2.8vw;
color: rgba(61, 36, 153, 1);
margin-bottom: 2vw;
}

.Home .content .left h1 span{
 color: rgba(250, 178, 68, 1);
}

.Home .content .left p{
font-family: 'Commissioner-Thin',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 1.4vw;
line-height: 1.8vw;
letter-spacing: 0.015em;
color: #3B4D8B;
width: 39ch;
margin-bottom: 3.5vw;
}

.Home .content .left p span{
  font-family: 'Commissioner-Regular',sans-serif;
}

.Home .content .left .quote-btn{
    font-family: 'Actay',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 0.9vw;
    color: #FFFFFF;
    background: linear-gradient(90deg, #3D2499 0%, #8B2DD5 100%);
    border: none;
    /* padding: 0.8vw 3.5vw; */
    height: 3vw;
    width: 14vw;
    box-shadow: 0 0 0 4px #8b2dd5, inset 0 0 0 1px rgb(255 255 255 / 50%);
    letter-spacing: 1px;
    margin-right: 1.8vw;
}

.Home .content .left .quote-btn:hover{
  background: linear-gradient(90deg, #8B2DD5 0%, #8B2DD5 100%);
  transition: 0.5s;
}

.Home .content .left .read-btn{
  font-family: 'Actay',sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.9vw;
  color: #3D2499;
  background: linear-gradient(90deg, #EDEBF5 0%, #EDEBF5 100%);
  border: none;
  /* padding: 0.8vw 3.5vw; */
  height: 3vw;
  width: 14vw;
  box-shadow: 0 0 0 4px #EDEBF5, inset 0 0 0 1px #EDEBF5;
  letter-spacing: 1px;
  margin-right: 1.5vw;
}

.Home .content .left .read-btn:hover{
  background: linear-gradient(90deg, #d1cce7 0%, #d1cce7 100%);
  transition: 0.5s;
}


.Home .content .right{
  padding: 0;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.Home .content .right .design{
  position: absolute;
  right: 0%;
  top: 0%;
  height: 100vh;
  width: auto;
  object-fit: contain;
}

.Home .scroll-div{
  width: 7vw;
  height: 100vh;
  background: #2a1870;
  position: relative;
}

.Home .scroll-div .scroll{
  position: absolute;
  width: 6vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: -0.2vw;
  cursor: pointer;
}



#modal_btn {
  padding: 0;
  margin: 0;
  position: fixed;
  top: 4vh;
  right: 1.5vw;
  z-index: 10;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}

#modal_btn img{
  width: 3vw;
}

.modal-fullscreen-xl {
  padding: 0 !important;
  z-index: 9999;
}
.modal-fullscreen-xl .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen-xl .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen-xl .modal-body {
  width: 100vw;
  height: 100vh;
  overflow:hidden;
  display: flex;
  background: #251462;
  position: relative;
  padding: 0 !important;
}


#Menu_Modal .sliding-text{
  position: absolute;
  left:-45.5%;
  bottom:40.5vh;
  height: 9vw;
  width: 100%;
  background: #3d2499;
  transform: rotate(-90deg);
}

#Menu_Modal .sliding-text h1 {
  position: absolute;
  font-family: 'Actay-Wide',sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 5.5vw;
  letter-spacing: 0.1vw;
  color: #FFFFFF;
  width: 100%;
  margin: 0;
  margin-top: 1.8vw;
  text-align: center;
  text-transform: uppercase;
  /* Starting position */
  -moz-transform:translateX(100vh);
  -webkit-transform:translateX(100vh);	
  transform:translateX(100vh);
  /* Apply animation to this element */	
  -moz-animation: example1 13s linear infinite;
  -webkit-animation: example1 13s linear infinite;
   animation: example1 13s linear infinite;
 }

#Menu_Modal .sliding-text h1 span{
  color: rgba(250, 178, 68, 1);
 }


 #Menu_Modal .content{
  position: relative;
  margin-left: 9vw;
  width: 91vw;
  height: 100vh;
  overflow: hidden;
 }

 #Menu_Modal .content .close-btn{
  position: absolute;
  top: 4vh;
  right: 3vw;
  background: none;
  border: none;
  z-index: 10;
 }

 #Menu_Modal .content .close-btn img{
  width: 3vw;
 }

 #Menu_Modal .content .follow_div h2{
font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 500;
font-size: 0.8vw;
line-height: 0.8vw;
letter-spacing: 1px;
text-transform: uppercase;
color: #FFFFFF;
margin-top: 6vh;
margin-left: 4vw;
 }

 #Menu_Modal .content .follow_div h2 img{
  display: inline-block;
  width: 1.6vw;
  margin-left: 0.6vw;
  margin-top: -0.3vw;
 }

 #Menu_Modal .content .left{
  margin-top: 5vh;
  padding-left: 4vw;
  padding-top: 2vh;
 }

 #Menu_Modal .content .left ul{
  list-style-type: none;
 }

 #Menu_Modal .content .left ul li{
  padding: 0.4vw 1.6vw;
  cursor: pointer;
 }

 #Menu_Modal .content .left ul li a{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 1.6vw;
color: #FFFFFF;
 }

 #Menu_Modal .content .left ul li:hover{
  background-image: linear-gradient(to right, #2a1870 , #251464);
 }

 #Menu_Modal .content .left ul li:hover a{
  transition: 0.2s;
  color: #FAB244;
 }


 #Menu_Modal .content .right{
  background: #2a1870;
  margin-top: 5vh;
  height: 50vh;
  padding: 3vw 14vw 3vw 4vw;
 }

 #Menu_Modal .content .right h3{
font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1.2vw;
line-height: 1.6vw;
letter-spacing: 0.145em;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 1.6vw;
cursor: pointer;
 }

 #Menu_Modal .content .right h3 span{
  color:rgba(250, 178, 68, 1);
 }

 #Menu_Modal .content .right hr{
  padding: 0;
  border-top: 1px solid #462aa3;
  width: 70%;
  margin-left: 0;
  margin-bottom: 1.6vw;
 }

 #Menu_Modal .content .right h4{
font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1.6vw;
line-height: 1.8vw;
color: #FFFFFF;
mix-blend-mode: soft-light;
margin-bottom: 1.5vw;
 }

 #Menu_Modal .content .right .map{
  position: relative;
  margin-bottom: 1vw;
 }

 #Menu_Modal .content .right .map .tag{
  width: 8vw;
  position: absolute;
  left: 2.5vw;
  top: 50%;
  transform: translate(-50%, -50%);
 }


 #Menu_Modal .content .contact_div{
  margin-top: 14vh;
  padding-left: 8vw;
 }

 #Menu_Modal .content .contact_div .cont-links{
font-family: 'Actay-Thin',sans-serif;
font-style: normal;
font-weight: bolder;
font-size: 1vw;
line-height: 1.2vw;
letter-spacing: 0.2vw;
color: #FFFFFF;
margin-right: 3vw;
 }

 #Menu_Modal .content .contact_div .cont-links img{
  display: inline-block;
  width: 1vw;
  margin-right: 0.5vw;
 }

 #Menu_Modal .content .contact_div .term-links{
  font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 0.8vw;
line-height: 1vw;
text-decoration-line: underline;
color: #A493E2;
margin-right: 3vw;
display: inline-block;
margin-top: 6vh;
 }





.Services{                          /*--------SERVICES CSS STARTS-----------*/   
  display:flex;
  position: relative;
  height: 100vh;
  width:auto;
  background-color:#3d2499;
  padding-right: 0.5vw;
}

.Services #service_1{
  margin-left: 9vw;
}   


.Services .sliding-text{
  position: absolute;
  left:-45%;
  bottom:40.5vh;
  height: 9vw;
  width: 100%;
  background: #3d2499;
  transform: rotate(-90deg);
}

.Services .sliding-text h1 {
  position: absolute;
  font-family: 'Actay-Wide',sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 5.5vw;
  letter-spacing: 0.1vw;
  color: #FFFFFF;
  width: 100%;
  margin: 0;
  margin-top: 1.8vw;
  text-align: center;
  text-transform: uppercase;
  /* Starting position */
  -moz-transform:translateX(100vh);
  -webkit-transform:translateX(100vh);	
  transform:translateX(100vh);
  /* Apply animation to this element */	
  -moz-animation: example1 13s linear infinite;
  -webkit-animation: example1 13s linear infinite;
   animation: example1 13s linear infinite;
 }

 .Services .sliding-text h1 span{
  color: rgba(250, 178, 68, 1);
 }



.Services .service{   
  height: 100vh;                                                       
  border : 2px solid #341e84;
  display: flex;
}

.Services .service .content{
  transition: all .5s ease;
  height: 100%;
  width: 0vw;
  opacity: 0;
  background: #2a1870;
}


.Services .active{
  transition: all .5s ease;
  border : 12px solid #3d2499;
}

.Services .active .content{
  width: 50vw;
  transition: all .5s ease;
  opacity: 1;
  padding: 1vw;
}


.Services .service .content .left{
  padding: 4vw 1vw 2vw 4vw;
}

.Services .service .content .left h2{
  font-family: 'Actay-Wide',sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.8vw;
  line-height: 2.2vw;
  color: #FFFFFF;
  position: relative;
  padding-left: 2.2vw;
}

.Services .service .content .left h2 span{
  color: rgba(250, 178, 68, 1);
}

.Services .service .content .left h2 img{
  position: absolute;
  width: 0.7vw;
  left: 0vw;
  top: 0vw;
}

.Services .service .content .left ul{
  list-style-type: none;
  padding: 3vw 0vw;
}

.Services .service .content .left ul li{
font-family: 'Actay-Thin',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 1.4vw;
line-height: 1.8vw;
color: #A493E2;
margin-bottom: 0.6vw;
}

.Services .service .content .left ul li img{
  display: inline-block;
  width: 0.8vw;
  margin-right: 1.5vw;
}

.Services .service .content .left .btn-div{
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.Services .service .content .left .explore-btn{
font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 0.9vw;
color: #FFFFFF;
  background: linear-gradient(90deg, #3D2499 0%, #8B2DD5 100%);
  /* box-shadow: 51px 22px 94px #160C3A; */
  border: none;
  padding: 0.8vw 3vw;
  box-shadow: 0 0 0 4px #8B2DD5,
                    inset 0 0 0 1px #A493E2;
}


.Services .service .content .left .explore-btn:hover{
  transition: 0.5s;
  background: linear-gradient(90deg, #8B2DD5 0%, #8B2DD5 100%);
}

.Services .service .content .right{
  padding-left: 0vw;
  padding-right: 4vw;
  min-height: 100vh;
  margin-top: -8vh;
  animation-name: floating;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.Services .service .content .right img{
  width: 100%;
  display: block;
  height: 24vh;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: 2vw;
}


.Services .service .text{
  height: 100%;
  width: 8vw;
  position: relative;
  background: #251462;
  cursor: pointer;
}

.Services .service .text img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.4vw;
}

.Services .service .text_2{
  display: block;
  mix-blend-mode: soft-light;
}

.Services .service .text_1{
  display: none;
}


.Services .active .text_1{
  display: block;
}

.Services .active .text_2{
  display: none;
}





.Projects{
  position: relative;
  display:flex;
  height: 100vh;
  width:auto;
  background-color:#f8f7fa;
}

.Projects .sliding-text{
  position: absolute;
  left:-45%;
  bottom:40.5vh;
  height: 9vw;
  width: 100%;
  background: #FFFFFF;
  transform: rotate(-90deg);
}

.Projects .sliding-text h1 {
  position: absolute;
  font-family: 'Actay-Wide',sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 5.5vw;
  letter-spacing: 0.1vw;
  color: #e6e2f8;
  width: 100%;
  margin: 0;
  margin-top: 1.8vw;
  text-align: center;
  text-transform: uppercase;
  /* Starting position */
  -moz-transform:translateX(100vh);
  -webkit-transform:translateX(100vh);	
  transform:translateX(100vh);
  /* Apply animation to this element */	
  -moz-animation: example1 13s linear infinite;
  -webkit-animation: example1 13s linear infinite;
   animation: example1 13s linear infinite;
 }

 .Projects .sliding-text h1 span{
  color: rgba(250, 178, 68, 1);
 }



.Projects .carousel{
  margin-left: 9vw;
  width: 85vw;
  height: 100%;
}

#Project_Carousel .item{
  height: 100vh;
}

#Project_Carousel .item .left{
  padding: 2vw 1vw 2vw 5vw;
  height: 100vh;
}

#Project_Carousel .item .left h2{
font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 2.9vw;
color: #3C2397;
}

#Project_Carousel .item .left h3{
font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.3vw;
text-transform: uppercase;
color: #FAB244;
margin-bottom: 2vw;
}

#Project_Carousel .item .left p{
font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.9vw;
line-height: 1.1vw;
color: #58689F;
max-width: 40ch;
}

#Project_Carousel .item .left .up-btn,.down-btn{
  background: none;
  border: none;
  padding: 0;
  margin-right: 1vw;
  margin-top: 12vh;
  margin-bottom: 8vh;
  border-radius: 50%;
}

#Project_Carousel .item .left .up-btn:hover{
  transition: 0.5s;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

#Project_Carousel .item .left .down-btn:hover{
  transition: 0.5s;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

#Project_Carousel .item .left .up-btn img{
  width: 2.8vw;
  border-radius: 50%;
}

#Project_Carousel .item .left .down-btn img{
  width: 2.8vw;
  border-radius: 50%;
}

#Project_Carousel .item .left .visit-btn{
  font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 0.9vw;
color: #FFFFFF;
  background: linear-gradient(90deg, #3D2499 0%, #8B2DD5 100%);
  /* box-shadow: 51px 22px 94px #160C3A; */
  border: none;
  padding: 0.8vw 1.5vw;
  box-shadow: 0 0 0 4px #8B2DD5,
  inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  margin-top: 2vw;
}

#Project_Carousel .item .left .visit-btn:hover{
  transition:0.5s;
  background: linear-gradient(90deg, #8B2DD5 0%, #8B2DD5 100%);
}

#Project_Carousel .item .right{
  position: relative;
}

#Project_Carousel .item .right .blue-div{
  position: absolute;
  z-index: 150;
  height: 100vh;
  width: 6vw;
  background: #2a1870;
  top: 0vw;
  right: 0vw;
}

#Project_Carousel .item .right .top-img{
position: absolute;
top: 0vw;
right: 1vw;
z-index: 200;
width: 40vw;
}

#Project_Carousel .item .right .bottom-img{
position: absolute;
bottom: 0vw;
right: 1vw;
z-index: 200;  
width: 40vw;
}

#Project_Carousel .item .right .main-div{
  position: absolute;
  width: 46vw;
  height: 75vh;
  top: 9vh;
  background: #C4E6FB;
  border-radius: 50px;
  border: 1vw solid #C4E6FB;
  z-index: 200; 
  overflow: hidden;
}

#Project_Carousel .item .right .main-div .project-img{
  width:100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50px;
  animation: zoom 30s infinite;
  -webkit-animation: zoom 30s infinite;
}



.Investments{
  position: relative;
  display:flex;
  height: 100vh;
  width:85vw;
  background-color: #ffffff;
}


.Investments .sliding-text{
  position: absolute;
  left:-40%;
  bottom:40.5vh;
  height: 9vw;
  width: 100%;
  background: #2a1870;
  transform: rotate(-90deg);
}

.Investments .sliding-text h1 {
  position: absolute;
  font-family: 'Actay-Wide',sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 5.5vw;
  letter-spacing: 0.1vw;
  color: rgba(255, 255, 255, 1);
  width: 100%;
  margin: 0;
  margin-top: 1.8vw;
  text-align: center;
  text-transform: uppercase;
  /* Starting position */
  -moz-transform:translateX(100vh);
  -webkit-transform:translateX(100vh);	
  transform:translateX(100vh);
  /* Apply animation to this element */	
  -moz-animation: example1 13s linear infinite;
  -webkit-animation: example1 13s linear infinite;
   animation: example1 13s linear infinite;
 }

 .Investments .sliding-text h1 span{
  color: rgba(250, 178, 68, 1);
 }



.Investments .blue-div{
  height: 100%;
  background: #2a1870;
  width: 13vw;
}


.Investments .white-div{
  position: relative;
  height: 100%;
  width: 72vw;
  padding: 0;
}

.Investments .white-div .left{
    padding-left:6vw;
}

.Investments .white-div .img_1{
    height:50vh;
    width:100%;
    object-fit:cover;
}

.Investments .white-div .img_2{
    height:50vh;
    width:100%;
    object-fit:cover;
}

.Investments .white-div h2{
  font-family: 'Actay-Wide',sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.8vw;
  line-height: 2.9vw;
  color: #3C2397;
  margin-bottom: 1.5vw;
  margin-top: 30vh;
  }

  .Investments .white-div h2 span{
    color: rgba(250, 178, 68, 1);
  }
  
  .Investments .white-div p{
  font-family: 'Actay',sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9vw;
  line-height: 1.1vw;
  color: #58689F;
  max-width: 40ch;
  }

  .Investments .white-div .img_div{
    position: absolute;
    border-radius: 15px;
width: 20vw;
height: 20vh;
display: flex;
  }

  .Investments .white-div .img_div h3{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);    
font-family: 'Actay-Wide', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1.4vw;
text-align: center;
color: #FFFFFF;
display: flex;
  } 

  .Investments .white-div .img_div .logo{
    position: absolute;
    top: 50%;
    left: 18%;
    transform: translate(-50%, -50%);
    width: 2vw;
  } 

  .Investments .white-div .img_div_1{
z-index: 100;    
top: 9vh;
left: -15vw;
background: linear-gradient(71.62deg, #646464 -0.11%, #171717 94.19%);
  }

  .Investments .white-div .img_div_2{
    z-index: 150;    
    top: 25vh;
    left: -10vw;
    background: linear-gradient(90deg, #C36BE1 0%, #8B2DD5 100%);
      }
    
      .Investments .white-div .img_div_3{
        z-index: 100;    
        top: 41vh;
        left: -15vw;
        background: linear-gradient(90deg, #F191A2 0%, #F83255 100%);
       }  
       
       .Investments .white-div .img_div_4{
        z-index: 150;    
        top: 57vh;
        left: -10vw;
        background: linear-gradient(90deg, #FEB05F 0%, #F97F00 100%);
       }

       .Investments .white-div .img_div_5{
        z-index: 100;    
        top: 73vh;
        left: -15vw;
        background: linear-gradient(71.62deg, #646464 -0.11%, #171717 94.19%);
       }






      .Team{
        position: relative;
        display: flex;
        height: 100vh;
        width:85vw;
        background-color: #251462;
      }

      .Team .sliding-text{
        position: absolute;
        left:-45%;
        bottom:40.5vh;
        height: 9vw;
        width: 100%;
        background: #2a1870;
        transform: rotate(-90deg);
      }
    
      .Team .sliding-text h1 {
        position: absolute;
        font-family: 'Actay-Wide',sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 5.5vw;
        letter-spacing: 0.1vw;
        color: rgba(255, 255, 255, 1);
        width: 100%;
        margin: 0;
        margin-top: 1.8vw;
        text-align: center;
        text-transform: uppercase;
        /* Starting position */
        -moz-transform:translateX(100vh);
        -webkit-transform:translateX(100vh);	
        transform:translateX(100vh);
        /* Apply animation to this element */	
        -moz-animation: example1 13s linear infinite;
        -webkit-animation: example1 13s linear infinite;
         animation: example1 13s linear infinite;
       }

       .Team .sliding-text h1 span{
        color: rgba(250, 178, 68, 1);
       }



      .Team .core{
        margin-left: 9vw;
        height: 100%;
        width: 48vw;
        background: #251462;
        padding: 8vh 4vw 0vh 4vw;
      }

      .Team .core h2{
font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1.6vw;
line-height: 1.8vw;
color: #FFFFFF;
mix-blend-mode: soft-light;
margin-left: -0.5vw;
      }

      .Team .advisors{
        background: #2a1870;
        height: 100%;
        width: 28vw;
        padding: 8vh 4vw 0vh 4vw;
      }

      .Team .advisors h2{
        font-family: 'Actay-Wide',sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 1.6vw;
        line-height: 1.8vw;
        color: #FFFFFF;
        mix-blend-mode: soft-light;
        margin-left: -0.5vw;
              }

      .Team .member{
        margin-top: 4vh;
        margin-bottom: 1vh;
      }

      .Team .member img{
        width: 90%;
        object-fit: cover;
        height: 22vh;
        border-radius: 3px;
      }

      .Team .member h3{
        font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.8vw;
line-height: 1vw;
color: #A493E2;
margin-top: 3vh;
text-transform: uppercase;
      }

      .Team .member h4{
 font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1vw;
line-height: 1.2vw;
color: #FFFFFF;
      }

      .Team .member h4 span{
        color:rgba(250, 178, 68, 1);
      }
      


      .Clients{
        position: relative;
        display: flex;
        height: 100vh;
        width:85vw;
        background-color: #251462;
      }     

      .Clients .sliding-text{
        position: absolute;
        left:-45%;
        bottom:40.5vh;
        height: 9vw;
        width: 100%;
        background: #2a1870;
        transform: rotate(-90deg);
      }
    
      .Clients .sliding-text h1 {
        position: absolute;
        font-family: 'Actay-Wide',sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 5.5vw;
        letter-spacing: 0.1vw;
        color: rgba(255, 255, 255, 1);
        width: 100%;
        margin: 0;
        margin-top: 1.8vw;
        text-align: center;
        text-transform: uppercase;
        /* Starting position */
        -moz-transform:translateX(100vh);
        -webkit-transform:translateX(100vh);	
        transform:translateX(100vh);
        /* Apply animation to this element */	
        -moz-animation: example1 13s linear infinite;
        -webkit-animation: example1 13s linear infinite;
        animation: example1 13s linear infinite;
       }

       .Clients .sliding-text h1 span{
        color: rgba(250, 178, 68, 1);
       }



      .Clients .content{
        width: 76vw;
        padding: 6vh 6vw 0vh 6vw;
        margin-left: 9vw;
      }

      .Clients .content .top_column{
        margin-top: -10vh;
      }

      .Clients .content .logo{
        position: relative;
        background: #2A1870;
        border-radius: 15px;
        width: 90%;
        height: 15vh;
        margin-bottom: 6vh;
      }

      .Clients .content .logo img{
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: 6vw;
      }

      .Clients .content .column_1{
        animation-name: floating;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
      }

      .Clients .content .column_2{
        animation-name: floating2;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
      }

      .Clients .content .column_3{
        animation-name: floating;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
      }

      .Clients .content .column_4{
        animation-name: floating2;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
      }


      @keyframes floating {
        0% { transform: translate(0,  0px); }
        50%  { transform: translate(0, 60px); }
        100%   { transform: translate(0, -0px); }   
    }      

    @keyframes floating2 {
      0% { transform: translate(0,  0px); }
      50%  { transform: translate(0, -60px); }
      100%   { transform: translate(0, -0px); }   
  }
  
  @keyframes floating3 {
      0% { transform: translate(0,  0px); }
      50%  { transform: translate(0, 15px); }
      100%   { transform: translate(0, -0px); }   
  }
  



  .Testimonials{
    display: flex;
    height: 100vh;
    width:85vw;
    background-color: #ffffff;
    position: relative;
  } 

  .Testimonials .sliding-text{
    position: absolute;
    left:-45%;
    bottom:40.5vh;
    height: 9vw;
    width: 100%;
    background: #FFFFFF;
    transform: rotate(-90deg);
  }

  .Testimonials .sliding-text h1 {
    position: absolute;
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 5.5vw;
    letter-spacing: 0.2vw;
    color: #E7E2F8;

    width: 100%;
    margin: 0;
    margin-top: 1.8vw;
    text-align: center;
    text-transform: uppercase;
    /* Starting position */
    -moz-transform:translateX(100vh);
        -webkit-transform:translateX(100vh);	
        transform:translateX(100vh);
    /* Apply animation to this element */	
    -moz-animation: example1 13s linear infinite;
    -webkit-animation: example1 13s linear infinite;
    animation: example1 13s linear infinite;
   }


   .Testimonials .content{
    margin-left: 9vw;
    width: 76vw;
    height: 100%;
    background-image: linear-gradient(to right, #FFFFFF , #e6e2f8);
   } 

   .Testimonials .content .left{
    padding-left: 4vw;
    padding-right: 4vw;
   }

   .Testimonials .content .left .video_div{
    position: relative;
    height: 100vh;
   }

   .Testimonials .content .left .video_div .mob_1{
    position: absolute;
    width: 17.5vw;
    bottom: 0%;
   }

   .Testimonials .content .left .video_div .mob_2{
    width: 17.5vw;
   }

   .Testimonials .content .left .video{
    position: relative;
    background: #2A1870;
    border-radius: 71px;
    width: 17.5vw;
    height: 64vh
   }

   .Testimonials .content .left .video .play{
    width: 4vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
   }


   .Testimonials .content .left .video h2{
    position: absolute;
    bottom: 10.5vh;
    left: 2vw;
font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 1.4vw;
line-height: 1.6vw;
color: #E3DEF4;
   }

   .Testimonials .content .left .video p{
    position: absolute;
    bottom: 6vh;
    left: 2vw;
font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1vw;
line-height: 1.2vw;
color: #8E80C1;
   }

   .Testimonials .content .left .video_1{
  margin-top: 10vh;
  background-image: url("../images/thumb_1.jpg"); /* The image used */
  background-color: #2A1870; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
   }

   .Testimonials .content .left .video_2{
    margin-top: 4vh;
      background-image: url("../images/thumb_1.jpg"); /* The image used */
  background-color: #2A1870; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
   }
   

   .Testimonials .content .right{
    padding-right: 6vw;
   }

   .Testimonials .content .right .test-left-btn{
    border: none;
    background: none;
    padding: 0;
    margin-top: 10vh;
    margin-bottom: 6vh;
   }

   .Testimonials .content .right .test-left-btn img{
    border-radius: 50%;
    width: 3vw;
    margin-right: 0.5vw;
   }

   .Testimonials .content .right .test-right-btn{
    border: none;
    background: none;
    padding: 0;
   }

   .Testimonials .content .right .test-right-btn img{
    border-radius: 50%;
    width: 3vw;
   }

   #Testimonial_slider .item{
    height: 70vh;
   }

   #Testimonial_slider .item h3{
    position: relative;
    padding-top: 2vw;
    padding-left: 4vw;
    padding-bottom: 2vw;
    font-family: 'Actay',sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.2vw;
    line-height: 1.3vw;
    color: #3C2397;
   }

   #Testimonial_slider .item h3 .profile_img{
      position: absolute;
      left: 0vw;
      top: 1vw;
      width: 3vw;
   }

   #Testimonial_slider .item h3 .stars{
    position: absolute;
    bottom: 1vw;
    left: 4vw;
    width: 5vw;
   }

   #Testimonial_slider .item p{
font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.8vw;
line-height: 1vw;
color: #58689F;
   }


   #Testimonial_slider .item .testimony{
    margin-bottom: 6vh;
   }

   

   .Careers{
    display: flex;
    height: 100vh;
    width:85vw;
    background-color: #251462;
    position: relative;
  } 

  
  .Careers .sliding-text{
    position: absolute;
    left:-45%;
    bottom:40.5vh;
    height: 9vw;
    width: 100%;
    background: #2a1870;
    transform: rotate(-90deg);
  }

  .Careers .sliding-text h1 {
    position: absolute;
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 5.5vw;
    letter-spacing: 0.1vw;
    color: rgba(255, 255, 255, 1);
    width: 100%;
    margin: 0;
    margin-top: 1.8vw;
    text-align: center;

    /* Starting position */
    -moz-transform:translateX(100vh);
    -webkit-transform:translateX(100vh);	
    transform:translateX(100vh);
    /* Apply animation to this element */	
    -moz-animation: example1 13s linear infinite;
    -webkit-animation: example1 13s linear infinite;
    animation: example1 13s linear infinite;
   }

   .Careers .sliding-text h1 span{
    color: rgba(250, 178, 68, 1);
   }

   .Careers .content{
    margin-left: 9vw;
    width: 76vw;
    height: 100%;
    overflow: hidden;
   }

   .Careers .content .left{
    height: 100vh;
    padding: 18vh 5vw 1vh 5vw;
   }

   .Careers .content .left p{
    font-family: 'Actay';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2vw;
    line-height: 1.5vw;
    color: #A493E2;
    margin-bottom: 4vh;
   }

   .Careers .content .left .yellow-text{
    color: #FAB244;
    font-weight: 700;
   }

   .Careers .content .left .white-text{
    color: #FFFFFF;
    font-weight: 700;
   }

   .Careers .content .left .checkout-btn{
    margin-top: 4vh;
    border: 2px solid #432C95;
    padding: 0.8vw 2vw;
    background: none;
    font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 0.9vw;
text-align: center;
color: #FFFFFF;
   }


   .Careers .content .right{
    position: relative;
    padding: 35vh 10vw 4vh 10vw;
  height: 100vh;
  background: linear-gradient(to right,rgba(81,70,131,.5), rgba(255,255,255,.3)), url("../images/careers_bg.jpg");
  background-color: #251462; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
   }

   .Careers .content .right .career-left-btn{
    padding: 0;
    margin: 0;
    border: none;
    background: none;
     position: absolute;
     top: 48%;
     left: 5vw;
     transform: translate(-50%, -50%);
     border-radius: 50%;
   }

   .Careers .content .right .career-left-btn:hover{
    transition: 0.3s;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
   }

   .Careers .content .right .career-left-btn img{
    width: 3vw;
    border-radius: 50%;
   }

   .Careers .content .right .career-right-btn{
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    position: absolute;
    top: 48%;
    right: 2vw;
    transform: translate(-50%, -50%);
    border-radius: 50%;
  }

  .Careers .content .right .career-right-btn:hover{
    transition: 0.3s;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
   }

  .Careers .content .right .career-right-btn img{
    width: 3vw;
    border-radius: 50%;
   }


 #Careers_slider .item .item-inner{
  position: relative;
  background: linear-gradient(240.31deg, #611A98 1.01%, #251462 68.15%);
  border-radius: 25px;
  padding: 2vw 3vw 2vw 3vw;
  margin-bottom: 2vw;
 }  

 #Careers_slider .item .item-inner h2{
font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1.8vw;
line-height: 1.9vw;
color: #FFFFFF;
 }

 #Careers_slider .item .item-inner h2 span{
  color:rgba(250, 178, 68, 1);
 }

 #Careers_slider .item .item-inner .h3_outer{
  position: absolute;
  right: 0vw;
  top: 2vw;
  background: #2ED0CB;
  width: 9vw;
  height: 2vw;
 }

 #Careers_slider .item .item-inner h3{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.7vw;
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: 1px;
 }

 #Careers_slider .item .item-inner .view-job-btn{
    width: 100%;
    margin-top: 2vw;
    border: 2px solid #432C95;
    padding: 0.8vw 2vw;
    background: none;
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8vw;
    letter-spacing: 2px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
 }




 .Startup{
  display: flex;
  height: 100vh;
  width:85vw;
  background-color: #251462;
  position: relative;
} 


.Startup .sliding-text{
    position: absolute;
    left:-45%;
    bottom:40.5vh;
    height: 9vw;
    width: 100%;
    background: #2a1870;
    transform: rotate(-90deg);
  }

  .Startup .sliding-text h1 {
    position: absolute;
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 5.5vw;
    letter-spacing: 0.1vw;
    color: rgba(255, 255, 255, 1);
    width: 100%;
    margin: 0;
    margin-top: 1.8vw;
    text-align: center;
    text-transform: uppercase;
    /* Starting position */
    -moz-transform:translateX(100vh);
    -webkit-transform:translateX(100vh);	
    transform:translateX(100vh);
    /* Apply animation to this element */	
    -moz-animation: example1 13s linear infinite;
    -webkit-animation: example1 13s linear infinite;
    animation: example1 13s linear infinite;
   }

   .Startup .sliding-text h1 span{
    color: rgba(250, 178, 68, 1);
   }

   .Startup .content{
    margin-left: 9vw;
    width: 76vw;
    height: 100%;
    overflow: hidden;
   }

   .Startup .content .left{
    position: relative;
    height: 100vh;
    padding: 14vh 7vw 2vh 7vw;
   }

   .Startup .content .left .pitch{
    width:100%;
    border: 2px solid #432C95;
    margin-bottom: 3vw;
    padding: 2vw 3vw 1vw 3vw;
   }

   .Startup .content .left .pitch h2{
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8vw;
    line-height: 1.9vw;
    color: #FFFFFF;
    margin-bottom: 1.5vw;
   }

   .Startup .content .left .pitch h2 span{
    color:#FAB244;
   }

   .Startup .content .left .pitch h3{
font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.1vw;
line-height: 1.5vw;
color: #EAE6FA;
   }

   .Startup .content .left .pitch p{
font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.8vw;
line-height: 1vw;
color: #A493E2;
max-width: 36ch;
   }

   .Startup .content .left .pitch p a{
    text-decoration: underline;
    color: #FAB244;
   }

   .Startup .content .right{
    position: relative;
    height: 100vh;
    background: #eaeaea;
    overflow: hidden;
   }

   .Startup .content .right .rocket{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0%;
    bottom: 0%;
   }




   .Newsletter{
    display: flex;
    height: 100vh;
    width:85vw;
    background-image: linear-gradient(to right, #ffffff , #ffffff);
    position: relative;
  } 

   .Newsletter .sliding-text{
    position: absolute;
    left:-45%;
    bottom:40.5vh;
    height: 9vw;
    width: 100%;
    background: #ffffff;
    transform: rotate(-90deg);
  }

  .Newsletter .sliding-text h1 {
    position: absolute;
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 5.5vw;
    letter-spacing: 0.1vw;
    color: #e6e2f8;
    width: 100%;
    margin: 0;
    margin-top: 1.8vw;
    text-align: center;
    text-transform: uppercase;
    /* Starting position */
    -moz-transform:translateX(100vh);
    -webkit-transform:translateX(100vh);	
    transform:translateX(100vh);
    /* Apply animation to this element */	
    -moz-animation: example1 13s linear infinite;
    -webkit-animation: example1 13s linear infinite;
    animation: example1 13s linear infinite;
   }

   .Newsletter .content{
    margin-left: 9vw;
    width: 76vw;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-left: 6vw;
    padding-right: 4vw;
    background: linear-gradient(90deg, #f1effb 0%, #FFFFFF 50%);
   }

   .Newsletter .content h2{
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2.8vw;
    line-height: 2.9vw;
    color: #3C2397;
    margin-bottom: 1.5vw;
    margin-top: 32vh;
    margin-bottom: 8vh;
   }

   .Newsletter .content h2 span{
    color: rgba(250, 178, 68, 1);
   }

   .Newsletter .content .input-wrapper{
    position: relative;
    width: 22vw;
    padding: 0;
   }

   .Newsletter .content .input-wrapper input::-webkit-input-placeholder {
    color: #877BBE;
  }
  .Newsletter .content .input-wrapper input:-moz-placeholder {
    color: #877BBE;
    opacity: 1;
  }
  .Newsletter .content .input-wrapper input::-moz-placeholder {
    color: #877BBE;
    opacity: 1;
  }
  .Newsletter .content .input-wrapper input:-ms-input-placeholder {
    color: #877BBE;
  }
  .Newsletter .content .input-wrapper input::-ms-input-placeholder {
    color: #877BBE;
  }
  .Newsletter .content .input-wrapper input::placeholder {
    color: #877BBE;
  }
   
   .Newsletter .content .input-wrapper input{
    color: #877BBE !important;
    padding-left: 2vw;
    background: #E6E2F8;
    border: none;
    width: 22vw;
    height: 3vw;
    font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 0.8vw;
   }

   .Newsletter .content .input-wrapper .send-btn{
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0%;
    top: 0.2vw;
    height: 2.6vw;
    width: 4vw;
    background: linear-gradient(90deg, #3D2499 0%, #8B2DD5 100%);
    border: none;
    box-shadow: 0 0 0 4px #8b2dd5, inset 0 0 0 1px rgb(255 255 255 / 50%);
   }

   .Newsletter .content .input-wrapper .send-btn img{
    width: 0.5vw;
   }


   .Newsletter .content .bg-img{
    position: absolute;
    top: 5vh;    
    right: 4vw;
    width: 40vw;
   }

   

   .About{
    display: flex;
    height: 100vh;
    width:auto;
    min-width: 100vw;
    background-image: linear-gradient(to right, #e8e4f8 , #ffffff);
    position: relative;
  } 

  .About .sliding-text{
    position: absolute;
    left:-47.8%;
    bottom:40.5vh;
    height: 9vw;
    width: 100%;
    background: #ffffff;
    transform: rotate(-90deg);
  }

  .About .sliding-text h1 {
    position: absolute;
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 5.5vw;
    letter-spacing: 0.1vw;
    color: #e6e2f8;
    width: 100%;
    margin: 0;
    margin-top: 1.8vw;
    text-align: center;
    text-transform: uppercase;
    /* Starting position */
    -moz-transform:translateX(100vh);
    -webkit-transform:translateX(100vh);	
    transform:translateX(100vh);
    /* Apply animation to this element */	
    -moz-animation: example1 13s linear infinite;
    -webkit-animation: example1 13s linear infinite;
    animation: example1 13s linear infinite;
   }

  
   .About .content{
    height: 100vh;
    width: 36vw;
    padding: 18vh 4vw 2vh 4vw;
   }

   .About .content .margin_top{
    margin-top: 6vh;
   }

   .About .content p{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 0.85vw;
line-height: 1.2vw;
color: #58689F;
margin-bottom: 0.8vw;
   }

   .About .content h2{
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.2vw;
    line-height: 98.3%;
    color: #3C2397;
    margin-bottom: 4vh;
   }


  .About .content_1{
    margin-left: 9vw;
  }

  .About .laptop{
    overflow: hidden;
    border-left: 20px solid #fdcf36;
    width: 24vw;
    height: 100vh;
  }

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


  .Back{
    height: 100vh;
    width:15vw;
    background: #251462;
    position: relative;
  } 

  .Back img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7vw;
    cursor: pointer;
  }




  .Quote{
    position: relative;
    display: flex;
    height: 100vh;
    width:85vw;
    background-color: #251462;
  }     

  .Quote .sliding-text{
    position: absolute;
    left:-45%;
    bottom:40.5vh;
    height: 9vw;
    width: 100%;
    background: #2a1870;
    transform: rotate(-90deg);
  }

  .Quote .sliding-text h1 {
    position: absolute;
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 5.5vw;
    letter-spacing: 0.1vw;
    color: rgba(255, 255, 255, 1);
    width: 100%;
    margin: 0;
    margin-top: 1.8vw;
    text-align: center;
    text-transform: uppercase;
    /* Starting position */
    -moz-transform:translateX(100vh);
    -webkit-transform:translateX(100vh);	
    transform:translateX(100vh);
    /* Apply animation to this element */	
    -moz-animation: example1 13s linear infinite;
    -webkit-animation: example1 13s linear infinite;
    animation: example1 13s linear infinite;
   }

   .Quote .sliding-text h1 span{
    color: rgba(250, 178, 68, 1);
   }



  .Quote .content{
    width: 76vw;
    margin-left: 9vw;
    overflow: hidden;
  }

  .Quote .content .left{
    padding-top: 16vh;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .Quote .content .right{
    padding: 0;
  height: 100vh;
  background-image: url("../images/quote_bg.jpg"); /* The image used */
  background-color: #251462; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  }

  .Quote .content .right .inner{
   width: 60%;
   height: 100vh;
   background: rgba(42, 24, 112, 0.95);
   padding-top: 16vh;
   padding-left: 6vw;
    padding-right: 6vw;
  }

  .Quote .content h2{
font-family: 'Actay',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 0.8vw;
line-height: 1vw;
letter-spacing: 0.145em;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 5vh;
  }

.Quote .content .left input::-webkit-input-placeholder {
  color: #7F5EDE;
}
.Quote .content .left input:-moz-placeholder {
  color: #7F5EDE;
  opacity: 1;
}
.Quote .content .left input::-moz-placeholder {
  color: #7F5EDE;
  opacity: 1;
}
.Quote .content .left input:-ms-input-placeholder {
  color: #7F5EDE;
}
.Quote .content .left input::-ms-input-placeholder {
  color: #7F5EDE;
}
.Quote .content .left input::placeholder {
  color: #7F5EDE;
}

  .Quote .content .left input{
    width: 100%;
    height: 6vh;
    background: none;
    border:2px solid #391f88;
    padding-left: 1vw;
    padding-right: 1vw;
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 1vw;
color: #FFFFFF;
margin-bottom: 3.5vh;
  }

  .Quote .content .left input:hover{
    transition: 0.5s;
    border:2px solid #fab244;
  }

  .Quote .content .left input:focus{
    transition: 0.5s;
    border:1px solid #fab244;
    padding-left: 2vw;
  }

  .Quote .content .left textarea::-webkit-input-placeholder {
  color: #7F5EDE;
}


.Quote .content .left textarea:-moz-placeholder {
  color: #7F5EDE;
}

  .Quote .content .left textarea{
    width: 100%;
    background: none;
    border:2px solid #391f88;
    padding-left: 1vw;
    padding-right: 1vw;
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 1vw;
color: #FFFFFF;
margin-bottom: 3.5vh;
padding-top: 1vw;
  }

  .Quote .content .left textarea:hover{
    transition: 0.5s;
    border:2px solid #fab244;
  }

  .Quote .content .left textarea:focus{
    transition: 0.5s;
    border:1px solid #fab244;
    padding-left: 2vw;
  }


  .Quote .content .right .inner .service_label{
    position: relative;
    display:block;
    width:100%;
    height:12vh;
    background: transparent;
    cursor:pointer;
    border:2px solid #391f88;
    margin-bottom: 2.5vh;
  }

  .Quote .content .right .inner .service_label h3{
position: absolute;
top: 50%;
left: 50%;
margin-left: -1vw;
transform: translate(-50%, -50%);    
font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1.2vw;
letter-spacing: 0.03em;
color: #FFFFFF;
mix-blend-mode: soft-light;
  }

  .Quote .content .right .inner .service_label .tick{
    width: 2vw;
    position: absolute;
    top: -0.05vw;
    right: -0.05vw;
    display: none;
  }

  .Quote .content .right .inner .active .tick{
    display: block;
  }

  .Quote .content .right .inner .active{
    border:2px solid #fab244 !important;
  }

  .Quote .content .right .inner .active h3{
    color: #FFFFFF; 
    mix-blend-mode: normal;
  }

  .Quote .content .right .inner .active h3 span{
    color: #fab244 !important;
  }

  .Quote .content .right .inner .quote-btn{
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 0.9vw;
    color: #2A1870;
    background: linear-gradient(90deg, #fab244 0%, #ffdc30 100%);
    border: none;
    height: 3vw;
    width: 100%;
    box-shadow: 0 0 0 4px #fab244, inset 0 0 0 1px rgb(255 255 255 / 50%);
    letter-spacing: 1px;
    margin-top: 6vh;
  }

  .Quote .content .right .inner .quote-btn:hover{
    background: linear-gradient(90deg, #ffdc30 0%, #ffdc30 100%);
  }



.red{
  position: relative;
  z-index: 150;
  width:100%;
  background-color: red;
}




/*---------------BLOGS PAGE CSS-----------------*/

.Blog{
    position: relative;
    display: flex;
    height: 100vh;
    width:85vw;
    background-color: #251462;
  }     

  .Blog .sliding-text{
    position: absolute;
    left:-45%;
    bottom:40.5vh;
    height: 9vw;
    width: 100%;
    background: #2a1870;
    transform: rotate(-90deg);
  }

  .Blog .sliding-text h1 {
    position: absolute;
    font-family: 'Actay-Wide',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 5.5vw;
    letter-spacing: 0.1vw;
    color: rgba(255, 255, 255, 1);
    width: 100%;
    margin: 0;
    margin-top: 1.8vw;
    text-align: center;
    text-transform: uppercase;
    /* Starting position */
    -moz-transform:translateX(100vh);
    -webkit-transform:translateX(100vh);  
    transform:translateX(100vh);
    /* Apply animation to this element */ 
    -moz-animation: example1 13s linear infinite;
    -webkit-animation: example1 13s linear infinite;
    animation: example1 13s linear infinite;
   }

   .Blog .sliding-text h1 span{
    color: rgba(250, 178, 68, 1);
   }



  .Blog .content{
    width: 76vw;
    margin-left: 9vw;
    overflow: hidden;
  background-image: url("../images/blogs_bg.jpg"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  }


  .Blog .content h2{
   
font-family: 'Actay-Wide',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 3vw;
line-height: 3.2vw;
letter-spacing: 0.145em;
width: 30ch;
margin: 0 auto;
color: #FFFFFF;
margin-top: 15vw;
    }

.Blog .content p{
  font-size: 1vw;
  color: #ffffff;
  width: 60ch;
  margin: 0 auto;
   margin-top: 1.5vw;
}



.Blog2{
  position: relative;
  display: flex;
  height: 100vh;
  width: 100vw;
  background-color: #251462;
}


  .Blog2 .content{
    width: 100vw;
    overflow: hidden;
    padding-left: 3vw;
    padding-right: 3vw;
  }


    .Blog2 .content h2{
      color: #ffffff;
      font-size: 1.5vw;
      margin-top: 1vw;
    }


 .Blog2 .content p{
  font-size: 1vw;
  color: #ffffff;
  width: 80ch;
  margin: 0 auto;
  margin-bottom: 4vw;
 }

  .Blog2 .content .item{
    background: #ffffff;
    width: 95%;
    margin: 0 auto;
    padding: 2vw 1vw 2vw 1vw;
    border-radius: 1vw;
    margin-bottom: 2vw;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }

   .Blog2 .content .item h3{
    font-family: 'Actay-Wide',sans-serif;
    font-size: 1vw;
    font-weight: bolder;
    text-decoration: underline;
   }


 .Blog2 .content .item p{
  width: auto;
  color: #000000;
  font-size: 0.8vw;
  margin-bottom: 0vw;
 }




.Blog3{
  position: relative;
  display: flex;
  height: 100vh;
  width: 100vw;
  background-color: #251462;
}


  .Blog3 .content{
    width: 100vw;
    overflow: hidden;
    padding-top: 10vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }


  .Blog3 .content .item{
    background: #ffffff;
    width: 95%;
    margin: 0 auto;
    padding: 2vw 1vw 2vw 1vw;
    border-radius: 1vw;
    margin-bottom: 2vw;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }

   .Blog3 .content .item h3{
    font-family: 'Actay-Wide',sans-serif;
    font-size: 1vw;
    font-weight: bolder;
    text-decoration: underline;
   }


 .Blog3 .content .item p{
  width: auto;
  color: #000000;
  font-size: 0.8vw;
  margin-bottom: 0vw;
 }



.Blog4{
  position: relative;
  display: flex;
  height: 100vh;
  width: 75vw;
  background-color: #251462;
}


  .Blog4 .content{
    width: 75vw;
    overflow: hidden;
    padding-top: 3vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

    .Blog4 .content h2{
      font-size: 1.5vw;
      color: #ffffff;
      text-decoration: underline;
      margin-bottom: 4vw;
    }


    .Blog4 .content .item{
      background: #ffffff;
      padding: 1vw 1vw;
      margin-bottom: 1vw;
      border-radius: 1vw;
    } 


    .Blog4 .content .item .blog-img{
      width: 100%;
      border-radius: 1vw;
    }   

        .Blog4 .content .item h3{
          font-size: bolder;
          font-family: 'Actay-Wide',sans-serif;
          font-size: 0.8vw;
          margin-top: 1vw;
        }