:root {
	--pc: #001E43;
	--sc: #FFC333;
	--white: #fff;
	--black: #000;
	--muted: #CDCDCD;
	--trans: all 0.4s ease;
	scroll-behavior: smooth;
}

body a {
	transition: all .4s ease;
	text-decoration: none;
	color: var(--black);
}

p {
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
	color: #454545;
}

.inner-img img {
	border-radius: 15px;
	width: 100%;
}

/*-------------topbar-start-------------------*/

.topbar {
	background: var(--pc);
	padding-block: 10px;
	color: var(--muted);
}

:is(.topbar, .footer) .flex-top-item {
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
}

ul.flex-social-media li a {
	background: #8f9cac40;
	height: 30px;
	width: 30px;
	transition: all .4s ease;
	border-radius: 50%;
}

[class*="-btn"] {
	border-radius: 5px;
	font-size: 16px;
	line-height: 1;
	transition: all .4s ease-in;
}

.pc-btn {
	background: var(--pc);
	color: var(--white);
}

.sc-btn {
	background: var(--sc);
	color: var(--pc);
}

[class*="-btn"] .btn-flex-icn {
	justify-content: center;
	background: #8f9cac40;
	padding: 5px;
	border-radius: 4px;
}

/*//header-----------------------start*/

header nav ul li.dropdown ul {
	background: var(--white);
	border-radius: 5px;
	transition: all .3s ease;
}

header nav ul li a {
	white-space: nowrap;
	color: var(--black);
}

header nav ul li.dropdown ul li a {
	color: var(--black);
}

header nav ul li.dropdown svg {
	transition: all .3s ease;
}

header nav ul li.dropdown:hover svg {
	transform: rotate(180deg);
	transition: all .3s ease;
}

.headerSticky {
	transition: all 0.7s ease;
	background: var(--white) !important;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
	transform: translateY(0);
	animation: smoothSticky 0.7s ease;
}

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

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

.header {
    background: var(--white);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.header .dropdown-menu {
   background: var(--white);
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   border-radius: 5px;
}

.header .dropdown-tabs {
    border-bottom: 1px solid #ccc;
}

.header .dropdown-tabs .tab {
    border: 1px solid #ccc;
    cursor: pointer;
    border-bottom: 0;
	background:#cccccc4d
}

.header .dropdown-tabs .tab.active {
    background: var(--pc);
    color: var(--white);
    border: 1px solid var(--pc);
}

/*//hero-banner--------------start*/

.slide:after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgb(0 0 0 / 81%) 27.69%, rgb(0 0 0 / 30%) 107.43%);
	height: 100%;
	width: 100%;
}

.content h1 {
	font-size: 3rem;
}

.content p {
	margin-bottom: 20px;
	color: var(--white);
}

.content .sc-btn {
	margin-top: 10px;
}

.slider-dots .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--white);
	transition: background-color 0.3s ease;
	cursor: pointer;
}

.slider-dots .dot.active {
	background-color: var(--sc);
	width: 20px;
	border-radius: 30px;
}

.slider-badge {
	background: #ffffff9e;
	border-radius: 50%;
	font-size: 14px;
}

.slider-badge .flex-go-icon {
	background: var(--pc);
	border-radius: 50%;
}

.animate-spin {
	animation: counterclockwise 22s linear infinite;
}

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

	to {
		transform: rotate(-1turn);
	}
}

.flex-col-stats-detl .h5 {
	color: var(--pc);
	font-size: 25px;
}

.courses-btn-between {
	cursor: pointer;
}

button {
	border: 0 !important;
	cursor: pointer;
	outline: 0;
	width: 100% !important;
	justify-content: center;
}

/*//career-sec---------------------start*/

.career-leftbar {
	background: var(--pc);
	padding: 10px;
	border-radius: 10px;
	position: sticky;
	top: 20px;
}

.courses-btn-between {
	background: #8f9cac40;
	width: 100%;
	color: var(--white);
	padding: 12px;
}

.career-leftbar .row {
	row-gap: 10px;
}

.courses-btn-between.active {
	background: var(--white);
	color: var(--black);
}

.flex-col-career-col {
	background: #FFF;
	padding: 12px;
	border-radius: 7px;
	border: 1px solid #CDCDCD;
}

/*//about-sec..--------------start*/

.bg-lighty {
	z-index: 0;
	position: relative;
	padding-block: 50px;
	background: #F0F5FF;
}

.mutli-card {
	padding: 25px;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
}

.mutli-card.shade-purple {
	background: #EBE8FD;
}

.mutli-card.shade-pink {
	background: #FFD7E4;
}

.mutli-card.shade-green {
	background: #D4FAEB;
}

.mutli-card.shade-yellow {
	background: #F5F0BB;
}

.mutli-card-ttl {
	font-size: 18px;
	font-weight: 600;
	color: var(--black);
	border-bottom: 1px solid #BDBDBD;
}

.marquee-list {
	background-color: var(--pc);
	font-size: 18px;
	color: var(--white);
}

.scroller[data-animated="true"] .scroller__inner {
	width: max-content;
	flex-wrap: nowrap;
	animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
	--_animation-direction: reverse;
}

.scroller[data-direction="left"] {
	--_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
	--_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
	--_animation-duration: 60s;
}

@keyframes scroll {
	to {
		transform: translate(calc(-50% - 0.5rem));
	}
}

.deo-col {
	background: var(--white);
	padding: 20px 35px;
	gap: 15px;
	border-radius: 4px;
	border: 1px solid rgba(0, 30, 67, 0.31);
}

/*Universities-list-----------------start*/

.flex-col-us {
	background: var(--white);
	border-radius: 10px;
	overflow: hidden;
}

.flex-col-us .h6 {
	background: var(--sc);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	padding: 10px;
}

/*//team-card----------------start*/

.team-card .flex-col-team-detl {
	background: var(--white);
	border-radius: 8px;
}

.team-card .flex-col-team-detl .name {
	font-size: 18px;
	font-weight: 600;
}

.team-card .flex-col-team-detl .profession {
	background: rgba(0, 30, 67, 0.10);
	border-radius: 30px;
	color: var(--pc);
	padding: 4px 15px;
	font-size: 13px;
}

.team-card .flex-col-team-detl :is(.profession, .pc-btn) {
	margin-top: 5px;
}

.team-card .flex-col-team-detl .exp {
	color: rgba(137, 137, 137, 0.70);
}

/* //faq-start--------------*/

.flex-accordion-header-between {
	font-size: 18px;
	font-weight: 600;
	background-color: #F0F5FF;
	cursor: pointer;
	transition: all 0.3s;
	border: none;
	outline: none;
}

.accordion-icon {
	transition: transform 0.3s ease;
}

.accordion.active .accordion-icon {
	transform: rotate(45deg);
}

.accordion.active .accordion-icon svg path {
	fill: #C4C4C4 !important;
}

.accordion-content {
	transition: max-height 0.3s ease;
	background-color: #F0F5FF;
	border-bottom: 2px solid transparent;
}

.accordion.active .accordion-content {
	border-bottom: 2px solid #000;
}

.flex-faq-info .h6 {
	color: var(--pc);
}

/* //trusted-card-start--------------*/

.flex-col-trusted {
	padding: 20px;
	border: 1px solid #ccc;
}

.flex-col-trusted .h5 {
	font-size: 20px;
	font-weight: 700;
}

/* //site-cta-------------start*/

.site-cta {
	background: var(--pc);
	border-radius: 8px;
}

.site-cta :is(h2, p) {
	color: var(--white);
}

.site-cta h2 {
	font-size: 32px;
}

.site-cta:after {
	content: '';
	position: absolute;
	right: 0;
	top: -11px;
	background: url(http://sketchforyou.com/deoacademy/web/wp-content/uploads/2025/07/cta-img.webp) no-repeat;
	height: 100%;
	width: 500px;
	z-index: -1;
	transform: scale(1.1);
}

/* -------testimonial-slider---------start*/

.testimonial-slider .t-slides {
	border-radius: 20px;
	border: 1px solid #DCDCDC;
	background: #F5F5F5;
}

.testimonial-slider .flex-review-user span {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
}

.pagination-dots .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ccc;
	cursor: pointer;
	transition: background 0.3s;
}

.pagination-dots .dot.active {
	background: var(--sc);
}

/*//blog-card--------start*/

:is(.img-placeholder, .img-placeholder img) {
	border-radius: 8px;
}

.img-placeholder {
	background-color: #c7c7c7;
}

.blog-card .blog-content {
	background-color: #F7F7F7;
	border-radius: 4px;
	transition: transform .3s ease-in-out;
	box-shadow: 0px 0px 4.651px 0px rgba(0, 0, 0, 0.25);
}

.blog-card .blog-content .title {
	font-size: 22px;
	color: var(--black);
	font-weight: 600;
}

.flex-date {
	color: #666;
	font-size: 16px;
	border-top: 1px solid #E9E9E9;
	line-height: .2;
}

/* //gallery-------------start*/

.gallery-wrap img {
	transition: all .4s ease;
	border-radius: 15px;
}

.gallery-wrap .image-container:hover img {
	filter: brightness(0.5);
}

.gallery-wrap .image-container:hover span {
	transform: scale(1) translate(-50%, -50%);
	transition: all .4s ease;
	opacity: 1;
}

/*//---footer-form------------start*/

.footer-form {
	position: relative;
	z-index: 0;
}

.footer-form:before,
.footer-form:after {
	content: '';
	position: absolute;
	z-index: -1;
}

.footer-form:before {
	background: url(http://sketchforyou.com/deoacademy/web/wp-content/uploads/2025/07/foot-form.webp) no-repeat;
	height: 100%;
	width: 400px;
	inset: 0;
}

.footer-form:after {
	background: url(http://sketchforyou.com/deoacademy/web/wp-content/uploads/2025/07/foot-form-sep.webp) no-repeat;
	height: 100px;
	width: 100px;
	right: 120px;
	top: 40px;
}

.main-form {
	border-radius: 8px;
	background: var(--white);
	padding: 35px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
}

.footer-logo-card {
	border-radius: 8px;
	background: var(--white);
	border: 1px solid #D4D4D4;
}

.footer-logo-card .h5 {
	color: var(--pc);
	font-size: 22px;
	line-height: 32px;
}

/*//---footer------------start*/

.footer {
	background: var(--pc);
	padding-block: 50px;
}

.footer .foot-ttl {
	font-weight: 600;
	font-size: 20px;
	color: var(--white);
}

.footer .foot-ttl:after {
	content: '';
	position: absolute;
	width: 20.72px;
	height: 2px;
	background: var(--sc);
	left: 0;
	bottom: -5px;
}

.footer a {
	opacity: 0.8;
	color: var(--white);
}

form :is(input, select, button, textarea) {
	border-radius: 4px;
	border: 1px solid #C0C0C0;
	outline: 0;
	font-size: 16px;
	color: #757775;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 0;
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	line-height: 1.5;
}

form .select-dropdown:after {
	content: '';
	position: absolute;
	right: 13px;
	top: 20px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="9" viewBox="0 0 16 9" fill="none"><path d="m1.285 1.115 6.858 6.858L15 1.115" stroke="%23727272" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
	height: 10px;
	width: 16px;
}

.footer form input {
	color: var(--white);
	border: 0;
	border-radius: 6px;
	background: rgba(20, 48, 82, 1);
}

.footer .info-row {
	border-bottom: 1px solid rgba(233, 233, 233, 0.10);
	padding-bottom: 35px;
}

.copyryt {
	background: #143052;
	border-top: 1px solid #cacaca52;
	color: #fff;
}

/*//sidebar__&__popup-------form----start*/

.quote-btn {
	border-radius: 5px 0 0 5px;
	transition: all .4s;
	box-shadow: -3px 0px 9px 4px #99999912;
}

.enquiry-modal-overlay {
	z-index: 999999998;
	display: none;
}

.enquiry-modal-overlay,
.form-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 88%);
}

.form-overlay {
	z-index: 9999999;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s;
}

.form-overlay.show {
	opacity: 1;
	pointer-events: all;
}

.closePopup,
.closeSideEnqForm {
	position: absolute;
	right: 0;
	top: 0px;
	cursor: pointer;
	background: #001e4312;
	height: 35px;
	width: 35px;
	border-radius: 0 0 0 10px;
}

/*------site-all-hover-------start*------*/

:is([class*="-btn"], [class*="-btn"] span, .flex-col-career-col, .flex-col-us .h6, ul.flex-social-media li a:hover) {
	transition: all .4s ease;
	z-index: 0;
}

[class*="-btn"]:after {
	content: '';
	position: absolute;
	inset: 0;
	width: 0%;
	z-index: -1;
	border-radius: 5px;
	transition: all .4s ease;
	height: 100%;
}

.sc-btn:hover {
	color: var(--white);
}

.sc-btn:hover:after {
	background: var(--pc);
}

.sc-btn:hover svg path {
	stroke: var(--white) !important;
}

[class*="-btn"]:hover:after {
	transition: all .4s ease;
	width: 100%;
}

.pc-btn:hover,
.site-cta .sc-btn:hover {
	color: var(--pc);
}

.pc-btn:hover:after,
ul.flex-social-media li a:hover {
	background: var(--sc);
}

[class*="-btn"]:hover span {
	transition: all .4s ease;
	transform: rotateY(1turn);
}

.site-cta .sc-btn:hover:after,
[class*="-btn"]:hover .btn-flex-icn {
	background: var(--white) !important;
}

.site-cta .sc-btn:hover svg path {
	stroke: var(--pc) !important;
}

body a:hover:not(:is([class*="-btn"], .info-flex-col a)) {
	transition: all .4s ease;
	color: #f0af12 !important;
}

.flex-col-career-col:hover {
	transform: translateY(-5px);
	transition: all .4s ease;
	box-shadow: 0 5px 2px #7657a71f;
}

.flex-col-us:hover .h6 {
	background: var(--pc);
	color: var(--white);
}

ul.flex-social-media li a:hover svg path,
[class*="-btn"]:hover .btn-flex-icn svg path {
	fill: var(--pc);
}

.blog-card:hover .blog-content {
	transform: translateY(-40px);
	transition: transform .3s ease-in-out;
}

/* trusted card-hover---start */

.flex-col-trusted::after,
.flex-col-trusted::before,
.flex-col-trusted .for-trusted-layer::after,
.flex-col-trusted .for-trusted-layer::before {
	content: '';
	position: absolute;
	background: var(--pc);
	transition: all 0.4s ease;
}

.flex-col-trusted::after {
	width: 0%;
	height: 2px;
	top: 0;
	left: 0;
}

.flex-col-trusted::before {
	width: 2px;
	height: 0%;
	top: 0;
	right: 0;
}

.flex-col-trusted .for-trusted-layer::before {
	width: 0%;
	height: 3px;
	bottom: 0;
	right: 0;
}

.flex-col-trusted .for-trusted-layer::after {
	width: 3px;
	height: 0%;
	bottom: 0;
	left: 0;
}

.flex-col-trusted:hover::after,
.flex-col-trusted:hover .for-trusted-layer::before {
	width: 100%;
}

.flex-col-trusted:hover::before,
.flex-col-trusted:hover .for-trusted-layer::after {
	height: 100%;
}


.flex-col-trusted,
.site-texture {
	position: relative;
	z-index: 0;
}

.site-texture:after,
.site-texture:before {
	content: '';
	position: absolute;
}

.dark-star:after {
	background: url(http://sketchforyou.com/deoacademy/web/wp-content/uploads/2025/07/dark-star.webp) no-repeat;
	height: 75px;
	width: 75px;
	top: 50px;
	right: 120px;
	z-index: -1;
}

.lyt-star.left:before {
	bottom: 0px !important;
	left: 0 !important;
}

.lyt-star:before {
	background: url(http://sketchforyou.com/deoacademy/web/wp-content/uploads/2025/07/lyt-star.webp) no-repeat;
	height: 140px;
	width: 140px;
}

.lyt-star.right:before {
	right: -100px;
	top: -50px;
}

.study-hat:after {
	background: url(http://sketchforyou.com/deoacademy/web/wp-content/uploads/2025/07/study-hat.webp) no-repeat;
	height: 150px;
	width: 150px;
	top: 30px;
	right: 50px;
}

/*//-for-contact-pg--css---------start*/

.single-page-banner :is(h1, p, a, span, div) {
	color: var(--white);
}

.single-page-banner:after {
	content: '';
	position: absolute;
	inset: 0;
	background: url(http://sketchforyou.com/deoacademy/web/wp-content/uploads/2025/07/pg-hero-section.webp) no-repeat;
	background-size: cover;
	opacity: .3;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.info-flex-col {
	box-shadow: 4px 6px 0px 0px #050071;
	border-radius: 15px;
	border: 1px solid var(--pc);
	transition: 0.3s linear;
}

.info-flex-col:hover {
	transition: 0.3s linear;
	box-shadow: unset;
}

.info-flex-col .flex-icon:after {
	content: '';
	position: absolute;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: #ffc3332b;
	right: -20px;
	top: 20px;
	z-index: -1;
}

.info-head {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}

.info-flex-col a:hover {
	color: var(--pc) !important;
}

.univ-smry {
	border-radius: 12px;
	border: 1px solid #ccc;
	font-weight: 500;
}

.univ-smry span {
	background: var(--white);
	border-radius: 50%;
	transition: 0.3s linear;
	box-shadow: 4px 6px 0px 0px #050071;
}

.bg-dark {
	background: var(--pc);
	padding-block: 70px 50px;
	z-index: 0;
}

.univ-smry-wrap .univ-smry:hover span {
	transition: 0.3s linear;
	box-shadow: unset;
}

.abt-container {
	padding: 35px;
	border: 1px solid #ccc;
	border-radius: 20px;
}

.shadow-container {
	box-shadow: 4px 6px 0px 0px #050071;
}

.process-wrap .process .flex-icon {
	background: var(--white);
	border-radius: 50%;
	border: 1px solid #ccc;
}

.process-wrap .process {
	background: var(--white);
	border-radius: 10px;
	border: 1px solid #ccc;
}

.process-wrap .process .flex-number {
	justify-content: center;
	background: var(--pc);
	color: var(--white);
	outline: 1px solid var(--pc);
	outline-offset: 4px;
	border-radius: 50%;
}

.flex-col-edu-card {
	border-radius: 10px;
	gap: 20px;
	border: 1px solid #9393a5;
}

.flex-col-edu-card .edu-title {
	font-size: 18px;
	font-weight: 600;
}

.flex-col-edu-card .flex-part {
	background: #ffc3331f;
	border-radius: 50px;
	line-height: 1;
	font-size: 14px;
	font-weight: 500;
}

.univers-logo {
	background: #f6f6f6;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 8px 15px;
}

.body_wtsp {
	background: #25d366;
	border-radius: 50%;
}

.flex-backToTop {
	background: var(--white);
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 4px 6px 0px 0px #050071;
	transition: 0.3s linear;
}

.flex-backToTop:hover {
	box-shadow: unset;
	transition: 0.3s linear;
}

.big-card img{
            border-radius: 20px;
            filter: brightness(.5);
         }

         .big-card-content{
            border-radius: 0 0 20px 20px;
            background: var(--white);
            border:1px solid #ccc;
         }

.wp-single-post-area :is(ol, ul) li{
color:#454545;
	    line-height: 30px;
}

.wp-single-post-area ul{
            list-style: disc;
         }

         .wp-single-post-area ol{
            list-style: decimal;
         }

         .wp-single-post-area a{
            color: var(--pc);
            text-decoration: underline;
         }

         .wp-single-post-area a:hover{
            text-decoration: unset;
         }

.flex-col-single-ath-card{
      background: #cccccc1f;
      border: 1px solid #ccc;
      border-radius: 10px;
   }

   .flex-col-single-ath-card a{
      font-size: 18px;
      font-weight: 600;
   }

.flex-single-ath-profile{
      font-size: 20px;
      font-weight: 600;
}

:is(.flex-col-single-ath-card, .flex-single-ath-profile) img{
      border-radius: 50%;
}

.single-post-head-wrappper, .single-post-head-wrappper a{
   color: var(--white);
}

 .single-post-head-wrappper .flex-post-info{
      gap: 15px;
      line-height: 1;
   }