/* headings, paragraph */
/* headings */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Jost", sans-serif !important;
}

/*
------------------------------------------------------------------------------------
 courserl
 -----------------------------------------------------------------------------------
 */
.corosel {
	/*background-image: url("https://www.shutterstock.com/image-vector/application-smartphone-business-graph-analytics-260nw-1583248045.jpg");*/
	/* background-image:url('https://i.ibb.co/87NkC47/aws-cloud-image-pmt.png'); */
  
  /* background-image:url(https://i.ibb.co/svmzrkm/digital-blue-hud-interface-laptop-concept.jpg); */
	background-size: cover;
	/* Adjust to cover the entire container */
	background-repeat: no-repeat;
	background-position: center center;
	height: 70vh;
	/* Full viewport height */
	width: 100%; 
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.menu-icon-color{
	color: rgb(139, 139, 219);
}

/* ------------------------------------------------------------------------------------
services
---------------------------------------------------------------------------------------- 
*/

.serviceBox {
  text-align: center;
  padding: 80px 0 0;
  /* padding: 100px 0 0; */
  /* margin: 80px 10px 0; */
  margin: 48px 10px 0;
  border-left: 3px solid #D008AF;
  position: relative;
  z-index: 1;
}

.serviceBox:before,
.serviceBox:after {
  content: "";
  background-color: #D008AF;
  height: 3px;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

.serviceBox:after {
  /* background: linear-gradient(to right, #D008AF, #F92D4B); */
  background: linear-gradient(to right, #bd86b4, #f77084);
  width: 100%;
  top: auto;
  bottom: 0;
}

.serviceBox .service-icon {
  color: #fff;
  /* background: linear-gradient(to right, #D008AF, #F92D4B); */
  background: linear-gradient(to right, #bd86b4, #f77084);
  font-size: 70px;
  line-height: 140px;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  z-index: 1;
  transition: all 0.3s;
}

.serviceBox:hover .service-icon {
  font-size: 60px;
}

.serviceBox .service-icon:before,
.serviceBox .service-icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  height: 96%;
  width: 96%;
  border: 10px solid #fff;
  border-radius: 50%;
  z-index: -1;
}

.serviceBox .service-icon:after {
  border: none;
  /* background: linear-gradient(to right, #D008AF, #F92D4B); */
  background: linear-gradient(to right, #bd86b4, #f77084);
  height: 82%;
  width: 82%;
  z-index: -1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s;
}

.serviceBox:hover .service-icon:after {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), 0 0 10px #fff inset;
}

.serviceBox:hover img {
  transform: rotateY( 360deg);
  transition: all 0.3s;
}

.serviceBox .service-content {
  /* padding: 0 20px 20px; */
  padding: 0 20px 1px;
  border-right: 3px solid #F92D4B;
}

.serviceBox .title {
  color: #D008AF;
  font-size: 20px;
  text-transform: capitalize;
  margin: 0 0 10px;
}

.serviceBox .description {
  color: #707070;
  font-size: 15px;
  line-height: 27px;
}

.service-icon img {
  width: 80;
  height: 80px;
  margin-top: -10px;
  /* background: #5D9CEC; */
  color: #ffffff;
  line-height: 70px;
  text-align: center;
  font-size: 44px;
}

.serviceBox.yellow:after,
.serviceBox.yellow .service-icon,
.serviceBox.yellow .service-icon:after {
  background: linear-gradient(to right, #FEC901, #FE0C34);
}

.serviceBox.yellow:before {
  background-color: #FEC901;
}

.serviceBox.yellow {
  border-left-color: #FEC901;
}

.serviceBox.yellow .service-content {
  border-right-color: #FE0C34;
}

.serviceBox.yellow .title {
  color: #FE0C34;
}

.serviceBox.blue,
.green {
  margin-top: 100px;
}

.serviceBox.blue:after,
.serviceBox.blue .service-icon,
.serviceBox.blue .service-icon:after {
  background: linear-gradient(to right, #559DF3, #9114D0);
}

.serviceBox.blue:before {
  background-color: #559DF3;
}

.serviceBox.blue {
  border-left-color: #559DF3;
}

.serviceBox.blue .service-content {
  border-right-color: #9114D0;
}

.serviceBox.blue .title {
  color: #9114D0;
}

.serviceBox.green:after,
.serviceBox.green .service-icon,
.serviceBox.green .service-icon:after {
  background: linear-gradient(to right, #2CD190, #138FC8);
}

.serviceBox.green:before {
  background-color: #2CD190;
}

.serviceBox.green {
  border-left-color: #2CD190;
}

.serviceBox.green .service-content {
  border-right-color: #138FC8;
}

.serviceBox.green .title {
  color: #138FC8;
}

@media only screen and (max-width: 990px) {
  .serviceBox {
      margin: 100px 0 0;
  }
}

/* internship */
.list-item {
  padding: 8px;
  margin: 4px;
  background-color: bisque;
}
/* pinkmoon-lands */
.pinkmoon-lands-image {
  max-width: 100%;  /* This ensures the image doesn't exceed its parent container's width */
  height: auto;     /* This maintains the aspect ratio */
}


/* 
----------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------
*/
/* footer {
  position: fixed;
  bottom: 0;
  width: 100%;
} */

.social-media-icons {
	display: flex;
	align-items: center;
  }

/* footer copyright css */
.navbar-menu-color{
	/* color: rgb(89, 64, 146) !important; */
  color: #070707 !important;
}


/* image size chnages */
.image-changes{
  width: 100%;
  height: 200px;
}

/*///////////// testimonials /////////////*/

.slider {
  height: 90vh;
  display: flex;
  justify-items: center;
  align-items: center;
}

.logo-slider {
  padding: 10px 0px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  border-radius: 10px;
  /* box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.2); */
}

.logo-slider:hover div {
  animation-play-state: paused;
}

.logo-slider .testimonial-card {
  display: flex;
  position: relative;
  align-items: center;
  animation: marquee 28s linear infinite;
  justify-content: space-around;
}

.logo-slider div .testimonial-card {
  display: block;
  min-width: 700px;
  aspect-ratio: 1;
  height: 60px;
  margin: 0 2vw;
  filter: grayscale(100);
}

.logo-slider div .testimonial-card:hover {
  filter: grayscale(0);
}


@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(calc(-300px * 3));
  }
 
}


/* ///////////end of testimonials //////////////*/




  /*//////// statistics section //////*/

  .stats-you-should-know-section .stats-main-heading-h3 {
    /* font-family: Basis-bold; */
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .15em;
    margin-bottom: 2rem
}

.stats-you-should-know-section .section-dividing-border {
    border-top: 1px solid #dfdee3
}

.stats-you-should-know-section .section-dividing-border.section-divider-top {
    padding-top: 2.5rem
}

.stats-you-should-know-section .stats-slider-panel {
    padding-bottom: 3rem
}


.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide {
    height: 17rem
}


.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card {
    height: 100%;
    
}

@media only screen and (max-width: 1199px) {
    .stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card {
        opacity:1
    }
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body {
    background: #f4f3f9;
    padding: 1rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-trend-icon {
    height: 1.5rem;
    width: 1.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-heading {
    /* font-family: Basis-bold; */
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .15em;
    color: #000
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-value {
    /* font-family: Basis-medium; */
    margin-bottom: .5rem;
    line-height: 4.5rem;
    background-color: #6fa337;
   
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-value.large__size {
    font-size: 3rem
}

@media only screen and (max-width: 1199px) {
    .stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-value.large__size {
        font-size:3rem
    }
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-value.small__size {
    font-size: 2.25rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .stats-card-content-para {
    /* font-family: Basis-regular; */
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: .75rem
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .link-text3 {
    color: #000;
    letter-spacing: .5px;
    border-bottom: 1px solid #747678;
    font-size: 1.125rem;
    line-height: 2pc;
    /* font-family: Basis-regular */
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .stats-card-swiper-slide .stats-card-swiper-slider-card .stats-card-swiper-slider-card-body .link-text3:hover {
    border-bottom: 1px solid #154b8c;
    font-weight: 700
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .swiper-slide-active .stats-card-swiper-slider-card,.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .swiper-slide-next+.swiper-slide .stats-card-swiper-slider-card,.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper .swiper-slide-next .stats-card-swiper-slider-card {
    opacity: 1
}

@media only screen and (min-width: 1920px) {
    .stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper{
        opacity:1
    }
}

.stats-you-should-know-section .stats-cards-swiper-container .stats-card-swiper-wrapper:last-child {
    margin-right: 0
}

.stats-you-should-know-section .stats-cards-swiper-container .swiper-button-disabled {
    display: none!important
}

@media screen and (max-width:767px) {
	.statistics-cards{
		width: 100% ;
	}
}

@media  (min-width:768px) and (max-width:1024px) {
	.statistics-cards{
		width: 38%;
	}
	
}

@media screen and (min-width:1025px)  {
	.statistics-cards{
		width: 19%;
	}
	
}

  /*//////// end of statistics section //////*/



  /******************************/
/*     Back To Top Button     */
/******************************/
#myBtn {
	z-index: 99;
	right: 20px;
	width: 52px;
	height: 52px;
	bottom: 20px;
	border: none;
	outline: none;
	/* display: none; */
	position: fixed;
	cursor: pointer;
	border-radius: 50%;
	background-color: #323137;
}

#myBtn:hover {
	background-color: #0f0f11;
}

#myBtn img {
	width: 18px;
	margin-left: 0.125rem;
	margin-bottom: 0.25rem;
}


/*//////////////// floating contact Us button //////////////// */

.contactUs2 {
	content: 'Contact Us';
	height: 35px;
	width: 100px;
	background-color: #dc3545;
	color: white !important;
	position: relative;
	border-color: none;
	border-width: 0px;
	right: -33px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	bottom: 180px;
	position: fixed;
	/* Set the transform origin */
	transform: translateY(100%) rotate(-90deg);
}
/*//////////////// floating contact Us button //////////////// */








/* Default active state for Home link */
.active .nav-item-hover::before {
	width: 100%;
	transition-delay: 0s;
	/* To remove delay for the active state */
}


.nav-item-hover {

	background: transparent;
	border: none;
	font-size: 13px;
	margin: 0;
	margin-right: -20px;
	text-transform: uppercase;
	position: relative;
	transition: 0.5s ease;
	cursor: pointer;
}

.nav-item-hover::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 0;
	background-color: #00aced;
	transition: 0.5s ease;
}

.nav-item-hover:hover {
	color: #1e1e2b;
	transition-delay: 0.5s;
}

.nav-item-hover:hover::before {
	width: 100%;
}

.nav-item-hover:hover::after {
	height: 100%;
	transition-delay: 0.4s;
	color: aliceblue;
}





@media screen and (min-width:768px) {
  .Copyright{
    height: 55px;
   
  }
  .Copyright-text{
    margin-top: 15px;
  }
  .p-tc-margin{
   
    margin-top: -20px;
  }
  
}




.counter-area-2 {
  position: relative;
  z-index: 1;
  min-height: 200px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}

.counter-area-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  background: linear-gradient(rgba(0, 128, 0, 0.5), rgba(0, 128, 0, 0.5)), url(https://brainovision.in/assets/img/inner-banner/b2.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

@media screen  and ( min-width:768px){
  .counter-area-2{
    padding-left: 80px;
    font-weight: bold;
  }
  
}

.counter{
  font-weight: bold;
}


/*=================================
Faq Area 
====================================*/
.faq-area {
    background-color: #fcfcff;
    position: relative;
    z-index: 1;
    &::before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        /* background-image: url(../img/faq/shape-3.png); */
        background-position: center center;
        background-size: cover;
    }
}
.faq-area-bg {
    background-color: #fcfcff;
}
.faq-bg {
    
    position: relative;
    z-index: 1;
    height: auto;
    &::before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        /* background-image: url(../img/faq/shape-5.png); */
        width: 60%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    &::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        /* background-image: url(../img/faq/shape-6.png); */
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}
.faq-bg-into {
    background-color: white;
    max-width: 1240px;
    top: 100px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    /* box-shadow: 0 0 15px rgba(0, 0, 0,0.1); */
    border-radius: 30px;
    position: relative;
    z-index: 1;
    &::before {
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 0;
        right: 0;
        /* background-image: url(../img/faq/shape-4.png); */
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position:bottom right;
    }
}
.faq-img {
    margin-bottom: 30px;
    img {
        max-width: 100%;
        height: 500px;
        animation: moveBounce 10s linear infinite;
    }
}
.faq-content {
    max-width: 570px;
    margin-right: auto;
    margin-left: 30px;
    margin-top: -100px;
    span {
        color: white;
        font-weight: 500;
        line-height: 0;
    }
    h2 {
        font-size: 35px;
        margin-bottom: 25px;
    }
    p {
        padding-bottom: 45px;
        max-width: 620px;
        margin: 0 auto;
    }
}
.faq-accordion {
    max-width: 470px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: 30px;
    .accordion {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
        .accordion-item {
            border-radius: 50px;
            display: block;
            background-color: #ffffff;
            margin-bottom: 15px;
            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
            border: none;
            &:last-child {
                margin-bottom: 0;
            }
        }
        .accordion-title {
            padding: 20px 60px 17px 25px;
            color: #232350;
            text-decoration: none;
            position: relative;
            display: block;
            font-size: 18px;
            font-weight: 600;
            &.active {
                border-radius: 50px;
            }
            i {
                position: absolute;
                right: 20px;
                top: 15px;
                font-size: 25px;
                -webkit-transition: 0.5s;
                transition: 0.5s;
                font-size: 24px;
                width: 40px;
                height: 40px;
                border-radius: 50px;
                color: white;
                text-align: center;
                line-height: 40px;
                /* background-color: rgb(131, 219, 131); */
                background-color: #6fa337;
            }
            &.active i {
                transform: rotate(180deg);
                top: 15px;
            }
        }
        .accordion-content {
            display: none;
            position: relative;
            margin-top: -5px;
            padding-bottom: 10px;
            padding-right: 30px;
            padding-left: 30px;
            p {
                line-height: 1.8;
            }
            &.show {
                display: block;
            }
        }
    }
}
.faq-accordion-width {
    max-width: 100% !important;
    margin-bottom: 30px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.faq-img-2 {
    margin-bottom: 30px;
}
.faq-content-text {
    p {
        margin-bottom: 50px;
        a {
            color: white;
            text-decoration: underline;
            &:hover {
                color: black;
            }
        }
    }
    
    .color-black {
        color: black !important;
    }
    .font-size {
        font-size: 18px;
    }
}
/*=================================
Faq Area End
====================================*/




/*=================================
Portfolio Area 
====================================*/

.portfolio-item {
  margin-bottom: 30px;
  
      
  }
.portfolio-img {
  
  img{
    border-radius: 10px;
    width: 100%;         /* makes image responsive to the card */
    height: 250px;       /* fixed height */
    object-fit: cover;   /* ensures image scales nicely without distortion */
    border-radius: 5px;  /* optional for rounded corners */
  }  


}

.portfolio-tag {
  position: absolute;
  bottom: 105px;
  left: 21px;
  a {
      span {
          color: white;
          /* background-color:rgb(131, 219, 131); */
          background-color: #6fa337;
          padding: 7px 20px;
          border-radius: 50px;
          font-size: 13px;
      }
  }
}
.portfolio-content {
  position: absolute;
  bottom: 25px;
  left: 21px;
  background-color: white;
  padding: 10px 15px;
  margin-right: 35px;
  border-radius: 15px;
  width: 85%;
  transition: 0.7s;
  &:hover {
      /* background-color: rgb(131, 219, 131); */
      background-color: #6fa337;
  }
  &:hover h3 {
      color: white;
  }
  &:hover i {
      background-color: white;
      /* color:rgb(131, 219, 131); */
      color: #6fa337;

  }
  a {
      h3 {
          font-size: 14px;
          color:black;
          display: inline-block;
          margin-top: 6px;
      }
  }
  i {
      width: 25px;
      height: 25px;
      /* background-color:rgb(131, 219, 131); */
      background-color: #6fa337;
      color: white;
      border-radius: 50px;
      line-height: 35px;
      text-align: center;
      font-size: 24px;
      top: 16px;
      position: absolute;
      right: 15px;
  }
}
.portfolio-mt {
  margin-top: 100px;
}
/*=================================
Portfolio Area End
====================================*/



/*=================================
Service Area
====================================*/
.service-area {

 
  .service-slider {
      &:hover .owl-prev {
          opacity: 1;
          left: 0;
      }
      &:hover .owl-next {
          opacity: 1;
          right: 0;
      }
      .center {
          .service-card {
              &::before {
                  background-image: url(https://i.ibb.co/hMyV9S5/card-shape-2.png);
                  z-index: 1;
              }
              &::after {
                  width: 100%;
                  opacity: 1;
              }
              h3, p {
                  color: white;
                  z-index: 5555;
              }
          }
      }
  }
}
.service-card {
  position: relative;
  text-align: center;
  padding: 40px 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0,0.1);
  display: block;
  z-index: 1;
  min-height: 140px;
  border-radius: 15px;
  margin-bottom: 30px;
  
  &:hover::before {
      background-image: url(https://i.ibb.co/hMyV9S5/card-shape-2.png);
      z-index: 1;
  }
  &:hover::after {
      width: 100%;
      opacity: 1;
  }
  &:hover h3, &:hover p {
      color: white;
      z-index: 5555;
  }
  &::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(https://i.ibb.co/hMyV9S5/card-shape-2.png);
      background-repeat: no-repeat;
      z-index: -1;
      transition: 0.3s;
  }
  &::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      opacity: 0;
      width: 0;
      height: 100%;
      /* background-color: rgb(131, 219, 131); */
      background-color: #6fa337;
      z-index: -1;
      transition: 0.5s;
      border-radius: 15px;
  }
  a {
      img {
          margin-bottom: 17px;
          max-width: 100% !important;
          margin-left: auto;
          margin-right: auto;
          position: relative;
          z-index: 1;
      }
  }
  a {
      display: block;
      h3 {
          font-size: 20px;
          margin-bottom: 15px;
          position: relative;
      }
  }
  p {
      margin: 0 auto;
  }
}

.service-shape1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  img {
      max-width: 100px;
      height: 970px;
  }
}
/*=================================
Service Area End
====================================*/