@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
	--default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--heading-font: "Poppins",  sans-serif;
	--nav-font: "Poppins",  sans-serif;
	--common-font: 'Open Sans', sans-serif;
	--theme-primary-color:#040677;
    --theme-secondary-color:#ffc000;
    --theme-orange:#ff861a;
	--nav-color: #ffffff;
    --font-family-open: 'Open Sans', sans-serif; 
	--default-color: #444444;

 

} 
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #ff6e00;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff6e00;
}

::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
@-moz-document url-prefix() {
  html, body {
    scrollbar-width: thin;
    scrollbar-color: #ff6e00 transparent;
  }
}


* {
    -webkit-font-smoothing: antialiased;
    -moz-os-font-smoothing: grayscale;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
    vertical-align: baseline
}

body {
     font-family: var(--default-font);
    color: var(--default-color);
    font-size: 16px;
    line-height: 1.5;
    outline: none;
    overflow-x: hidden
}

 

h1,
h2,
h3,
h4,
h5,
h6  {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 { 
    margin-bottom: 20px;
    color: var(--theme-primary-color);
	font-family: var(--heading-font);
}
 
a {
    color: var(--theme-primary-color);
    text-decoration: none;
    background-color: transparent;
    transition: 0.5s all ease-in-out; 
}

ul {
    list-style: none
}

a:hover {
    text-decoration: none;
    color: inherit
}
a, button, input, textarea, select {
	font-family: var(--common-font);
}
button:focus {
    outline: none
}
 
p {
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--default-font);
    font-weight: 400; 
}

img {
    max-width: 100%;
    height: auto
}
.fw-light {
    font-weight: 300;
} 
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}
.fw-900 {
    font-weight: 900;
}
@media (min-width:1200px) {
.container {
	max-width: 1170px;
}
}
@media (min-width:1400px) {
    .container {
        max-width: 1320px;
    }
}
    .fw-regular{
        font-weight: normal;
    }
    .fs-12 {
        font-size: 12px;
    }
    .fs-14 {
        font-size: 14px;
    }
    .fs-15 {
        font-size: 15px;
    }
    .fs-16 {
        font-size: 16px;
    }
	  .fs-17 {
        font-size: 16px;
    }
    .fs-18 {
        font-size: 16px;
    }
    .fs-20 {
        font-size: 17px;
    }
    .fs-22 {
        font-size: 18px;
    }
	    .fs-26 {
        font-size: 22px;
    }
.fs-32 {
        font-size: 23px;
    }
.common-btn {
	outline: transparent;
	background: var(--theme-secondary-color);
	padding: 10px 20px;
	border-radius: 10px;
	position: relative;
	transition: 0.5s all ease-in-out;
	color: var(--theme-primary-color);
	border: none;
	overflow: hidden;
	width: fit-content;
}
    .common-btn:hover { 
        color: #fff; 
    }
.common-btn::before {
	background: var(--theme-orange);
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	border-radius: 5px;
	transition: 0.5s all ease-in-out;
	z-index: 0;
}
    .common-btn:hover::before {
        background: var(--theme-orange);
        width: 100%;
        left: 0;
        right: auto;
    }
    .fit-content{
        width: fit-content;
    }
.section-padding {
	padding: 70px 0
}
    .primary-color{
        color: var(--theme-primary-color);
    }
.symbol-shape {
	min-width: 28px; 
	color: var(--theme-orange);
}
.check-icon {
	min-width: 28px;
	font-size: 20px;
	color: var(--theme-orange);
}
.z_index1{
	z-index: 1;
}
.wow-common-animate {
	visibility: hidden;
}
/*** 
Sec Title
==================================================================== ***/
.section-sub-title {
	position: relative;
	color: var(--theme-orange);
	font-weight: 600;
	margin-bottom: 6px;
}
.section-sub-title span {
  width: 31px;
  height: 6px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
.section-sub-title span:before, .section-sub-title span:after {
  content: '';
  background-color:var(--theme-orange);
  position: absolute;
  height: 2px
}
.section-sub-title span:before {
  width: 100%;
  top: 0
}
.section-sub-title span:after {
  width: 17px;
  bottom: 0
}
.section-sub-title .sec-line-left {
  margin-right: 15px
}
.section-sub-title .sec-line-left::before, .section-sub-title .sec-line-left::after {
  right: 0;
  margin-right: 45px
}
.section-sub-title .sec-line-right {
  margin-left: 15px
}
.section-sub-title .sec-line-right:before, .section-sub-title .sec-line-right:after {
  left: 0
}
 .section-title { 
	color: var(--theme-primary-color);
}
.section-title span {
	color: var(--theme-orange);
}
/*** 
Hero Section 
==================================================================== ***/ 
.hero {
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 120px 0 120px 0;
  display: flex;
  align-items: center;
}

.hero .hero-bg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.hero::before {
	content: "";
	background: color-mix(in srgb, #08005e, transparent 10%);
	position: absolute;
	inset: 0;
	z-index: 2;
}

.hero .container {
  position: relative;
  z-index: 3;
}

.hero h1 {
	margin: 0 0 20px 0;
	font-size: 40px;
	font-weight: 700;
	line-height: 56px;
	color: color-mix(in srgb, #fff, transparent 30%);
}

.hero h1 span {
	border-bottom: 4px solid #ffc000;
	color: #fff;
}
.hero p {
	color: color-mix(in srgb, #fff, transparent 30%);
	margin: 5px 0 30px 0; 
}

.hero .btn-get-started {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-family: var(--heading-font);
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 12px 28px;
  border-radius: 50px;
  transition: 0.5s;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
}

.hero .btn-get-started:hover {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
}

.hero .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  color:#fff;
  font-weight: 600;
}

.hero .btn-watch-video i {
  color: var(--theme-secondary-color);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.hero .btn-watch-video:hover {
  color: var(--theme-orange);
}

.hero .btn-watch-video:hover i {
  color: color-mix(in srgb, var(--theme-orange), transparent 15%);
}

.updown-animate {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 640px) {
  .hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .hero p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  .hero .btn-get-started,
  .hero .btn-watch-video {
    font-size: 13px;
  }
}

.hero .hero-waves {
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
}

.hero .wave1 use {
  animation: move-forever1 10s linear infinite;
  animation-delay: -2s;
  fill:#fff;
  opacity: 0.6;
}

.hero .wave2 use {
	animation: move-forever2 8s linear infinite;
	animation-delay: -2s;
	fill: #fff;
	opacity: 0.4;
}

.hero .wave3 use {
  animation: move-forever3 6s linear infinite;
  animation-delay: -2s;
  fill:#fff;
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }

  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

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


/**** Home about section *****/
.home-aboutus{
	padding: 100px 0 50px;
} 
.column-sub-heading {
	margin: 13px 0 5px;
	font-size: 18px;
}
.common-box-list {
	padding-left: 24px;
}
.common-box-list li {
	list-style: disc;
	padding-bottom: 10px;
}
.common-box-list li:last-child { 
	padding-bottom: 0;
}
.symbol-box-list li {
	padding-bottom: 13px;
}
.how-work-count, .list-counting {
	min-width: 19px;
	border: 1px solid #000;
	height: 19px;
	display: inline-block;
	text-align: center;
	line-height: 19px;
}
/*--- Course Area ----*/
.course--sub-title {
	color: var(--theme-primary-color);
}
.read-more a {
	color: var(--theme-orange);
	padding-left: 11px; 
}
.read-more a:hover {
	letter-spacing: 1px;
}
.courses-column {
	background-color: #fff;
	padding: 40px 25px;
	box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	transition: all 0.3s ease-out 0s;
}
.course-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	font-size: 32px;
	line-height: 0;
	transition: all 0.4s ease-out 0s;
	background-color: color-mix(in srgb, #00002e, transparent 95%);
	padding: 10px;
}
.courses-sub-title {
	font-family: var(--heading-font);
	color: var(--theme-orange); 
}
.development-courses {
	background: #fbfafa;
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #f4f1f1;
}
@media (min-width:768px) {
	.courses-col2 {
	position: relative;
	top: -44px;
}
.col-lg-6.courses-col4 {
	position: relative;
	top: -45px;
}
}

/*---- Become a Registered Section ---*/
.become-training-section {
	background-color: #f7f9ff;
}
.become-top-shape {
	position: absolute;
	width: 300px;
	right: 0;
	top: 0;
}
.become-bottom-shape {
	position: absolute;
	left: 0;
	bottom: 0;
}
.registration-process li {
	position: relative;
	padding: 10px 0 10px;
	border-bottom: 1px solid #d9d9d9;
}
.registration-process li::before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -2px;
	width: 55px;
	height: 3px;
	margin-left: -27px; 
	background: var(--theme-orange);
}
.process-icon {
	width: 33px;
	float: left;
	margin-right: 10px;
}
.registration-process li strong {
	color: var(--theme-primary-color);
}
/*--- Marque -Slider-section --*/
  .marquee{
	display: flex;
	overflow: hidden;
	user-select: none;
	gap:14px;
  }
  .marquee_group {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 14px;
	min-width: 100%;
	animation: scroll-x 60s linear infinite;
}
  .marquee-reverse .marquee_group{
	animation-direction: reverse;
	animation-delay: -3s;
  }
  .marquee-wrapper{
	display: flex;
	flex-direction: column;
	gap:14px;
	margin: auto;
	max-width: 100vw;
  }
  .marquee .single-logo {
	display: grid;
	place-items: center;
	background: #FFE018;
	border-radius: 0.5rem;
	height: 100%; 
	padding: 15px;
}
.logo-image {
	width: 200px;
}
  @keyframes scroll-x{
	from{transform: translateX(0);}
	to{transform: translateX(calc(-100% - 14px));}
  }
 
@media (min-width:768px) {
	.why-choose-img { 
	margin: 0 auto -23px; 
} 
}
@media (min-width:992px) {
	.why-choose-img {
	width: 400px; 
} 
}
.tob_bottom_anim {
	animation:tob_bottom_anim 3s linear infinite;
	display: none;
}
@keyframes tob_bottom_anim {
	0% {
		-webkit-transform:translateY(0);transform:translateY(0)
	}
	50% {
		-webkit-transform:translateY(-15px);transform:translateY(-15px)
	}
    100% {
	-webkit-transform:translateY(0);transform:translateY(0)
}
}

/*---- Fun Facts Count ---*/ 
@keyframes rotate-anim {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0)
  }
  40% {
    transform: translateY(-10px)
  }
  60% {
    transform: translateY(-5px)
  }
}  
.counter-content {
  padding-top: 50px
} 	
.col-lg-3:nth-child(2) .achievement-inner .inner-border:before, .col-lg-3:nth-child(2) .achievement-inner .inner-border:after {
  background: linear-gradient(90deg, #1cb6f6 0%, #1161dd 100%)
}
.col-lg-3:nth-child(3) .achievement-inner .inner-border:before, .col-lg-3:nth-child(3) .achievement-inner .inner-border:after {
  background: linear-gradient(90deg, #fd5d0a 0%, #ffe3ab 100%)
}
.col-lg-3:nth-child(4) .achievement-inner .inner-border:before, .col-lg-3:nth-child(4) .achievement-inner .inner-border:after {
  background: linear-gradient(90deg, #2fc678 0%, #6add1a 100%)
}
.achievement-inner {
  width: 230px;
  height: 230px;
  margin: 0 auto;
  padding-top: 38px;
  border-radius: 100%;
}
.achievement-inner .inner-border {
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	position: absolute;
	border-radius: 100%;
	border: 2px solid #f4f4f4;
	animation-duration: 1500ms;
	animation: rotate-anim 3s infinite linear;
	animation-play-state: paused;
}
.achievement-inner .inner-border:before, .achievement-inner .inner-border:after {
  top: -6px;
  left: 0;
  right: 0;
  content: "";
  width: 12px;
  height: 12px;
  margin: 0 auto;
  position: absolute;
  border-radius: 100%;
  background:linear-gradient(-90deg, #fdb63a 0%, #ff863d 100%)
}
.achievement-inner .inner-border:after {
  top: auto;
  bottom: -6px
}
.achivement-counter-icon {
  width: 65px;
  height: 65px;
  margin: 0 auto;
  margin-bottom: 5px;
  position: relative;
  top: -9px
}
.achievement-inner:hover .achivement-counter-icon {
  animation: icon-bounce 0.8s ease-out infinite
}
.achievement-inner:hover .inner-border {
  animation-play-state: running
}
.achivement-counter-detail {
  margin-top: -10px
}
 
.count {
	color: var(--theme-orange);
	font-size: 30px;
}
.achivement-counter-detail strong {
  color: #fdac3b;
  font-size: 40px
}
.achivement-counter-detail p { 
  font-size: 19px
}
@media (min-width:992px) {
.counter-blog:nth-child(1), .counter-blog:nth-child(3) {
	top: -20px;
}
}
/*---- Why Choose Section ---*/
.why-choose-img { 
	margin: 0 auto 23px;
	text-align: center;
	display: block;
}
.why-choose-content.choose-right-content {
	border: 2px solid var(--theme-secondary-color);
	padding: 10px;
	border-radius: 10px;
}
/*---- Designing Courses Section ---*/
.choose-box {
	border-radius: 10px;
	background-color: #fff;
	padding: 30px 15px 15px;
	box-shadow: 0px 0px 38px 0px rgba(1, 44, 118, 0.08);
	height: 100%;
	transition: 0.5s all ease-in-out;
}
.choose-box.text-center:hover {
	background: #002FA6;
}
.courses-image {
	overflow: hidden;
	padding-bottom: 10px;
}
.choose-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 25px;
	position: relative;
	border-radius: 100%;
	transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
	box-shadow: 0px 15px 24px 0px rgba(4, 21, 59, 0.1);
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.choose-box:hover .choose-icon {
	transform: rotateY(360deg);
}
.choose-icon img {
	width: 50px;
}
.courses-head-details p {
	font-size: 16px;
}
.choose-title {
	padding-bottom: 12px;
	color: #333333;
}
.choose-box .choose-title, .choose-box p {
	transition: 0.5s all ease-in-out;
}
.choose-box:hover .choose-title, .choose-box:hover p {
	color: #fff;
}
@media (min-width:768px) {
		  .fs-17 {
        font-size: 17px;
    }
    .fs-18, .fs-20 {
        font-size: 18px;
    }
    .fs-22 {
        font-size: 20px;
    }
	    .fs-26 {
        font-size: 24px;
    }
	.fs-32 {
        font-size: 28px;
    }
.courses-head-details p {
	font-size: 18px;
}
}
@media (min-width:992px) {
	 .fs-20 {
        font-size: 20px;
    }
    .fs-22 {
        font-size: 22px;
    }
	    .fs-26 {
        font-size: 26px;
    }
	.fs-32 {
        font-size: 30px;
    }
.courses-head-details p {
	font-size: 22px;
}
}
@media (min-width:1200px) {
	.fs-32 {
        font-size:32px;
    }
.courses-head-details p {
	font-size: 26px;
}
}
.top-animated-shape {
	position: absolute;
	right: 20px;
	top: 50px;
	z-index: 2;
}
.bottom-animated-shape {
	position: absolute;
	left: 20px;
	bottom: 50px; 
}
.courses-content {
	padding: 15px;
	border: 1px solid var(--theme-secondary-color);
	border-radius: 10px;
	margin-top: 10px;
}
 
.courses-title {
	font-size: 17px;
	color: #01505d;
}
.courses-description {
	margin-top: 15px;
}

.courses-description p {
	font-size: 12px;
	color: #313131;
}
.courses-description a {
	margin-top: 10px;
	display: block;
	text-align: right;
	font-size: 14px;
	color: var(--theme-secondary-color);
}
.courses-content:hover .courses-description a {
	color: var(--theme-orange);
	letter-spacing: 1px;
}
@media (min-width:1400px) {
.courses-description p {
	font-size: 14px;
}
} 
/*----- Testimonials Slider  ------*/
.testimonials-section {
	background: linear-gradient(0deg, #07005e 0%, #1104ac 100%);
}
.bg-shape {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	object-fit: cover;
}
.testimonial-image {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.testimonial-description {
	color: #9b99be;
}
.testimonial-star li {
	color: var(--theme-secondary-color);
	font-size: 16px;
	margin: 0 2px;
}
.testimonial-pera i {
	color: #9b99be;
	font-size: 27px;
	line-height: 0;
}
.quote-icon-right {
	display: inline-block;
	position: relative;
	top: 10px;
	transform: scale(-1, -1);
}
.testimonial-pera {
	font-style: italic;
	margin-bottom: 50px;
}
.swiper-pagination-bullet {
	background: #9b99be;
	font-size: 35px;
	width: 10px;
	height: 10px;
}
.swiper-pagination-bullet-active {
	background: #fff;
}

/*---- Registered Training ----*/
.registered-training-right {
	position: sticky;
	top: 0;
}
.web-designing-section {
	background: #f9f9f9;
}
/*---- Faqs ----*/
.custom-item {
	border: none;
	margin-bottom: 10px; 
	border-radius: 10px;
	overflow: hidden;
}
.custom-accordion:focus {
	box-shadow: none;
}
.custom-accordion:not(.collapsed) {
	color: var(--theme-orange) !important;
	background: #fff7ef !important;
	box-shadow: none;
}
.custom-accordion.collapsed {
	color: var(--theme-primary-color) !important;
	background: #f7f4fd !important;
}
.common-width {
	min-width: 28px;
	position: relative;
	display: inline-block;
}
.accordion-body { 
	background: #fdfdfd;
	border: 1px solid #fff7ef;
	border-radius: 0 0 10px 10px;
}
/*----- Common Form -----*/
 .shape-one {
	top: 0;
	right: 12%;
}
.shape-two {
	left: 22%;
	top: auto;
	bottom: -61px;
}
.float-bob-x {
	-webkit-animation-name: float-bob-x;
	animation-name: float-bob-x;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
.ribbonRotate {
	-webkit-animation-name: ribbonRotate;
	animation-name: ribbonRotate;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
 @keyframes ribbonRotate {

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

   25%,
   75% {
     -webkit-transform: rotate(15deg);
     transform: rotate(15deg)
   }

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

 @-webkit-keyframes float-bob-x {
   0% {
     transform: translateX(-30px)
   }

   50% {
     transform: translateX(-10px)
   }

   100% {
     transform: translateX(-30px)
   }
 }

 @keyframes float-bob-x {
   0% {
     transform: translateX(-30px)
   }

   50% {
     transform: translateX(-10px)
   }

   100% {
     transform: translateX(-30px)
   }
 }
 
/*** 
PRivacy Policy Page 
==================== ***/  
.policy-list li {
	list-style: disc;
}
.highlight-text {
	background: #fff7ef;
	width: fit-content;
	padding: 10px;
	border: 1px solid #ffe8d1;
	color: var(--theme-orange);
	border-radius: 7px;
}
/*** 
Contact US Page 
========================================== ***/  
.contact-inner-wrapper {
	background: #F7F7F7;
	border-radius: 15px;
}
 .contact-inner-item {
	padding: 30px 50px;
	height: 100%;
}
.contact-inner-img {
	margin: 0 20px 0 0;
	flex: 0 0 auto;
}
.contact-inner-img img {
	filter: drop-shadow(-10px 20px 20px rgba(13, 70, 85, 0.3));
}
.contact-inner-link a {
	font-weight: 400;
	font-size: 20px;
	line-height: 16px;
	color: #5F6168;
}
.contact-form-social-item {
	padding-bottom: 40px;
	border-bottom: 1px solid #E5E5E5;
}
.contact-form-social-item a {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	text-align: center;
	line-height: 34px;
	border: 1px solid #E5E5E5;
	display: inline-block;
	font-size: 14px;
	transition: 0.3s;
	margin-right: 6px;
	color: var(--theme-primary-color);
}
.contact-form-social-item a:hover {
	background-color: var(--theme-orange);
	border-color: var(--theme-orange);
	color: #fff;
	transform: rotate(360deg);
}
.contact-form-section-img {
	position: absolute;
	bottom: -19px;
	right: 20px;
}
@media only screen and (max-width: 375px) {
.contact-form-section-img {
	display: none;
}
}
@media only screen and (min-width: 420px) {
.contact-inner-item{
	display: flex;
}
}
@media only screen and (min-width: 768px) {
.contact-inner-item{
	display: block;
}
.contact-inner-item {
	padding: 30px 10px;
	text-align: center;
}
.contact-inner-img {
	margin: 0 0 20px 0; 
}
}
@media only screen and (min-width: 992px) {
	.contact-inner-wrapper {
	padding-left: 25px;
}
  .contact-inner-item {
    padding: 45px 50px;
    border-right: 2px solid #fff
  }
    .contact-inner-wrapper .col-lg-4:last-child .contact-inner-item { 
    border-right: none
  }
  .contact-inner-item {
	justify-content: center;
  }
}

/*** 
Tnc Page
================================ ***/  
.tnc-banner {
	background: url(../image/banner/tnc_banner.jpg);
	padding: 240px 0 100px;
	background-size: cover;
	background-position: 50%;
	position: relative;
}
.tnc-banner::before {
	background: linear-gradient(0deg, #fff0 0%, #005460 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	opacity: 0.9;
	transform: rotate(180deg);
}
.banner-title{
    font-size: 32px;
}
.breadcrumb {
	text-align: center;
	display: block;
}
.breadcrumb li {
	display: inline-block;
}
.active-title {
	color: #fff; 
}
.active-title:hover {
	color: #4ff42d;
}
.breadcrumb-arrow-right i {
	color: #fff;
	margin: 0 5px;
}
.terms-list {
	padding-left: 35px;
}
.terms-list li {
	list-style: disc;
} 
.terms-title {
	color: var(--theme-primary-color);
}
/*** 
Nearest Point Center
================================ ***/  
.nearest-search-section {
	background: #00002e;
	background-image: url("../image/shapes/bg_shape.webp");
	background-repeat: no-repeat;
	background-position: left center;
}
.nearest-form {
	background: #f9f9f9;
	padding: 30px 15px 10px;
	border-radius: 5px;
	border: 1px solid #dbdbdb;
}
.form-search-field button:hover,
.form-search-field button:focus {
	background: var(--theme-orange);
	color: #fff;  
}
.form-select-field {
	height: 45px;
}
.form-search-field button {
	background: var(--theme-primary-color);
	color: #fff;
	border: none;
	padding: 11px;
	border-radius: 5px;
	width: 100%;
	transition: 0.5s all ease-in-out;
} 
.form-select-field:focus {
	border: 1px solid var(--theme-orange);
	box-shadow: none !important;
} 
/*--- Search Section ---*/
.search-center  {
	background: #f9f9f9;
}
.search-content-details {
	padding-left: 30px;
	margin-left: 10px;
}
.step-count {
	position: absolute;
	left: -39px;
	color: #fff;
	background: var(--theme-orange);
	width: 21px;
	height: 21px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 600;
}
.single-search-point::before {
	background: var(--theme-orange);
	width: 3px;
	height: 49%;
	content: "";
	position: absolute;
	top: 27px;
	left: -31px;
	border-radius: 5px;
}
.single-search-point:last-child::before {
	display: none;
} 
.location-place {
	font-size: 18px;
	display: inline-block;
	margin: 0 10px 15px 0px;
	border-radius: 50px 5px 5px 50px;
	background: #fff;
	color: #000;
	padding: 14px 25px 14px 40px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	border: 1px solid #e6e6e6;
	transition: 0.5s all ease-in-out;
}
.location-place:hover {
	background: var(--theme-primary-color);
	color: #fff;
	border: 1px solid var(--theme-primary-color);
}
.location-place::before {
	border: 2px solid #050568;
	width: 13px;
	height: 13px;
	position: absolute;
	left: 13px;
	top: 21px;
	content: "";
	border-radius: 50%;
	background: #050568;
	transition: 0.5s all ease-in-out;
}
.location-place:hover::before {
	border: 2px solid #fff; 
	background: #fff;
}
/*-- Major Location --*/
.major-location ul {
	display: grid; 
	gap: 14px 3%;
}
.major-location li {
	background: #fff;
	padding: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	text-align: center;
    transition: 0.5s all ease-in-out
}
.major-location li:hover {
	background: var(--theme-primary-color);
	color: #fff;
	border: 1px solid var(--theme-primary-color);
}
.need-help-title { 
	margin-bottom: 20px;
}
.help-content {
	display: grid;
	gap: 15px 12px;
}
@media (min-width:420px) {
	.major-location ul { 
	grid-template-columns: auto auto; 
}
}
@media (min-width:576px) {
    .need-help-title {
        text-align: center;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee; 
    }
    .help-content {
        grid-template-columns: 48% 48%; 
    }
}
@media (min-width:992px) {
	    .fs-20 {
        font-size: 20px;
    }
    .fs-22 {
        font-size: 22px;
    }
.help-content {
	grid-template-columns: 24% 24% 24% 24%; 
}
}
/*** 
 About us Page 
================================ ***/  
.why-join-content {
	padding: 30px;
	border-radius: 20px;
	margin-top: 30px;
	background: #f5f6fa;
}
.join-inner-box {
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
	padding-bottom: 25px;
} 
.why-choose-text-line {
	width: 26px;
	height: 3px;
	background: var(--theme-primary-color);
	display: inline-block;
	position: relative;
	top: -3px;
	margin-right: 15px;
}
.join-inner-box:last-child {
	border: 0;
	padding-bottom: 0;
}

/*--- Who Can Join --*/
.join-box {
	height: 100%;
	transition: 0.5s all ease-in-out;
	background: #f9f9f9;
	padding: 30px 15px 30px;
	border-radius: 5px;
	border: 1px solid #dbdbdb;
}
.join-box:hover {
	background: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
}
.join-box:hover .join-icon {
	transform: rotateY(360deg);
}
.join-icon {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	line-height: 100px;
	margin-bottom: 20px;
	position: relative;
	border-radius: 100%;
	transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
	background: #fff;
}
.join-box:hover .join-icon {
	transform: rotateY(360deg);
}
.join-icon img {
	width: 65px;
}
.join-box .join-title, .join-box p {
	transition: 0.5s all ease-in-out;
}
.join-title { 
	color: var(--theme-primary-color);
}
.join-box:hover .join-title, .join-box:hover p {
	color: #fff;
}
/*--- Job Opportunities ---*/
.gray-box-heading {
	background: var(--theme-primary-color);
	color: #fff;
	width: fit-content;
	padding: 10px 20px;
	border-radius: 0 10px 10px 0;
	border-left: 5px solid var(--theme-orange);
	z-index: 1;
	top: -18px;
}
.gray-box { 
	border-radius: 10px;
	background: #F9F9F9;
    height: 100%;
}
.gray-box p {
	padding: 0 15px 15px;
}
/*--- What we offer  ---*/
.offer-section {
	background: linear-gradient(0deg, #07005e 0%, #1104ac 100%);
}
.gray-bg {
	background: #f9f9f9; 
}
.box-listing {
	background: #ffffff42;
	padding: 15px 30px 20px;
	border-radius: 10px;
	backdrop-filter: blur(10px);
}
.box-listing li {
	margin-top: 10px;
	border-bottom: 1px dotted #fff;
	padding: 5px 0 10px;
	position: relative;
	transition: 0.5s all ease-in-out;
	color: #fff;
}
.box-listing li:last-child {
	border: none;
}
.box-listing li:hover {
	padding-left: 10px;
}
.box-listing li:last-child::after {
    display: none !important;
  }
.box-listing img {
	width: 21px;
	margin-right: 5px;
}
.box-listing li::after {
	background: #fff;
	width: 0;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	transition: 0.5s all ease-in-out;
}
.box-listing li:hover::after {
	width: 100%;
}
/*--- Why choose job   ---*/
.single-blog {
	background: #fff;
	padding-top: 15px;
	border: 1px solid var(--theme-primary-color);
	border-radius: 10px;
	height: 100%;
	transition: 0.5s all ease-in-out;
}
.single-blog:hover {
	transform: translateY(-5px);
	border: 1px solid #000;
}
.choose-icons {
	background: var(--theme-primary-color);
	padding: 15px;
	transition: 0.5s all ease-in-out;
}
.single-blog:hover .choose-icons {
	background: #000;
}
.choose-icons img {
	width: 60px;
    filter: brightness(0) invert(1);
}
.single-blog:hover img {
	transform: rotateY(360deg);
}
.single-blog:hover img {
	transform: rotateY(360deg);
}
.choose-title p {
	transition: 0.5s all ease-in-out;
	color: #333333;
	padding: 15px;
}

/***** Contact Forms Page ****/
.contact-forms {
	background: #f9f9f9;
	padding: 30px 15px;
	border-radius: 5px;
	border: 1px solid #dbdbdb;
}
.input-field {
	height: 45px;
	border: 1px solid #ced4da;
	border-radius: 7px;
	padding: 10px;
	transition: 0.5s all ease-in-out;
}
.input-field:focus:focus-visible,
.message-textarea:focus-visible{
	border: 1px solid var(--theme-orange);
  box-shadow: none !important;
}
.message-textarea {
	height: 100px;
	border: 1px solid #ced4da;
	border-radius: 7px;
	padding: 10px;
	transition: 0.5s all ease-in-out;
	resize: none;
}
@media (min-width:768px) {
	    .fs-18 {
        font-size: 18px;
    }
    .fs-20 {
        font-size: 19px;
    }
    .fs-22 {
        font-size: 20px;
    }
	.major-location ul { 
	grid-template-columns: auto auto auto; 
}
}
/*** 
 Franchise Page 
================================ ***/   
.step-details {
	padding-left: 28px;
}
.Franchise-steps-column {
	background: #f7f7f7;
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #dbdbdb;
}
.single-step {
	margin-bottom: 27px;
	padding-bottom: 10px;
	border-bottom: 2px solid #dfdfdf;
}
.single-step:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}  

/*** 
 Designing courses page
================================ ***/ 
.duration-info-card {
	padding: 30px;
	border-radius: 10px; 
	background-color: #ffebdf;
	transition: 0.5s all ease-in-out;
}
.mode-card {
	background: #efffdf;
}
.fees-card {
	background: #ece5ff;
}
.duration-info-card .icon {
	width: 120px;
	height: 120px;
	margin-bottom: 30px;
}
.card-icon {
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	text-align: center;
	display: inline-block;
	transform: translateY(-50%);
	width: 60px;
	transition: 0.5s all ease-in-out;
}
.duration-mode-title {
	color: var(--theme-primary-color);
	margin-bottom: 10px;
	transition: 0.5s all ease-in-out;
}
.duration-info-card p {
	color: #7b7b8a;
	font-size: 18px;
	font-weight: 500;
	transition: 0.5s all ease-in-out;
}
.duration-info-card:hover {
	background: var(--theme-primary-color);
}
.duration-info-card:hover .duration-mode-title,
.duration-info-card:hover p {
	color: #fff;
}
.duration-info-card:hover .card-icon {
	transform: rotateY(180deg) translateY(-50%);
}

/*** 
 Web Development courses page
================================ ***/  
.panel-icons, .panel-content-area .sub-heading {
	transition: 0.5s all ease-in-out;
}

.single-block-panel {
	background: #fff;
	border-radius: 10px;
	transition: 0.5s all ease-in-out;
	box-shadow: 0px 5px 20px -12px #00000070;
}
.panel-icons {
	background: #eaeaea;
	padding: 20px 15px;
	transition: 0.5s all ease-in-out;
	min-width: 114px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px 10px 0 0;
}
.panel-icons img {
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	padding: 5px;
}
.panel-icons span {
	color: #fff;
	font-size: 60px;
}
.single-block-panel:hover .panel-icons {
	background: var(--theme-orange); 
}
.single-block-panel:hover .panel-content-area .sub-heading {
	color: var(--theme-orange);
}
.panel-content-area {
	padding: 15px;
}

 
@media (min-width:576px) {
	.single-block-panel { 
	border-radius: 10px;
	padding: 0px 25px;  
	box-shadow: 0px 1px 20px -7px #00000070; 
}
.single-block-panel { 
	height: 100%;
}
 
.panel-icons {
	padding: 40px 15px;
	margin-right: 20px;
	height: 100%;
	left: 0; 
	border-radius: 0;
}
.single-block-panel:hover .panel-icons { 
	left: 10px;
}
.tob_bottom_anim { 
	display: block;
}
} 

/*--- deployment-section --*/
.deployment-card {
	background: #f8f8ff;
	border-radius: 28px;  
	box-shadow: 0px 16px 20px -27px #040404;
	border: 2px solid #e6e6ff;
}
.type-heading {
	background: var(--theme-orange);
	width: 100%;
	text-align: center;
	padding: 20px;
	border-radius: 20px 20px 0 0;
	padding-left: 20px;
	transition: 0.5s all ease-in-out;
}

.development-content {
	padding: 15px;
}
@media (min-width:768px) {
.development-content {
	padding: 30px;
}  
}

/*--- backend-development-section --*/
.main-heading {
	border-bottom: 1px solid #b9b9b9;
}
.single-backend-card {
	box-shadow: 0 0 5px #ddd;
	border-radius: 20px;
	height: 100%;
	background: #fff;
}
.heading-block {
	background: linear-gradient(90deg, #06066C 50%, #083E84 100%);
	padding: 10px 20px;
	border-radius: 20px 20px 0 0;
}
.multi-left-icons {
	background: #fff; 
	border-radius: 50%; 
	display: block;
	box-shadow: 0px 3px 10px -3px #000;
	transition: 0.5s; 
	width: 67px;
	height: 67px;
	text-align: center;
}
.multi-left-icons img {
	padding: 10px;
}
.heading-area {
	padding-left: 25px;
	line-height: 30px;
}
.block-content p {
	padding: 20px;
}
.single-backend-card:hover .multi-left-icons {
	transform: rotate(30deg);
	box-shadow: none;
}
.move_horizontal {
  -webkit-animation: 3s ease-in-out infinite move_horizontal;
  animation: 3s ease-in-out infinite move_horizontal
}

@-webkit-keyframes move_horizontal {

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

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

@keyframes move_horizontal {

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

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

/*** 
 Logins page
================================ ***/  
.login-section {
	padding: 160px 0 100px;
} 

.login-area {
	background-color: rgba(255, 255, 255, 0.95);
	padding: 30px 40px;
	border-radius: 20px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
	width: 95%;
	text-align: center;
	overflow: hidden;
	transition: height 0.3s ease-in-out;
	margin: 0 auto;
} 

.emoji {
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
	transition: transform 0.3s ease;
}
.forgot-password:hover .emoji {
            transform: rotate(15deg) scale(1.2); /* Fun rotate/scale effect on hover */
        }
 .forgot-password {
	background: transparent;
	border: none !important;
	color: var(--default-color);
	transition: 0.52s all ease-in-out;
}
.forgot-password:hover, .forgot-password:focus {
	 color: var(--theme-orange);
}

/*==== Forgot Password Popup Modal  ======*/
.modal-dialog.forgot-dialog {
	width: 95%;
	text-align: center;
}
.forgot-dialog .modal-body {
	padding: 30px;
}
.btn-close.popup-close-btn {
	position: absolute;
	right: -21px;
	top: -24px;
	font-size: 12px;
}
.popup-title {
	margin-bottom: 35px;
}
/***** OTP *****/
.otp-inputs {
	text-align: center;
	margin-bottom: 30px;
}
.otp {
	width: 45px;
	height: 45px;
	font-size: 16px;
	text-align: center;
	border: 1px solid #D5CFB0;
	border-radius: 5px;
	color:var(--bs-text-shed);
	font-weight: 500;
	margin: 0 5px;
}
.otp:focus:focus-visible {
	color: #000;
	border: 1px solid var(--theme-orange);
	outline: none;
}
@media (min-width:576px) {
.login-area { 
	width: 450px; 
} 
.modal-dialog.forgot-dialog {
	width: 326px; 
}
}
/***** Free Classes Page *****/
.free-class-wrapper {
    background: #fff7ef;
    padding: 30px 15px 70px;
    border: 1px solid #ffe8d1;
    border-radius: 7px;
    max-width: 992px;
    margin: 0 auto;
}
.tab-scroll-wrapper {
    overflow-x: scroll;
}
.class-taps {
    display: flex;
    gap: 5px;
    flex-wrap: nowrap;
    width: max-content;
}
.nav-tab-btn {
	background: #040677;
	border: 2px solid #1010bf;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 5px 26px;
	border-radius: 5px !important;
	width: 100%;
}
.nav-tab-btn:hover {
	background: #00002e;
	color: #fff;
	border: 2px solid #44454d;
}
.nav-tab-btn.active {
	background: var(--theme-orange) !important;
	color: var(--theme-primary-color) !important;
	border: 2px solid var(--theme-secondary-color);
}
.classes-taps-content {
	background: #f2f2f2;
	padding: 20px;
	border: 1px solid #d5d4d4;
	border-radius: 5px;
}
.classes-taps-content {
	background: linear-gradient(-6deg, #fff 0%, #ffe0c1 100%);
	padding: 30px;
	border: 1px solid #ffd5aa;
	border-radius: 5px;
	box-shadow: 0px 10px 20px -10px #d79f6ebd;
}
.page-links {
	background: #040677;
	color: #fff;
	border-radius: 5px;
	width: fit-content;
	display: block;
	padding: 13px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	bottom: -60px;
}
.single-info {
	margin-bottom: 20px;
	border-bottom: 2px solid #ffd5aa;
}
.single-info:last-child {
	margin: 0;
	border-bottom: none;
}
.demo-steps {
	padding-left: 30px;
}
.demo-steps p {
	padding-left: 30px;
	margin-bottom: 10px;
}
.info-list li {
	list-style: disc;
}
.type-list li {
	background: #fff7ef;
	width: fit-content;
	padding: 10px;
	padding-bottom: 10px;
	border: 1px solid #ffe8d1;
	color: #000;
	border-radius: 7px;
	display: inline-block;
	margin: 7px 7px 5px 0;
	font-weight: 500;
	font-size: 15px;
}
.single-info table {
	box-shadow: 0px 10px 20px -10px #d79f6ebd;
	margin-bottom: 30px;
}
.single-info th, .single-info td {
	border: 1px solid #ffd5aa;
	padding: 10px;
}
.practical-box {
	background: #fff;
	box-shadow: 0px 10px 20px -10px #999999bd;
	padding: 15px;
	border: 2px solid #d5d5d55e;
}
.inner-column {
	display: grid;
	gap: 19px;
	margin-bottom: 20px;
}
.bold-info {
	background: #fff7ef;
	padding: 15px;
	padding-bottom: 10px;
	border: 1px solid #ffdcb9;
	border-radius: 7px;
}
.bold-info li, .bold-info p {
	color: #000;
}
@media (min-width:768px) {
	.free-class-wrapper { 
	padding: 30px 20px 70px; 
}
}
@media (min-width:992px) {
	.free-class-wrapper { 
	padding: 30px 30px 70px; 
}
.inner-column { 
	grid-template-columns: auto auto; 
}
}
@media (min-width:1200px) {
.tab-scroll-wrapper {
    overflow: hidden;
}
.class-taps { 
	width: auto;
	justify-content: space-between;
}
}
 /***** Coding demo *****/