/* Mobile Styles */
 @media (max-width: 768px) {
 	.top-bar {
 		flex-direction: column;
 		gap: 10px;
 		width: 100%;
 	}

 	.header-top {
 		width: 100%;
 		flex-direction: column;
 		gap: 20px;
 		max-height: 0;
 		overflow: hidden;
 		opacity: 0;
 		transition: all 0.3s ease;
 	}

 	.contents {
 		width: 100%;
 		display: contents;
 	}
    .subscription-form{
        flex-direction: column;
    }
    .summary-row p{
        font-size: 12px;
    }
    .summary-row{
        align-items: center;
    }
 	.header-top.active {
 		max-height: fit-content;
 		opacity: 1;
 		padding-top: 20px;
 		padding-bottom: 20px;
 	}

 	.nav-links ul {
 		flex-direction: column;
 		width: 100%;
 		text-align: center;
 	}

 	.actions {
 		width: 100%;
 		justify-content: center;
 		flex-wrap: wrap;
 	}
 	.login, .subscribe {
 		flex: 1;
 		min-width: 120px;
 		justify-content: center;
 	}

 	.contact-info {
 		flex-direction: column;
 		gap: 8px;
 		text-align: center;
 	}

 	.contact-info span {
 		font-size: 12px;
 	}

 	.section-top-bar {
 		padding: 0px 0px 0px 20px;
 	}

 	.demo_top {
 		width: 100%;
 		justify-content: space-between;
 	}

 	.social-icons {
 		justify-content: center;
 	}

 	.left {
 		display: none;
 	}

 	.top-left h2 {
 		font-size: 24px;
 	}

 	.top-left p {
 		font-size: 18px;
 	}

 	.maina-top {
 		height: 88vh;
 	}

 	.choose-emree-prep h3 {
 		font-size: 25px;
 	}
.choose-emree-prep h4{
   		font-size: 22px; 
}
 	.exam-pretaion-carousel {
 		width: 100%;
 		margin: 0px 20px;
 		padding-bottom: 70px;
 	}

 	.card {
 		width: 91%;
 	}

 	.left-sideA {
 		width: 100%;
 	}

 	.about-us {
 		gap: 20px;
 	}

 	.right-side {
 		width: 100%;
 	}

 	.videoointro {
 		padding-top: 80px;
 		padding-bottom: 60px;
 		width: 100%;
 	}

 	#carousel .owl-nav {
 		top: 100% !important;
 		left: 31%;
 	}

 	.top-section {
 		flex-direction: column;
 		top: 3.5%;
 	}

 	.destination-cards {
 		gap: 12px;
 	}

 	.top-left {
 		width: 100%;
 	}

 	.top-right {
 		width: 100%;
 	}

 	.user-destination {
 		width: 93%;
 		left: 4%;
 		padding: 3px 15px;
 	}
 	.user-card span{
 	    font-size: 16px;
 	}

 	header {
 		padding: 30px 0px 5px 0px;
 	}
 	.logo {
        width: 130px !important;
    }
 	.info-list{
 	    padding: 10px;
 	}

 	.subscription-process h2 {
 		font-size: 28px;
 		z-index: 1000;
 	}
 	.study-program-right h2{
 	    font-size: 31px;
 	}

 	.steps {
 		flex-direction: column;
 		gap: 20px;
 	}

 	.arrowA img, .arrowB img {
 		display: none;
 	}

 	.exam-Preparation {
 		margin-top: 40px;
 	}

 	.exam-Preparation p {
 		font-size: 15px;
 		padding: 12px;
 	}

 	.subs-background-img img {
 		display: none;
 	}

 	.subscription-process {
 		width: 100%;
 	}

 	.study-program-left {
 		width: 100%;
 	}

 	.study-program-right {
 		width: 100%;
 	}

 	.study-program {
 		width: 100%;
 		padding: 20px 30px;
 	}

 	.study-programA {
 		flex-direction: column;
 		padding: 0px;
 		gap: 20px;
 	}

 	.study-programA-rightA {
 		width: 90% !important;
 	}

 	.modules {
 		flex-direction: column;
 	}

 	.features-left {
 		width: 100% !important;
 	}

 	.heads-faq h2 {
 		font-size: 34px;
 	}

 	.all-plans {
 		flex-direction: column;
 		gap: 10px;
 	}

 	.main-faq-section {
 		width: 90% !important;
 	}

 	.faq-headings {
 		padding: 5px 10px;
 	}

 	.plan-A {
 		width: 100%;
 	}

 	.plans-bottom img {
 		display: none;
 	}

 	.footer-left {
 		flex-direction: column;
 		align-items: start;
 	}

 	.footer-banner {
 		flex-direction: column;
 		width: 100%;
 		padding: 20px;
 		height: 290px;
 	}

 	.footer {
 		padding-top: 25px;
 	}

 	.banner-text {
 		width: 100%;
 		flex-direction: column;
 	}

 	.banner-text h2 {
 		max-width: 100%;
 		font-size: 20px;
 		line-height: 29px;
 	}

 	.banner-img {
 		position: absolute;
 		right: 50px;
 		top: 120px;
 	}

 	.footer-bottom {
 		flex-direction: column;
 		align-items: start;
 	}

 	.footer-bottom-left p {
 		gap: 5px;
 		font-size: 12px;
 	}

 	.footerbt-right {
 		display: none;
 	}

 	.footer-bottom-left p img {
 		width: 25px;
 	}

 	.itemA {
 		flex-direction: column;

 	}

 	.bio-left {
 		width: 100% !important;
 	}

 	.bio-right {
 		width: 100% !important;
 	}

 	.bio {
 		padding: 20px 30px;
 	}

 	#carouselA {
 		width: 100% !important;
 	}

 	.blogs {
 		padding: 30px;
 	}

 	.heading h2 {
 		font-size: 17px !important;
 	}

 	.buttons-blogs button {
 		font-size: 15px !important;
 	}

 	.top-blog {
 		width: 100%;
 	}
 	.contact-box{
 	    width: 100%;
 	}
 	.bio{
 	    padding: 20px !important;
 	}

 	.buttons-blogs button i {
 		padding: 12px;
 	}
 	.buttons{
 	    margin-top: 10px;
 	}

 	.mains-toggles-top {
 		display: flex;
 		gap: 10px;
 	}
 }

 @media (max-width: 480px) {
 	.contact-info span {
 		font-size: 11px;
 	}

 	.login, .subscribe {
 		font-size: 11px;
 		padding: 8px 15px;
 	}
 }

 @media (max-width: 768px) {
 	.header-top {
 		position: absolute;
 		top: 86px;
 		left: 0;
 		background-color: #fff;
 		z-index: 999;
 		padding: 0 20px;
 	}

 	.menu-toggle {
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		font-size: 22px;
 		color: #000;
 		cursor: pointer;
 	}

 	.mobile-menu-overlay {
 		display: none;
 		position: fixed;
 		top: 0;
 		left: 0;
 		height: 100%;
 		width: 100%;
 		background: rgba(0, 0, 0, 0.5);
 		z-index: 998;
 	}

 	.mobile-menu-overlay.active {
 		display: block;
 	}

 	.nav-links ul {
 		padding-left: 0;
 	}
	.content{
		flex-direction: column;
		width: 95%;
	}
	.pairImg{
		display: none;
	}
	.top-owal img{
		height: 150px;
	}
	.page-heading{
		left: 25%;
	}
	.about-left{
		width: 98%;
	}
	.doctor-Img img{
		top: -12%;
    left: 66%;
	}
	.rightB{
		width: 100%;
		height: 78vh;
	}
	.vission-cards{
		display: none;
	}
	.cardA{
		margin: 0px;
	}
	.cards{
		left: 5%;
		width: 90%;
	}
	#carouselB .owl-nav{
		left: 33%;
	bottom: -25%;
	}
	.about-pairImg{
		display: none;
	}
	.education-plateform{
		left: 21px;
		top: 35px;
	}
	.green-text{
		font-size: 20px !important;
	}
	.mainsplat{
		height: 88vh !important;
	}
	.main_p{
		display: flex;
		width: 100%;
		gap: 10px;
	}
	.platform{
		flex-direction: column;
		width: 95%;
	}
	.main_p img{
		width: 50%;
		        height: 320px;
    }
	.platform img{
		height: auto;
	}
	.containerA{
		padding-top: 0px;
		flex-direction: column;
	}
	.container-left{
		width: 100%;
	}
	.container-right{
		width: 100%;
		margin-top: 10px;
	}
	.rightB h2, .container-right h2 {
		font-size: 25px;
	}
	.emree h1{
		font-size: 25px;
	}
	.emree-content{
		width: 100%;
		flex-direction: column;
		margin-top: 0px;
	}
	.emree-left{
		width: 100%;
	}
	.emree-left{
		margin-left: -20px;
		position: relative;
	}
	.emree-right{
		width: 90%;
		margin: 0px auto;
		margin-left: 20px;
	}
	.card-blog{
		flex-wrap: wrap;
	}
	.blog-card{
		width: 100%;
	}
	.page-name{
		left: 4% !important;
	}
	.page-name h2{
		font-size: 30px !important;
	}
	.faq-right{
		width: 98%;
	}
	.Frequently-Asked-Question{
		padding-top: 30px;
	}
	.contact-us{
		flex-direction: column;
		gap: 10px;
		padding-top: 20px;
	}
	.contact-left{
		width: 100%;
	}
	.contact-right{
		width: 100%;
	}
	.faq-form-background{
		position: relative;
	}
	.contact-form-section{
		top: 24%;
		width: 90%;
		left: 5%;
	}
	.our-enquiry h2{
		font-size: 24px;
	}
	.row{
		flex-direction: column;
		gap: 10px;
	}
	.cont_main {
		height: 90vh !important;
	}
	.newlogin{
		width: 100%;
		flex-direction: column-reverse;
	}
	.main-containerlogin{
		padding: 20px !important;
	}
	.left-login, .right-login{
		width: 100%;
	}
	.right-bottom{
		display: none;
	}
	.right-login{
		padding-top: 20px;
	}
	.subscription-page{
		padding: 20px;
	}
	.form-section{
		width: 100%;
		padding: 0px;
	}
	.form-row{
		flex-direction: column;
		gap: 10px;
	}
	.summary-section{
		width: 100%;
	}
	.page-names{
		left: 11% !important;
	}
	.page-names h2{
		font-size: 34px !important;
	}
	.terms-condition{
		padding: 30px 10px;
	}
	.privacy-content p{
		font-size: 17px;
		line-height: 28px;
	}
	.page-names-new{
		left: 16% !important;
	}
	.privacy-content{
		width: 98%;
	}
	  .program-head {
    font-size: 34px;
  }
.mains_getss{
    flex-wrap: wrap;
}
.how-to-button{
    margin-top: 0px;
}

	}