/* FONTS  */
@font-face {
  font-family: proxima_nova_altblack;
  src: url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.svg#proxima_nova_altblack') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: proxima_nova_altbold;
  src: url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.svg#proxima_nova_altbold') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: proxima_nova_scosfthin;
  src: url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.svg#proxima_nova_scosfthin') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: proxima_nova_ltsemibold;
  src: url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: proxima_nova_ltthin;
  src: url('fonts/Mark Simonson - Proxima Nova Thin-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Thin-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova Thin-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Thin-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Thin-webfont.svg#proxima_nova_ltthin') format('svg');
  font-weight: 400;
  font-style: normal
}


/*  */

@font-face {
  font-family: 'Proxima Nova Alt Rg';
  src: url('font/ProximaNovaA-RegularIt.eot');
  src: local('Proxima Nova Alt Regular Italic'), local('ProximaNovaA-RegularIt'),
    url('font/ProximaNovaA-RegularIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-RegularIt.woff2') format('woff2'),
    url('font/ProximaNovaA-RegularIt.woff')  format('woff'),
    url('font/ProximaNovaA-RegularIt.ttf')   format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Bl';
  src: url('font/ProximaNovaA-BlackIt.eot');
  src: local('Proxima Nova Alt Black Italic'), local('ProximaNovaA-BlackIt'),
    url('font/ProximaNovaA-BlackIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-BlackIt.woff2') format('woff2'),
    url('font/ProximaNovaA-BlackIt.woff') format('woff'),
    url('font/ProximaNovaA-BlackIt.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Rg';
  src: url('font/ProximaNovaA-BoldIt.eot');
  src: local('Proxima Nova Alt Bold Italic'), local('ProximaNovaA-BoldIt'),
    url('font/ProximaNovaA-BoldIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-BoldIt.woff2') format('woff2'),
    url('font/ProximaNovaA-BoldIt.woff') format('woff'),
    url('font/ProximaNovaA-BoldIt.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Bl';
  src: url('font/ProximaNovaA-Black.eot');
  src: local('Proxima Nova Alt Black'), local('ProximaNovaA-Black'),
    url('font/ProximaNovaA-Black.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Black.woff2') format('woff2'),
    url('font/ProximaNovaA-Black.woff') format('woff'),
    url('font/ProximaNovaA-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Th';
  src: url('font/ProximaNovaA-Extrabld.eot');
  src: local('Proxima Nova Alt Extrabold'), local('ProximaNovaA-Extrabld'),
    url('font/ProximaNovaA-Extrabld.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Extrabld.woff2') format('woff2'),
    url('font/ProximaNovaA-Extrabld.woff') format('woff'),
    url('font/ProximaNovaA-Extrabld.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Lt';
  src: url('font/ProximaNovaA-LightIt.eot');
  src: local('Proxima Nova Alt Light Italic'), local('ProximaNovaA-LightIt'),
    url('font/ProximaNovaA-LightIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-LightIt.woff2') format('woff2'),
    url('font/ProximaNovaA-LightIt.woff') format('woff'),
    url('font/ProximaNovaA-LightIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Lt';
  src: url('font/ProximaNovaA-SemiboldIt.eot');
  src: local('Proxima Nova Alt Semibold Italic'), local('ProximaNovaA-SemiboldIt'),
    url('font/ProximaNovaA-SemiboldIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-SemiboldIt.woff2') format('woff2'),
    url('font/ProximaNovaA-SemiboldIt.woff') format('woff'),
    url('font/ProximaNovaA-SemiboldIt.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Th';
  src: url('font/ProximaNovaA-ThinIt.eot');
  src: local('Proxima Nova Alt Thin Italic'), local('ProximaNovaA-ThinIt'),
    url('font/ProximaNovaA-ThinIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-ThinIt.woff2') format('woff2'),
    url('font/ProximaNovaA-ThinIt.woff') format('woff'),
    url('font/ProximaNovaA-ThinIt.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Th';
  src: url('font/ProximaNovaA-ExtrabldIt.eot');
  src: local('Proxima Nova Alt Extrabold Italic'), local('ProximaNovaA-ExtrabldIt'),
    url('font/ProximaNovaA-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-ExtrabldIt.woff2') format('woff2'),
    url('font/ProximaNovaA-ExtrabldIt.woff') format('woff'),
    url('font/ProximaNovaA-ExtrabldIt.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Rg';
  src: url('font/ProximaNovaA-Regular.eot');
  src: local('Proxima Nova Alt Regular'), local('ProximaNovaA-Regular'),
    url('font/ProximaNovaA-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Regular.woff2') format('woff2'),
    url('font/ProximaNovaA-Regular.woff') format('woff'),
    url('font/ProximaNovaA-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Th';
  src: url('font/ProximaNovaA-Thin.eot');
  src: local('Proxima Nova Alt Thin'), local('ProximaNovaA-Thin'),
    url('font/ProximaNovaA-Thin.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Thin.woff2') format('woff2'),
    url('font/ProximaNovaA-Thin.woff') format('woff'),
    url('font/ProximaNovaA-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Lt';
  src: url('font/ProximaNovaA-Semibold.eot');
  src: local('Proxima Nova Alt Semibold'), local('ProximaNovaA-Semibold'),
    url('font/ProximaNovaA-Semibold.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Semibold.woff2') format('woff2'),
    url('font/ProximaNovaA-Semibold.woff') format('woff'),
    url('font/ProximaNovaA-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Rg';
  src: url('font/ProximaNovaA-Bold.eot');
  src: local('Proxima Nova Alt Bold'), local('ProximaNovaA-Bold'),
    url('font/ProximaNovaA-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Bold.woff2') format('woff2'),
    url('font/ProximaNovaA-Bold.woff') format('woff'),
    url('font/ProximaNovaA-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Lt';
  src: url('font/ProximaNovaA-Light.eot');
  src: local('Proxima Nova Alt Light'), local('ProximaNovaA-Light'),
    url('font/ProximaNovaA-Light.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Light.woff2') format('woff2'),
    url('font/ProximaNovaA-Light.woff') format('woff'),
    url('font/ProximaNovaA-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

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



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

body a {
  text-decoration: none;
  color: #000;
}
ul{
  padding: 0px !important;
  list-style: none;
}
body {
  font-family: 'Proxima Nova', sans-serif !important;
  color: #000;
  font-size: 14px;
  margin: 0;
}

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

body::-webkit-scrollbar-track {
  background: none;
}

body::-webkit-scrollbar-thumb {
  background-color: #614d90;
  outline: 1px solid #614d90;
  border-radius: 10px;
  transition: all 0.5s ease 0s;
}
:root{
    --main-color: #60418b;
    --secondary-color: #F9A121;
}
/* ================================btn-hover======================================== */
strong{
  color: #60418b;
  padding-bottom: 5px;
}

.btn-hover,
.btn-hover::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-hover::before,
.btn-hover::after {
  background: #442788;
  content: '';
  position: absolute;
  z-index: -1;
}
.btn-5 {
  overflow: hidden;
}

.btn-5::after {
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.4s;
  transform-origin: top left;
  width: 0;
}
.btn-5:hover:after {
  height: 100%;
  width: 130%;
}
.slick-next,.slick-prev{
  transition: 0.3s;
}
.slick-next:hover,.slick-prev:hover{
  scale: 0.94;
}
.custom-padding{
    padding-bottom: 100px !important;
} 
.top-pad-100{
  padding-top:100px !important;
}
.top-pad-50{
  padding-top:50px !important;
}
/* ================================popupsss====================================== */
.hamburger div {
    width: 30px;
    height: 3px;
    background: #000000;
    margin: 5px;
    transition: all 0.3s ease;
    border-radius: 30px;
}

.hamburger {
  display: none;
}

.toggle .line1 {
  transform: rotate(-45deg) translate(-5px, 6px);
}

.toggle .line2 {
  transition: all 0.7s ease;
  width: 0;
}

.toggle .line3 {
  transform: rotate(45deg) translate(-5px, -6px);
}

.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup {
  background: #fff;
  padding: 10px;
  border-radius: 20px;
  width: 100%;
  max-width: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  position: relative;
}
.popup h2 {
  margin-top: 0;
}

.pop-cnts {
  padding: 40px;
}

.popup label {
  display: block;
  margin: 10px 0 5px;
  font-size: 13px;
}

.popup input, .popup select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    /* border: 1px solid #ccc; */
    /* border-radius: 8px; */
    border: none;
    border-bottom: 1px solid #ccc;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    color: #696969cc;
}

.popup-overlay .popup-bg-img {
  background-image: url(../images/banner-img.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

.popup .send-btn {
  padding: 12px;
  width: 100%;
  border: none;
  border-radius: 999px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  position: relative;
}

.popup .send-btn {
  background-color: #604D8E;
  color: white;
}

.popup .close-btn-top {
    position: absolute;
    top: 8px;
    right: 20px;
    background: #ffffff;
    font-size: 30px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    color: #000000;
    padding: 0;
    border: none;
}

.popup .close-btn-bottom {
  background-color: #dc3545;
  color: white;
  margin-top: 10px;
}

.open-popup-btn {
  background-color: #F9A121;
  padding: 8px 30px;
  border-radius: 100px;
  color: #ffffff;
  font-size: 15px;
  border: none;
  transition: 0.2s;
}

.open-popup-btn:hover {
  transform: scale(0.95);
}

/* ================================popupsss/closed====================================== */

/* HEADER */
.scrolled{
  box-shadow: 0px 2px 10px -2px rgb(0 0 0 / 17%);
  -webkit-box-shadow: 0px 2px 10px -2px rgb(0 0 0 / 17%);
  -moz-box-shadow: 0px 2px 10px -2px rgb(0 0 0 / 17%);
}


header {
  padding: 10px 0px;
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #fff;
}

header .skillz_logo img {
  width: 135px;
}

header nav {
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}

header nav ul {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

header nav ul:nth-child(1)::after {
  content: 'wsqsq';
  color: #ffff
}

header nav li {
  list-style: none;
  padding: 0px 20px;
}

header nav li a {
  color: #000;
  font-size: 17px;
  position: relative;
}
header nav li a i{
    font-size: 11px;
    margin-left: 3px;
}

header nav li a:hover {
  color: #F9A121;
}

header .enquiry_button {
  height: 62px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

header nav ul .dropdown-menuuu {
  display: none;
  position: absolute;
  top: 20px;
  left: 30px;
  list-style: none;
  padding-left: 16px;
  margin: 0;
  text-transform: capitalize;
  width: 65%;
  font-size: 17px;
  z-index: 99;
  background: #ffffff;
  padding: 27px 10px !important;
  border-radius: 0px 0px 10px 10px;
}

header nav ul .dropdown-menuuu li a {
  display: block;
  padding: 11px 10px;
  color: #000000;
  font-size: 15PX;
}

header nav ul .dropdown-menuuu li img {
  width: 22px;
  margin-right: 10px;
}

header nav ul .dropdown-menuuu li {
  padding: 0px;
}

header nav ul .dropdownnn:hover .dropdown-menuuu {
  display: block;
}

header nav ul li a:before {
  content: '';
  position: absolute;
  background: #f9a121;
  top: 25px;
  left: 0;
  height: 1px;
  width: 0px;
  z-index: 99999;
  border-radius: 42px;
  transition: 0.5s;
}

header nav li a:hover:before {
  width: 80%;
}

header nav ul .dropdown-menuuu li a:hover:before {
  width: 0;
}





.popup {
  position: absolute;
  min-height: auto;
  width: auto;
  z-index: 1002;
}

.test {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 80%;
  margin: auto;
}

.test2 {
  position: absolute;
  margin-left: 10%;
  margin-top: 10%;
  width: 80%;
  height: 80%
}

.test3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 80%
}

.bg {
  background-color: black;
  opacity: 0.65;
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}

#showPopup {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10px 30px;
  margin-top: -40px;
  margin-left: -77px;
  font-size: 40px;
  text-decoration: none;
  color: #333;
  border: 1px solid #333;
}
/*=============================== BANNER ===============================*/

.hero-section {
  display: flex;
  height: 75vh;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 0;
  margin-top: 5rem;
}

.hero-section .hero-cnts {
  margin-left: 35px;
  margin-top: 60px;
}

.hero-section h2 {
  font-size: 50px;
  line-height: 65px;
  position: relative;
}

.hero-section h2::after {
  position: absolute;
  top: 10px;
  right: 20px;
  content: url(../images/hero-skilz-icon-white-s1.svg);
  animation: scale-Rotate 4s infinite;
}

.hero-section h2 span {
  font-size: 45px;
  line-height: 65px;
}

.hero-section p {
  font-size: 20px;
  font-family: system-ui;
  font-weight: 100;
  font-style: normal;
  margin-top: 20px;
  margin-right: 70px;
  position: relative;
}

.hero-section p::after {
  position: absolute;
  top: -40px;
  right: -40px;
  content: url(../images/hero-skilz-icon-white-s1.svg);
  scale: 0.8;
  animation: scale-Rotate 4s infinite;
}

.hero-section h2 span {
  position: relative;
  color: #f9a121;
  font-size: 60px;
  font-weight: 600;
}

.hero-section h2 span::after {
  position: absolute;
  top: -25px;
  right: -18px;
  content: url(../images/hero-text-decor.svg);
}

.get-cnnct {
  display: flex;
  height: 36px;
  align-items: center;
  margin-top: 60px;
}

.get-cnnct .social-icons {
  display: flex;
}

.get-cnnct .social-icons i {
    color: #ffffff;
    font-size: 19px;
    padding-top: 3px;
    transition: all 0.5s ease;
}
.get-cnnct .social-icons .fbook i{
  font-size: 17px;
}
.get-cnnct .social-icons .insta{
  background: linear-gradient(210deg, #6228d7, #ee2a7b, #f9ce34);
}
.get-cnnct .social-icons .whtspp{
  background: #25D366;
}
.get-cnnct .social-icons .fbook{
  background: #1877F2;
}
.get-cnnct .social-icons .whtspp,
.get-cnnct .social-icons .insta,
.get-cnnct .social-icons .fbook {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 5px;
}

.get-cnnct .social-icons .whtspp:hover i,
.get-cnnct .social-icons .insta:hover i,
.get-cnnct .social-icons .fbook:hover i {
  transform: rotate(360deg);
}

.get-cnnct .bttn a {
    color: #fff;
    border-radius: 100px;
}
.get-cnnct .bttn a i{
  padding-left: 5px;
  font-size: 14px;
}
.get-cnnct .bttn{
  background: #604d8e;
  color: #fff;
  padding: 10px 25px;
  border-radius: 100px;
  margin-right: 15px;
  overflow: hidden;
  position: relative;
}
.get-cnnct .bttn::after{
  content: "";
  position: absolute;
  background-color: #F9A121;
  color: #ffffff;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  border-radius: 50%;
  transition: all ease 0.4s;

}
.get-cnnct .bttn:hover::after{
  top: 0;
  border-radius: 0;
  overflow: hidden;
  z-index: 2;
}
.get-cnnct .bttn:hover a {
  position: relative;
  display: block;
  z-index: 9;
  transition: all ease 0.4s;
}




.hero-section .hero-img img {
  animation: astro-bounce 5s infinite;
  position: relative;
}

.hero-section .hero-img {
  position: relative;
}

.hero-section .hero-img:after {
  content: url(../images/hero-astro-img-shadow.svg);
  position: absolute;
  bottom: -20px;
  left: calc(50% - 120px);
  z-index: 9;
  animation: astro-shadow 5s infinite;
}

@keyframes astro-bounce {

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

  50% {
    transform: translateY(15px);
  }
}

@keyframes astro-shadow {

  0%,
  100% {
    transform: scale(1.8);
  }

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

@keyframes scale-Rotate {

  0%,
  100% {
    transform: rotate(-10deg);
  }

  50% {
    transform: rotate(-37deg);
  }
}

.after-hero .top-elements {
  display: flex;
}
.after-hero{
    display:none;
}




/* #video-popup-container {
  display:none;
  position: fixed;
  z-index: 996;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  top: 20%;
  background-color: #fff;
}

#video-popup-close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 998;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  background-color: #000;
  line-height: 25px;
  color: #fff;
}

#video-popup-iframe-container {
  position: absolute;
  z-index: 997;
  width: 100%;
  padding-bottom: 56.25%;
  border: 2px solid #000;
  border-radius: 2px;
  background-color: #000;
}

#video-popup-iframe {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
}

#video-popup-overlay {
  display: none;
  position: fixed;
  z-index: 995;
  top: 0;
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

#video-popup-close:hover {
  color: #DE0023;
} */


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

.yt-play_icon i {
  font-size: 40px;
  color:#F9A121;
  background-color: #ffffff;
  opacity: 0.9;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
}

.yt-play_icon i:hover {
  opacity: 1;
}



.video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.video-modal.show {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.video-modal-content {
    position: relative;
    width: 80%;
    max-width: 1000px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}

.video-close {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1001;
    transition: color 0.3s;
}

.video-close:hover {
    color: #ff0000;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
/* --------------------------------- */

.grid_items {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr);
    gap: 10px;
    max-height: 520px;
    width: 100%;
}

.grid_item {
  border-radius: 13px;
  overflow: hidden;
  gap: 15px;
  height: 100%;
  font-weight: 300;
  position: relative;
}

.item1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 7;
}

.item2 {
  grid-column-start: 3;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 7;
}

.item3 {
  grid-column-start: 11;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 7;
}

.item4 {
  grid-column-start: 11;
  grid-column-end: 13;
  grid-row-start: 1;
  grid-row-end: 7;
}

.item5 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 13;
  grid-row-end: 7;
}

.item6 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 13;
  grid-row-end: 7;
}

.item7 {
  grid-column-start: 13;
  grid-column-end: 9;
  grid-row-start: 13;
  grid-row-end: 7;
}

.grid_item img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.hero_ytslider .slick-arrow{
  display: none !important;
}
.hero_ytslider img {
  width: 107%;
}
.item3 img{
  width: 107%;
}


/* =============================after-hero================================= */
.after-hero{
  padding: 0px 12px;
}
.after-hero  img {
  width: 100%;
  border-radius: 15px;
}
.after-img img {
  width: 100%;
  object-fit: cover;
}
.after-hero .col-6,.after-hero .col-12{
  padding: 6px !important;
}
.after-hero .placement-posters .slick-prev,
.after-hero .placement-posters .slick-next {
  display: none !important;
}


/* ===============================our_courssess============================ */


.course-cntt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 60px;
  color: white;
}

.cours_head {
  text-align: center;
  margin-top: 7rem;
}

.cours_head p {
  font-size: 18px;
  font-weight: 500;
  border: 2px solid #1b1b1b;
  width: fit-content;
  margin: auto;
  padding: 7px 20px;
  border-radius: 50px;
}
.cours_head h3{
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0px;
  color: #000000;
  margin-top: 1.5rem;
}
.cours_head h3 span{
  font-weight: 600;
  color: #fea03c;
}

.course-cntt-left h4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 20px;
  max-width: 500px;
}

.course-cntt-right {
  text-align: right;
  max-width: 400px;
}

.course-cntt-right p {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 30px;
  opacity: 0.9;
}

.discover-btn {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  border: none;
  padding: 15px 30px;
  border-radius: 25px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.discover-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

.courses-grid {
  display: flex;
  height: 500px;
  border-radius: 20px;
  overflow: hidden;
  /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); */
  margin-top: 4rem;
  gap: 0.5rem;
}

.course-column {
  flex: 1;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  border-radius: 15px;
}

.course-column:hover {
  flex: 2.5;
}

.course-column::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(360deg, rgb(0 0 0 / 65%), rgb(0 0 0 / 0));
  transition: all 0.6s ease;
}

.course-column:hover::before {
  background: linear-gradient(45deg, rgb(0 0 0), rgba(0, 0, 0, 0.1));
}

.course-content {
  position: relative;
  z-index: 2;
  color: white;
  transform: translateY(20px);
  opacity: 1;
  transition: all 0.6s ease;
}

.course-column:hover .course-content {
  transform: translateY(0);
  opacity: 1;
}

.course-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.3;
}

.course-description {
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease 0.1s;
  display: none;
}

.course-column:hover .course-description {
  opacity: 1;
  transform: translateY(0);
  display: block;
}

.course-btn {
  background: rgb(249 161 33);
  color: white;
  border: none;
  padding: 8px 30px;
  border-radius: 100px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.3);
  align-self: flex-start;
  opacity: 0;
  transform: translateY(20px);
}

.course-column:hover .course-btn {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}

.course-btn:hover {
  background: rgb(96 77 142);
  transform: translateY(-2px);
}

.course-duration {
  position: absolute;
  top: 18px;
  left: 20px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  padding: 5px 20px;
  color: white;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
  opacity: 0;
}

.course-column:hover .course-duration {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}

.expand-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}
.expand-icon i{
  font-size: 0.8rem;
  color: white;
}

.course-column:hover .expand-icon {
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(45deg);
}

/* Background images for each column */
.course-column:nth-child(1) {
  background-image: url(../images/creative-design.webp);
}

.course-column:nth-child(2) {
  background-image: url(../images/digital-marketing.webp);
}

.course-column:nth-child(3) {
  background-image: url(../images/ui-ux-design.webp);
}

.course-column:nth-child(4) {
  background-image: url(../images/motion-graphics.webp);
}

.course-column:nth-child(5) {
  background-image: url(../images/web-development.jpg);
}

.course-column:nth-child(6) {
  background-image: url(../images/ai-course.png);
}

@media (max-width: 768px) {
  .header {
    flex-direction: column;
    text-align: center;
  }

  .header-left h1 {
    font-size: 2.5rem;
  }

  .courses-grid {
    height: auto;
    flex-direction: column;
  }

  .course-column {
    height: 200px;
    flex: none;
  }

  .course-column:hover {
      flex: none;
      height: 400px;
  }
  .course-btn {
      padding: 5px 15px;
  }
}

/* sliding_band
.sliding_band{
  overflow-x: hidden;
}
.sliding_band ul li{
  list-style: none;
}
.sliding_band .sliding_band_cnts{
    background-color: #604D8E;
}
.sliding_band ul {
  display: flex;
  padding: 20px 0px;
  animation: slide 20s linear infinite; 
  margin: 0;
}
.sliding_band ul img{
  width: 20px;
}
.sliding_band ul img{
  width: 20px;
}
.sliding_band ul li{
  font-size: 35px;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0px 15px;
  font-weight: 900;
  color:transparent;
 -webkit-text-stroke: 0.4px white;
 letter-spacing: 1px;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.sliding_band ul .text_style{
  font-size: 35px;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0px 15px;
  font-weight: 600;
  color: #fff;
}
@keyframes slide {
    0% {
      transform: translateX(0); 
    }
    100% {
      transform: translateX(-100%); 
    }
    0% {
      transform: translatex(); 
    }
  } *****/





/* history */

.history {
  margin: 130px 0;
}

.history .skilz-main-image .image {
  height: 100%;
}

.history .skilz-main-image .image img {
  width: 100%;
  height: 100%;
  display: inline-flex;
  object-fit: cover;
  border-radius: 10px;
}

.history .contents {
  margin: 40px 0;
}

.history .contents h2 {
  font-size: 40px;
  color: #604d8e;
  font-weight: 600;
}

.history .contents p {
  font-size: 15px;
  color: #4c4c4c;
  line-height: 1.7;
}

.transform-sec .content{
  position: relative;
  padding: 40px !important;
}

.transform-sec .content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 1) 100%);
    border-radius: 30px;
    margin: auto;
}

/* SLIDER */

.box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  background: #fff;
}

.box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 1s ease, transform 1s ease;
  opacity: 0;
  transform: scale(0.8);
  border-radius: 15px;
  object-position: top;
}

.box img.active {
  opacity: 1;
  transform: scale(1);
  /* Zoom to full size */
}

/* Responsive Design */
@media (max-width: 768px) {
  .box .row {
    flex-direction: column;
  }

  .col-lg-7,
  .col-lg-5 {
    flex: 1;
  }

  .box {
    height: 200px;
  }
}

.box#box1 {
  height: 511px;
}

.box#box2 {
  height: 244px;
  margin-bottom: 23px;
}

.box#box3 {
  height: 244px;
}

/*  */
.overlay-div {
  position: relative;
}

.overlay-div .overlay {
  position: absolute;
  left: -12px;
  top: 100px;
  z-index: 1;
  display: none;
}

/*  */
.grid-container {
  position: relative;
}

.overlay-learn {
  position: absolute;

  z-index: 1;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.overlay-learn .imge {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 200px;
  width: 230px;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px solid #fff;
}

/* ANIM  */
.overlay-learn .imge img {

  animation: zoom-in-zoom-out 5s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.8, 0.8);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(0.8, 0.8);
  }
}

/* GOOGLE REVI SECTION */
.gg-section {
  padding: 20px 0px;
  background: #f8f2ff;
}
.marg-bottom{
  margin-bottom: 110px; 
}
.gg-section .graduate-div .graduate {
  display: flex;
  align-items: center;
  height: 75px;
}

.gg-section .graduate-div .graduate img {
  width: 80px;
}

.gg-section .graduate-div .graduate h3 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}

.gg-section .graduate-div .graduate p {
  margin: 0;
  width: max-content;
}

.gg-section .google-div .google {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 75px;
}

.gg-section .google-div .google img {
  width: 55px;
}
.gg-section .google-div .operation img {
  width: 65px;
}
.gg-section .google-div .google h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  width: max-content;
}

.gg-section .google-div .google p {
  margin: 0;
}

.gg-section .graduate-div .graduate span {
  padding: 0px 15px;
  border-radius: 10px;
  left: -22px;
  z-index: 1;
}

.gg-section .google-div .google span {
  /* border: 1px solid #535353; */
  padding: 0px 15px;
  border-radius: 10px;
  /* position: relative; */
  left: -22px;
  z-index: 1;
}

.gg-section .contents {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.gg-section .contents h3 {
  font-size: 21px;
  font-weight: 800;
  text-transform: capitalize;
  padding-left: 25px;
  color: #F9A121;
  display: flex;
  flex-direction: column;
  margin: 0;
}

.gg-section .contents h3 span:nth-child(1) {
  font-weight: 400;
  text-transform: capitalize;
  color: #555;
}

.gg-section .contents h3 span:nth-child(2) {
  font-weight: 400;
  text-transform: capitalize;
  color: #555;
}

.extra {
  display: none;
}

/* .about-section-second h1 {
  color: #555;
  text-align: left;
  font-weight: 100;
  font-size: 30px;
} */

/* SKILZ UNIQUE */
.skilz-unique {
  padding: 80px 0px;
}

.skilz-unique .skilz_unique_slide .hide {
  color: #fff;
  gap: 13px;
  width: 97%;
  display: flex;
}
/* .animate {
  color: #e7e7e7;
  padding-bottom: 40px;
  font-size: 35px;
  font-weight: 500;
} */
.skilz-unique .su_head_cnt h5 {
  font-size: 35px;
  padding-bottom: 2rem;
  font-weight: 400;
  width: 60%;
}

.expert_skilz{
  display: none;
}
.expert_skilz img {
  border-radius: 22px;
  margin-bottom: 3rem;
}

.skilz-unique .su_head_cnt p {
  border: 2px solid #000;
  padding: 5px 15px;
  width: 250px;
  text-align: center;
  border-radius: 100px;
  font-size: 18px;
  margin-bottom: 40px;
}

.skilz-unique .skilz_unique_cnt {
  height: 210px;
  padding: 20px;
  border-radius: 15px;
  transition: 0.3s;
}

.skilz-unique .skilz_unique_cnt:hover {
    transform: scale(1.03);
    box-shadow: 0px 7px 9px rgb(3 7 18 / 8%), 0px 0px 34px rgb(3 7 18 / 45%);
}

.skilz-unique .skilz_unique_cnt1,
.skilz-unique .skilz_unique_cnt2,
.skilz-unique .skilz_unique_cnt3,
.skilz-unique .skilz_unique_cnt4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.skilz-unique .skilz_unique_cnt1 {
  background-image: url(../images/unique_bg_\(1\).png);
}

.skilz-unique .skilz_unique_cnt2 {
  background-image: url(../images/unique_bg_\(2\).png);
}

.skilz-unique .skilz_unique_cnt3 {
  background-image: url(../images/unique_bg_\(3\).png);
}

.skilz-unique .skilz_unique_cnt4 {
  background-image: url(../images/unique_bg_\(4\).png);
}

.skilz-unique .skilz_unique_cnt h3 {
  font-size: 20px;
  font-weight: 600;
}

.skilz_unique_slide .row {
  display: none;
}

/* .skilz-unique {
  margin: 100px 0;
}

.skilz-unique .unique-box {
    background: rgb(96, 77, 142);
    background: linear-gradient(117deg, rgba(96, 77, 142, 1) 0%, rgba(98, 20, 129, 1) 100%);
    padding: 30px;
    margin-bottom: 21px;
    border-radius: 15px;
}

.skilz-unique .unique-box .bg-image {
  background: url(../images/experts-bg.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.skilz-unique .unique-box .bg-image2 {
  background: url(../images/trainers-bg.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.skilz-unique .unique-box .bg-image3 {
  background: url(../images/training-bg.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.skilz-unique .unique-box .bg-image4 {
  background: url(../images/assist-bg.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}



.skilz-unique .heading h4 {
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}

.skilz-unique .heading h4 span {
  font-weight: 600;
}

.skilz-unique .unique-box h5 {
  color: #F9A121;
  font-weight: 400;
  display: inline-grid;
}

.skilz-unique .unique-box h5 span {
  font-weight: 600;
  font-size: 30px;
  text-transform: capitalize;
}

.skilz-unique .unique-box .image {
  padding-left: 30px;
}

.skilz-unique .unique-box p {
  color: #f8f8f8;
} */

.certifications {
  padding: 0 0;
  padding-top: 39px;
  background: #f9f9f9;
  position: relative;
  width: 100%;
}

.certifications .certi-ad-image .image img {
  position: relative;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: auto;
}

.certifications .certi-ad-image .image {
  position: relative;

  height: 100%;
  display: flex;
  align-items: flex-end;
}

.certifications .certi-ad-image .content {
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 15%;
}

.certifications .certi-ad-image {
  position: relative;
  bottom: 0;
  left: 0;
  height: 100%;
}

.certifications .certi-ad-image h5 {
  position: absolute;
  z-index: 1;
  font-size: 65px;
  font-weight: 900;
  top: 150px;
  left: 0;
  color: transparent;
  -webkit-text-stroke: 1px #604d8e7a;
  text-stroke: 1px #f9a121;
  text-shadow: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.certifications .certi-ad-image .img-cnt {
  bottom: 0;
  position: relative;
  height: 100%;
}

.certifications .slick-slide img {
  width: 70%;
  border-radius: 15px;
}

/* SLIDES  */
.custom-slider {
  width: 90%;
  margin: auto;
}

.custom-box {
  width: 100%;
  /* height: 100px; */
  text-align: center;
  /* box-shadow: 2px 2px 3px gray; */
  /* margin: 15px; */
  /* font-size: 5em; */
  /* padding: 50px; */
  margin: 10px 0;
}

.custom-box img {
  margin: 0 auto;
}

.slick-prev,
.slick-next {
  position: absolute;
  line-height: 0;
  top: 100%;
  width: 35px;
  height: 35px;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  border-radius: 50px;
  background: #f9a121;
}

.slick-slider {
  user-select: none;
}

.slick-next {
  left: -30px;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 99;
  background: #5b4987;
}

.slick-prev {
  top: -40px;
  left: -30px;
  transform: translateX(-50%);
  top: -35px;
  z-index: 99;
}


.slick-prev img,
.slick-next img {
  width: 20px;
}

.certifications .certificates-slider {
  height: 612px;
  display: flex;
  padding-top: 30px;
}

.certifications .slick-prev img,
.certifications .slick-next img {
  width: 15px;
  transform: rotate(90deg);
}

/* CERTIFIED SECTION  */
.certfied-sec {
  padding: 20px 0;
  background: #f8f2ff;
}

.certfied-sec .contents {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.certfied-sec .contents p {
  margin: 0;
  font-size: 16px;
}

.certfied-sec .partner {
  display: flex;
}

.certfied-sec .partner .certified-logo {
  display: flex;
  justify-content: center;
}

.certfied-sec .partner .certified-logo img {
  width: 30%;
  mix-blend-mode: multiply;
}

.certfied-sec .partner .g_partner {
  height: 97px;
  display: flex;
  align-items: center;
}

.certfied-sec .partner .g_partner img {
  width: 50%;
  mix-blend-mode: multiply;
}

.certfied-sec .partner .meta_partner img {
  width: 80%;
  mix-blend-mode: multiply;
}



.certficates-section{
    padding: 50px 0px;
}
.certificate_main {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 21rem;
}

.certi_items>div {
  position: absolute;
}

.certi_items img {
  width: 280px;
  box-shadow: -3px 3px 11px -3px #6666669e;
  border-radius: 8px;
}

.certi-1 {
  transform: rotate(6deg);
}

.certi-2 {
  left: 13%;
  transform: rotate(-6deg);
}

.certi-3 {
  left: 26%;
  transform: rotate(8deg);
}

.certi-4 {
  right: 38%;
  transform: rotate(-8deg);
}

.certi-5 {
  right: 25%;
  transform: rotate(9deg);
}

.certi-6 {
  right: 12%;
  transform: rotate(-2deg);
}

.certi-7 {
  right: 0;
  transform: rotate(10deg);
}

.img-certi {
  transition: all 0.5s ease-in-out;
}

.img-certi:hover {
  transform: rotate(0deg) scale(1.2);
  z-index: 1;
  cursor: pointer;
}

.new-certificate h4 {
  text-align: center;
  font-size: 35px;
  width: 50%;
  margin: auto;
}

.new-certificate p {
  text-align: center;
  font-size: 17px;
  width: 60%;
  margin: auto;
}

.new-certificate-bttn {
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.new-certificate-bttn a {
  color: #604d8b;
  font-weight: 400;
}

.new-certificate-bttn .bttn{
  background: #604d8e;
  border: none;
  color: #fff;
  padding: 7px 20px;
  border-radius: 99px;
  margin-right: 2rem;
}
.new-certificate-bttn .bttn a{
  color: #fff;
}
.mobile-certificate {
  display: none;
}

.bttn-hover .bttn{
  overflow: hidden;
  position: relative;
}
.bttn-hover .bttn a{
  color: #fff;
}
.bttn-hover .bttn::after{
  content: "";
  position: absolute;
  background-color: #F9A121;
  color: #ffffff;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  border-radius: 50%;
  transition: all ease 0.4s;

}
.bttn-hover .bttn:hover::after{
  top: 0;
  border-radius: 0;
  overflow: hidden;
  z-index: 2;
}
.bttn-hover .bttn:hover a {
  position: relative;
  display: block;
  z-index: 9;
  transition: all ease 0.4s;
}








/* =======================placements======================= */

.placements-student {
    height: 900px;
    overflow: hidden;
    position: relative;
    background-color: #fcf0e2bf;
}

.placements-student .all-text-cnt {
  height: 900px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.placements-student .all-text-cnt .bttn  {
  background-color: #60418b;
  padding: 10px 20px;
  color: #fff;
  text-align: center;
  border-radius: 999px;
}

.placements-student .all-text-cnt p {
  margin: 0;
}

.placements-student .placed_heads h6 {
  color: #f9a121;
}

.placements-student .placed_heads h3 {
  color: #604D8E;
  font-size: 40px;
  font-weight: 600;
}

/* .placements-student .placed_poster_up::before{
  content: url(../images/placement-gradient.png);
  position: absolute;
  top: -5px;
  left: -40px;
  z-index: 999;
  transform: rotate(175deg);
}
.placements-student .placed_poster_up::after {
  content: url(../images/placement-gradient.png);
  position: absolute;
  top: 0px;
  left: -180px;
  z-index: 999;
  transform: rotate(-5deg);
} */
 
.placed_poster_up {
  --total-marquee-items: 4;
}
.placed_poster_down{
  --total-marquee-items: 4;
  
}
.placements-student .placed_poster_up,
.placed_poster_down {
  margin: 0px 7px;
}

.placements-student .placed_poster_up {
  /* animation: slide-up 30s linear infinite; */
  animation: marquee1 50s linear infinite;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.placements-student .placed_poster_down {
  /* animation: slide-down 30s linear infinite; */
  animation: marquee2 50s linear infinite reverse;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@keyframes marquee1 {
  to {
    transform: translatey(-70%);
  }
}
@keyframes marquee2 {
  to {
    transform: translatey(-70%);
  }
}

.placements-student .placed_poster_up img,
.placed_poster_down img {
  width: 180px;
  border-radius: 10px;
}

.placements-student .up-down-slider {
  display: flex;
  justify-content: center;
  transform: rotate(3deg);
}

.placements-student .placed_img {
  padding: 7px 0px;
}

.placements-student .placed_ratio {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.placements-student .placed_heads {
  text-align: center;
  margin-bottom: 30px;
}

.placements-student .placed_texts {
  height: 280px;
  display: flex;
  align-content: space-between;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  border-radius: 20px;
}
.placed_texts h4{
  font-size: 22px;
}
.placements-student .placed_cnts .holo_img1 {
  height: 176px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.placements-student .placed_cnts-b {
  padding-bottom: 50px;
}

.holo_img1 img{
  animation: rotate 25s linear infinite;
}
@keyframes rotate{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.placements-student .placed_cnts .imgg {
  margin: 10px 0px;
}

.placements-student .placed_cnts .imgg img {
  border-radius: 20px;
}

.placements-student .placed_texts {
  margin: 10px 0px;
}

.placements-student .light-clr-a {
  background-color: #DBCDFF;
}

.placements-student .light-clr-b {
  border: 1px solid #000;
}

.placements-student .light-clr-c {
  background-color: #FFD59A;
}

@keyframes slide-up {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }

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

@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translate(0%);
  }

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

/*================ placement-page ==================*/

.placements {
    padding: 100px 0;
}

.placements .heading {
  margin-bottom: 25px;
}

.placements .heading h4 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-align: center;
}
.placements .heading h4 span{
   color: #F9A121;
}

.placements .heading p {
    color: #666;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    max-width: 600px;
}

.placements .placement-student {
  margin: 15px 0;
}
.placements .placement-student:hover img{
  scale: 1.03;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.placements .placement-student img {
  border-radius: 10px;
  width: 100%;
   transition: 0.3s ease-in-out ;
}

.placements .morebtn {
  text-align: center;
  margin-top: 60px;
}

.placements .bttn {
  font-size: 15px;
  color: #ffffff;
  background-color: #F9A121;
  padding: 12px 35px;
  border-radius: 100px;
  width: fit-content;
  margin: auto;
  margin-top: 40px;
  border: none;
  transition: 0.3s;
}
.placements .bttn:hover{
  scale: 0.95;
}

.hidden {
  display: none;
}

.more-imgs {
  display: flex;
  flex-wrap: wrap;
}


/*================== Skill Workshops =========================*/
.paddings {
    padding: 0px 0px 140px 0px;
}

.skill_workshop {
    margin-top: 2rem;
}
.mar-6{
    margin-top: 6rem;
}
.skill_workshop .container {
  background-image: url(../images/workshop-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 525px;
  border-radius: 20px;
  padding: 40px;
}

.skill_workshop .container:hover i {
  transform: rotate(-45deg);
}

.skill_workshop .log_arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 265px;
}

.skill_workshop .log_arrow i {
  color: #fff;
  font-size: 30px;
  transition: 0.2s;
}

.skill_workshop .bottom_cnt {
  display: flex;
  justify-content: space-between;
}

.skill_workshop .bottom_cnt .bttn {
  margin-top: 20px;
}

.skill_workshop .bottom_cnt .bttn button {
  color: #fff;
  background-color: #F9A121;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: 400;
  border: none;
}

.skill_workshop .bottom_cnt .text_cnt {
  width: 50%;
}

.skill_workshop .bottom_cnt .text_cnt p {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}

.skill_workshop .bottom_cnt .text_cnt h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}











/* .skill-workshops {
  padding: 100px 0;
}

.skill-workshops .skill-box {
  background: #604D8E;
  border-radius: 20px;
  padding: 70px;
}

.skill-workshops .skill-box .image img {
  width: 160px;
  padding: 40px 0;
}

.skill-workshops .skill-box h4 {
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: normal;
}

.skill-workshops .skill-box h4 span {
  font-weight: 600;
}

.skill-workshops .skill-box p {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin: 30px 0;
}

.skill-workshops .skill-box a.btn {
  font-size: 15px;
  color: #000;
  background-color: #F9A121;
  padding: 8px 35px;
  border-radius: 100px;
} */

/*======================== Get to Know Your Mentors =============================*/
.our-mentors {
  margin: 0 auto;
  text-align: center;
  padding: 80px 20px;
}

.our-mentors .section-title {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 60px;
  color: #000000;
}

.our-mentors .highlight {
  color: #604D8E;
  font-weight: 900;
}

.our-mentors .mentors-grid {
  position: relative;
  margin: 0 auto 60px;
  min-height: 200px;
}

.our-mentors .mentor-card {
  position: absolute;
  width: 120px;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.our-mentors .mentor-card:hover {
    box-shadow: 0px 10px 20px rgb(0 0 0 / 18%);
    rotate: rotate3d(1, 1, 1, 45deg);
    transform: rotateX(345deg) !important;
}

.our-mentors .mentor-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.our-mentors .mentor-1 {
  top: 100px;
  left: 85px;
}

.our-mentors .mentor-2 {
  top: 40px;
  left: 230px;
}

.our-mentors .mentor-3 {
  top: 80px;
  left: 375px;
}

.our-mentors .mentor-4 {
  top: 0;
  left: 520px;
}

.our-mentors .mentor-5 {
  top: 0px;
  right: 505px;
}

.our-mentors .mentor-6 {
  top: 80px;
  right: 355px;
}

.our-mentors .mentor-7 {
  top: 40px;
  right: 210px;
}

.our-mentors .mentor-8 {
  top: 100px;
  right: 60px;
}

.our-mentors .mentor-9 {
  top: 280px;
  left: 85px;
}

.our-mentors .mentor-10 {
  top: 220px;
  left: 230px;
}

.our-mentors .mentor-11 {
  top: 220px;
  right: 210px;
}

.our-mentors .mentor-12 {
  top: 280px;
  right: 60px;
}


.our-mentors .content-section {
  margin: 80px 0 40px;
}

.our-mentors .main-title {
  font-size: 40px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 15px;
}

.our-mentors .description {
  font-size: 18px;
  color: #666;
  line-height: 1.6;
  max-width: 550px;
  margin: 0 auto 40px;
}

.our-mentors .dis-btn {
  background: #604D8E;
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  overflow:hidden;
  position: relative;
  width: fit-content;
  margin: auto;
}
.our-mentors .dis-btn a{
  color: white;
}
.our-mentors .dis-btn a i {
  margin-top: 4px;
  transform: rotate(314deg);
  font-size: 15px;
  transition: 0.3s;
  margin-left: 6px;
}
.our-mentors .dis-btn a:hover i,
.dis-btn a:hover {
  transform: rotate(0deg);
}

/***************** Testimonials *******************/
.testimonials {
  padding: 30px 0;
  background: #ffffff;
  position: relative;
}

.testimonials h4 {
  font-size: 35px;
  font-weight: 600;
  color: #60418b;
  text-align: center;
  margin-top: 1rem;
}

.testimonials h4 span {
  color: #f9a121;
}

.testimonials h4.rotate {
  color: transparent;
  text-transform: uppercase;
  -webkit-text-stroke: 2px rgb(180, 180, 180);
  text-stroke: 2px rgb(180, 180, 180);
  text-shadow: none;
  text-align: center;
  font-size: 10rem;
  font-weight: 900;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.testimonials h4.rotate {
  position: absolute;
  text-transform: uppercase;
  left: 50%;
  top: -55px;
  display: inline-flex;
  align-items: center;
  height: 100%;
  opacity: 0.1;
  transform: translate(-50% , 0px);
}


.testimonials h3.rotate {
  position: absolute;
  text-transform: uppercase;
  left: 50%;
  top: -35px;
  font-size: 10rem;
  font-weight: 900;
  display: inline-flex;
  align-items: flex-end;
  height: 100%;
  opacity: 0.06;
  color: transparent;
  -webkit-text-stroke: 2px #f9a121;
  text-stroke: 2px #f9a121;
  text-shadow: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  transform: translate(-50% , 0px);
}

.testimonials .testi_head_texts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.testimonials .top-cnts p{
  font-size: 14px;
}

.testimonials .testi_head_texts img {
  width: 65px;
  height: fit-content;
}

.testimonials .testi-author {
  display: flex;
  align-items: center;
}

.testimonials .testi-author p {
  font-weight: 500;
  line-height: 16px;
  margin-top: 20px;
}

.testimonials .testi-author p span {
  font-weight: 300;
  font-size: 13px;
}

.testimonials .testi-author img {
  width: 35px;
  height: fit-content;
  margin-right: 10px;
}

.testimonials .testimonial_slide .testi_cnts {
    margin: 50px 10px;
    padding: 30px 40px;
    transition: 0.3s;
    /* border: 1px solid #c2c2c229; */
    border-radius: 10px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonials .testimonial_slide {
  position: relative;
}

.testimonials .testimonial_slide::before {
  position: absolute;
  top: 30px;
  left: 120px;
  content: url(../images/testi-right-quote.png);
  z-index: 99;
}

.testimonials .testimonial_slide .testi_cnts:hover {
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0px 0px 17px 11px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0px 0px 17px 11px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 0px 17px 11px rgba(0, 0, 0, 0.03);
}

.testimonials .testimonial_slide .slick-prev {
  width: 45px;
  height: 45px;
  position: absolute;
  top: -20px;
  left: 87%;
}

.testimonials .testimonial_slide .slick-next {
  width: 45px;
  height: 45px;
  position: absolute;
  top: -21px;
  left: 91%;
  background-color: #60418b;
}

.testimonials .testimonial_slide .slick-next img {
  width: 25px;
  padding-left: 5px;
}

.testimonials .testimonial_slide .slick-prev img {
  width: 25px;
  padding-right: 4px;
}


/* =====================video_testimonil=================== */
.vdo_testimonials {
  padding: 0px 0px 80px 0px;
}

.vdo_testimonials .v_t_heading {
  padding-bottom: 45px;
  margin-left: 80px;
}

.vdo_testimonials .v_t_heading p {
  margin-bottom: 1px;
  font-size: 15px;
  color: #60418b;
  font-weight: 500;
}

.vdo_testimonials .v_t_heading h6 {
  font-size: 30px;
  text-transform: capitalize;
  font-weight: 600;
}

.vdo_testimonials .video_container {
  margin: 0px 10px;
}

.vdo_testimonials .video_container video {
  border-radius: 10px;
}

.vdo_testimonials .vdo_testimonials-slider .slick-prev {
  width: 45px;
  height: 45px;
  position: absolute;
  top: -100px;
  left: 87%;
}

.vdo_testimonials .author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.vdo_testimonials .author .author_details {
  line-height: 20px;
}

.vdo_testimonials .author .author_details p {
  font-size: 13px;
}

.vdo_testimonials .author .author_details h6,
.vdo_testimonials .author .author_details p {
  margin: 0;
}

.vdo_testimonials-slider .slick-next {
  width: 45px;
  height: 45px;
  position: absolute;
  top: -100px;
  left: 91%;
  background-color: #60418b;
}

.vdo_testimonials-slider .slick-next img {
  width: 25px;
  padding-left: 5px;
}

.vdo_testimonials-slider .slick-prev img {
  width: 25px;
  padding-right: 4px;
}

/*======================== journey-to-success =========================*/
.journey-to-success {
  padding: 70px 0;
}

.journey-to-success .heading {
  margin-bottom: 30px;
  text-align: center;
}

.journey-to-success .heading h4 {
  color: #212121;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 50px;
  line-height: normal;
}

.journey-to-success .heading h4 span {
  font-weight: 600;
  color: #60418b;
}

.journey-to-success .video-main {
  position: relative;
  margin-bottom: 25px;
   cursor: pointer;
}


.journey-to-success .video-main .video {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  right: 0;
  top: 0;
  transition: all 0.6s ease-in;
  border-radius: 10px;
}

.journey-to-success .video-main .video .thumb {
  width: 100%;
  height: 395px;
  object-fit: cover;
  object-position: center;
  transition: all 1.6s ease-in;
}

.journey-to-success .video-main .video .play {
  position: absolute;
  top: 0;
  padding: 10px;
  width: 100%;
  transition: all 0.6s ease-in;
  display: flex;
  height: 100%;
  justify-content: center;
}

.journey-to-success .video-main:hover .video .thumb {
  mix-blend-mode: multiply;
}

.journey-to-success .video-main .video .play {
  transition: all 0.6s ease-in;
  opacity: 0;
}

.journey-to-success .video-main:hover .video .play {
  position: absolute;
  right: inherit;
  top: inherit;
  padding: 120px;
  width: 100%;
  /* transform: translateY(25%); */
  transition: all .6s ease-in;
  opacity: 1;
}

.journey-to-success .video-main:hover .video .thumb {
  transform: scale(1.1);
  transition: all 1.6s ease-in;
}

.journey-to-success .video-main .video {
  overflow: hidden;
}

.journey-to-success .video-main .video .black {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.journey-to-success .morebtn {
  text-align: center;
  margin-top: 70px;
}

/* Technology We Expertised */
.expertised {
    padding: 30px 0;
}

.expertised .heading {
  margin-bottom: 30px;
}

.expertised .heading h4 {
  color: #000000;
  ;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: normal;
}

.expertised .heading h4 span {
  font-weight: 600;
  color: #60418b;
}

.tecnology-icons {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-items: center;
  gap: 40px;
  border: 2px solid #cbcbcb;
  padding: 20px;
  border-radius: 30px;
}
.ui-ux-tecnology-icons{
    grid-template-columns: repeat(9, 1fr);
}

.dm-tecnology-icons{
    grid-template-columns: repeat(5, 1fr);
}
/* .brd-bt {
  border-bottom: 0.1px solid #c4c4c4;
  margin: 0px;
}

.brd-tp {
  border-top: 0.1px solid #c4c4c4;
  margin: 0px;
}

.pad-10 {
  padding: 20px;
}

.brd-rht {
  border-right: 1px solid #c4c4c4;
}

.brd-lft {
  border-left: 1px solid #c4c4c4;
} */

.tecnology-icons img {
  transition: all 0.5s ease 0s;
  cursor: pointer;
}

.tecnology-icons img:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.zero {
  padding: 0px;
  margin: 0px;
}


/* BLOGS */
.blog-section {
  padding: 100px 0;
}

.blog-section .blog {
  box-shadow: 0px 0px 22px -3px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.banner-inner-blog {
  background: url(../images/placement.webp);
  height: 400px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0px;
  position: relative;
  margin-top: 75px;
}

.banner-inner-blog .content {
  position: absolute;
  bottom: -33px;
  text-align: center;
  width: 100%;
}

.banner-inner-blog .content span {
  background: #604d8e;
  color: #fff;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 35px;
  border-radius: 200px;
  font-size: 2.5rem;
}

.blog-section .heading p {
  margin: 0;
  padding: 0;
  color: #666;
}

.blog-section .heading {
  text-align: center;
  margin-bottom: 40px;
}

.blog-section .heading h4 {
  color: #212121;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: normal;
  text-transform: capitalize;
}

.blog-section .heading h4 span {
  font-weight: 600;
  color: #604d8e;
  font-size: 40px;
}

.blog-section .blog .blog-thumb img {
  width: 100%;
  height: 235px;
  object-fit: cover;
  object-position: center;
}

.blog-section .blog h5 {
  font-size: 17px;
  margin: 0;
  padding: 0 30px;
  margin: 15px 0;
  margin-top: 25px;
  text-align: center;
}

.blog-section .blog .blog-thumb {
  border-radius: 10px;
  overflow: hidden;
  background: #f8f8f8;
}

.blog-section .blog p {
  font-size: 13px;
  margin: 0;
  padding: 0 20px 30px 20px;
  text-align: center;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.blog-section .morebtn {
  text-align: center;
  margin-top: 50px;
  position: relative;
  overflow: hidden;
}

.blog-section .morebtn {
    font-size: 15px;
    color: #ffffff;
    background-color: #614d90;
    padding: 4px 15px;
    border-radius: 100px;
    margin: auto;
    width: fit-content;
    margin-top: 55px;
}

.blog-section .blogs-clm .blog {
  margin-bottom: 50px;
  box-shadow: 0px 0px 22px -3px rgba(0, 0, 0, 0.1);
  margin: 20px 10px;
  border-radius: 15px;
}

.blog-section .blogs-clm a.blog-btn {
  text-decoration: none;
  color: var(--bs-heading-color);
}

.blog-section .blogs-clm a.blog-btn .blog .blog-thumb img {
  transition: all 0.9s ease-in;
}

.blog-section .blogs-clm a.blog-btn:hover .blog .blog-thumb img {
  transform: scale(1.1);
  transition: all 0.9s ease-out;
}

.blog-section .blogs-clm a.blog-btn .blog {
  transition: all 0.6s ease-out;
}

.blog-section .blogs-clm a.blog-btn:hover .blog {
  box-shadow: 0px 0px 34px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.6s ease-out;
}

/* Single Blog */
.single-blog-section {
  padding: 100px 0;
}

.single-blog-section .heading {
  text-align: start;
  margin-bottom: 40px;
}

.single-blog-section .heading h1 {
  color: #212121;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: normal;
  text-transform: capitalize;
}

.single-blog-section .heading h1 span {
  font-weight: 600;
}

.single-blog-section .heading p {
  margin: 0;
  padding: 0;
  color: #666;
}

.single-blog-section .blog .blog-thumb img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: center;
}

.single-blog-section .blog .blog-thumb img.view {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
}

.single-blog-section .blog .blog-thumb {
  border-radius: 15px;
  overflow: hidden;
  background: #f8f8f8;
}

.single-blog-section .blog h5 {
  font-size: 20px;
  margin: 0;
  padding: 0 10px;
  margin: 18px 0;
  text-align: start;
}

.single-blog-section .blog p {
  font-size: 13px;
  margin: 0;
  padding: 0 10px 10px 10px;
  text-align: justify;
  color: #666;
}

/*  */
.single-blog-section .recent-blogs .blog h5 {
  font-size: 20px;
  margin: 0;
  padding: 0 10px;
  margin: 18px 0;
  text-align: start;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.single-blog-section .recent-blogs .blog p {
  font-size: 13px;
  margin: 0;
  padding: 0 10px;
  text-align: justify;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.single-blog-section .view-blog .blog h1 {
  color: #212121;
  font-size: 26px;
  font-weight: 500;
  margin: 30px 10px;
  line-height: normal;
  text-transform: capitalize;
}

/*  */
.single-blog-section .recent-blogs a.blog-btn {
  text-decoration: none;
  color: var(--bs-heading-color);
  margin: 15px 0;
  display: inline-block;
  border: 1px solid #f2f2f2;
  border-radius: 15px;
}

.single-blog-section .recent-blogs a.blog-btn .blog .blog-thumb img {
  transition: all 0.9s ease-in;
}

.single-blog-section .recent-blogs a.blog-btn:hover .blog .blog-thumb img {
  transform: scale(1.1);
  transition: all 0.9s ease-out;
}

.single-blog-section .recent-blogs a.blog-btn .blog {
  transition: all 0.6s ease-out;
  border-radius: 15px;
}

.single-blog-section .recent-blogs a.blog-btn:hover .blog {
  box-shadow: 0px 0px 34px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.6s ease-out;
}

.single-blog-section .recent-blogs a.blog-btn .blog .cnts {
  padding-bottom: 15px;
  border-radius: 15px;
  overflow: hidden;
}



/* TRANSFORM AD SECTION */
.transform-sec {
  padding: 230px 0;
  position: relative;
  max-width: 1300px;
  margin: 4rem auto;
}

.transform-sec .video-bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  border-radius: 40px;
}

.transform-sec .content {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  padding-top: 0px;
}
.transform-sec .content{
  position: relative;
  padding: 40px !important;
}

.transform-sec .content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 1) 100%);
    border-radius: 30px;
    margin: auto;
}

/* ========================================================================= */




.transform-sec .container:hover i {
  transform: rotate(-45deg);
}

.transform-sec .log_arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 200px;
}

.transform-sec .log_arrow i {
  color: #fff;
  font-size: 30px;
  transition: 0.2s;
}

.transform-sec .bottom_cnt {
  display: flex;
  justify-content: space-between;
  z-index: 1;
  position: relative;
}

.transform-sec .bottom_cnt .bttn {
  margin-top: 20px;
}

.transform-sec .bottom_cnt .enquiry_button button {
  color: #fff;
  background-color: #F9A121;
  padding: 8px 30px;
  border-radius: 8px;
  font-weight: 500;
  position: relative;
}

.transform-sec .bottom_cnt .text_cnt {
  width: 50%;
}

.transform-sec .bottom_cnt .text_cnt p {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}

.transform-sec .bottom_cnt .text_cnt h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-align: left;
}




/* ======================================================= */

/* .transform-sec .tra-bg {
  background: #604D8E;
  padding: 50px;
  border-radius: 15px;
}

.transform-sec .contents .logo {
  width: 120px;
}

.transform-sec .contents h6 {
  font-size: 27px;
  color: #fff;
  margin: 20px 0;
  width: 70%;
  line-height: normal;
  font-weight: 400;
}

.transform-sec .contents a.btn {
  font-size: 15px;
  color: #000;
  background-color: #F9A121;
  padding: 8px 35px;
  border-radius: 100px;
}

.transform-sec .image {
  height: 100%;
}

.transform-sec .image .img {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}

.transform-sec .image .img img {
  width: 161px;
} */


/* FAQ (Frequently Asked Questions) */
.faq-section {
  padding: 20px 0 100px 0;
}

.faq-section .heading h5 {
  color: #212121;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: normal;
}

.faq-section .heading h5 span {
  font-weight: 600;
}

.faq-section .image-faq img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

/*  */
.faq-section .faq .accordion {
  /* border: 1px solid #ddd;
  border-radius: 5px; */
  overflow: hidden;
  /* max-width: 600px;
  margin: auto; */
}

.faq-section .faq .accordion__item {
  /* border-bottom: 1px solid #ddd; */
}

.faq-section .faq .accordion__item:last-child {
  border-bottom: none;
}

.faq-section .faq .accordion__header {
  background: #ffff;
  padding: 17px 15px;
  cursor: pointer;
  font-weight: bold;
  transition: 0s ease;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #f3f3f3;
  position: relative;
}

.faq-section .faq .accordion__header h6 {
  margin: 0;
  font-weight: 400;
  padding-left: 40px;
}

.faq-section .faq .accordion__header img {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  /* display: block;
  margin-right: auto;
  margin-left: auto; */
}

.faq-section .faq .accordion__header:hover img {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(42deg);
  -moz-transform: rotate(42deg);
  -o-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  transform: rotate(42deg);
}

.faq-section .faq .accordion__header.hidden {
  display: none;
}


.faq-section .faq .accordion__content {
  padding: 10px;
  display: none;
  background: #fff;
}

.faq-section .faq .accordion__content.active {
  display: block;
}

.faq-section .faq .accordion__content.active.accordion__header {
  background: #604D8E;
  color: #fff;
  border-radius: 15px;
}
.faq-section .accordion__content ul li {
    list-style: inside;
}
.faq-section .accordion__content ul li span{
  font-weight: 600;
}
.accordion__header1::before {
  content: '01';
  font-size: 20px;
  position: absolute;
  top: 13px;
  left: 20px;
  font-weight: 600;
}

.accordion__header2::before {
  content: '02';
  font-size: 20px;
  position: absolute;
  top: 13px;
  left: 20px;
  font-weight: 600;
}

.accordion__header3::before {
  content: '03';
  font-size: 20px;
  position: absolute;
  top: 13px;
  left: 20px;
  font-weight: 600;
}

.accordion__header4::before {
  content: '04';
  font-size: 20px;
  position: absolute;
  top: 13px;
  left: 20px;
  font-weight: 600;
}

.accordion__header5::before {
  content: '05';
  font-size: 20px;
  position: absolute;
  top: 13px;
  left: 20px;
  font-weight: 600;
}

.accordion__header6::before {
  content: '06';
  font-size: 20px;
  position: absolute;
  top: 13px;
  left: 20px;
  font-weight: 600;
}

.faq-section .faq .accordion__header:hover {
  background: #604D8E;
  color: #fff !important;
  border-radius: 15px;
}

/* FOOTER */
footer {
  padding: 55px 0;
  background: #121212;
  padding-bottom: 10px;
  overflow-x: hidden;
}

footer .skilz-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}

footer .skilz-brand .logo img {
  width: 130px;
}

footer .skilz-brand .way_to {
  display: flex;
  flex-direction: column;
  position: relative;
}

footer .skilz-brand .way_to a {
  color: #fff;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 100px;
  z-index: 9;
  
}
footer .skilz-brand .way_to .way_a {
  border: solid #f9a121 1px;
}
footer .skilz-brand .way_to .way_b {
  border: solid #60418b 2px;
}
footer .skilz-brand .way_to .way_a:hover{
  background-color: #f9a121;
}
footer .skilz-brand .way_to .way_b:hover{
  background-color: #60418b;
}


footer .skilz-brand .way_to a i {
  padding-right: 7px;
}

footer .skilz-line {
  background-color: #393939;
  width: 95.5%;
  height: 0.1px;
  display: inline-block;
  margin: 50px 30px;
}

/*  */
footer .footer-social {
  margin: 0;
  padding: 0;
}

footer .footer-social ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

footer .footer-social ul li {
  margin: 15px 0;
}

footer .footer-social ul li:nth-child(3),
footer .footer-social ul li:nth-child(5) {
  flex: 0 0 calc(50% - 10px);
  /* Remaining columns take 1/2 of the width in the second row */
}


/*  */

footer .footer-nav h6 {
  font-size: 17px;
  margin-bottom: 25px;
  color: #f9a121;
}

footer .footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
}

footer .footer-nav ul li {
  margin: 15px 0;
}

footer .footer-nav ul li a {
  color: #a3a3a3;
  text-decoration: none;
}

footer .footer-nav ul li a:hover {
  color: #ffffff;

}

footer .footer-nav ul li a img {
  margin-right: 7px;
}

/*  */

/*  */
.footer-getin {
  margin-left: 200px;
}

footer .footer-getin h6 {
  font-size: 17px;
  margin-bottom: 25px;
  color: #f9a121;
}

footer .footer-getin .getin input,
footer select {
  width: 100%;
  outline: none;
  font-size: 13px;
  padding: 8px 10px;
  border: 1px solid #494949;
  background: transparent;
  font-weight: 400;
  color: #aeaeae;
  margin: 5px 0px;
  border-radius: 7px;
}

footer .footer-getin .getin input:focus,
footer .footer-getin .getin select:focus {
  border-color: #f9a221;
}

/* INPUT ARROW REMOVE */
footer .footer-getin .getin input[type=number]::-webkit-inner-spin-button,
footer .footer-getin .getin input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/* INPUT ARROW REMOVE */

footer .footer-getin .getin select {
  padding: 8px 10px;
  margin: 8px 0px;
}

footer .footer-getin .getin select option {
  font-size: 11px;
  padding: 5px 5px;
}

footer .footer-getin .getin a {
  color: #fff;
  background-color: #f9a121;
  padding: 9px 20px;
  border-radius: 100px;
  text-decoration: none;
  font-size: 14px;
  margin-top: 25px;
}
footer .footer-getin .getin a:hover{
  color: #fff;
}

/*  */
/* HIGH LIGHT */
.foot-highlight {
  color: #fff;
  border-radius: 150px;
  padding: 15px;
  padding-top: 60px;
}

.foot-highlight img {
  width: 40px;
}

footer .foot-high ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-left: 12px;
}

footer .foot-high ul li h6 {
  margin: 0;
}

footer .foot-high ul li a {
  text-decoration: none;
  color: #fff;
}

/*  */

footer .under {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

footer .under p {
  text-align: center;
  color: #b4b4b4;
}
footer .under p a{
  color: #ffffff;
  font-size: 14px;
}
footer .under p a img{
  margin-right: 5px;
}

.main-highlight {
  position: relative;
}

/* smoothpage */
.contentsmooth {
  height: 300vh;
}

.scroll-container {
  z-index: 10;
}

/*  */


/* Footer Testi  */
.certificates-slider {
  position: relative;
}

.certificates-slider h4 {
  position: absolute;
  text-transform: uppercase;
  left: 0%;
  top: -160px;
  font-size: 6rem;
  font-weight: 900;
  display: inline-flex;
  align-items: flex-end;
  height: 100%;
  opacity: 0.1;
  /* color: #f9a121; */
  color: transparent;
  -webkit-text-stroke: 2px #60418b;
  text-stroke: 2px #f9a121;
  text-shadow: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.certificates-slider h3 {
  position: absolute;
  text-transform: uppercase;
  left: 20%;
  top: -50px;
  font-size: 7rem;
  font-weight: 900;
  display: inline-flex;
  align-items: flex-end;
  height: 100%;
  opacity: 0.1;
  /* color: #f9a121; */
  color: transparent;
  -webkit-text-stroke: 2px #f9a121;
  text-stroke: 2px #f9a121;
  text-shadow: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}



/* INNER PAGE HEADER MENU */

.banner-inner {
  background: url(../images/placement.webp);
  height: 400px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* overflow-x: hidden; */
  /* overflow-y: hidden; */
  top: 0px;
  position: relative;
  margin-top: 75px;
}

.banner-inner:before {
  content: "";
  /* position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: url(../images/lines.png), rgba(0,0,0,0.5);
  background-blend-mode: multiply;
  filter: brightness(0) invert(1); */
}

.innerpage .stickylogo {
  display: block;
}

.innerpage .defaultlogo {
  display: none;
}

.innerpage.headerr.fixed .stickylogo {
  display: block;
}

.innerpage.headerr.fixed .defaultlogo {
  display: none;
}

.innerpage.navbar.custommenu .logo img {
  width: 122px;
}

.innerpage.headerr.fixed.navbar.custommenu .logo img {
  width: 100px;
  transition: all 0.3s ease-in-out;
}

.innerpage.headerr.fixed.navbar.custommenu .custom-dropdown-menu,
.custommenu .menu-right {
  background: #e9ecef;
  top: 48px;
}

.innerpage.headerr.navbar.custommenu ul.custom-dropdown-menu li a {
  color: #000;
}

.innerpage.headerr.navbar.custommenu ul li a {
  color: #1d1d1d;
  font-family: 'Proxima Nova Alt Lt', sans-serif;
}

.innerpage.headerr.fixed.navbar.custommenu ul li a {
  color: #112f48;
}

.banner-inner .content {
  position: absolute;
  bottom: -33px;
  text-align: center;
  width: 100%;
}

.banner-inner .content h1 {
  background: #604d8e;
  color: #fff;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 35px;
  border-radius: 200px;
}


/* END INNER PAGE HEADER MENU */


/* ABOUT PAGE */
.about-section .content span {
    background: #604d8e;
    color: #fff;
    width: fit-content;
    margin: 0 auto;
    border-radius: 200px;
    font-size: 2.1rem;
    position: absolute;
    padding: 0.2rem 1.8rem;
}

.about-section .content span.learn .bg-white {
  background: #ffffff;
  display: flex;
  position: relative;
  width: 330px;
  height: fit-content;
  margin: 0 auto;
  padding: 10px 35px;
  justify-content: center;
  border-radius: 0px;
  z-index: 2;
}

.transform-sec .content span.learn::after,.about-section .content span.learn::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0px;
  left: -15px;
  right: -15px;
  background: rgb(96, 77, 142);
  background: linear-gradient(117deg, rgba(96, 77, 142, 1) 0%, rgba(98, 20, 129, 1) 100%);
  clip-path: polygon(4% 0%, 96% 0%, 100% 100%, 0% 100%);
  height: calc(100% + 15px);
  z-index: 1;
  border-radius: 3px;
}

.transform-sec .content,.about-section .content {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-section-second h1 {
  color: #555;
  text-align: left;
  font-weight: 100;
  font-size: 30px;
}

.about-section-second .contents p {
  font-family: 'Proxima Nova', sans-serif;
  color: #555;
  font-size: 15px;
}

.about-section .content img {
  width: 300px;
}

.about-section-second .aboutimge {
  padding-top: 0 !important;
}

.history .aboutimge {
  padding-top: 70px;
}

.history .aboutimge img {
  width: 100%;
}

.marquee-section {
  position: relative;
  padding: 20px 0;
  background: #604d8e;
  margin-top: 30px;
}

.carousel-infinite .carousel .marquee__line {
  display: flex;
  position: relative;
}




.carousel-infinite .carousel .marquee__line {
  flex-shrink: 0;
  padding: 0 4px;
  font-smooth: always;
}

.carousel-infinite {
  background: #3B7FFF;
  color: #EEE;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.667vw;
  padding: 32px 0;

  position: relative;
  overflow: hidden;
}

.marquee__carousel {
  -webkit-font-smoothing: antialiased;
  width: fit-content;
  display: flex;
  flex: auto;
  flex-direction: row;
}


/* ---  */
/* .marquee__part {
  flex-shrink: 0;
  padding: 0 4px;
  font-smooth: always;
}

.marquee {
  background: #3B7FFF;
  color: #EEE;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.667vw;
  padding: 32px 0;

  position: relative;
  overflow: hidden;
}

.marquee__inner {
  -webkit-font-smoothing: antialiased;
    width: fit-content;
    display: flex;
    flex: auto;
    flex-direction: row;
} */
.text-marquee {
  position: relative;
  display: flex;
  align-items: center;
  overflow-x: hidden;
}

.text-single {
  position: relative;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  will-change: transform;
}

.text-single img {
  width: 35px;
  display: flex;

}

.text {
  padding: 0;
  font-size: 2.4rem;
  display: inline-block;
  margin-right: 1rem;
  font-family: arial;
  font-weight: bold;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 0.4px rgb(255 255 255);
  text-stroke: 1px rgb(96 65 139);
  text-shadow: none;
}


/* CEO  */
.ceo-section {
  padding: 100px 0;
}

.ceo-section .ceo-div .ceo-message img {
  width: 450px;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-bottom-left-radius: 200px;
  border-bottom-right-radius: 200px;
}

.ceo-section .ceo-messages h4 {
  /* color: #242424; */
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: normal;

  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #F9A121 0%, #F9A121 25%, #60418b 50%, #60418b 75%, #60418b 100%);
}

.ceo-section .ceo-messages h4 span {
  color: #666;
  font-size: 3rem;
  font-weight: 400;
  line-height: normal;
  background-image: none;
  text-fill-color: #666;
  -webkit-text-fill-color: #666;
}

.ceo-section .ceo-messages .nameboth ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

.ceo-section .ceo-messages .nameboth ul li {
  /* margin-right: 60px; */
}

.ceo-section .ceo-messages .nameboth ul li h6 {
  font-size: 17px;
  font-weight: 600;
  color: #f9a121;
}

.ceo-section .ceo-messages .nameboth ul li p {
  margin: 0;
  font-size: 14px;
}


/* MENTOR POPUP  */
.your-mentors .mentor {
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease;
}

.mentor img {
  width: 100%;
  display: block;
}

.mentor:hover {
  transform: translateY(-5px);
}

.notification {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  background-color: #604d8e;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mentor:hover .notification {
  opacity: 1;
  transform: translateY(0);
}

.notification h4 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.notification p {
  margin: 5px 0 0;
  font-size: 11px;
  font-weight: 300;
}

.notification::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #604d8e transparent transparent transparent;
}


/* .mentor-popup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  flex-direction: column;
  text-align: center;
  padding: 10px;
}

.mentor:hover .mentor-popup {
  opacity: 1;
}

.mentor-popup h3 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.mentor-popup p {
  margin: 5px 0 0;
  font-size: 14px;
}

.overlay-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ff4d4d;
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 5px;
} */

/* .ceo-section .ceo-messages h4 {
  color: rgba(221, 51, 51, 0.3);
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s cubic-bezier(0,0,0,1), -webkit-transform .85s cubic-bezier(.19,1,.22,1);
} */

/* .ceo-section .ceo-messages img {
  display: block;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
} */

/* @supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text) {
  .ceo-section .ceo-messages h4 {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: url(../images/download.svg);
    background-size: cover;
    background-position: center;
  }
} */

.ceo-section .ceo-messages p {
  color: #292929;
  font-size: 15px;
  font-weight: 300;
  margin: 30px 0;
}

.ceo-section .ceo-message .left-shape {
  width: 50%;
  float: left;
  height: 450px;
  background: #604d8e;
  border-bottom-left-radius: 400px;
  border-top-left-radius: 400px;
  position: relative;
}

.ceo-section .ceo-message .right-shape {
  width: 40%;
  float: left;
  height: 400px;
  background: #f9a121;
  border-bottom-right-radius: 400px;
  border-top-right-radius: 400px;
  margin-top: 7.5rem;
  position: relative;
}

.ceo-section .ceo-message {
  position: relative;
  left: 0;
  bottom: 0;
}

.ceo-section .ceo-div {
  position: relative;
}

.ceo-section .ceo-div .ceo-message img.ceos {
  position: absolute;
  left: 14px;
  z-index: 2;
  top: 50px;
}

.ceo-section .ceo-message .message-icon {
  position: relative;
}

.ceo-section .ceo-message .message-icon img.msg {
  width: 80px;
  position: absolute;
  left: -170px;
  z-index: 2;
  height: auto;
  filter: invert(33%) sepia(11%) saturate(2704%) hue-rotate(216deg) brightness(90%) contrast(83%);
}

/* CONTACT US */
.skilz-contactus {
  margin: 100px 0;
  margin-top: 0;
}

.banner-inner-contact {
  background: url(../images/placement.webp);
  height: 400px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0px;
  position: relative;
  margin-top: 75px;
}

.banner-inner-contact .content {
  position: absolute;
  bottom: -33px;
  text-align: center;
  width: 100%;
}

.banner-inner-contact .content h1 {
  background: #604d8e;
  color: #fff;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 35px;
  border-radius: 200px;
}


.contactus {
  margin: 130px 0 20px 0;
  padding: 0 16vw;
}

.contactus .contents {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}

.contactus .contents p {
  font-size: 17px;
  color: #4c4c4c;
  line-height: 1.7;
}

.contactus .contents h2 {
  display: flex;
  align-items: center;
  gap: 30px;
}

.contactus .contents h2 a {
  font-size: 25px;
  color: #604d8e;
  font-weight: 600;

}

.contactus .contents .gmap iframe {
  width: 450px;
  height: 350px;
  border-radius: 15px;
}

.contactus.aboutimge {
  padding-top: 70px;
}

.contactus .social-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.contactus .social-links ul li {
  margin: 0 10px;
}

.contactus .social-links ul a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
  font-weight: 400;

  position: relative;
  display: block;
}




.contact-container {
  display: flex;
  gap: 40px;
  padding: 40px;
  max-width: 1300px;
  margin: 0 auto;
  flex-wrap: wrap;
  margin-top: 6rem;
}

.locations {
  flex: 1 1 340px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.location-card {
  background: #f4f3fb;
  border-radius: 16px;
  padding: 18px 24px;
  display: flex;
  gap: 18px;
  box-shadow: 0 2px 7px rgba(20, 40, 60, 0.04);
  align-items: flex-start;
}

.loc-map-img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(44, 44, 44, 0.05);
}
.loc-map-img{
  width: 170px;
}

.loc-content {
  flex: 1;
}

.loc-content h3 {
  margin: 0 0 12px;
  color: #383175;
  font-size: 1.2rem;
  font-weight: 600;
}

.loc-content p {
  margin: 0 0 4px;
  font-size: 0.9rem;
  color: #222235;
}

.loc-info {
  margin: 10px 0;
}

.loc-info .icon {
  color: #8162a7;
  margin-right: 4px;
}

.loc-images {
  display: flex;
  gap: 6px;
  margin-top: 15px;
}

.loc-images img {
  width: 85px;
  height: 75px;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid #eee;
}

.contact-form-section {
  flex: 1 1 390px;
}

.contact-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
}

.contact-header h2 {
  font-size: 1.75rem;
  margin: 0 0 2px;
  color: #2f2948;
  font-weight: 500;
}

.contact-header p {
  font-size: 0.92rem;
  color: #666;
  margin: 0 0 11px 0;
}

.social {
  margin: 4px 0 12px 0;
}

.social a {
  color: #383175;
  margin-right: 10px;
  font-size: 1.15rem;
  text-decoration: none;
  transition: color 0.2s;
}

.social a:hover {
  color: #8162a7;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.input-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.input-group label {
  font-size: 0.95rem;
  margin-bottom: 2px;
  color: #443d67;
}

.input-group input,
.input-group textarea {
  padding: 11px 13px;
  border: 1px solid #e0e0e0;
  border-radius: 7px !important;
  font-size: 1rem;
  background: #fbfbfd;
  color: #353352;
  outline: none;
  transition: border .16s;
}

.input-group input:focus,
.input-group textarea:focus {
  border: 1.5px solid #ad98cf;
  background: #fff;
}

.submit-btn {
  margin-top: 10px;
  padding: 11px 0;
  background: #8162a7;
  color: #fff;
  border: none;
  border-radius: 7px;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s;
  max-width: 140px;
}

.submit-btn:hover,
.submit-btn:focus {
  background: #5f427b;
}





/*
---------------------------------------
hover effect 6
---------------------------------------
*/

.contactus .social-links ul a {
  padding: 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.contactus .social-links ul a:before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 10px 0;
  max-width: 0;
  /* border-bottom: 2px solid #f9a222; */
  color: #f9a222;
  content: attr(data-hover);
  -webkit-transition: max-width 0.5s;
  -moz-transition: max-width 0.5s;
  transition: max-width 0.5s;
}

.contactus .social-links ul a:hover:before,
.contactus .social-links ul a:focus:before {
  max-width: 100%;
}

/* effect-shine */
/* a.effect-shine:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(249,162,34,.6) 30%, #f9a222 50%, rgba(249,162,34,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
} */

.skilz-contactus .unique-box .location img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(25deg) brightness(100%) contrast(1000%);
  width: 39px;
}

.skilz-contactus .unique-box {
  display: flex;
  /* justify-content: space-between; */
  justify-content: space-around;
  margin: 0 0px;
}

.skilz-contactus .unique-box .image {
  padding-left: 0px;
  width: calc(70% - 0px);
}

.skilz-contactus .unique-box .location {
  width: calc(30% - 0px);
  display: flex;
  justify-content: center;
  margin-top: 5px;
}




.contactus .aboutimge img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.skilz-contactus .heading h4 {
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 70px;
  display: flex;
  flex-direction: column;
}

.skilz-contactus .unique-box .image a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
}


.skilz-contactus .unique-box h5 {
  color: #F9A121;
  font-weight: 600;
  display: inline-grid;
}

.skilz-contactus .unique-box p {
  color: #f8f8f8;
}

.skilz-contactus .unique-box {
  background: rgb(96, 77, 142);
  background: linear-gradient(62deg, rgba(96, 77, 142, 1) 0%, rgba(98, 20, 129, 1) 100%);
  padding: 20px 20px 20px 20px;
  margin-bottom: 21px;
  border-radius: 15px;
}

.skilz-contactus .unique-box .bg-image {
  background: url(../images/experts-bg.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.skilz-contactus .unique-box .bg-image2 {
  background: url(../images/trainers-bg.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.getindiv {}

















.img_box img {
  /* height: 100%;
  width: 100%; */
  object-fit: cover;
  transform-origin: left;
}

.img_box .reveal {
  visibility: hidden;
  position: relative;
  width: 80%;
  height: 80%;
  max-width: 500px;
  overflow: hidden;
}


/* EFF 2 */
.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.contactus {
  display: flex;
  align-items: center;
  justify-content: center;
  /* min-height: 100dvh; */
}

/* .contactus .img {
  position: relative;
  width: min(80vw, 900px);
  padding: 10vw;
} */
.contactus .img {
  position: relative;
  /* width: min(70vw, 450px);
  padding: 0vw; */
}

.contactus .img-container {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 32px;
}

/* .contactus .img-container img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(1.4);
  transform-origin: 50% 50%;
} */
.contactus .img-container img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(1.2);
  transform-origin: 50% 50%;
}


/*  */
.getindiv .contact-skilz .enquiry form input {
  width: 100%;
  padding: 6px 10px;
  margin: 5px 0;
  outline: none;


  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.getindiv .contact-skilz .enquiry form input:focus,
.getindiv .contact-skilz .enquiry form textarea:focus {
  border-color: #f9a221;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.getindiv .contact-skilz .enquiry form textarea {
  width: 100%;
  padding: 6px 10px;
  margin: 5px 0;
  outline: none;
  border: 1px solid #ced4da;
  margin-bottom: 40px;
}

.getindiv .contact-skilz .enquiry form a {
  color: #fff;
  font-size: 15px;
  background-color: #604D8E;
  padding: 8px 35px;
  border-radius: 100px;
  text-decoration: none;
}

/*  */
.certificates-slider .testimonial {
  display: flex;
  flex-direction: column;
  padding: 50px 20px;
}

.certificates-slider .testimonial .profile img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  object-position: center;
  border-radius: 200px;
}




.review-video {
  position: relative;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  margin: 0.5rem;
}

.review-video img {
  width: 100%;
  border-radius: 12px;
  height: 500px;
  object-fit: cover;
}

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

.play_icon i {
  font-size: 50px;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}

.review-video:hover .play_icon i {
  opacity: 1;
}

.review-heading h4 {
  font-size: 35px;
  color: #fff;
  margin-bottom: 3rem;
}


.review_slider .slick-prev{
  left: 0;
  top: 50%;
}

.review_slider .slick-next{
  left: 100%;
  top: 50%;
}


/* PLACEMENT  */
.placement-section-second {
  margin: 100px 0;
  margin-bottom: 0;
}

.banner-inner-placement {
  background: url(../images/placement.webp);
  height: 400px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0px;
  position: relative;
  margin-top: 75px;
}

.banner-inner-placement .content {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
}

.banner-inner-placement .content span {
  background: #604d8e;
  color: #fff;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 70px;
  border-radius: 200px;
  font-size: 2rem;
}

.placement-section-second .imagemain-div {
  position: relative;
}

.placement-section-second .imagemain-div .clusterPieces {
  position: absolute;
  right: 80px;
  bottom: 220px;
}

.placement-section-second .imagemain-div .clusterPieces2 {
  position: absolute;
  left: 210px;
  bottom: 290px;
}

.placement-section-second .imagemain-div .clusterPieces3 {
  position: absolute;
  left: 0px;
  bottom: 201px;
}

.placement-section-second .imagemain-div .clusterPieces4 {
  position: absolute;
  left: 170px;
  bottom: -20px;
}

.placement-section-second .placed-text p {
  color: transparent;
  -webkit-text-stroke: 2px rgb(180, 180, 180);
  text-stroke: 2px rgb(180, 180, 180);
  text-shadow: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 5rem;
  font-weight: 900;
  opacity: 0.1;
}

.placement-section-second {
  position: relative;
}

.placement-section-second .placed-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 110px;
}


/* ====================================================COURSE DM================================================================ */
.course_banner {
    position: relative;
    height: 80vh;
    width: 100%;
    top: 0px;
    margin-top: 85px;
    margin-bottom: 50px;
    overflow: hidden;
    padding: 40px;
    color: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.course_banner .course_head {
    height: 450px;
    display: flex;
    align-items: flex-end;
}
.course_banner .course_head h1{
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.course_banner h1 span {
    font-size: 3rem;
    color: #ffffff;
}

.video-background {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  max-width: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: -2;
  border-radius: 30px;
  padding: 0;
  /* margin: 20px 0px; */
}


.banner-form-container {
    width: 320px;
    background: linear-gradient(to bottom, #ffffff00, #614d9078);
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    /* border: 2px #ffffff66 solid; */
    backdrop-filter: blur(5px);
}
/* 
.banner-form-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 120px;
  background: #fff;
  border-bottom-left-radius: 120px;
} */
#skillsForm{
    padding: 20px;
}
.banner-form_cnt {
    background: #fff;
    padding: 20px;
    padding-bottom: 50px;
    border-radius: 20px 20px 100% 0;
}
.banner-form-container h2 {
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #3c2c57;
}

.banner-form-container h2 span {
  font-size: 30px;
}

.banner-form-container .highlight {
  color: #ff9e1f;
}
.banner-form-container .highlight span{
  font-size: 30px;
}

#skillsForm input, #skillsForm select {
    width: -webkit-fill-available;
    padding: 9px;
    margin: 5px 0;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
}

#skillsForm .bttn-container {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

#skillsForm .bttn {
  flex: 1;
  margin: 0 5px;
  padding: 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  border: none;
  cursor: pointer;
}

.bttn-container .bttn-purple {
  background: #5a4080;
  color: #fff;
}

.bttn-container .bttn-orange {
  background: linear-gradient(to right, #ff9e1f, #ffb642);
  color: #fff;
}
.gg-digitalmarketing {
  padding: 30px 0;
  background: #f9f5ff;
}

.gg-digitalmarketing .graduate-div .graduate {
  display: flex;
  align-items: center;
}

.gg-digitalmarketing .graduate-div .graduate img {
  width: 80px;
}

.gg-digitalmarketing .graduate-div .graduate span {
  /* border: 1px solid #535353; */
  padding: 6px 25px;
  border-radius: 10px;
  /* position: relative; */
  left: 20px;
  z-index: 1;
  /* background: rgba(255, 255, 255, 0.7); */
}

.gg-digitalmarketing .graduate-div .graduate h3 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}

.gg-digitalmarketing .graduate-div .graduate p {
  margin: 0;
  width: max-content;
}

.gg-digitalmarketing .google-div .google span {
  /* border: 1px solid #535353; */
  padding: 6px 25px;
  border-radius: 10px;
  /* position: relative; */
  left: 15px;
  z-index: 1;
  /* background: rgba(255, 255, 255, 0.7); */
}

.gg-digitalmarketing .google-div .google {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.gg-digitalmarketing .google-div .google img {
  width: 55px;
}

.gg-digitalmarketing .google-div .google p {
  margin: 0;
}

.gg-digitalmarketing .google-div .google h3 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
  width: max-content;
}

.gg-digitalmarketing .contents {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.gg-digitalmarketing .contents h3 {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
  padding-left: 25px;
  color: #F9A121;
  display: flex;
  flex-direction: column;
  margin: 0;
}

.gg-digitalmarketing .contents h3 span {
  font-size: 15px;
}

.gg-digitalmarketing .contents h3 span:nth-child(1) {
  margin-top: 5px;
  font-weight: 400;
  text-transform: capitalize;
  color: #555;
}

.gg-digitalmarketing .contents h3 span:nth-child(2) {
  font-weight: 400;
  text-transform: capitalize;
  color: #555;
}

/* ab */
.dm-section-second {
  margin: 90px 0;
}

.dm-section-second .skilz-main-image .image {
  height: 100%;
}

.dm-section-second .skilz-main-image .image img {
  width: 100%;
  height: 100%;
  display: inline-flex;
  object-fit: cover;
  border-radius: 10px;
}

.dm-section-second .contents {
  margin: 0px 0;
}

.dm-section-second .contents h6 {
  font-size: 40px;
  color: #604d8e;
  font-weight: 600;
}

.dm-section-second .contents p {
  font-size: 17px;
  color: #4c4c4c;
  line-height: 1.7;
}

.dm-section-second h2 {
  color: #555;
  text-align: left;
  font-weight: 100;
  font-size: 30px;
}

.dm-section-second .contents p {
  font-family: 'Proxima Nova', sans-serif;
  color: #555;
  font-size: 15px;
}

.dm-section-second .aboutimge img {
  width: 100%;
}

.dm-section-second .dm-right-section {
  position: sticky;
  top: 67px;
  border-radius: 10px;
  border: 1px solid #dadada;
}

.dm-section-second .dm-right-section .head-banner {
  background: rgb(96, 77, 142);
  color: #fff;
  padding: 12px 15px;
  border-radius: 6px;
  margin-bottom: 30px;
}

.dm-section-second .dm-right-section .head-banner h4 {
  text-align: center;
  display: flex;
  flex-direction: column;
  font-weight: 300;
}

.dm-section-second .dm-right-section .head-banner h4 span:nth-child(1) {
  font-weight: 600;
  color: #f9a121;
}

.dm-section-second .dm-right-section .class h4 {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 20px;
  color: #666;
  padding: 0 25px;
}

.dm-section-second .dm-right-section .enqu-form {
  padding: 0 15px;
  padding-bottom: 15px;
}

.dm-section-second .dm-right-section .enqu-form input {
  width: 100%;
  border: 1px solid #9e9e9e;
  outline: none;
  margin: 5px 0;
  padding: 7px 10px;
  border-radius: 3px;
}

.dm-section-second .dm-right-section .enqu-form input:focus {
  border-color: #f9a221;
}

.dm-section-second .dm-right-section .enqu-form .buttons {
  display: flex;
  justify-content: space-between;
}

.dm-section-second .dm-right-section .enqu-form .buttons a {
  color: #fff;
  padding: 10px 30px;
  border-radius: 4px;
  margin-top: 10px;
  text-decoration: none;
}

.dm-section-second .dm-right-section .enqu-form .buttons a.enq {
  background: #604d8e;
}

.dm-section-second .dm-right-section .enqu-form .buttons a.brochure {
  background: #f9a121;
}

/* Testi DM */
.testee-videos .video-main {
  position: relative;
}

.testee-videos .video-main a .video {
  overflow: hidden;
}

.testee-videos .video-main .video {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  right: 0;
  top: 0;
  transition: all 0.6s ease-in;
}

.testee-videos .video-main .video .thumb {
  width: 100%;
  height: 395px;
  object-fit: cover;
  object-position: center;
  transition: all 1.6s ease-in;
}

.testee-videos .video-main .video .black {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.testee-videos .video-main a .video .play {
  transition: all 0.6s ease-in;
  opacity: 0;
}

.testee-videos .video-main .video .play {
  position: absolute;
  top: 0;
  padding: 10px;
  width: 100%;
  transition: all 0.6s ease-in;
  display: flex;
  height: 100%;
  justify-content: center;
}

.testee-videos .video-main a:hover .video .thumb {
  mix-blend-mode: multiply;
}

.testee-videos .video-main a:hover .video .play {
  position: absolute;
  right: inherit;
  top: inherit;
  padding: 150px;
  width: 100%;
  /* transform: translateY(25%); */
  transition: all .6s ease-in;
  opacity: 1;
}


/*  */
.testimonial-dm {
  padding: 100px 0;
  background: rgb(96, 77, 142);
  background: linear-gradient(117deg, rgba(96, 77, 142, 1) 0%, rgba(98, 20, 129, 1) 100%);
}

.testimonial-dm .testee-videos {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: auto;
  overflow: hidden;
}

.testimonial-dm .slider-videos {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}

.testimonial-dm .video-main {
  flex: 0 0 100%;
  opacity: 0;
  transition: opacity 1s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.testimonial-dm .video-main.active {
  opacity: 1;
  position: relative;
}

.testimonial-dm .video {
  position: relative;
}

.testimonial-dm .video img {
  width: 100%;
  display: block;
}

.testimonial-dm .controls {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.testimonial-dm .control {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  color: white;
  padding: 10px;
  cursor: pointer;
  font-size: 18px;
  display: none;
}

.testimonial-dm .control:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.testimonial-dm .indicators {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

.testimonial-dm .indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
}

.testimonial-dm .indicator.active {
  background-color: white;
}

.testimonial-dm .testees .certificates-slider .slick-vertical .testimonial .content p {
  color: #ffffff;
  margin: 0px 80px;
}

.testimonial-dm .testees .certificates-slider .slick-vertical .testimonial .content h6 {
  color: #ffffff;
}

.testimonial-dm .testees .certificates-slider .slick-vertical .testimonial .content h5 {
  color: #f9a121;
}



/* DEMO CLASS  */
/* .democlass {
  padding: 30px 0; 
  background: #604D8E;
}

.democlass .logo img {
  width: 80px;
}

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

.democlass .demo .emj {
  position: relative;
}

@keyframes shakeZoom {
  0%, 100% {
    transform: translateX(0) scale(0.8);
    opacity: 0;
  }
  25% {
    transform: translateX(-10px) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateX(10px) scale(1);
    opacity: 1;
  }
  75% {
    transform: translateX(-10px) scale(1);
    opacity: 1;
  }
}

.democlass .demo .emj img {
  width: 120px;
  position: absolute;
  top: -80px;
  left: 161px;
  animation: shakeZoom 4s infinite ease-in-out;
}

.democlass .demo h6 {
  color: #fff;
  font-size: 3vw;
  display: flex;
  flex-direction: column;
  font-weight: 300;
  line-height: 1;
}

.democlass .demo h6 span:nth-child(1) {
  font-weight: 700;
  color: #f9a121;;
}

.democlass .demo a.btn {
  font-size: 15px;
  color: #000;
  background-color: #F9A121;
  padding: 8px 35px;
  border-radius: 100px;
} */

/* ===================learning_path================== */
.learning-Path {
  margin: 100px auto;
}

.learning-Path h5 {
  font-size: 30px;
  margin-bottom: 50px;
  font-weight: 600;
  color: #000000;
  /* text-transform: uppercase; */
}

.learning-Path .info-section {
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.learning-Path .info-box {
  position: relative;
  /* padding-top: 30px; */
  border: 1px solid #6666661c;
  padding: 15px;
  border-radius: 10px;
}
.uiux-path .info-section{
  grid-template-columns: repeat(3, 1fr);
} 


/* .learning-Path .info-box::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  height: 0.5px;
  background-color: #000;
} */
.learning-Path .number {
  /* position: absolute;
  top: 0;
  left: 0; */
  font-size: 1.2rem;
  background: #fff;
  padding-right: 10px;
  color: #9e9e9e;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  height: 100%;
}

.learning-Path .info-box h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 20px;
  line-height: 1.4;
  color: #000000;
}

.learning-Path .info-box p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #333;
  margin-bottom: 20px;
}

.learning-Path .info-box a {
  font-size: 0.95rem;
  text-decoration: underline;
  color: #111;
}

.what_is_course {
  padding: 90px 0 0px 0;
}

.what_is_course h3 {
  font-size: 45px;
  font-weight: 600;
}

.what_is_course h3 span {
  color: #f9a121;
}

.whtisimg img {
  width: 100%;
  border-radius: 12px;
}
.whtispara {
  padding-left: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.whtispara p {
    margin-top: 1.5rem;
}

.number h6 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 25px;
}

.number img {
  width: 50px;
}

/* ================who-can-digitalmarketing================ */
.who-can-dm {
    padding: 100px 0;
}

.who-can-dm img {
    width: 100%;
    border-radius: 20px;
}

.who-can-dm .who-choose-dm h4 {
  font-size: 40px;
  color: #604d8e;
  font-weight: 600;
}

.who-can-dm .who-choose-dm-para {
  margin-bottom: 60px;
}
.who-can-dm .who-choose-dm-para p {
  font-size: 15px;
  text-align: justify;
}


.who-can-dm .who-digi-cnt {
    height: 100%;
    background: #604d8d;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    transform: translateY(30px);
    transition: 0.4s;
    color: #ffffff;
    justify-content: space-around;
}
.who-can-dm .who-digi-cnt h4 {
  font-weight: 600;
}
.who-can-dm .who-digi-cnt p {
    font-size: 14px;
    margin-bottom: 25px;
}
.who-can-dm .duration p,.who-can-dm .course-time p {
    font-size: 14px;
    margin: 0;
}

.who-can-dm .who-digi-cnt:hover {
  transform: translateY(0px);
}
.who-can-dm .duration, .who-can-dm .course-time {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}
.dm-technology-icons {
  border: 0.1px solid #c4c4c4;
  margin: 0px;
}

.dm-technology-icons .brd-rht {
  border: none;
}

.who-can-dm .bttn button{
    background: #ffffff;
    width: 100%;
    border: none;
    padding: 10px;
    border-radius: 99px;
}
.who-can-dm .opportunities {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 40px;
    gap: 20px;
}
.who-can-dm .opportunities .opo-points {
  position: relative;
}
.who-can-dm .opportunities .opo-points::before {
    content: url(../images/graduate.png);
    position: absolute;
    top: -10px;
    transform: scale(0.6);
    left: -5px;
}
.who-can-dm .opportunities .opo-points h6 {
    font-size: 18px;
    margin: 0;
    padding-left: 35px;
}

/*  */
.thanku{
  background-image: url(../images/thaankuu-bg.png);
  background-size: cover;
  background-position: center;
  height: 100vh;
}
.thanku-text{
    height: 110vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.thanku-text h2{
    color: #ffffff;
    font-weight: 700;
    font-size: 50px;
}
.thanku-text h2 span{
    color: #f9a121;
}
.thanku-text p{
    color: #ffffff;
    font-size: 17px;
    max-width: 430px;
    text-align: center;
}
.thanku-text a{
  color: #ffffff;
  background-color: #f9a121;
  padding:8px 20px;
  border-radius: 10px;
  margin-top: 40px;
  font-size: 15px;
  transition: 0.5s;
  &:hover{
    background-color: #604d8e;
    scale: 0.95;
  }
}
.thanku-text::before {
  content: url(../images/thanku-astro.png);
  position: absolute;
  top: 150px;
  left: -30px;
  opacity: 0.8;
  animation: thnku-bounce 4s ease-in-out infinite; 
}

@keyframes thnku-bounce {

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

  50% {
    transform: translateY(25px);
  }
}


/* =================gallery-showcase================ */

.gallery-showcase {
  padding-top: 100px;
}
.gallery-showcase p {
  font-size: 35px;
  margin-bottom: 50px;
  margin-left: 100px;
  line-height: 50px;
}
.gallery-showcase .learn-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
}
.gallery-showcase .learn-img img {
    width: 250px;
}
.showcase-slider .showcase-img img {
    width: 210px;
    border-radius: 10px;
}
.showcase-slider .showcase-items {
    display: flex;
    padding-bottom: 15px;
    animation: scroll 60s linear infinite;
    gap: 10px;
}
.showcase-slider .slide-right{
   animation: scroll 60s linear infinite reverse;
}
@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}



/* =================students_works=================== */

.students_works{
  position: relative;
}
.students_works .works_head{
  text-align: center;
} 
.students_works .works_head h4{
  font-weight: 600;
  font-size: 40px;
} 
.students_works .works_head h4 span {
  color: #f9a222;
  /* font-family: fangsong; */
}
.students_works .works_head h4 img {
  margin: 0 10px;
  width: 60px;
  margin-bottom: 7px;
  border-radius: 40px;
}
.students_works .works_head p {
  max-width: 700px;
  padding-top: 10px;
  margin: auto;
  margin-bottom: 80px;
}

.work_demos .demo_img{
  margin: 0px 10px;
}
.work_demos .demo_img img{
  width: 100%;
  border-radius: 10px;
}
.students_works_gallery .slick-prev,
.students_works_gallery .slick-next {
  position: absolute;
  line-height: 0;
  top: 100%;
  width: 35px;
  height: 35px;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  border-radius: 50px;
  background: #f9a121;
}
.students_works_gallery .slick-next {
  left: 97%;
  transform: translateX(-50%);
  top: -60px;
  z-index: 99;
  background: #5b4987;
}

.students_works_gallery .slick-prev {
  left: 93%;
  transform: translateX(-50%);
  top: -60px;
  z-index: 99;
}
.students_works_gallery h6 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
}
.students_works_gallery .name-detail{
  padding: 15px;
}
.students_works_gallery .name-detail p {
    font-weight: 200;
    font-size: 13px;
}

/* ===============logos================= */

.ui-ux-pad{
  text-align: center;
}



/* =============================hirefromus============================ */

.hirefromus{
  padding: 100px 0px;
}
.hirefromus .content-section {
  display: none;
}
.hirefromus .content-section.active {
  display: block;
}
.hirefromus .hiring-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.hirefromus .hiring-header .course-selection {
  padding: 10px 10px;
  border: 1px solid #000;
  border-radius: 99px;
}
.hirefromus .hiring-header button {
  font-family: 'Proxima Nova Alt Rg';
  background: none;
  border: none;
  padding: 8px 10px;
  transition: 0s;
  color: #252525;
}
.hirefromus .hiring-header button:hover {
    background-color: #0000000d;
    border-radius: 99px;
}
.hirefromus .hiring-header .course-selection .active {
  background-color: #F9A121;
  color: #fff;
  padding: 8px 20px;
  border-radius: 99px;
  transition: 0.3s;
}
.hirefromus  h2{
  color: #000;
  font-weight: 600;
}
.hirefromus h2 span{
  color: #F9A121;
}
.hirefromus .top-heading{
  margin-bottom: 20px;
}
.hirefromus .abt-course {
  background-image: url(../images/abt-course-img.png);
  background-position: center;
  height: 450px;
  background-size: cover;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  border-radius: 20px;
}
.hirefromus .abt-course h5{
  font-size: 20px;
  font-weight: 600;
}
.hirefromus .abt-course p{
  font-family: 'Proxima Nova Alt Lt' !important;
  margin: 0;
  max-width: 300px;
}
.hirefromus .abt-course a {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  padding: 5px 25px;
  display: block;
  width: fit-content;
  border-radius: 20px;
  margin-top: 25px;
}
.hirefromus .why-students {
  background-image: url(../images/whystudentsbg.png);
  background-position: center;
  height: 335px;
  background-size: cover;
  display: flex;
  align-items: flex-start;
  padding: 30px;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  border-radius: 20px;
}
.hirefromus .why-students p {
    font-family: 'Proxima Nova Alt Lt' !important;
    margin: 0;
    max-width: 300px;
}
.hirefromus .why-students h6{
  font-size: 20px;
  font-weight: 600;
}
.hirefromus .tools-studied {
    overflow: hidden;
    height: 110px;
    padding-top: 20px;
    position: relative;
}
.hirefromus .tools-studied::after {
    content: url(../images/h-tools-gradient.png);
    position: absolute;
    right: 0;
    bottom: -2px;
}
.hirefromus .tools-studied::before {
    content: url(../images/h-tools-gradient.png);
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: 9;
    rotate: 180deg;
}
.hirefromus .tools-studied h4 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}
.hirefromus .tools-studied ul {
    display: flex;
    gap: 35px;
    list-style: none;
    animation: slidetools 15s linear infinite;
    padding: 0px;
    margin: 0;
}
.hirefromus .tools-studied ul li img {
    height: 40px;
    transition: 0.3s;
}
.hirefromus .tools-studied ul li:hover img{
    transform: scale(1.2);
}
@keyframes slidetools {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(0%); }
  0% { transform: translateX(-100%); }
}
.hirefromus .candidates{
  margin-top: 100px;
}
.hirefromus .candidates h6{
  font-size: 2rem;
  font-weight:600;
  margin-bottom: 30px;
}
.hirefromus .candidates .candidate-img ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style: none;
    padding: 0;
}
.hirefromus .candidates .h-call,.candidates .h-whatsapp,.candidates .h-linked-in{
    background-color: #5b4987;
    width: 35px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    border-radius: 50px;
}
.hirefromus .candidates .h-linked-in {
    background-color: #0e76a8;
}
.hirefromus .candidates .h-whatsapp {
    background-color: #25d366;
}
.hirefromus .candidates .candidate-img ul li img {
    width: 17px;
}
.hirefromus .candidates .candidate-img {
    background-image: url(../images/hiring-candidate.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    height: 300px;
    border-radius: 25px;
}
.hirefromus .candidates .candidate-name{
    padding: 20px 0;
}
.hirefromus .candidates .candidate-name h6 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
.hirefromus .candidates .candidate-name p{
    margin: 0;
    font-size: 15px;
}

/* ====workingwith=== */

.workingwith{
  padding: 30px 0px 100px 0;
}
.workingwith h6{
    font-size: 2rem;
    font-weight: 600;
    padding-bottom: 10px;
}
.workingwith h6 span{
 color:#f9a121;
}
.workingwith .learnmore {
    margin-top: 70px;
}
.workingwith .learnmore a{
 padding: 10px 25px;
 background: #f9a121;
 color: #fff;
 margin-top: 50px;
 border-radius: 50px;
}
.workingwith .h-brands {
    display: flex;
    justify-content: space-around;
    height: 360px;
    overflow: hidden;
    position: relative;
}
.workingwith .h-brands::after {
    content: url(../images/h-brands-gradient.png);
    position: absolute;
    bottom: -10px;
    scale: 1.1;
}
.workingwith .h-brands::before {
    content: url(../images/h-brands-gradient.png);
    position: absolute;
    top: 0px;
    scale: 1.1;
    rotate: 180deg;
    z-index: 9;
}
.workingwith .h-brands ul {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    gap: 30px;
}
.workingwith .h-brands ul li {
    padding: 15px;
    width: 180px;
    box-shadow: 0 0px 10px rgb(0 0 0 / 2%);
    display: flex;
    justify-content: center;
    border-radius: 10px;
}
.workingwith .h-brands ul li img{
  height: 35px;
}
@keyframes slidecombanies {
  0%   { transform: translateY(-100%); }
  100% { transform: translateY(0%); }
  0% { transform: translateY(-100%); }
}
.workingwith .sliding-top{
  animation: slidecombanies  15s linear infinite;
}
.workingwith .sliding-bottom{
  animation: slidecombanies  15s linear infinite reverse;
}


.callus-btn{
  position: fixed;
  bottom: 110px;
  right: 20px;
  z-index: 9999;
}
.callus-btn button{
  background-color: #f9a121;
  border: none;
  padding: 7px 7px;
  border-radius: 50px;
}
.callus-btn button img{
  width: 35px;
}

.whatsapp-btn{
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 9999;
}

.whatsapp-btn button{
  background-color: #18b01e;
  border: none;
  padding: 7px 7px;
  border-radius: 50px;
}
.whatsapp-btn button img{
  width: 35px;
}


/* ====insta-video-popup-css=== */
.insta-video {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.insta-video.show {
  display: flex;
}

.insta-content {
  position: relative;
  max-width: 400px;
  width: 90%;
  border-radius: 10px;
  overflow: hidden;
}

.insta-close {
  position: absolute;
  top: 10px;
  right: 3px;
  font-size: 30px;
  color: white;
  cursor: pointer;
  z-index: 10;
}

.insta-container iframe {
  width: 100%;
  height: 700px;
  border: none;
  border-radius: 10px;
}

.demo-btn {
    position: fixed;
    bottom: 50px;
    left: 20px;
    z-index: 999;
}
.demo-btn img{
  width: 114px;
}



/*=================ui-ux======================= */

.uiux-comparisson {
    padding: 100px 0 0 0;
}
.uiux-comparisson h4 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
    font-weight:600 ;
}
.uiux-comparisson h4 span{
  color: #f9a121;
}
.uiux-comparisson .comparisson-img img{
    width: 100%;
    border-radius: 20px;
}

.uiux-comparisson .right-col{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.comparisson-cnt h5{
    font-size: 30px;
    font-weight: 600;
}
.comparisson-cnt h5 span{
    color: #5b4987;
}
.comparisson-cnt p{
    margin-bottom: 30px;
}


.abt-uiux {
    border: 1px solid #eee;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 15px;
    background: #FCFBFF;
    transition: 0.3s ease;
}

.abt-uiux:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    background: #FCFBFF;
}

.abt-uiux-header{
    padding: 15px 20px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}


.arrow {
    transition: transform 0.3s ease;
}

.abt-uiux:hover .arrow {
  transform: rotate(90deg);
}

.abt-uiux-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0 20px;
  color: #555;
  line-height: 1.6;
  font-size: 16px;
}

.abt-uiux:hover .abt-uiux-content {
  max-height: 300px; /* expands when hovered */
  padding-bottom: 15px;
}



.shopify-wordpress{
  padding: 100px 0 0 0 ;
}
.shopify-wordpress h3{
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 600;
}
.shopify-wordpress img{
  width: 100%;
  border-radius: 15px;
}
.shopify-wordpress .second-row {
    margin-top: 20px;
}
.shopify-wordpress .shopify-cnt {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shopify-wordpress .shopify-cnt h4{
    font-weight: 600;
}


/* about-sec=======================================
===================================================*/
.our-vision-mission {
  padding-bottom: 100px;
  position: relative;
}
.our-vision-mission img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.our-vision-mission .vision-mission-img {
    height: 100%;
    padding-bottom: 20px;
}
.vm-container {
  position: relative;
}
.vm-container .faq-item {
  border-bottom: 1px solid #ddd;
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s ease;
  padding-left: 15px;
}
.vm-container .faq-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 0;
  background-color: #614d90;
  transition: height 0.4s ease;
  border-radius: 3px;
}

.vm-container .faq-item.active::before {
  height: 100%;
}

.vm-container .faq-header {
  background: none;
  border: none;
  outline: none;
  width: 100%;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 15px;
  cursor: pointer;
  color: #604d8e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
}

.vm-container .faq-header::after {
    content: "›";
    font-size: 2rem;
    transition: transform 0.3s;
    border-radius: 30px;
}

.vm-container .faq-item.active .faq-header {
    color: #614d90;
}

.vm-container .faq-item.active .faq-header::after {
  transform: rotate(90deg);
}

.vm-container .faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 15px;
  color: #555;
}

.vm-container .faq-item.active .faq-content {
  max-height: 200px;
  padding-bottom: 15px;
}
.grid-images{
  position: relative;
}
.stamp-img {
    position: absolute;
    right: 40%;
    width: 20%;
    bottom: 37%;
}

/* =================================bestfor=============================== */
.bestfor{
  padding-top: 100px;
}
.bestfor .points-col {
    padding: 30px;
    background-color: #F9F6FF;
    margin-bottom: 24px;
    border-radius: 20px;
    height: -webkit-fill-available;
}
.bestfor .points-col .col-head h3 {
    font-size: 22px;
    color: var(--main-color);
    font-weight: 400;
    margin: 0;
    margin-top: 20px;
}
.bestfor .points-para p{
    margin: 0;
}
.bestfor h3{
    margin-bottom: 40px;
    font-weight: 600;
}
.bestfor h3 span {
    color: var(--main-color);
}
.dm-guides .hybrid-guides{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dm-guides .hybrid-guides p{
    margin: 0;
}
/* =====================================HYBRID-COURSES===================================== */

.hybrid-courses{
    background-color: #614d8d;
    color: #fff;
    padding: 1.2rem;
    border-radius: 12px;
}
.hybrid-img img{
    margin-top: 1rem;
    height: 345px;
    object-fit: cover;
}
.hybrid-guides h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1rem;
}
.guides-img img{
  border-radius: 12px;
}