@media (min-width:2001px) and (max-width:2560px){

	.container{
		max-width: 1478px;
	}
}
@media (min-width:1801px){
	/* 1 Aug 2024 CSS Start */
	.our-concept-banner .our-concept-parent .our-concept-text{
		max-width: 610px;
	}
	.sidebar-menu ul li a img.hover-img {
		left: 0 !important;
	}
	button.sidebar-arrow.sidebar-collapse {
		top: -25px !important;
	}
	span.menu-divider:after {
		bottom: 10px !important;
	}
	.main-contant .sidebar-menu ul li.active a img.hover-img {
		opacity: 1; left: 29px !important;
	}
	.main-contant.slide .sidebar-menu ul li.active a img.hover-img {
		opacity: 1; left: 0px !important;
	}
	/* 1 Aug 2024 CSS End */
}
@media (min-width:1801px) and (max-width:2000px){
	.container{
		max-width: 1478px;
	}
	.main-contant.slide .discovery-courses-slider-wrape .courses-slide-block .start-btn{
		width: 80%;
	}
	.main-contant.slide .formation-block-wrape .gx-5 {
		/* --bs-gutter-x: 25px; */
		--bs-gutter-x: 50px;
	}
	.main-contant.slide .formation-box-inner .btn.formation-btn{
		padding-left: 10px;
    	padding-right: 10px;
    	font-size: 17px;
	}
	.main-contant.slide .formation-block-wrape {
		padding: 33px 25px 60px 25px;
		display: flex;
		align-items: center;
	}
	.main-contant.slide .dashboard-foot-blog-text p {
		font-size: 19px;
		line-height: 29px;
	}
	.main-contant.slide .dashboard-block-data-text h3 {
		font-size: 58px;
		margin-right: 20px;
	}
	.main-contant.slide .yellow-box {
		padding: 37px 20px 30px 20px;
	}
	.main-contant.slide .dashboard-block {
		padding: 58px 25px 50px 25px;
	}
	.main-contant.slide  .radialprogressbar {
		width: 157px;
		height: 157px;
	}
	.main-contant.slide  .pie:before {
		border: 78px solid #FFD200;
		top: -78px;
		left: -78px;
	}
	.pie {
		border: 83px solid transparent;
	}
	.main-contant.slide  .pie > section {
		border-left: 83px solid transparent;
		border-bottom: 83px solid transparent;
		top: -83px;
		left: -83px;
	}
	.main-contant.slide  .pie .mask {
		border-top: 83px solid transparent;
	}
	.main-contant.slide .pie .mask,
	.main-contant.slide .pie .one {
		border-right: 83px solid transparent;
	  }
	  .main-contant.slide  .pie .one,
	  .main-contant.slide  .pie .two,
	  .main-contant.slide  .pie .three {
		border-top: 83px solid #fff;
	  }
	  .main-contant.slide .pie .two,
	  .main-contant.slide .pie .three {
		border-top: 83px solid #fff;
		border-right: 83px solid #fff;
	  }
	.main-contant.slide .evolution-block-wrape .btn.btn-primary {
		padding: 13px 5px 14px 5px;
		font-size: 13px;
		min-width: 100px;
	}
	.main-contant.slide .statistics-data h3 {
		font-size: 55px;
	}
	.main-contant.slide .statistics-data p {
		font-size: 19px;
	}
}
@media(min-width: 1921px) {
	.register-wrapper .row {
		margin-right: 0;
	}
}
@media(max-width: 1920px) {
	.register-img {
		border-radius: 25px 0 0 25px;
	}
	.register-wrapper .row .col-lg-7 {
		padding-right: 0;
	}
}
@media (max-width:1800px){
	.sidebar-menu ul li a img.hover-img {
		left: 29px;
	}
	.main-contant.slide .sidebar-menu ul li a img.hover-img {
		left: 0px;
	}
	.blog-listing-section{
		border-radius:67px 67px 0 0;
	}
.shape-9{
    max-width: 650px;
	top: -300px;
}
}
@media (max-width:1550px){
	.blog-details-data h2 {
		font-size: 64px;
		line-height: 75px;
	}
	.pie:before {
		border: 50px solid #FFD200;
		top: -50px;
		left: -50px;
	}
	.pie {
		border: 56px solid transparent;
	}
	.pie > section {
		border-left: 56px solid transparent;
		border-bottom: 56px solid transparent;
		top: -56px;
		left: -56px;
	}
	.pie .mask {
		border-top: 56px solid transparent;
	}
	.pie .mask,
	.pie .one {
		border-right: 56px solid transparent;
	  }
	 .pie .one,
	 .pie .two,
	 .pie .three {
		border-top: 56px solid #fff;
	  }
	.pie .two,
	.pie .three {
		border-top: 56px solid #fff;
		border-right: 56px solid #fff;
	  }
.result-info-box:before, .result-info-box.grey:before {
	width: 101px;
	height: 276px;
	left: -22px;
	bottom: auto;
	background-size: 100% !important;
	top: 0;
}
.result-info-box:after {
	width: 70px;
	height: 159px;
}
.dashboard-foot-faq, .dashboard-foot-blog {
    padding: 35px 40px;
}
}
@media (max-width:1500px){
	.res-num {
		font-size: 25px;
		margin: 0 20px 0 20px;
	}
	.results-content p {
		font-size: 15px;
	}
	.res-btn {
		font-size: 15px;
	}
	.result-info-right h3 {
		font-size: 38px;
	}
	.result-info-left p {
		font-size: 28px;
		margin: 20px 0 0 0;
		line-height: 32px;
	}
	.result-info-right ul .btn {
		padding: 16px 20px;
		min-width: auto;
	}
	.res-img {
		max-width: 85px;
	}
	.result-info-right p br{
		display: none;
	}
}
@media (min-width:1551px) and (max-width:1800px){
	.our-concept-parent {
		padding: 40px 0 0 0;
	}
	.our-prices-banner {
		padding: 175px 0 149px 0;
	}
	.register-form-section {
		min-height: 690px;
	}
	.contact-block{
		padding-left: 172px;
	}
	.container{
		max-width: 1400px;
	}

	h1{font-size: 60px;
		line-height: 70px;
	}
	h2{
		font-size: 50px;
		line-height: 60px;
	}
	h3{
		font-size: 36px;
		line-height: 45px;
	}
	h4{
		font-size: 26px;
		line-height: 35px;
	}

	.navbar{
		max-width: 1448px;
		padding: 25px 0;
	}
	.navbar-expand-lg .navbar-nav .nav-item,
	.navbar-expand-lg .navbar-nav .nav-item:last-child{
		margin-right: 40px;
	}


	/* How it Works Section  */
	.howitworks-section::before {
		width: 98%;
		border-radius: 60px 543px 0px 58px;
	}


	/* Contact Section  */
	.shape-2 {
	  	top: -241px;
	  	max-width: 600px;
	}

	 /* Footer  */
	.copyright-parent{
		max-width: 1448px;
	}


	/*================ Our Prices  ================*/

	/* Register Form Section / */
	.register-form-section::before {
		width: 99%;
	}

	/* Info Section  */
	.info-section{
		padding: 320px 0 80px 0;
	}

	/*=========================== Our Concept ===========================*/

	/* Our Concept Banner  */
	.our-concept-image{
		margin: 0;
	}
	.our-concept-wrape{
		padding: 0;
	}


	.shape-9{
		max-width: 650px;
		top: -300px;
	}


	/* Advantages Section  */
	.advantages-section{
		padding: 70px 0 20px 0;
	}
	.advantages-section::before {
		width: 99%;
		border-radius: 100px 0px 100px 60px;
	}
	.shape-10{
		max-width: 400px;
	}
	.advantages-parent h2{
		margin-bottom: 60px;
	}
	.advantages-block{
		margin-bottom: 50px;
	}
	.advantages-block .advantages-img{
		height: 70px;
	}
	.advantages-block .advantages-img img{
		height: 70px;
		object-fit: contain;
	}
	.advantages-block h5{
		margin: 20px 0 10px 0;
	}


	/* Our Concept Section  */
	.our-concept-title{
		padding: 130px 0 40px 0;
	}
	.concept-img{
		max-width: 300px;
		bottom: -20px;
  		right: 0;
	}
	.our-concept-data{
		padding: 50px;
	}
	.our-concept-block{
		margin-bottom: 40px;
	}
	.our-concept-block h4{
		margin: 20px 0 15px 0;
	}
	.our-concept-data .gx-5 {
  		--bs-gutter-x: 30px;
	}


	/* Testimonials Slider Section */
	.testimonials-slider-section{
		padding-bottom: 70px;
		border-radius: 0px 60px 0px 100px;
	}
	.testimonials-slider-data{
		padding: 0 0 0 3%;
	}
	.container-small{
		max-width: 1220px;
	}
	.testimonial-pagination-wrape{
		padding-top: 30px;
	}

	/*==================== Who Are we ====================*/
	/* Who Are we Banner  */
	.who-are-we-text{
		max-width: 550px;
	}
	.who-are-we-image{
		margin: 0 0 0;
	}


	/* Team Section  */
	.team-section{
		border-radius: 60px 200px 0 0;
		padding: 100px 0 290px 0;
		min-height: auto;
	}

	.team-shape{
		max-width: 300px;
		top: -185px;
  		left: -121px;
	}


	 /* Formation Price Section  */
	.formation-price-section{
		border-radius: 67px 268px 0 0;
	}

	/*====================== FAQ Opt 2 ======================*/
	.faq-opt2-tab .nav-tabs .nav-link{
		font-size: 25px;
		padding: 0 15px 10px 15px;
	}

	/*================================ Dashboard ================================*/
	.navigation-data{
		padding: 30px 0;
	}
	/* .heading-text h1{
		font-size: 35px;
		line-height: 40px;
	} */
	.profile-button img{
		width: 48px;
		height: 48px;
	}


	/* dashboard */
	.formation-block-row{
		margin: 0 -15px;
	}
	.formation-block-col-lg,
	.formation-block-col-sm{
		padding: 0 15px;
	}
	.formation-block-wrape .gx-5 {
  		--bs-gutter-x: 50px;
	}
	.btn.formation-btn {
		font-size: 14px;
		padding: 14px 15px;
	}
	.yellow-box{
		padding: 20px;
	}
	.yellow-box p{
		margin-bottom: 20px;
	}



	.dashboard-block{
		padding: 45px;
		min-height: 530px;
	}
	.pd-41 {
	  	--bs-gutter-x: 30px;
	}
	.dashboard-block-data{
		margin-bottom: 40px;
	}
	.radialprogressbar{
		width: 150px;
		height: 150px;
	}
	 .pie:before {
		border: 71px solid #FFD200;
		top: -71px;
		left: -71px;
	}
	.pie {
		border: 77px solid transparent;
	}
	.pie > section {
		border-left: 77px solid transparent;
		border-bottom: 77px solid transparent;
		top: -77px;
		left: -77px;
	}
	.pie .mask {
		border-top: 77px solid transparent;
	}
	.pie .mask,
	.pie .one {
		border-right: 77px solid transparent;
	  }
	 .pie .one,
	 .pie .two,
	 .pie .three {
		border-top: 77px solid #fff;
	  }
	.pie .two,
	.pie .three {
		border-top: 77px solid #fff;
		border-right: 77px solid #fff;
	  }
	.overlay-text,.pie:after{
		font-size: 35px;
		line-height: 40px;
	}
	.dashboard-block-data-text h3{
		font-size: 50px;
		line-height: 60px;
	}


	.dashboard-foot-blog-text h3, .dashboard-foot-faq-text h3{
		font-size: 50px;
		line-height: 60px;
	}
	.dashboard-foot-blog-text p,
	.dashboard-foot-faq p{
		font-size: 20px;
		line-height: 30px;
	}

	/*============== Sidemenu ==============*/
	.right-sidebar{
		max-width: 85px;
		padding: 30px 0;
	}
	.sidebar-menu ul{
		min-height: auto;
	}
	.sidebar-menu ul li{
		margin-bottom: 30px;
	}
	.sidebar-menu ul li a{
		font-size: 16px;
		line-height: 20px;
	}
	.sidebar-menu ul li a img{
		width: 28px;
		height: 28px;
	}
	.sidebar-menu ul li a::before {
		left: 0;
		top: -6px;
		height: 40px;
	}
	.sidebar-menu ul li a span{
		margin-left: 15px;
	}
	.logo{
		margin-bottom: 40px;
	}
	.sidebar-arrow{
		margin: 0;
		position: absolute;
		bottom: 50px;
		left: 28px;
		font-size: 16px;
	}
	.slide .right-sidebar{
		max-width: 300px;
		padding: 30px;
	}
	.slide .sidebar-arrow{
		left: 30px;
	}
	.slide .sidebar-menu ul li a::before {
		left: -30px;
	}
	.main-body{
		padding: 0 30px 30px 115px;
	}
	.slide .main-body {
  		padding: 0 30px 30px 330px;
	}

	/*================== My Courses ==================*/
	.header-search{
		padding: 0px 0 0 0;
	}

	/*========================= Setting =========================*/
	.setting-tab .nav-tabs .nav-link{
		font-size: 25px;
		line-height: 35px;
	}

	/*===================== My Package =====================*/
	.plan-list ul{
		padding: 0 30px 0  0;
	}
	.profile-tab .nav-tabs .nav-link{
		font-size: 22px;
	}


	/*===================== My Package =====================*/
	.free-btn{
		font-size: 14px;
	}

	/*===================== My Statistics =====================*/
	.statistics-data h3{
		font-size: 50px;
		line-height: 50px;
	}
	.statistics-data p{
		font-size: 18px;
		line-height: 28px;
	}
	.evolution-block-wrape .btn.btn-primary{
		padding: 14px 20px;
	}
}
@media(max-width: 1499px) {
	.register-form-image {
		width: 720px;
		margin-top: -130px;
	}
}
@media(max-width: 1400px) {
	.main-contant.slide	.dashboard-foot-blog, .main-contant.slide .dashboard-foot-faq{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.main-contant.slide .dashboard-foot-blog-text, .main-contant.slide .dashboard-foot-faq-text{
		width: 100%;
	}
	.dashboard-foot-blog, .dashboard-foot-faq {
        row-gap: 20px;
    }
	.dashboard-foot-blog-text, .dashboard-foot-faq-text{
		height: auto;
	}
}
@media (max-width:1379px){
	/* .main-contant.slide .dashboard-foot-faq-text {
		margin-top: 20px;
		order: 2;
	} */
}
@media (min-width:1300px) and (max-width:1550px){

	h1 {
		font-size: 80px;
		line-height: 82px;
	}
	#top-scroll {
		bottom: 5px;
		right: 15px;
	}
	.register-form-section {
		min-height: 737px;
	}
	.tests-block-btn {
		width: 50px;
		height: 50px;
	}
	.main-contant.slide .current-plan-inner h5 {
		font-size: 16px;
		margin: 0 10px 0 0;
	}
	.formation-block-wrape.evolution-block-wrape .col-xxl-6 {
		flex: 0 0 100%;
	}
	.main-contant.slide .discovery-courses-slider-wrape .courses-slide-block .start-btn{
		width: 80%;
	}
	.main-contant.slide .free-btn {
		font-size: 12px;
		padding: 1px 5px 3px 5px;
	}
	.free-btn {
		font-size: 15px;
		padding: 1px 10px 3px 10px;
	}
	.plan-list ul li {
		padding-right:10px;
	}
	.formation-price-section .news-title {
		margin: 0 50px 32px 0;
	}
	.container{
		max-width: 1250px;
	}

	h1{
		font-size: 58px;
		line-height: 68px;
	}
	h2{
		font-size: 52px;
		line-height: 62px;
	}
	h3{
		font-size: 36px;
		line-height:50px;
	}
	h4{
		font-size: 30px;
		line-height: 35px;
	}

	.navbar{
		max-width: 1220px;
		padding: 25px 0;
	}
	.header-select{
		margin: 0 0 0 10px;
	}
	.header-buttons .header-btn,
	.header-buttons .btn.btn-primary{
		min-width: 120px;
	}
	.navbar-expand-lg .navbar-nav .nav-item,
	.navbar-expand-lg .navbar-nav .nav-item:last-child{
		margin-right: 20px;
	}


	/* Hero Banner  */
	
	.banner-count-inner{
		max-width: 290px;
	}
	.banner-count-text{
		padding-left: 20px;
	}
	.banner-image{
		margin: 0;
	}


	/* How it Works Section  */
	.howitworks-section::before {
		width: 99%;
		border-radius: 60px 400px 0px 58px;
	}
	.shape-1{
		max-width: 400px;
	}
	.prices-block-wrap{
		padding: 80px;
	}


	 /* Testimonials Section  */
	.testimonials-home-section{
	 	padding: 130px 0 100px 0;
	}
	.testimonials-home-img{
		max-width: 400px;
		top: 20px;
		right: 50px;
	}
	.shape-15{
		max-width: 530px;
	}

	/* Contact Section  */
	.shape-2{
		max-width: 400px;
		right: -136px;
  		top: -201px;
	}
	.contact-block{
		max-width: 850px;
	}


	/* Partners Section  */
	.partners-section{
		padding-bottom: 120px;
	}


	 /* Footer  */
	.copyright-parent{
		max-width: 1220px;
		padding: 76px 0 ;
	}
	/*.social-text h6{
		width: 200px;
	}*/

	/*================ Our Prices  ================*/


	/* Our Prices Section  */
	.our-prices-section{
		border-radius: 60px 300px 0 0;
		padding: 110px 0 350px 0;
	}
	.shape-5{
		max-width: 500px;
		top: -390px;
	}
	.btn.register-btn{
		min-width: 250px;
	}
	.main-contant.slide .btn.register-btn{
		min-width: 150px;
	}

	.our-prices-section .gx-5 {
  		--bs-gutter-x: 30px;
	}

	.payment-data{
		padding: 110px 0 0 0;
	}


	/* Register Form Section / */
	.register-form-section::before {
		width: 99%;
	}
	.shape-6{
		max-width: 400px;
		top: -100px;
	}
	.register-form-data h2{
		margin-bottom: 20px;
	}
	.register-form-data p{
		font-size: 25px;
		line-height: 33px;
		margin-bottom: 40px;
	}


	/* Info Section  */
	.info-section{
		padding: 180px 0 50px 0;
	}
	.shape-7{
		max-width: 500px;
	}
	.info-block-image{
		height: 550px;
	}
	.info-block-text{
		padding: 40px;
	}
	.info-block-text-inner{
		width: 70%;
	}
	.more-btn,.info-block-text p{
		font-size: 20px;
	}
	.more-btn img{
		width: 30px;
	}

	/*=========================== Our Concept ===========================*/

	/* Our Concept Banner  */
	.our-concept-image{
		margin: 0;
	}
	.our-concept-wrape{
		padding: 0;
	}



	/* Advantages Section  */
	.advantages-section{
		padding: 70px 0 20px 0;
	}
	.advantages-section::before {
		width: 99%;
		border-radius: 100px 0px 100px 60px;
	}
	.shape-10{
		max-width: 400px;
	}
	.advantages-parent h2{
		margin-bottom: 60px;
	}
	.advantages-block{
		margin-bottom: 50px;
	}
	.advantages-block .advantages-img{
		height: 70px;
	}
	.advantages-block .advantages-img img{
		height: 70px;
		object-fit: contain;
	}
	.advantages-block h5{
		margin: 20px 0 10px 0;
	}


	/* Our Concept Section  */
	.our-concept-title{
		padding: 130px 0 40px 0;
	}
	.concept-img{
		max-width: 300px;
		bottom: -20px;
  		right: 0;
	}
	.our-concept-data{
		padding: 50px;
	}
	.our-concept-block{
		margin-bottom: 40px;
	}
	.our-concept-block h4{
		margin: 20px 0 15px 0;
	}
	.our-concept-data .gx-5 {
  		--bs-gutter-x: 30px;
	}


	/* Testimonials Slider Section */
	.testimonials-slider-section{
		padding-bottom: 70px;
		border-radius: 0px 60px 0px 100px;
	}
	.testimonials-slider-data{
		padding: 0 0 0 3%;
	}
	.container-small{
		max-width: 1220px;
	}
	.testimonial-pagination-wrape{
		padding-top: 30px;
	}

	/*==================== Who Are we ====================*/
	/* Who Are we Banner  */
	.who-are-we-banner{
		padding: 120px 0 80px;
	}
	.who-are-we-text{
		max-width: 550px;
	}
	.who-are-we-text h1{
		/* font-size: 60px;
		line-height: 70px; */
		margin-bottom: 20px;
	}
	.who-are-we-image{
		margin: 0 0 0;
	}
	/* Team Section  */
	.team-section{
		border-radius: 60px 100px 0 0;
		padding: 50px 0 290px 0;
		min-height: auto;
	}
	.team-parent h2{
		margin-bottom: 50px;
	}
	.team-shape{
		max-width: 300px;
		top: -185px;
  		left: -121px;
	}


	/* Our Values Section  */
	.our-values-section{
		padding: 70px 0;
	}
	.our-values-parent h2{
		margin-bottom: 50px;
	}
	.our-values-parent .gx-5 {
  		--bs-gutter-x: 30px;
	}
	.our-values-section::before {
		width: 99%;
    	border-radius: 60px 0px 100px 60px;
    	right: 0;
	}
	.shape-12 {
  		top: 30px;
  		right: -106px;
  		max-width: 300px;
	}
	.our-values-block h4{
		margin: 30px 0 20px 0;
	}

	/*=========================== Formations ===========================*/

	/* Formations Banner  */
	/* .formations-banner-text h1{
		font-size: 70px;
		line-height: 85px;
	} */

	/* Formations Section  */
	.formations-text h3{
		font-size: 35px;
		margin-bottom: 20px;
	}

	/* Text Block Section  */
	.text-block-section{
		padding: 0;
	}
	.text-block-data{
		min-height: 300px;
	}
	.text-block p{
		font-size: 30px;
	}

	/* Testimonials Formation Section */
	.testimonials-formation-section{
		padding: 100px 0 70px 0;
	}

	 /* Advantages Trans Section  */
	.advantages-trans-section{
	 	padding: 80px 0;
	}
	.advantages-trans-parent h2{
	 	margin-bottom: 60px;
	}
	.advantages-trans-parent .gx-5 {
  		--bs-gutter-x: 30px;
	}
	.advantages-trans-block span{
		height: 70px;
	}
	.advantages-trans-block span img{
		height: 70px;
		object-fit: contain;
	}


	 /* Formation Price Section  */
	.formation-price-section{
		padding: 60px 0;
	}

	/*=================== FAQ ===================*/
	.shape-14 {
	  	top: 52px;
	  	left: -130px;
	  	max-width: 230px;
	}
	.faq-parent h2{
		font-size: 70px;
		line-height: 85px;
		margin-bottom: 40px;
	}
	.tab-content-body{
		padding: 0;
	}
	.faq-tab{
		padding: 0;
	}
	.faq-tab .nav-tabs .nav-item{
		margin-bottom: 20px;
	}
	.faq-tab .nav-tabs .nav-link{
		font-size: 20px;
		line-height: 28px;
		min-height: 100px;
		padding: 20px;
	}

	/*====================== FAQ Opt 2 ======================*/
	.faq-opt2-section .faq-parent h2{
		margin-bottom: 70px;
	}
	.faq-opt2-tab .nav-tabs .nav-link{
		font-size: 22px;
		padding: 0 15px 10px 15px;
	}

	/*====================== Blog Listning ======================*/

	/* blog-listning */
	/* .blog-banner-text h1{
		font-size: 70px;
		line-height: 85px;
		margin-bottom: 30px;
	} */
	.blog-listing-section{
		padding: 100px 0;
		border-radius: 60px 100px 0 0;
	}
	.blog-listing-filter-box img{
		height: 220px;
	}
	.blog-listing-filter-text{
		padding: 20px;
	}

	/*================= blog-listning-opt-2 =================*/
	.blog-listing-opt-2-section .blog-listing-filter-image img{
		height: 200px;
		border-radius: 25px 100px 0px 0px;
	}
	.blog-listing-opt-2-section .blog-listing-filter-text h5{
		font-size: 20px;
		line-height: 30px;
	}

	/*================ contact1 ================*/
	.contact-opt1-image{
		margin: 0 0;
	}

	/*====================== terms-and-conditions ======================*/
	/* .tc-text h3{
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 12px;
	} */

	/*==================== Login ====================*/
	.login-section{
		padding: 100px 0 48px 0;
	}
	.title img{
		margin-bottom: 30px;
	}
	.title h6{
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 30px;
	}


	/*====================== Blog Details ======================*/
	.blog-details-text::before, .blog-details-text::after {
		width: 140px;
    	height: 97px;
    	left: 0;
	}
	.blog-details-text{
		padding: 100px 0 120px 0;
	}
	.blog-details-text::after {
		left: auto;
  		right: -0;
  		bottom: 40px;
	}
	/* Related Articles  */
	.related-shape{
		max-width: 400px;
		top: -100px;
  		left: -100px;
	}

	/*================================ Dashboard ================================*/
	.navigation-data{
		padding: 20px 0;
	}
	/* .heading-text h1{
		font-size: 35px;
		line-height: 40px;
	} */
	.profile-button img{
		width: 48px;
		height: 48px;
	}

	/* dashboard */
	.formation-block-col-lg{
		width: 100%;
	}
	.formation-block-col-sm{
		width: 100%;
	}
	.formation-block-wrape{
		width: 100%;
		display: block;
		padding: 50px;
	}
	.formation-block-wrape .gx-5 {
	  	--bs-gutter-x: 50px;
	}
	.formation-box-inner{
		min-height: 75px;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.formation-box-inner img{
		object-fit: contain;
	}
	.box-data-1 .formation-box-inner img{
		height: 75px;
	}
	.box-data-2 .formation-box-inner img{
		height: 63px;
	}
	.formation-box-text{
		padding: 30px 0 20px 0;
	}
	.formation-box-text h5, .formation-box-text h4{
		letter-spacing: 0.52px;
		font-size: 25px;
		line-height: 30px;
	}
	.btn.formation-btn{
		font-size: 14px;
		line-height: 19px;
		margin:  0;
	}
	.yellow-box {
		min-height: auto;
		padding: 50px;
	}
	.btn.yellow-btn{
		width: 200px;
		min-width: 200px;
	}

	.dashboard-block{
		padding: 30px;
		min-height: 400px;
	}
	.dashboard-block-data{
		margin-bottom: 40px;
	}
	.dashboard-block-data-text h4{
		font-size: 18px;
		line-height: 28px;
	}
	.dashboard-block-data-text h3{
		line-height: 40px;
		font-size: 30px;
		margin: 0;
	}
	.radialprogressbar{
		width: 90px;
		height: 90px;
	}
	.overlay-text,.pie:after{
		font-size: 25px;
		line-height: 30px;
	}
	.dashboard-block ul li{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.pd-41 {
	  --bs-gutter-x: 30px;
	}
	.dashboard-foot {
		padding-bottom: 30px;
	}
	/* .dashboard-foot-blog,.dashboard-foot-faq{
		padding: 30px;
	} */
	.dashboard-foot-blog-text h3, .dashboard-foot-faq-text h3{
		font-size: 40px;
		line-height: 50px;
		letter-spacing: -0.5px;
	}
	.dashboard-foot-blog-text p,
	.dashboard-foot-faq p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 0;
	}
	/* .dashboard-foot-blog-text{
		width: 100%;
	} */
	.dashboard-foot-faq img{
		width: 196px;
	}
	.btn.arrow-btn img{
		width: 20px;
	}

	/*============== Sidemenu ==============*/
	.right-sidebar{
		max-width: 85px;
		padding: 30px 0;
	}
	.sidebar-menu ul{
		min-height: auto;
	}
	.sidebar-menu ul li{
		margin-bottom: 30px;
	}
	.sidebar-menu ul li a{
		font-size: 16px;
		line-height: 20px;
	}
	.sidebar-menu ul li a img{
		width: 28px;
		height: 28px;
	}
	.sidebar-menu ul li a::before {
		left: 0;
		top: -6px;
		height: 40px;
	}
	.sidebar-menu ul li a span{
		margin-left: 15px;
	}
	.logo{
		margin-bottom: 40px;
	}
	.sidebar-arrow{
		margin: 0;
		position: absolute;
		bottom: 50px;
		left: 28px;
		font-size: 16px;
	}
	.slide .right-sidebar{
		max-width: 300px;
		padding: 30px;
	}
	.slide .sidebar-arrow{
		left: 30px;
	}
	.slide .sidebar-menu ul li a::before {
		left: -30px;
	}
	.main-body{
		padding: 0 30px 30px 115px;
	}
	.slide .main-body {
  		padding: 0 30px 30px 330px;
	}

	/*================== My Courses ==================*/
	.header-search{
		padding: 3px 0 0 0;
	}
	.search-form{
		height: 45px;
	}
	.search-btn{
		top: 3px;
		right: 5px;
	}

	/* Cart */
	.title-data{
		margin: -80px 0 30px 0;
	}
	.cart-block{
		min-height: 500px;
		padding-bottom: 100px;
	}

	/*========================= Setting =========================*/
	.setting-col-sm{
		width: 30%;
	}
	.setting-col-lg{
		width: 70%;
		padding-left: 50px;
	}
	.linked-col{
		width: 33.33%;
	}
	.setting-tab .nav-tabs .nav-link{
		font-size: 25px;
		line-height: 35px;
	}

	/*=================== good-habits-for-motorists ===================*/
	.tests-block{
		padding: 20px;
	}
	.tests-block-text h4{
		font-size: 30px;
		line-height: 35px;
		letter-spacing: -0.2px;
		margin-bottom: 10px;
	}
	.tests-block-text p{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 0;
	}

	/*===================== My Package =====================*/
	.profile-sidebar{
		padding: 20px;
	}
	.profile-img{
		width: 90px;
		height: 90px;
	}
	.btn.edit-btn{
		font-size: 16px;
		line-height: 20px;
		padding: 10px 30px;
	}
	.profile-sidebar ul li{
		font-size: 16px;
	}
	.profile-sidebar ul li i img,
	.profile-sidebar ul li i{
		width: 30px;
		height: 30px;
	}
	.profile-sidebar ul li span{
		width: calc(100% - 30px);
	}

	.profile-tab .nav-tabs .nav-link{
		padding:  20px 30px;
		font-size: 20px;
		line-height: 24px;
	}
	.plan-list{
		justify-content: flex-start;
		padding-left: 20px;
	}
	.plan-list ul{
		display: table;
		padding: 0;
	}

	/*===================== My Statistics =====================*/
	.statistics-data h3{
		font-size: 40px;
		line-height: 50px;
	}
	.statistics-data p{
		font-size: 18px;
		line-height: 28px;
	}

	.statistics-tab .evolution-block-wrape{
		padding: 30px 40px;
	}
	.statistics-tab .formation-box-data1 .formation-box{
		margin-bottom: 40px;
	}
	.main-contant.slide .plan-info{
		min-width: 180px;
	}
	.main-contant.slide .profile-sidebar .btn.edit-btn {
		padding: 15px;
	}
	.register-wrapper::after {
		height: 600px;
	}
	.register-form-data {
		padding-left: 20px;
	}
}
@media (min-width:1200px) and (max-width:1299px){
	.blog-details-banner {
		padding-top: 145px;
	}
	h1 {
		font-size: 54px;
        line-height: 62px;
    	margin-bottom: 10px;
	}
	h2{
		font-size: 48px;
		line-height: 50px;
	}
	h3 {
		font-size: 46px;
		line-height: 56px;
	}
	h4 {
		font-size: 26px;
		line-height: 29px;
	}
	.our-concept-parent {
		padding: 54px 0 0;
	}
	.hero-banner .banner-wrape {
		padding: 0;
	}
	.team-block h5 {
		font-size: 20px;
		line-height: 24px;
	}
	.team-block h4 {
		padding: 32px 0 10px 0;
	}
	.register-form-data p {
        font-size: 20px;
        line-height:27px;
	}
	.register-wrapper .register-form-data {
		padding-left: 30px;
	}
	.our-prices-block h3 {
		font-size: 24px;
		line-height: 31px;
	}
	.faq-accordion-body {
		padding: 10px 0 0 0;
	}
	.contact-opt1-form {
		padding-top: 30px;
	}
	.team-block img {
        width: 170px;
        height: 170px;
		padding: 20px;
    }
	.formations-image {
		padding-top: 30px;
	}
	.news-btn {
		font-size: 20px;
		line-height: 26px;
	}
	.news-btn img {
		width: 25px;
	}
	.step-slider-text p {
		font-size: 19px;
		line-height: 28px;
	}
	.step-slider-text h5 {
		font-size: 20px;
		line-height: 24px;
	}
	.our-prices-block ul li::before {
		width: 18px;
		height: 18px;
		top: 8px;
	}
	.prices-icon-1,
	.prices-icon-2,
	.prices-icon-3 {
		width: 110px;
		height: 110px;
	}
	.prices-icon-1 img,
	.prices-icon-2 img,
	.prices-icon-3 img {
		padding: 10px;
	}
	.prices-block h5 {
		font-size: 22px;
        line-height: 28px;
	}
	.prices-block h6 {
        font-size: 16px;
    }
	#top-scroll {
		margin: 0;
		bottom: 10px;
		right: 10px;
	}
	.count-inner-2 img {
		width: 34px;
	}
	.tests-block-btn {
		width: 50px;
		height: 50px;
	}
	.main-contant.slide .thematic-block-wrape {
		padding: 33px 25px;
	}
	.main-contant.slide  .thumbs-up-icon {
		width: 81px;
		height: 81px;
	}
	.main-contant.slide .discovery-courses-slider-wrape .courses-slide-block .start-btn{
		width: 80%;
	}
	.main-contant.slide .profile-sidebar .btn.edit-btn {
		padding: 15px 15px;
		font-size: 14px;
	}
	.main-contant.slide .plan-info{
		min-width: 180px;
	}
	.register-wrapper::after {
		height: 540px;
	}
	/* h1{
		font-size: 40px;
		line-height: 50px;
	}
	h2{
		font-size: 45px;
		line-height: 45px;
	}
	h3{
		font-size: 30px;
		line-height: 40px;
	}
	h4{
		font-size: 26px;
		line-height: 35px;
	} */
	p{
		font-size: 16px;
		line-height: 24px;
	}

	/* .formations-banner .formations-wrape p,
	.who-are-we-banner .who-are-we-wrape p {
		font-size: 18px;
	} */
	.banner-parent .banner-text p,
	.our-concept-banner p,
	.our-prices-banner p,
	.formations-banner p,
	.who-are-we-banner p {
		font-size: 1.375rem;
		line-height: 1.875rem;
	}
	.header-buttons{
		display: none;
	}
	.header-buttons-wrape,
	.header-buttons-wrape .header-buttons{
		display: block;
	}
	.header-buttons-wrape{
		padding: 15px 0 0 0;
		margin: 0 auto -10px auto;
		max-width: 1140px;
		width: 100%;
	}
	.header-buttons-wrape .header-buttons{
		display: flex;
	}
	.navbar{
		padding: 10px 0;
		min-height: 90px;
		max-width: 1110px;
	}
	.navbar-expand-lg .navbar-nav .nav-item{
		margin: 0 50px 0 0;
	}
	.navbar-expand-lg .navbar-nav .nav-item:last-child{
		margin: 0 0 0 0;
	}

	/* Hero Banner  */
	.hero-banner{
		padding: 180px 0 50px 0;
	}
	.banner-wrape{
		padding: 30px 0 0 0;
	}
	.banner-count-text h3{
		font-size: 44px;
		line-height: 54px;
	}
	.banner-count-text h3::before {
		height: 15px;
		bottom: 9px;
	}
	.banner-count-text h6{
		font-size: 16px;
		line-height: 24px;
	}
	.banner-count-inner img{
		margin-top: 10px;
	}
	.banner-count-text{
		padding-left: 15px;
	}
	.banner-count-inner{
		margin-bottom: 30px;
		max-width: 260px;
	}
	.banner-button .btn.btn-primary{
		min-width: 250px;
	}
	.banner-image{
		margin: 0px 0 0 50px;
	}



	 /* How it Works Section  */
	.howitworks-section{
		min-height: auto;
		padding: 120px 0 0 0;
	}
	.howitworks-section::before {
		width: 98%;
		border-radius: 60px 300px 0px 58px;
	}
	.shape-1{
		max-width: 340px;
    	top: -260px;
	}
	.howitworks-parent h2{
		margin-bottom: 60px;
	}
	.howitworks-data{
		padding-bottom: 10px;
	}
	.howitworks-row{
		margin: 0 -10px;
	}
	.howitworks-col{
		width: 20%;
		padding: 0 10px;
	}
	.howitworks-icon{
		width: 110px;
		height: 110px;
	}
	.howitworks-block p{
		font-size: 18px;
		margin-top: 10px;
		line-height: 22px;
	}
	.prices-block-wrap{
		padding: 50px;
	}
	.prices-block-text p{
		margin-bottom: 20px;
	}
	.prices-icon{
		width: 130px;
		height: 130px;
	}
	.prices-icon img{
		width: 60px;
		object-fit: contain;
	}
	.prices-block h5{
		font-size: 25px;
		line-height: 35px;
		margin: 20px 0 0 0;
	}
	.prices-block h6{
		font-size: 18px;
	}


	/* Testimonials Section  */
	.testimonials-home-section{
		padding: 262px 0 80px 0;
	}
	.testimonials-home-parent h2{
		margin-bottom: 50px;
	}
	.testimonials-home-img{
		right: 50px;
		max-width: 250px;
	}
	.shape-15{
		left: -150px;
		max-width: 400px;
	}
	.testimonials-thumbs-block{
		padding: 20px;
		/* min-height: 110px; */
		margin: 0 10px 20px 0;
	}
	.swiper-slide-thumb-active .testimonials-thumbs-block{
		box-shadow: 0px 0px 10px #0000001A;
	}
	.testimonials-thumbs-item img{
		width: 60px;
		height: 60px;
	}
	.testimonials-thumbs-text h4{
		font-size: 16px;
		margin-bottom: 0;
	}
	.testimonials-thumbs-text{
		width: calc(100% - 60px);
		padding: 0 0 0 15px;
	}
	.testimonials-main-wrapper{
		padding: 20px 0 0 20px;
	}
	.testimonials-main-block h4{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.testimonials-main-block ul{
		margin-bottom: 20px;
	}
	.testimonials-main-pagination{
		padding: 0;
	}



	/* Contact Section  */
	.shape-2{
		max-width: 350px;
		right: -80px;
  		top: -150px;
	}
	.contact-block{
		padding: 60px;
		max-width: 600px;
		border-radius: 0px 100px 40px 40px;
	}
	.contact-block h3{
		margin-bottom: 30px;
	}
	.form-group{
		margin-bottom: 30px;
	}
	.form-group label{
		margin-bottom: 10px;
	}
	.form-control{
		padding-bottom: 12px;
		font-size: 16px;
	}
	.form-button .btn-primary{
		margin: 0;
	}
	.contact-form .gx-5{
		--bs-gutter-x: 30px;
	}
	.contact-image{
		padding: 50px;
		width: 48%;
	}


	/* News Section  */
	.news-block-text{
		padding: 25px;
	}


	/* Partners Section  */
	.partners-section{
		padding: 350px 0 100px 0;
	}
	.partners-parent h2{
		margin-bottom: 40px;
	}


	/* Footer  */
	.footer{
		padding: 50px 0 0 0;
	}
	.copyright-section{
		margin-top: 50px;
	}
	.copyright-parent{
		padding: 50px 0;
		max-width: 1110px;
	}
	.social-text h6{
		width: 180px;
		margin-right: 15px;
	}
	.social-text ul li{
		margin-right: 10px;
	}
	.social-text ul li img{
		width: 20px;
		object-fit: contain;
	}

	/*================ Our Prices  ================*/

	/* Our Prices Banner  */
	.our-prices-banner{
		padding: 180px 0 100px 0;
	}
	.our-prices-text p{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 30px;
	}
	.our-prices-block h2 {
		font-size: 60px;
    	line-height: 66px;
	}
	.methods-icon {
		max-width: 95px;
	}
	.our-prices-banner-image{
		padding: 0;
	}

	/* Our Prices Section  */
	.our-prices-section{
		padding: 60px 0 300px 0;
		border-radius: 40px 100px 0 0;
	}
	.shape-5{
		max-width: 450px;
		top: -375px;
	}
	.our-prices-section .gx-5 {
  		--bs-gutter-x: 20px;
	}
	.our-prices-block{
		margin-bottom: 30px;
		min-height: 500px;
		padding: 30px 20px;
	}
	.btn.register-btn{
		min-width: 220px;
	}
	.our-prices-block ul li{
		margin-bottom: 15px;
	}
	.payment-data{
		padding: 60px 0 0 0;
	}
	.payment-text{
		padding: 20px 0 0 0;
	}
	.payment-text h3{
		margin-bottom: 15px;
	}
	.payment-methods{
		padding: 0;
	}
	.payment-methods-row{
		margin: 0 -10px;
	}
	.payment-methods-col{
		padding: 0 10px;
	}


	/* Register Form Section  */
	.register-form-section{
		margin: -170px 0 0 0;
		padding: 70px 0;
		min-height: 615px;
	}
	.register-form-section::before {
		width: 98%;
	}
	.shape-6 {
	  	top: -103px;
	  	right: -110px;
	  	max-width: 350px;
	}
	.register-form-data h2{
		margin-bottom: 10px;
	}
	.register-form-data p{
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.register-form-image{
		width: 47%;
		top: 140px;
	}



	.info-section{
		padding: 200px 0 50px 0;
	}
	.shape-7{
		max-width: 450px;
	}
	.info-block-image{
		height: 500px;
	}
	.info-block-text{
		padding: 40px;
	}
	.info-block-text-inner{
		width: 300px;
	}
	.info-block-text h2{
		margin-bottom: 20px;
	}
	.info-block-text p,
	.more-btn{
		font-size: 20px;
	}
	.more-btn img{
		width: 25px;
	}


	/*=========================== Our Concept ===========================*/

	/* Our Concept Banner  */
	/* .our-concept-banner::before {
		height: 74%;
	} */
	.our-concept-image{
		margin: 0;
	}
	.our-concept-wrape{
		padding: 0;
	}
	/* .our-concept-text p{
		font-size: 20px;
		line-height: 30px;
	} */


	/* Figures Section  */
	.figures-section{
		padding: 100px 0 50px 0;
	}
	.shape-9{
		max-width: 350px;
		top: -220px;
  		right: -99px;
	}
	.figures-title{
		margin-bottom: 50px;
	}
	.figures-title h2{
		margin-bottom: 20px;
	}
	.figures-block {
		margin-bottom: 20px;
		padding: 0;
	}
	.figures-block img{
		height: 70px;
		width: 70px;
	}


	/* Advantages Section  */
	.advantages-section{
		padding: 70px 0 20px 0;
	}
	.advantages-section::before {
		width: 98%;
		border-radius: 100px 0px 100px 60px;
	}
	.shape-10{
		max-width: 400px;
	}
	.advantages-parent h2{
		margin-bottom: 40px;
	}
	.advantages-block{
		margin-bottom: 50px;
	}
	.advantages-block .advantages-img{
		height: 70px;
	}
	.advantages-block .advantages-img img{
		height: 70px;
		object-fit: contain;
	}
	.advantages-block h5{
		margin: 20px 0 10px 0;
	}


	/* Our Concept Section  */
	.our-concept-title{
		padding: 130px 0 40px 0;
	}
	.concept-img{
		max-width: 300px;
		bottom: -20px;
  		right: 0;
	}
	.our-concept-data{
		padding: 50px;
	}
	.our-concept-block{
		margin-bottom: 40px;
	}
	.our-concept-block h4{
		margin: 20px 0 15px 0;
	}
	.our-concept-data .gx-5 {
  		--bs-gutter-x: 30px;
	}


	/* Testimonials Slider Section */
	.testimonials-slider-section{
		padding-bottom: 50px;
		border-radius: 0px 60px 0px 100px;
	}
	.testimonials-head{
		margin-bottom: 40px;
	}
	.slider-button{
		width: 60px;
		height: 60px;
	}
	.slider-button img{
		width: 20px;
	}
	.testimonials-slider-data{
		padding: 0 0 0 5%;
	}
	.testimonials-slider-data::before {
		width: 30px;
	}
	.testimonials-slider-block{
		padding: 30px;
		min-height: 365px;
	}
	.testimonials-slider-title img{
		width: 50px;
		height: 50px;
	}
	.testimonials-slider-title-text{
		width: calc(100% - 50px);
		padding: 0 0 0 10px;
	}
	/* .testimonials-slider-title-text h5{
		font-size: 14px;
		margin: 0;
	} */
	.testimonials-slider-title-text h6{
		font-size: 13px;
	}
	.testimonials-slider-title{
		margin-bottom: 20px;
	}
	.testimonials-slider-block p{
		margin-bottom: 20px;
	}
	.testimonial-pagination-wrape{
		padding: 15px;
	}
	.testimonial-pagination {
		text-align: center;
	}


	/* Our Prices Concept Section  */
	.ourprices-concept-section{
		padding: 100px 0 40px 0;
	}
	.ourprices-concept-title{
		margin-bottom: 50px;
	}
	.ourprices-concept-btn{
		font-size: 18px;
		line-height: 28px;
	}
	.ourprices-concept-btn img{
		width: 20px;
	}
	.ourprices-concept-block{
		padding: 40px 20px;
		min-height: 320px;
	}
	.ourprices-concept-block h3{
		margin-bottom: 10px;
	}
	.ourprices-concept-block h2{
		font-size: 40px;
		line-height: 60px;
	}
	.ourprices-concept-block h6{
		margin-bottom: 40px;
	}
	.ourprices-concept-block .btn.btn-primary{
		min-width: 230px;
	}


	/* Concept Contact Section  */
	.shape-11 {
  		bottom: -128px;
  		right: -104px;
  		max-width: 340px;
	}

	/*==================== Who Are we ====================*/
	/* Who Are we Banner  */
	.who-are-we-banner{
		padding: 150px 0 50px;
	}
	.who-are-we-text{
		max-width: 550px;
		padding: 0;
	}
	.contact-opt1-form {
		padding: 0;
	}
	/* .who-are-we-text h1{
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 20px;
	} */
	.who-are-we-image{
		margin: 0 0 0;
	}

	/* Team Section  */
	.team-section{
		border-radius: 60px 100px 0 0;
		padding: 50px 0 290px 0;
		min-height: auto;
	}
	.team-parent h2{
		margin-bottom: 50px;
	}
	.team-shape{
		max-width: 300px;
		top: -285px;
  		left: -121px;
	}

	/* Our Values Section  */
	.our-values-section{
		padding: 70px 0;
	}
	.our-values-parent h2{
		margin-bottom: 50px;
	}
	.our-values-parent .gx-5 {
  		--bs-gutter-x: 30px;
	}
	.our-values-section::before {
		width: 98%;
    	border-radius: 60px 0px 100px 60px;
    	right: 0;
	}
	.shape-12 {
  		top: 30px;
  		right: -106px;
  		max-width: 300px;
	}
	.our-values-block h4{
		margin: 30px 0 20px 0;
	}

	/*=========================== Formations ===========================*/

	/* Formations Banner  */
	/* .formations-banner-text h1{
		font-size: 60px;
		line-height: 70px;
	} */

	/* Formations Section  */
	.formations-text h3{
		font-size: 35px;
		margin-bottom: 20px;
	}

	/* Text Block Section  */
	.text-block-section{
		padding: 0;
	}
	.text-block-data{
		min-height: 300px;
	}
	.text-block p{
		font-size: 30px;
	}

	/* Testimonials Formation Section */
	.testimonials-formation-section{
		padding: 100px 0 70px 0;
	}

	 /* Advantages Trans Section  */
	.advantages-trans-section{
	 	padding: 80px 0;
	}
	.advantages-trans-parent h2{
	 	margin-bottom: 60px;
	}
	.advantages-trans-parent .gx-5 {
  		--bs-gutter-x: 30px;
	}
	.advantages-trans-block span{
		height: 70px;
	}
	.advantages-trans-block span img{
		height: 70px;
		object-fit: contain;
	}


	 /* Formation Price Section  */
	.formation-price-section{
		padding: 60px 0;
	}

	/*=================== FAQ ===================*/
	.shape-14 {
	  	top: 52px;
	  	left: -130px;
	  	max-width: 230px;
	}
	.faq-parent h2{
		font-size: 60px;
		line-height: 70px;
		margin-bottom: 40px;
	}
	.tab-content-body{
		padding: 0;
	}
	.faq-tab{
		padding: 0;
	}
	.faq-tab .nav-tabs .nav-item{
		margin-bottom: 20px;
	}
	.faq-tab .nav-tabs .nav-link{
		font-size: 20px;
		line-height: 28px;
		min-height: 100px;
		padding: 20px;
	}

	.faq-ac-btn{
		font-size: 20px;
	}
	.faq-accordion-body{
		padding: 10px 0 0 20px;
	}
	.faq-accordion-item{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	/*====================== FAQ Opt 2 ======================*/
	.faq-opt2-section .faq-parent h2{
		margin-bottom: 50px;
	}
	.faq-opt2-tab .nav-tabs .nav-link{
		font-size: 20px;
		padding: 0 15px 10px 15px;
	}

	/*====================== Blog Listning ======================*/

	/* blog-listning */
	/* .blog-banner-text h1{
		font-size: 60px;
		line-height: 70px;
		margin-bottom: 30px;
	} */
	.blog-listing-section{
		padding: 100px 0;
		border-radius: 60px 100px 0 0;
	}
	.blog-listing-shape{
		max-width: 200px;
		top: -180px;
  		right: -101px;
	}
	.blog-listing-menu{
		margin-bottom: 30px;
	}
	.filters-name li{
		margin: 0 5px 10px 0;
		padding: 0;
	}
	.filters-name li .filter{
		font-size: 16px;
	}
	.blog-listing-filter-box img{
		height: 180px;
	}
	.blog-listing-filter-text{
		padding: 20px;
	}

	/*================= blog-listning-opt-2 =================*/
	.blog-listing-opt-2-section .blog-listing-filter-image img{
		height: 200px;
		border-radius: 25px 100px 0px 0px;
	}
	.blog-listing-opt-2-section .blog-listing-filter-text h5{
		font-size: 20px;
		line-height: 30px;
	}

	/*================ contact1 ================*/
	.contact-opt1-image{
		margin: 0 0;
	}

	/*====================== terms-and-conditions ======================*/
	/* .tc-text h3{
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 12px;
	} */

	/*==================== Login ====================*/
	.login-section{
		padding: 100px 0 48px 0;
	}
	.title img{
		margin-bottom: 30px;
	}
	.title h6{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	/*====================== Blog Details ======================*/
	.blog-details-banner-image img,.blog-details-image img{
		height: 400px;
	}
	.blog-details-data h3{
		font-size: 40px;
		line-height: 50px;
	}
	.blog-details-text{
		padding: 83px 0 73px 0;
	}
	.blog-details-text::before, .blog-details-text::after {
		width: 90px;
    	height: 61px;
    	left: 0;
	}
	.blog-details-text::after {
		left: auto;
  		right: -0;
	}

	/* Related Articles  */
	.related-shape{
		max-width: 400px;
		top: -100px;
  		left: -100px;
	}

	/*================================ Dashboard ================================*/
	.navigation-data{
		padding: 20px 0;
	}
	/* .heading-text h1{
		font-size: 35px;
		line-height: 45px;
	} */
	.profile-button img{
		width: 48px;
		height: 48px;
	}

	/* dashboard */
	.formation-block-col-lg{
		width: 100%;
	}
	.formation-block-col-sm{
		width: 100%;
	}
	.formation-block-wrape{
		width: 100%;
		display: block;
		padding: 50px;
	}
	.formation-block-wrape .gx-5 {
	  	--bs-gutter-x: 50px;
	}
	.formation-box-inner{
		min-height: 75px;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.formation-box-inner img{
		object-fit: contain;
	}
	.box-data-1 .formation-box-inner img{
		height: 75px;
	}
	.box-data-2 .formation-box-inner img{
		height: 63px;
	}
	.formation-box-text{
		padding: 16px 0 10px 0;
	}
	.formation-box-text h5, .formation-box-text h4{
		letter-spacing: 0.52px;
		font-size: 20px;
		line-height: 24px;
	}
	.btn.formation-btn{
		font-size: 14px;
		line-height: 19px;
		margin:  0;
	}
	.main-contant.slide .btn.formation-btn {
		padding-left: 15px;
		padding-right: 15px;
	}
	.yellow-box {
		min-height: auto;
		padding: 50px;
	}
	.btn.yellow-btn{
		width: 200px;
		min-width: 200px;
	}

	.dashboard-block{
		padding: 30px;
		min-height: 400px;
	}
	.dashboard-block-data{
		margin-bottom: 40px;
	}
	.dashboard-block-data-text h4{
		font-size: 18px;
		line-height: 28px;
	}
	.dashboard-block-data-text h3{
		line-height: 40px;
		font-size: 30px;
		margin: 0;
	}
	.radialprogressbar{
		width: 90px;
		height: 90px;
	}
	.overlay-text,.pie:after{
		font-size: 25px;
		line-height: 30px;
	}
	.dashboard-block ul li{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.pd-41 {
	  --bs-gutter-x: 30px;
	}
	.dashboard-foot {
		padding-bottom: 30px;
	}
	.dashboard-foot-blog,.dashboard-foot-faq{
		padding: 30px;
	}
	.dashboard-foot-blog-text h3, .dashboard-foot-faq-text h3{
		font-size: 40px;
		line-height: 50px;
		letter-spacing: -0.5px;
	}
	.dashboard-foot-blog-text p,
	.dashboard-foot-faq p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 20px;
	}
	.dashboard-foot-blog-text,
	.dashboard-foot-faq {
		width: 100%;
        height: auto;
	}
	.dashboard-foot-faq img{
		width: 196px;
	}
	
	.btn.arrow-btn img{
		width: 20px;
	}

	/*============== Sidemenu ==============*/
	.right-sidebar{
		max-width: 85px;
		padding: 30px 0;
	}
	.sidebar-menu ul{
		min-height: auto;
	}
	.sidebar-menu ul li{
		margin-bottom: 30px;
	}
	.sidebar-menu ul li a{
		font-size: 16px;
		line-height: 20px;
	}
	.sidebar-menu ul li a img{
		width: 28px;
		height: 28px;
	}
	.sidebar-menu ul li a::before {
		left: 0;
		top: -6px;
		height: 40px;
	}
	.sidebar-menu ul li a span{
		margin-left: 15px;
	}
	.logo{
		margin-bottom: 40px;
	}
	.sidebar-arrow{
		margin: 0;
		position: absolute;
		bottom: 50px;
		left: 28px;
		font-size: 16px;
	}
	.slide .right-sidebar{
		max-width: 300px;
		padding: 30px;
	}
	.slide .sidebar-arrow{
		left: 30px;
	}
	.slide .sidebar-menu ul li a::before {
		left: -30px;
	}
	.main-body{
		padding: 0 30px 30px 115px;
	}
	.slide .main-body {
  		padding: 0 30px 30px 330px;
	}

	/*================== My Courses ==================*/
	.header-search{
		padding: 6px 0 0 0;
	}
	.search-form{
		height: 45px;
	}
	.search-btn{
		top: 3px;
		right: 5px;
	}

	/* Cart */
	.title-data{
		margin: -80px 0 30px 0;
	}
	.cart-block{
		min-height: 500px;
		padding-bottom: 100px;
	}

	/*========================= Setting =========================*/
	.setting-col-sm{
		width: 30%;
	}
	.setting-col-lg{
		width: 70%;
		padding-left: 50px;
	}
	.linked-col{
		width: 40%;
	}
	.setting-tab .nav-tabs .nav-link{
		font-size: 25px;
		line-height: 30px;
	}

	/*=================== the-good-motorists-guide ===================*/
	.breadcrumb-item img{
		width: 20px;
		margin: 0 5px;
	}
	.mycourt-ac-body{
		padding: 20px 40px 1px 40px;
	}
	.current-plan-inner h5{
		margin-right: 15px;
	}

	/*=================== good-habits-for-motorists ===================*/
	.button-group .btn.btn-primary{
		padding: 14px 25px;
	}
	.motorists-sidebar{
		padding: 30px;
	}
	.motorists-plan{
		margin-bottom: 20px;
	}
	.motorists-sidebar ul li{
		font-size: 16px;
		margin-bottom: 10px;
	}


	.tests-block{
		padding: 20px;
	}
	.tests-block-text h4{
		font-size: 25px;
		line-height: 30px;
		letter-spacing: -0.2px;
		margin-bottom: 10px;
	}
	.tests-block-text p{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 0;
	}

	/*===================== My Package =====================*/
	.profile-sidebar{
		padding: 20px;
	}
	.profile-img{
		width: 90px;
		height: 90px;
	}
	.btn.edit-btn{
		font-size: 16px;
		line-height: 20px;
		padding: 10px 30px;
	}
	.profile-sidebar ul li{
		font-size: 16px;
	}
	.profile-sidebar ul li i img,
	.profile-sidebar ul li i{
		width: 30px;
		height: 30px;
	}
	.profile-sidebar ul li span{
		width: calc(100% - 30px);
	}

	.profile-tab .nav-tabs .nav-link{
		padding:  20px 30px;
		font-size: 18px;
		line-height: 20px;
	}
	.main-contant.slide .profile-tab .nav-tabs .nav-link {
		padding-left: 15px;
		padding-right: 15px;
	}
	.profile-tab .nav-tabs{
		margin-bottom: 20px;
	}
	.tab-body{
		padding: 20px;
		padding-top: 0;
	}
	.free-btn{
		font-size: 16px;
	}
	.plan-list{
		justify-content: flex-start;
		margin-bottom: 20px;
	}
	.plan-list ul{
		padding: 0 0px 0 0;
	}
	.plan-button .btn.arrow-btn{
		min-width: 155px;
	}
	.pd-48 {
  		--bs-gutter-x: 30px;
	}

	/*===================== My Statistics =====================*/
	.statistics-data h3{
		font-size: 40px;
		line-height: 50px;
	}
	.statistics-data p{
		font-size: 18px;
		line-height: 28px;
	}

	.statistics-tab .evolution-block-wrape{
		padding: 30px 40px;
	}
	.statistics-tab .formation-box-data1 .formation-box{
		margin-bottom: 40px;
	}
	.blog-banner {
		padding: 170px 0;
	}
	/* .blog-details-data h2 {
		font-size: 40px;
        line-height: 50px;
	} */
}
@media(max-width: 1299px) {
	.dashboard-foot-faq {
		flex-direction: column;
	}
	.dashboard-foot-faq .dashboard-foot-faq-text {
		width: 100%;
	}
	.dashboard-foot-faq .btn-primary {
		margin-right: auto;
	}
	.dashboard-foot-faq-text {
		height: fit-content;
	}
	.blog-details-data h1 {
		font-size: 66px;
		line-height: 60px;
	}
	.blog-details-data h2 {
		font-size: 42px;
        line-height: 50px;
	}
}
@media(max-width: 991px) {
	.our-prices-section .gx-5 {
		--bs-gutter-x: 20px;
	}
	.our-prices-page .our-prices-block .btn {
		font-size: 14px;
	}
	.our-prices-page .our-prices-block h2 {
		font-size: 32px;
	}
	.our-prices-block ul li::before {
		width: 20px;
		height: 20px;
	}
	.dashboard-foot-blog-text {
		width: 100%;
	}
	.blog-details-data h1 {
		font-size: 60px;
	}
}
@media(max-width: 1300px) {
	.team-block img {
		width: 200px;
		height: 200px;
	}
	.who-are-we-banner {
		padding: 150px 0 60px;
	}
}
@media (max-width:1199px){
	.banner-parent .banner-text p,
	.our-concept-banner p,
	.our-prices-banner p,   
	.formations-banner p,
	.who-are-we-banner p {
		font-size: 1.125rem;
		line-height: 1.625rem;
	}
	.register-form .form-control {
		height: 55px;
	}

	.register-form .form-icon {
		top: 15px;
		max-height: 22px;
	}
	.register-form-image {
        width: 720px;
        margin-top: -65px;
    }

	.register-wrapper::after {
		height: 480px;
	}

	.plan-info {
		min-width: 200px;
	}
	.quiz-submit-btn {
		text-align: center;
	}
	.guide-sidebar .btn {
		padding-left: 20px;
		padding-right: 20px;
	}
	#question_option .guide-data {
		padding-left: 0;
	}
	.tests-block-btn {
		width: 50px;
		height: 50px;
	}
	.main-contant.slide .profile-tab .nav-tabs .nav-link {
		padding: 8px 10px 8px;
	}
	.plan-button {
		justify-content: flex-start;
	}
	.main-contant.slide .discovery-courses-slider-wrape .courses-slide-block .start-btn{
		width: 80%;
	}
	#testModal h3 {
		font-size: 27px;
		line-height: 37px;
	}
	.final-results li {
		font-size: 18px;
	}
	.result-info-right h3 {
		font-size: 30px;
	}
	.result-info-right p {
		font-size: 17px;
		margin-bottom: 20px;
	}
	.result-info-left p {
		font-size: 23px;
	}
	.result-info-right ul {
		flex-direction: column;
		gap: 20px;
	}
	.result-info-right ul .btn{
		width: 100%;
	}
	a.news-btn > img {
		max-width: 25px;
	}
	.our-prices-block p {
		margin: 0 0 20px 0;
	}
	.advantages-parent {
		padding: 0 30px;
	}
	.register-form-data {
		padding-left: 20px;
	}
	.contact-opt1-section {
		padding: 170px 0;
	}
}
@media (min-width:992px) and (max-width:1199px){
	.purchases-block h2{
		margin-bottom: 20px;
	}
	.setting-tab-contain .linked-col {
		padding: 0 10px;
	}
	.linked-row{
		margin: 0 -10px;
	}
	.main-contant.slide  .thumbs-up-icon {
		width: 81px;
		height: 81px;
	}
	.profile-button,.notification-icon,.navigation-button {
		flex-shrink: 0;
	}
	.main-contant.slide .profile-sidebar .btn.edit-btn {
		padding: 10px;
		font-size: 15px;
	}
	.thumbs-up-icon {
		flex-shrink: 0;
	}
	.thematic-block-wrape {
		padding: 33px 25px;
	}
	.courses-slide-block {
		padding: 51px 25px 43px 25px;
	}
	.bell-btn {
		margin: 0 22px 0 20px;
	}
	.current-plan-inner h5 {
		font-size: 14px;
		margin-right: 19px;
	}
	h1{
		font-size: 40px;
		line-height: 50px;
	}
	h2{
		font-size: 36px;
		line-height: 40px;
	}
	h3{
		font-size: 30px;
		line-height: 40px;
	}
	h4{
		font-size: 26px;
		line-height: 35px;
	}
	p{
		font-size: 16px;
		line-height: 24px;
	}

	.guide-data .quiz-main-wrap h4 {
		font-size: 26px;
		line-height: 34px;
	}
	.quiz-option-selector ul.answers-list-main li label.checkbox-styled input[type=checkbox] + span {
		font-size: 18px;
		line-height: 24px;
	}
	.quiz-option-selector ul.answers-list-main li label.custom-radio span.radio-btn {
		font-size: 18px;
		line-height: 24px;
	}
	.modal-width-custom  {
		max-width: 800px;
	}


	.header-buttons{
		display: none;
	}
	.header-buttons-wrape,
	.header-buttons-wrape .header-buttons{
		display: block;
	}
	.header-buttons-wrape{
		padding: 15px 0 0 0;
		margin: 0 0 -10px 0;
	}
	.header-buttons-wrape .header-buttons{
		display: flex;
	}
	.navbar{
		padding: 10px 0;
		min-height: 90px;
		max-width: 930px;
	}
	.navbar-expand-lg .navbar-nav .nav-item{
		margin: 0 25px 0 0;
	}
	.navbar-expand-lg .navbar-nav .nav-item:last-child{
		margin: 0 0 0 0;
	}





	/* Hero Banner  */
	.hero-banner{
		padding: 135px 0 50px 0;
	}
	/* .banner-text p{
		font-size: 16px;
		line-height: 24px;
	} */
	.banner-count-text h3{
		font-size: 40px;
		line-height: 50px;
	}
	.banner-count-text h3::before {
		height: 15px;
		bottom: 9px;
	}
	.banner-count-text h6{
		font-size: 16px;
		line-height: 24px;
	}
	.banner-count-inner img{
		margin-top: 10px;
	}
	.banner-count-text{
		padding-left: 15px;
	}
	.banner-count-inner{
		margin-bottom: 20px;
	}
	.banner-button .btn.btn-primary{
		margin: 0 10px 10px 0;
		min-width: 170px;
		font-size: 16px;
	}
	.banner-image{
		margin: 20px 0 0 0;
	}
	.banner-image img {
		width: 80%;
	}



	/* How it Works Section  */
	.howitworks-section{
		min-height: auto;
		padding: 120px 0 0 0;
	}
	.howitworks-section::before {
		width: 98%;
		border-radius: 60px 300px 0px 58px;
	}
	.shape-1{
		max-width: 200px;
		top: -100px;
		right: 0px;
	}
	.howitworks-parent h2{
		margin-bottom: 60px;
	}
	.howitworks-data{
		padding-bottom: 10px;
	}
	.howitworks-row{
		margin: 0 -10px;
	}
	.howitworks-col{
		width: 20%;
		padding: 0 10px;
	}
	.howitworks-icon{
		width: 110px;
		height: 110px;
	}
	.howitworks-icon img {
		width: 40px;
	}
	.howitworks-icon .num {
		font-size: 16px;
		width: 30px;
		height: 30px;
	}
	.howitworks-block p{
		font-size: 16px;
		margin-top: 10px;
	}
	.prices-block img {
		width: 50px;
	}
	.prices-icon-1,
	.prices-icon-2,
	.prices-icon-3 {
		width: 100px;
		height: 100px;
	}
	.prices-block-wrap{
		padding: 50px;
	}
	.prices-block-text p{
		margin-bottom: 20px;
	}
	.prices-icon{
		width: 130px;
		height: 130px;
	}
	.prices-icon img{
		width: 60px;
		object-fit: contain;
	}
	.prices-block h5{
		font-size: 20px;
		line-height: 26px;
		margin: 20px 0 0 0;
	}
	.prices-block h6{
		font-size: 16px;
	}


	/* Testimonials Section  */
	.testimonials-home-section{
		padding: 262px 0 80px 0;
	}
	.testimonials-home-parent h2{
		margin-bottom: 50px;
	}
	.testimonials-home-img{
		right: 50px;
		max-width: 200px;
	}
	.shape-15{
		left: 0;
		max-width: 210px;
	}
	.testimonials-thumbs-block{
		padding: 20px;
		/* min-height: 110px; */
		margin: 0 10px 20px 0;
	}
	.swiper-slide-thumb-active .testimonials-thumbs-block{
		box-shadow: 0px 0px 10px #0000001A;
	}
	.testimonials-thumbs-item img{
		width: 60px;
		height: 60px;
	}
	.testimonials-thumbs-text h4{
		font-size: 16px;
		margin-bottom: 0;
	}
	.testimonials-thumbs-text{
		width: calc(100% - 60px);
		padding: 0 0 0 15px;
	}
	.testimonials-main-wrapper{
		padding: 20px 0 0 20px;
	}
	.testimonials-main-block h4{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.testimonials-main-block ul{
		margin-bottom: 20px;
	}
	.testimonials-main-pagination{
		padding: 0;
	}

	.shape-3 {
		max-width: 300px;
		top: 110px;
	}


	/* Contact Section  */
	.shape-2{
		max-width: 240px;
		right: 0px;
  		top: -140px;
	}
	.contact-block{
		padding: 40px;
		max-width: 500px;
		border-radius: 0px 100px 40px 40px;
	}
	.contact-block h3{
		margin-bottom: 30px;
	}
	.form-group{
		margin-bottom: 30px;
	}
	.form-group label{
		margin-bottom: 10px;
	}
	.form-control{
		padding-bottom: 12px;
		font-size: 16px;
	}
	.form-button .btn-primary{
		margin: 0;
	}
	.contact-form .gx-5{
		--bs-gutter-x: 30px;
	}
	.contact-image{
		padding: 50px;
		width: 48%;
	}

	.shape-4 {
		position: absolute;
    	bottom: 0;
    	right: 0;
    	opacity: 0.4;
    	max-width: 60%;
    	top: 10px;
	}


	/* News Section  */
	.news-block-text{
		padding: 25px;
	}
	.news-block img,
	.news-opt2-section .news-block img{
		height: 200px;
	}
	.news-opt2-section .news-block img{
		border-radius: 25px 100px 0px 0px;
	}
	.news-opt2-section .news-block-text h5{
		font-size: 20px;
		line-height: 30px;
	}


	/* Partners Section  */
	.partners-section{
		padding: 350px 0 100px 0;
	}
	.partners-parent h2{
		margin-bottom: 40px;
	}



	/* Footer  */
	.footer{
		padding: 50px 0 0 0;
	}
	.copyright-section{
		margin-top: 50px;
	}
	.copyright-parent{
		padding: 50px 0;
		max-width: 930px;
	}
	.social-text h6{
		width: 180px;
		margin-right: 15px;
	}
	.social-text ul li{
		margin-right: 10px;
	}
	.social-text ul li img{
		width: 20px;
		object-fit: contain;
	}

	/*================ Our Prices  ================*/

	/* Our Prices Banner  */
	.our-prices-banner{
		padding: 190px 0 60px 0;
	}
	
	.our-prices-text p{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px;
	}
	.our-prices-banner-image{
		padding: 0;
	}


	/* Our Prices Section  */
	.our-prices-section{
		padding: 60px 0 300px 0;
		border-radius: 20px 60px 0 0;
	}
	.shape-5{
		max-width: 250px;
		left: -100px;
		top: -250px;
	}
	.our-prices-section .gx-5 {
  		--bs-gutter-x: 20px;
	}
	.our-prices-block{
		margin-bottom: 30px;
		min-height: 500px;
		padding: 30px 20px;
	}
	.btn.register-btn{
		min-width: 220px;
	}
	.our-prices-block ul li{
		margin-bottom: 15px;
	}
	.payment-data{
		padding: 60px 0 0 0;
	}
	.payment-text{
		padding: 20px 0 0 0;
	}
	.payment-text h3{
		margin-bottom: 15px;
	}
	.payment-methods{
		padding: 0;
	}
	.payment-methods-row{
		margin: 0 -10px;
	}
	.payment-methods-col{
		padding: 0 10px;
	}


	/* Register Form Section  */
	.register-form-section{
		margin: -170px 0 200px 0;
		padding: 70px 0;
		min-height: 500px;
	}
	.register-form-image {
		top: 120px;
	}
	.register-form-section::before {
		width: 98%;
	}
	.shape-6 {
	  	top: -103px;
	  	right: -110px;
	  	max-width: 350px;
	}
	.register-form-data h2{
		margin-bottom: 10px;
	}
	.register-form-data p{
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.register-form-image{
		width: 47%;
	}


	/* Info Section  */
	.info-section{
		padding: 130px 0 30px 0;
	}
	.shape-7{
		top: -80px;
		max-width: 300px;
	}
	.info-block::before {
		border-radius: 50px;
	}
	.info-block-image{
		height: 450px;
		border-radius: 50px;
	}
	.info-block-text{
		padding: 40px;
	}
	.info-block-text-inner{
		width: 65%;
	}
	.info-block-text h2{
		margin-bottom: 15px;
	}
	.info-block-text p,.more-btn{
		font-size: 18px;
		line-height: 25px;
	}
	.more-btn img{
		width: 20px;
	}

	/*=========================== Our Concept ===========================*/

	/* Our Concept Banner  */
	.our-concept-banner{
		padding: 190px 0 50px 0;
	}
	.hero-banner .banner-wrape {
	    padding: 55px 0 0 0;
	}

	.our-concept-image{
		margin: 0;
	}
	.our-concept-wrape{
		padding: 0;
	}
	.our-concept-text p{
		/* font-size: 20px;
		line-height: 28px; */
		margin-bottom: 30px;
	}


	/* Figures Section  */
	.figures-section{
		padding: 100px 0 50px 0;
	}
	.shape-9{
		max-width: 200px;
		top: -160px;
  		right: 0;
	}
	.figures-title{
		margin-bottom: 40px;
	}
	.figures-title h2{
		margin-bottom: 20px;
	}
	.figures-block {
		margin-bottom: 20px;
		padding: 0;
	}
	.figures-block img{
		height: 70px;
		width: 70px;
	}



	/* Advantages Section  */
	.advantages-section{
		padding: 70px 0 20px 0;
	}
	.advantages-section::before {
		width: 98%;
		border-radius: 100px 0px 100px 60px;
	}
	.shape-10{
		max-width: 200px;
		right: 0;
		top: -44px;
	}
	.advantages-parent h2{
		margin-bottom: 40px;
	}
	.advantages-block{
		margin-bottom: 50px;
	}
	.advantages-block .advantages-img{
		height: 70px;
	}
	.advantages-block .advantages-img img{
		height: 70px;
		object-fit: contain;
	}
	.advantages-block h5{
		margin: 20px 0 10px 0;
	}


	/* Our Concept Section  */
	.our-concept-title{
		padding: 130px 0 40px 0;
	}
	.concept-img{
		max-width: 300px;
		bottom: -20px;
  		right: 0;
	}
	.our-concept-data{
		padding: 50px;
	}
	.our-concept-block{
		margin-bottom: 40px;
	}
	.our-concept-block h4{
		margin: 20px 0 15px 0;
	}
	.our-concept-data .gx-5 {
  		--bs-gutter-x: 30px;
	}


	/* Testimonials Slider Section */
	.testimonials-slider-section{
		padding-bottom: 50px;
		border-radius: 0px 60px 0px 100px;
	}
	.testimonials-head{
		margin-bottom: 40px;
	}
	.slider-button{
		width: 60px;
		height: 60px;
	}
	.slider-button img{
		width: 20px;
	}
	.testimonials-slider-data{
		padding: 0 0 0 5%;
	}
	.testimonials-slider-data::before {
		width: 30px;
	}
	.testimonials-slider-block{
		padding: 30px;
		min-height: 365px;
	}
	.testimonials-slider-title img{
		width: 50px;
		height: 50px;
	}
	.testimonials-slider-title-text{
		width: calc(100% - 50px);
		padding: 0 0 0 10px;
	}
	/* .testimonials-slider-title-text h5{
		font-size: 14px;
		margin: 0;
	} */
	.testimonials-slider-title-text h6{
		font-size: 13px;
	}
	.testimonials-slider-title{
		margin-bottom: 20px;
	}
	.testimonials-slider-block p{
		margin-bottom: 20px;
	}
	.testimonial-pagination-wrape{
		padding: 15px;
	}
	.testimonial-pagination {
		text-align: center;
	}


	/* Our Prices Concept Section  */
	.ourprices-concept-section{
		padding: 100px 0 40px 0;
	}
	.ourprices-concept-title{
		margin-bottom: 50px;
	}
	.ourprices-concept-btn{
		font-size: 18px;
		line-height: 28px;
	}
	.ourprices-concept-btn img{
		width: 20px;
	}
	.ourprices-concept-block{
		padding: 40px 20px;
		min-height: 320px;
	}
	.ourprices-concept-block h3{
		margin-bottom: 10px;
	}
	.ourprices-concept-block h2{
		font-size: 40px;
		line-height: 60px;
	}
	.ourprices-concept-block h6{
		margin-bottom: 40px;
	}
	.ourprices-concept-block .btn.btn-primary{
		min-width: 230px;
	}


	/* Concept Contact Section  */
	.shape-11 {
  		bottom: -78px;
  		right: 0;
  		max-width: 200px;
	}


	/*==================== Who Are we ====================*/
	/* Who Are we Banner  */
	.header-static .navbar{
		padding: 15px 0;
	}

	.who-are-we-banner{
		padding: 140px 0 50px;
	}
	.who-are-we-text{
		padding: 0px;
	}
	/* .who-are-we-text h1{
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 20px;
	} */
	.who-are-we-image{
		margin: 0 0 0;
	}


	/* Team Section  */
	.team-section{
		border-radius: 20px 100px 0 0;
		padding: 50px 0 290px 0;
		min-height: auto;
	}
	.team-parent h2{
		margin-bottom: 50px;
	}
	.team-shape{
		max-width: 300px;
		top: -285px;
  		left: -121px;
	}
	.team-block{
		margin: 0 0 30px 0;
	}
	.team-block img{
		height: 200px;
		width: 200px;
	}
	.team-block h4{
		margin: 10px 0 0 0;
	}
	.team-block h5{
		font-size: 20px;
	}


	/* Our Values Section  */
	.our-values-section{
		padding: 70px 0;
	}
	.our-values-parent h2{
		margin-bottom: 50px;
	}
	.our-values-parent .gx-5 {
  		--bs-gutter-x: 30px;
	}
	.our-values-section::before {
		width: 98%;
    	border-radius: 60px 0px 100px 60px;
    	right: 0;
	}
	.shape-12 {
  		top: 30px;
  		right: -106px;
  		max-width: 300px;
	}
	.our-values-block h4{
		margin: 30px 0 20px 0;
	}

	/*=========================== Formations ===========================*/
	.who-are-we-parent {
		padding-top: 50px;
	}
	.faq-section .faq-parent {
		padding-top: 40px;
	}
	/* Formations Banner  */
	.formations-banner{
		padding: 135px 0 10px 0;
	}
	.formations-banner-text{
		width: 100%;
		padding: 52px 0 0 0;
	}
	/* .formations-banner-text h1{
		font-size: 55px;
		line-height: 65px;
		margin-bottom: 20px;
	} */

	/* Formations Section  */
	.formations-block{
	 	margin-bottom: 50px;
	 }
	.formations-block-left img{
		width: 60px;
		height: 60px;
		object-fit: contain;
	}
	.formations-text h3{
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.formations-text{
		width: calc(100% - 60px);
		padding: 15px 0 0 15px;
	}
	.formations-text ul{
		margin-left: 0;
	}
	.formations-text ul li {
		padding-left: 15px;
	}


	/* Text Block Section  */
	.text-block-section{
		padding-bottom: 20px;
	}
	.text-block-data{
		border-radius: 30px;
		min-height: 200px;
	}
	.text-block p{
		font-size: 24px;
		line-height: 35px;
	}


	 /* Step Slider Section  */
	.step-slider-text p{
		font-size: 18px;
		line-height: 28px;
	}


	/* Testimonials Formation Section */
	.testimonials-formation-section{
		padding: 70px 0 40px 0;
	}

	 /* Advantages Trans Section  */
	.advantages-trans-section{
	 	padding: 80px 0;
	}
	.advantages-trans-parent h2{
	 	margin-bottom: 60px;
	}
	.advantages-trans-parent .gx-5 {
  		--bs-gutter-x: 30px;
	}
	.advantages-trans-block span{
		height: 70px;
	}
	.advantages-trans-block span img{
		height: 70px;
		object-fit: contain;
	}


	 /* Formation Price Section  */
	.formation-price-section{
		padding: 60px 0;
	}

	/*=================== FAQ ===================*/
	.shape-14 {
	  	top: 52px;
	  	left: -130px;
	  	max-width: 230px;
	}
	.faq-parent h2 {
		font-size: 55px;
		line-height: 65px;
		margin-bottom: 40px;
		max-width: 430px;
	}
	.tab-content-body{
		padding: 0;
	}
	.faq-tab{
		padding: 0;
	}
	.faq-tab .nav-tabs .nav-item{
		margin-bottom: 20px;
	}
	.faq-tab .nav-tabs .nav-link{
		font-size: 18px;
		line-height: 28px;
		min-height: 100px;
		padding: 20px;
	}

	.faq-ac-btn{
		font-size: 20px;
	}
	.faq-accordion-body{
		padding: 10px 0 0 20px;
	}
	.faq-accordion-item{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	/*====================== FAQ Opt 2 ======================*/
	.faq-opt2-section .faq-parent h2{
		margin-bottom: 50px;
	}
	.faq-opt2-tab .nav-tabs .nav-link{
		font-size: 18px;
		padding: 0 15px 10px 15px;
	}

	/*====================== Blog Listning ======================*/

	/* blog-listning */
	/* .blog-banner-text h1{
		font-size: 55px;
		line-height: 65px;
		margin-bottom: 30px;
	} */
	.blog-listing-section{
		padding: 100px 0;
		border-radius: 60px 100px 0 0;
	}
	.blog-listing-shape{
		max-width: 200px;
		top: -180px;
  		right: -101px;
	}
	.blog-listing-menu{
		margin-bottom: 30px;
	}
	.filters-name li{
		margin: 0 5px 10px 0;
		padding: 0;
	}
	.filters-name li .filter{
		font-size: 14px;
		padding: 8px 14px;
	}
	.blog-listing-filter-box img{
		height: 180px;
	}
	.blog-listing-filter-text{
		padding: 20px;
	}

	/*================= blog-listning-opt-2 =================*/
	.blog-listing-opt-2-section .blog-listing-filter-image img{
		height: 180px;
		border-radius: 25px 100px 0px 0px;
	}
	.blog-listing-opt-2-section .blog-listing-filter-text h5{
		font-size: 20px;
		line-height: 30px;
	}

	/*================ contact1 ================*/
	/* .contact-opt1-form h1{
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 40px;
	} */
	.contact-opt1-image{
		margin: 0 0;
	}

	/*====================== terms-and-conditions ======================*/
	.btn.back-btn{
		top: 25px;
		left: 15px;
	}
	.title{
		padding: 100px 0 0 0;
		margin-bottom: 50px;
	}
	/*
	.tc-wrape{
		padding-bottom: 100px;
	}
	.tc-section .title{
		margin-bottom: 50px;
	}
	.tc-text h3{
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 12px;
	}
	*/
	.foot-line-data .btn.border-btn{
		margin-right: 10px;
	}

	/*==================== Login ====================*/
	.login-section{
		padding: 100px 0 48px 0;
	}
	.title img{
		margin-bottom: 30px;
	}
	.title h6{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	/*====================== Blog Details ======================*/
	.blog-details-banner-image img{
		height: 350px;
	}
	.blog-details-section{
		padding: 20px 0 0 0;
	}
	.breadcrumb-data{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.blog-details-data h3{
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 30px;
	}
	.blog-details-image{
		margin-bottom: 30px;
	}
	.blog-details-image img{
		height: 350px;
	}
	.blog-details-text{
		padding: 83px 0 73px 0;
	}
	.blog-details-text::before, .blog-details-text::after {
		width: 90px;
    	height: 61px;
    	left: 0;
	}
	.blog-details-text::after {
		left: auto;
  		right: -0;
	}

	/* Related Articles  */
	.related-articles{
		padding: 50px 0;
		border-radius: 0 60px 0 0;
	}
	.related-shape{
		max-width: 200px;
		top: -29px;
  		left: -100px;
	}
	.related-articles .news-title{
		margin-bottom: 30px;
	}
	.related-articles .news-title h2{
		font-size: 30px;
		line-height: 40px;
	}

	/*================================ Dashboard ================================*/
	.navigation-data{
		padding: 20px 0;
	}
	/* .heading-text h1{
		font-size: 35px;
		line-height: 45px;
	} */
	.profile-button img{
		width: 48px;
		height: 48px;
	}

	/* dashboard */
	.formation-block-col-lg{
		width: 100%;
	}
	.formation-block-col-sm{
		width: 100%;
	}
	.formation-block-wrape{
		width: 100%;
		display: block;
		padding: 30px;
	}
	.formation-block-wrape .gx-5 {
	  	--bs-gutter-x: 50px;
	}
	.formation-box-inner{
		min-height: 75px;
		display: flex;
		align-items: flex-end;
	}
	.formation-box-inner img{
		object-fit: contain;
	}
	.box-data-1 .formation-box-inner img{
		height: 75px;
	}
	.box-data-2 .formation-box-inner img{
		height: 63px;
	}
	.formation-box-text{
		padding: 16px 0 10px 0;
	}
	.formation-box-text h5, .formation-box-text h4{
		letter-spacing: 0.52px;
		font-size: 20px;
		line-height: 24px;
	}
	.btn.formation-btn{
		font-size: 14px;
		line-height: 19px;
		padding: 6px 16px;
		margin: 21px auto;
		margin-bottom: 0;
		display: table;
	}
	.evolution-block-wrape .btn.btn-primary{
		margin: 20px 0 0 0;
	}
	.btn.formation-btn.desktop{
		display: none;
	}
	.yellow-box {
		min-height: auto;
		padding: 30px;
	}
	.btn.yellow-btn{
		width: 200px;
		min-width: 200px;
	}

	.dashboard-block{
		padding: 30px;
		min-height: 400px;
		height: calc(100% - 35px);
	}
	.dashboard-block-data{
		margin-bottom: 40px;
	}
	.dashboard-block-data-text h4{
		font-size: 18px;
		line-height: 28px;
	}
	.dashboard-block-data-text h3{
		line-height: 40px;
		font-size: 25px;
		margin: 0;
	}
	.radialprogressbar{
		width: 90px;
		height: 90px;
	}
	.overlay-text,.pie:after{
		font-size: 25px;
		line-height: 30px;
	}
	.dashboard-block ul li{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.pd-41 {
	  --bs-gutter-x: 30px;
	}
	.dashboard-foot {
		padding-bottom: 30px;
	}
	.dashboard-foot-blog,.dashboard-foot-faq{
		padding: 30px;
		align-content: space-between;
	}
	.dashboard-foot-blog-text h3, .dashboard-foot-faq-text h3{
		font-size: 40px;
		line-height: 50px;
		letter-spacing: -0.5px;
	}
	.dashboard-foot-blog-text p,
	.dashboard-foot-faq p {
		font-size: 18px;
		line-height: 28px;
	}
	.dashboard-foot-blog-text{
		width: 100%;
	}
	.dashboard-foot-faq img{
		width: 150px;
		right: 30px;
	}
	.btn.arrow-btn img{
		width: 20px;
	}



	/*============== Sidemenu ==============*/
	.right-sidebar{
		max-width: 85px;
		padding: 30px 0;
	}
	.sidebar-menu ul{
		min-height: auto;
	}
	.sidebar-menu ul li{
		margin-bottom: 30px;
	}
	.sidebar-menu ul li a{
		font-size: 16px;
		line-height: 20px;
	}
	.sidebar-menu ul li a img{
		width: 28px;
		height: 28px;
	}
	.sidebar-menu ul li a::before {
		left: 0;
		top: -6px;
		height: 40px;
	}
	.sidebar-menu ul li a span{
		margin-left: 15px;
	}
	.logo{
		margin-bottom: 40px;
	}
	.sidebar-arrow{
		margin: 0;
		position: absolute;
		bottom: 50px;
		left: 28px;
		font-size: 16px;
	}
	.slide .right-sidebar{
		max-width: 300px;
		padding: 30px;
	}
	.slide .sidebar-arrow{
		left: 30px;
	}
	.slide .sidebar-menu ul li a::before {
		left: -30px;
	}
	.main-body{
		padding: 0 30px 30px 115px;
	}
	.slide .main-body {
  		padding: 0 30px 30px 330px;
	}

	/*================== My Courses ==================*/
	.header-search{
		padding: 6px 0 0 0;
	}
	.search-form {
		height: 45px;
		padding-left: 12px;
	}
	.search-btn{
		top: 3px;
		right: 5px;
	}
	.thematic-block h4{
		font-size: 30px;
	}

	/* Cart */
	.title-data{
		margin: -80px 0 30px 0;
	}
	.cart-block{
		min-height: 500px;
		padding-bottom: 100px;
	}

	/*================ Checkout ================*/
	.pd-80 {
  		--bs-gutter-x: 40px;
	}

	/*========== checkout-prefilled-payment mode-selected-pay-by-juice ==========*/
	.order-info-block h5, .order-info-block h6{
		font-size: 16px;
	}
	.order-info-text h6{
		font-size: 16px;
		line-height: 24px;
	}

	/*========================= Setting =========================*/
	.setting-col-sm{
		width: 35%;
	}
	.setting-col-lg{
		width: 65%;
		padding-left: 40px;
	}
	.setting-tab .nav-tabs .nav-item{
		margin-bottom: 20px;
	}
	.setting-tab .nav-tabs .nav-link{
		font-size: 20px;
		line-height: 25px;
		border-radius: 12px;
	}
	.setting-tab-contain h4{
		margin-bottom: 15px;
	}
	.linked-col{
		width: 50%;
	}
	.linked-block{
		margin-bottom: 0;
	}
	.setting-tab-contain .linked-block {
		margin-bottom: 20px;
	}
	/*=================== the-good-motorists-guide ===================*/
	.breadcrumb-item img{
		width: 20px;
		margin: 0 5px;
	}
	.mycourt-ac-body{
		padding: 20px 40px 1px 40px;
	}


	/*=================== good-habits-for-motorists ===================*/
	.button-group .btn.btn-primary{
		padding: 14px 25px;
	}
	.motorists-sidebar{
		padding: 20px;
	}
	.motorists-plan{
		margin-bottom: 20px;
	}
	.motorists-sidebar ul li{
		font-size: 16px;
		margin-bottom: 10px;
	}

	.tests-block{
		padding: 20px;
	}
	.tests-block-text{
		padding: 0;
	}
	.tests-block-text h4{
		font-size: 25px;
		line-height: 30px;
		letter-spacing: -0.2px;
		margin-bottom: 10px;
	}
	.tests-block-text p{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 0;
	}
	.tests-block-btn{
		width: 50px;
		height: 50px;
		margin: 0 0 0 auto;
	}
	.tests-block-btn img{
		width: 18px;
		height: auto;
		object-fit: contain;
	}

	/*===================== My Package =====================*/
	.profile-sidebar{
		padding: 20px;
	}
	.profile-img{
		width: 90px;
		height: 90px;
	}
	.btn.edit-btn{
		font-size: 16px;
		line-height: 20px;
		padding: 10px 30px;
	}
	.profile-sidebar ul li{
		font-size: 16px;
	}
	.profile-sidebar ul li i img,
	.profile-sidebar ul li i{
		width: 30px;
		height: 30px;
	}
	.profile-sidebar ul li span{
		width: calc(100% - 30px);
	}

	.profile-tab .nav-tabs .nav-link{
		padding:  14px;
		font-size: 16px;
		line-height: 20px;
	}
	.profile-tab .nav-tabs{
		margin-bottom: 20px;
	}
	.tab-body{
		padding: 20px;
		padding-top: 0;
	}
	.plan-title{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.plan-list{
		justify-content: flex-start;
		margin-bottom: 20px;
	}
	.plan-list ul{
		padding: 0 30px 0 0;
	}
	.upgrade-package-wrape{
		padding: 30px;
		padding-bottom: 0;
	}

	/*===================== My Statistics =====================*/
	.statistics-tab h2{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 16px;
	}
	.statistics-block{
		background-color: #fff;
		padding: 24px 16px;
		margin: 0 0 32px 0;
		padding-bottom: 4px;
	}
	.statistics-block .row{
		--bs-gutter-x: 0;
	}
	.statistics-data{
		margin-bottom: 20px;
	}
	.statistics-data h3{
		font-size: 48px;
		line-height: 48px;
		margin: 0;
	}
	.statistics-data p{
		font-size: 16px;
		line-height: 16px;
		margin: 7px 0 0 0;
	}

	.statistics-tab .evolution-block-wrape{
		padding: 30px 40px;
	}
	.statistics-tab .evolution-block-wrape .btn.btn-primary.desktop{
		display: none;
	}
	.statistics-tab .formation-box-data1 .formation-box{
		margin-bottom: 40px;
	}
	.statistics-tab .formation-box-data1 .formation-box-inner img{
		height: 75px;
		object-fit: contain;
		object-position: left;
	}
	.statistics-tab .formation-box-data2 .formation-box-inner img{
		height: 63px;
		object-fit: contain;
		object-position: left;
	}
	.evolution-block-wrape .formation-box-text{
		padding: 16px 0 10px 0;
	}
	.evolution-block-wrape .btn.btn-primary{
		padding: 6.5px 16px;
	}

	/*============== Notification ==============*/
	.notification-tab h2{
		font-size: 16px;
		margin-bottom: 16px;
		line-height: 20px;
	}
	.notification-tab p{
		line-height: 20px;
		margin-bottom: 20px;
	}

	/*================== the-good-pedestrians-guide ==================*/
	.guide-section{
		padding: 16px 0 0 0;
	}
	.guide-text h6{
		font-size: 12px;
		line-height: 22px;
		margin: 0;
		font-weight: normal;
	}
	.guide-text h2{
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 12px 0;
		letter-spacing: -0.5px;
	}
	.guide-sidebar{
		padding: 25px;
	}
	.mycourt-contain  {
		padding-bottom: 1px;
	}
}
@media(max-width: 1024px) {
	.header-buttons-mb-hide {
		display: none !important;
	}
	.blog-details-banner {
		padding-top: 95px;
	}
	.navbar-expand-lg .navbar-toggler {
		display: flex !important;
	}
	.navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
	.navbar-expand-lg .navbar-nav {
        padding: 10px 0 !important;
		background: #fff;
        margin: 8px 0 0 0;
		width: 100%;
		display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
	.navbar-expand-lg .navbar-nav .nav-item {
        margin: 0;
		padding: 0 20px;
		border-bottom: 2px solid #f7f6f6;
    }
	.collapse:not(.show) {
		display: none !important;
	}
	.navbar-expand-lg .navbar-collapse {
		position: absolute;
		left: 0;
		right: 0;
		top: 60px;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav .active .nav-link {
		border-color: #f2f2f2;
		border-bottom: 2px solid transparent;
	}
	.navbar-expand-lg .navbar-nav {
		background-color: #fff !important;
	}
	
	.navbar-expand-lg .navbar-nav .active .nav-link, 
	.navbar-expand-lg .navbar-nav .nav-link:hover {
		border: transparent;
	}
	.mobile{
		display: flex !important;
	}
	.header-buttons.mobile {
		display: flex;
		margin: 20px 20px 0 20px;
		flex-direction: column;
	}
	.navbar .header-buttons a {
		margin-right: auto;
		margin-bottom: 13px;
		padding: 8px 15px;
		width: 100%;
		border: none;
	}
	.header-buttons .header-btn, .header-buttons .btn.btn-primary {
		padding: 12px 15px !important;
	}
	
	.navbar-expand-lg .navbar-nav .nav-link {
		color: #000 !important;
	}
	.navbar-expand-lg .navbar-nav {
		margin: 20px ;
		padding: 20px 0;
		border-top: 2px solid #e3e3e3;
		margin: 25px 0 0 0;
	}
	.navbar {
		max-width: 100% !important;
	}
	.navbar .container-fluid {
		margin: auto 20px;
	}
	.header-buttons {
        margin-right: 30px;
    }
	.header-buttons-wrape .header-buttons {
		right: 20px;
        top: 25px;
        position: absolute;
        width: fit-content;
        z-index: 999;
	}
	.header-select {
		margin: 11px 27px 0 14px;
	}
	.header-static .header-select {
		margin: 11px 27px 0 14px;
	}
	.header-buttons-wrape  .header-buttons .header-btn {
		display: none;
	}
	.header-buttons.mobile .header-btn {
		border: 2px solid #4DA8E8;
	}
}
@media (min-width:768.98px) and (max-width:991.98px){
	.blog-banner {
		padding: 110px 0;
	}
	.hero-banner .banner-wrape,
	.faq-section .faq-parent {
		padding: 0;
	} 
	
	.register-form-image{
		top: 90px;
	}
	.setting-tab-contain .linked-block {
		margin-bottom: 20px;
	}
	.linked-row {
		margin: 0 -10px;
	}
	.setting-tab-contain .linked-col {
		padding: 0 10px;
	}

	.header{
		padding: 15px 0 17px 0;
	}
	.desktop{
		display: none;
	}
	.header-buttons-wrape{
		display: block;
	}
	.header-select{
		margin: 0 0 0 20px;
	}
	.header-buttons-wrape {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
	.header-btn{
		margin-right: 10px;
	}
	.navbar{
		min-height: auto;
		padding: 15px 0;
		max-width: 690px;
		position: absolute;
		left: 0;
		right: 0px;
		top: 3px;
		background-color: #fff;
	}
	.btn.btn-primary{
		padding: 10px 20px;
		font-size: 15px;
		line-height: 20px;
	}
	.btn.btn-primary img{
		width: 15px;
	}
	.header-buttons .header-btn,
	.header-buttons .btn.btn-primary{
		padding: 5px 15px;
		min-width: auto;
		font-size: 12px;
	}
	.navbar-expand-lg .navbar-nav{
		padding: 10px 20px;
		background: #57B1EB;
		margin: 6px 0 0 0;
	}
	.navbar-expand-lg .navbar-nav .nav-item{
		display: block;
		width: 100%;
		margin: 0;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		color: #fff;
	}
	.navbar-expand-lg .navbar-nav .active .nav-link,
	.navbar-expand-lg .navbar-nav .nav-link:hover {
	  	border-color: #fff;
	  	color: #fff;
	}



	.modal-width-custom {
		max-width: 650px;
	}


	/* Hero Banner  */
	/* .banner-text p{
		font-size: 16px;
		line-height: 24px;
	} */
	.banner-count-text h3 {
		font-size: 40px;
		line-height: 58px;
	}
	.banner-count-text h3::before {
		height: 15px;
		bottom: 9px;
	}
	.banner-count-text h6{
		font-size: 16px;
		line-height: 24px;
	}
	.banner-count-inner img{
		margin-top: 10px;
	}
	.banner-count-text{
		padding-left: 15px;
	}
	.banner-count-inner{
		margin-bottom: 20px;
	}
	.banner-button .btn.btn-primary{
		margin: 0 10px 10px 0;
	}
	.banner-image{
		margin: 30px 0 0;
		justify-content: flex-start;
	}


	/* How it Works Section  */
	.howitworks-section{
		min-height: auto;
		padding: 100px 0 0 0;
	}
	.howitworks-section::before {
		width: 98%;
		border-radius: 40px 130px 0px 40px;
	}
	.shape-1{
		max-width: 190px;
    	top: -120px;
    	right: 0;
	}
	.howitworks-parent h2{
		margin-bottom: 50px;
	}
	.howitworks-data{
		padding: 0;
	}
	.howitworks-col{
		width: 33.33%;
	}
	.howitworks-block p{
		margin-top: 15px;
	}
	.prices-block-wrap{
		padding: 40px;
	}
	.prices-block-text{
		margin: 0 0 40px 0;
		max-width: 100%;
	}
	.prices-block-text h3{
		margin-bottom: 10px;
	}
	.prices-block-text p{
		margin-bottom: 20px;
	}
	.prices-icon{
		width: 130px;
		height: 130px;
	}
	.prices-icon img{
		width: 60px;
		object-fit: contain;
	}
	.prices-block h5{
		font-size: 25px;
		line-height: 35px;
		margin: 20px 0 0 0;
	}
	.prices-block h6{
		font-size: 18px;
	}


	/* Testimonials Section  */
	.testimonials-home-section{
		padding: 220px 0 90px 0;
	}
	.testimonials-home-parent h2{
		margin-bottom: 40px;
	}
	.shape-15{
		left: -150px;
		max-width: 330px;
	}
	.testimonials-home-img{
		max-width: 200px;
		right: 30px;
		top: 100px;
	}
	.testimonials-thumbs-block{
		padding: 20px;
		/* min-height: 110px; */
		margin: 0 10px 20px 0;
	}
	.swiper-slide-thumb-active .testimonials-thumbs-block{
		box-shadow: 0px 0px 10px #0000001A;
	}
	.testimonials-thumbs-item img{
		width: 60px;
		height: 60px;
	}
	.testimonials-thumbs-text{
		width: calc(100% - 60px);
		padding: 0 0 0 15px;
	}
	.testimonials-main-wrapper{
		padding: 20px 0 0 20px;
	}
	.testimonials-main-block h4{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.testimonials-main-block ul{
		margin-bottom: 20px;
	}


	/* Contact Section  */
	.shape-2{
		max-width: 350px;
		right: 0;
  		top: -130px;
	}

	.shape-4 {
		right: 0;
	}
	.contact-block{
		padding: 40px;
		max-width: 100%;
		border-radius: 0px 100px 40px 40px;
	}
	.contact-block h3{
		margin-bottom: 30px;
	}
	.form-group{
		margin-bottom: 30px;
	}
	.form-group label{
		margin-bottom: 10px;
	}
	.form-control{
		padding-bottom: 12px;
		font-size: 16px;
	}
	.form-button .btn-primary{
		margin: 0;
	}
	.contact-form .gx-5{
		--bs-gutter-x: 30px;
	}
	.contact-image{
		padding: 50px;
		position: inherit;
		width: 100%;
	}



	/* News Section  */
	.news-section{
		padding: 350px 0 30px 0;
		height: auto;
	}
	.shape-3{
		top: -43px;
  		left: -160px;
  		opacity: 0.6;
  		max-width: 460px;
	}
	.news-title{
		margin-bottom: 20px;
	}
	.news-btn{
		font-size: 20px;
	}
	.news-btn img{
		width: 30px;
	}
	.news-block{
		margin-bottom: 30px;
	}
	.news-block-text{
		padding: 25px;
	}
	.news-block img,
	.news-opt2-section .news-block img{
		height: 210px;
	}
	.news-opt2-section .news-block img{
		border-radius: 25px 100px 0px 0px;
	}
	.news-opt2-section .news-block-text h5{
		font-size: 20px;
		line-height: 30px;
	}



	/* Partners Section  */
	.partners-section{
		padding: 60px 0;
	}
	.partners-parent h2{
		margin-bottom: 30px;
	}
	.contact-section {
		margin: 0;
	}


	/* Footer  */
	.footer{
		padding: 50px 0 0 0;
	}
	.copyright-section{
		margin-top: 50px;
	}
	.copyright-parent{
		padding: 50px 0 30px 0;
		max-width: 690px;
	}
	.logo-foot{
		margin: 0 auto 10px auto;
	}
	.social-text{
		justify-content: space-between;
		padding: 30px 0 0 0;
	}
	.faq-section {
		padding: 130px 0 40px 0;
	}

	/*================ Our Prices  ================*/

	/* Our Prices Banner  */
	.our-prices-banner{
		padding: 130px 0 60px 0;
	}
	.our-prices-wrape{
		padding: 0 0 30px 0;
	}
	.our-prices-text p{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px;
	}
	.our-prices-banner-image{
		padding: 0;
	}


	/* Our Prices Section  */
	.our-prices-section{
		padding: 60px 0 300px 0;
		border-radius: 20px 60px 0 0;
	}
	.shape-5{
		max-width: 250px;
		left: -100px;
		top: -250px;
	}
	.our-prices-block{
		margin-bottom: 30px;
		min-height: 500px;
		padding: 30px ;
	}
	.btn.register-btn{
		min-width: 220px;
	}
	.our-prices-block ul li{
		margin-bottom: 15px;
	}
	.payment-data{
		padding: 30px 0 0 0;
	}
	.payment-text{
		max-width: 100%;
		margin-bottom: 60px;
	}
	.payment-text h3{
		margin-bottom: 15px;
	}
	.payment-methods{
		padding: 0;
	}
	.payment-methods-col{
		width: 33.33%;
	}



	/* Register Form Section  */
	.register-form-section{
		margin: -170px 0 0 0;
		padding: 70px 0;
		min-height:540px
	}
	.register-form-section::before {
		width: 98%;
	}
	.shape-6 {
	  	top: -103px;
	  	right: -110px;
	  	max-width: 350px;
	}
	.register-form-data{
		max-width: 100%;
	}
	.register-form-data {
        padding-left: 0;
    }
	.register-wrapper::after {
		width: calc(100% - 20px);
	}
	.register-form-data h2{
		margin-bottom: 10px;
	}
	.register-form-data p{
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 30px;
	}


	/* Info Section  */
	.info-section{
		padding: 100px 0 30px 0;
	}
	.shape-7{
		top: -80px;
		max-width: 300px;
	}
	.info-block::before {
		border-radius: 50px;
	}
	.info-block-image{
		height: 450px;
		border-radius: 50px;
	}
	.info-block-text{
		padding: 40px;
	}
	.info-block-text-inner{
		width: 70%;
	}
	.info-block-text h2{
		margin-bottom: 15px;
	}


	/*=========================== Our Concept ===========================*/

	/* Our Concept Banner  */
	.our-concept-banner{
		padding: 130px 0 70px 0;
	}
	.our-concept-banner::before {
		top: 100px;
		width: 71.6%;
	}
	.our-concept-image{
		margin: 0;
	}
	.our-concept-wrape{
		padding: 0;
	}
	.our-concept-text p{
		/* font-size: 18px;
		line-height: 28px; */
		margin-bottom: 30px;
	}

	/* Figures Section  */
	.figures-section{
		padding: 100px 0 50px 0;
	}
	.shape-9{
		max-width: 350px;
		top: -220px;
  		right: -99px;
	}
	.figures-title{
		margin-bottom: 40px;
	}
	.figures-title h2{
		margin-bottom: 20px;
	}
	.figures-block {
		margin-bottom: 20px;
	}
	.figures-block img{
		height: 70px;
		width: 70px;
	}



	/* Advantages Section  */
	.advantages-section{
		padding: 70px 0 20px 0;
	}
	.advantages-section::before {
		width: 98%;
		border-radius: 60px 0px 100px 60px;
	}
	.shape-10{
		max-width: 400px;
	}
	.advantages-parent h2{
		margin-bottom: 40px;
	}
	.advantages-block{
		margin-bottom: 50px;
	}
	.advantages-block .advantages-img{
		height: 70px;
	}
	.advantages-block .advantages-img img{
		height: 70px;
		object-fit: contain;
	}
	.advantages-block h5{
		margin: 20px 0 10px 0;
	}



	/* Our Concept Section  */
	.our-concept-title{
		padding: 130px 0 40px 0;
	}
	.concept-img{
		max-width: 200px;
		bottom: -12px;
  		right: 0;
	}
	.our-concept-data{
		padding: 50px;
	}
	.our-concept-block{
		margin-bottom: 40px;
	}
	.our-concept-block h4{
		margin: 20px 0 15px 0;
	}
	.our-concept-data .gx-5 {
  		--bs-gutter-x: 30px;
	}


	/* Testimonials Slider Section */
	.testimonials-slider-section{
		padding-bottom: 50px;
		border-radius: 0px 60px 0px 100px;
	}
	.testimonials-head{
		margin-bottom: 40px;
	}
	.slider-button{
		width: 60px;
		height: 60px;
	}
	.slider-button img{
		width: 20px;
	}
	.testimonials-slider-data{
		padding: 0 0 0 5%;
	}
	.testimonials-slider-data::before {
		width: 30px;
	}
	.testimonials-slider-block{
		padding: 30px;
		min-height: 365px;
	}
	.testimonials-slider-title img{
		width: 50px;
		height: 50px;
	}
	.testimonials-slider-title-text{
		width: calc(100% - 50px);
		padding: 0 0 0 10px;
	}
	.testimonials-slider-title-text h5{
		font-size: 14px;
		margin: 0;
	}
	.testimonials-slider-title-text h6{
		font-size: 13px;
	}
	.testimonials-slider-title{
		margin-bottom: 20px;
	}
	.testimonials-slider-block p{
		margin-bottom: 20px;
	}
	.testimonial-pagination-wrape{
		padding: 15px;
	}
	.testimonial-pagination {
		text-align: center;
	}



	/* Our Prices Concept Section  */
	.ourprices-concept-section{
		padding: 100px 0 40px 0;
	}
	.ourprices-concept-title{
		margin-bottom: 50px;
	}
	.ourprices-concept-btn{
		font-size: 18px;
		line-height: 28px;
	}
	.ourprices-concept-btn img{
		width: 20px;
	}
	.ourprices-concept-block{
		padding: 40px 20px;
		min-height: 340px;
	}
	.ourprices-concept-block h3{
		margin-bottom: 10px;
	}
	.ourprices-concept-block h2{
		font-size: 60px;
		line-height: 70px;
	}
	.ourprices-concept-block h6{
		margin-bottom: 40px;
	}


	 /* Concept Contact Section  */
	.concept-contact-section{
		padding-bottom: 70px;
	}
	.shape-11{
		display: none;
	}

	/*==================== Who Are we ====================*/
	/* Who Are we Banner  */
	.header-static .navbar{
		padding: 15px 0;
	}

	.who-are-we-text{
		padding: 0px;
	}
	/* .who-are-we-text h1{
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 20px;
	} */
	.who-are-we-image{
		margin: 20px 0 0 0;
	}


	/* Team Section  */
	.team-section{
		border-radius: 20px 100px 0 0;
		padding: 50px 0 290px 0;
		min-height: auto;
	}
	.team-parent h2{
		margin-bottom: 50px;
	}
	.team-shape{
		max-width: 200px;
		top: -172px;
  		left: -121px;
	}
	.team-block{
		margin: 0 0 30px 0;
	}
	.team-block img{
		height: 200px;
		width: 200px;
	}
	.team-block h4{
		margin: 10px 0 0 0;
	}
	.team-block h5{
		font-size: 20px;
	}

	 /* Our Values Section  */
	.our-values-section{
		margin: -230px 0 0 0;
		padding: 60px 0 0 0;
	}
	.our-values-parent h2{
		margin-bottom: 40px;
	}
	.our-values-section::before {
		width: 98%;
    	border-radius: 60px 0px 100px 60px;
		right: 0;
	}
	.shape-12{
		right: -66px;
		max-width: 200px;
	}
	.our-values-block{
		margin-bottom: 40px;
	}
	.our-values-block img{
		height: 60px;
	}
	.our-values-block h4{
		margin: 20px 0 10px 0;
	}



	 /* Engagement Section  */
	.engagement-section{
		padding: 70px 0 20px 0;
	}
	.engagement-parent h2{
		margin-bottom: 30px;
	}
	.engagement-block{
		margin-bottom: 50px;
	}
	.engagement-block-title{
		margin-bottom: 20px;
	}

	/*=========================== Formations ===========================*/

	/* Formations Banner  */
	.formations-banner-text{
		width: 100%;
		padding: 0;
	}
	.formations-banner-text h1{
		/* font-size: 40px;
		line-height: 50px; */
		margin-bottom: 20px;
	}


	/* Formations Section  */
	.formations-block{
	 	margin-bottom: 50px;
	 }
	.formations-block-left img{
		width: 60px;
		height: 60px;
		object-fit: contain;
	}
	.formations-text h3{
		font-size: 24px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.formations-text{
		width: calc(100% - 60px);
		padding: 15px 0 0 15px;
	}
	.formations-text ul{
		margin-left: 0;
	}
	.formations-text ul li {
		padding-left: 15px;
	}


	/* Text Block Section  */
	.text-block-section{
		padding-bottom: 20px;
	}
	.text-block-data{
		border-radius: 30px;
		min-height: 200px;
	}
	.text-block p{
		font-size: 18px;
		line-height: 30px;
	}


	 /* Step Slider Section  */
	.step-slider-section{
		padding: 50px 0;
	}
	.step-slider-wrape{
		padding: 30px 0 0 0;
	}
	.step-slider-text h5{
		margin-bottom: 0;
		font-size: 20px;
	}
	.step-slider-text p{
		font-size: 18px;
		line-height: 28px;
	}


	/* Testimonials Slider Section */
	.testimonials-formation-section{
		padding: 70px 0 40px 0;
	}

	 /* Advantages Trans Section  */
	.advantages-trans-section{
		padding: 50px 0 0 0;
	}
	.advantages-trans-parent .gx-5 {
  		--bs-gutter-x: 30px;
	}
	.advantages-trans-parent h2{
		margin-bottom: 40px;
		text-align: center;
	}
	.advantages-trans-block{
		margin-bottom: 40px;
		text-align: center;
	}
	.advantages-trans-block h5{
		margin: 20px 0;
	}
	.advantages-trans-block p{
		max-width: 100%;
	}
	.advantages-trans-block span{
		height: 70px;
		justify-content: center;
	}
	.advantages-trans-block span img{
		height: 70px;
		object-fit: contain;
	}


	 /* Formation Price Section  */
	.formation-price-section{
		padding: 60px 0;
	}

	/*=================== FAQ ===================*/
	.shape-14 {
	  	top: 52px;
	  	left: -130px;
	  	max-width: 230px;
	}
	.faq-parent h2 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 40px;
		max-width: 310px;
	}
	.tab-content-body{
		padding: 0;
	}
	.faq-tab{
		padding: 0;
	}
	.faq-tab .nav-tabs .nav-item{
		margin-bottom: 10px;
	}
	.faq-tab .nav-tabs .nav-link{
		font-size: 18px;
		line-height: 28px;
		min-height: 100px;
		padding: 20px;
	}

	.faq-ac-btn{
		font-size: 20px;
	}
	.faq-accordion-body{
		padding: 10px 0 0 20px;
	}
	.faq-accordion-item{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	/*====================== FAQ Opt 2 ======================*/
	.faq-opt2-section .faq-parent h2{
		margin-bottom: 50px;
	}
	.faq-opt2-tab .nav-tabs .nav-link{
		font-size: 18px;
		padding: 0 15px 10px 15px;
	}


	/*====================== Blog Listning ======================*/

	/* blog-listning */
	/* .blog-banner-text h1{
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 30px;
	} */
	.blog-listing-section{
		padding: 50px 0 56px 0;
		border-radius: 20px 60px 0 0;
	}

	.blog-listing-shape{
		max-width: 200px;
		top: -180px;
  		right: -101px;
	}
	.sort-filter{
		margin: 20px 0 0 0;
	}
	.filters-name{
		margin: 30px auto 0 0;
	}
	.filters-name li{
		margin: 0 5px 10px 0;
		padding: 0;
	}
	.filters-name li .filter{
		font-size: 14px;
		padding: 8px 14px;
	}
	.blog-listing-menu{
		flex-wrap: wrap;
		/* flex-direction: column-reverse; */
		margin-bottom: 30px;
	}
	.blog-listing-filter{
		width: 50%;
	}
	.blog-listing-filter-box{
		margin-bottom: 30px;
	}
	.blog-listing-filter-box img{
		height: 180px;
	}
	.blog-listing-filter-text{
		padding: 20px;
	}

	/*================= blog-listning-opt-2 =================*/
	.blog-listing-opt-2-section .blog-listing-filter-image img{
		height: 200px;
		border-radius: 25px 100px 0px 0px;
	}
	.blog-listing-opt-2-section .blog-listing-filter-text h5{
		font-size: 20px;
		line-height: 30px;
	}

	/*================ contact1 ================*/
	/* .contact-opt1-form h1{
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 40px;
	} */
	.contact-opt1-image{
		margin: 0 0;
	}

	/*====================== terms-and-conditions ======================*/
	.btn.back-btn{
		top: 25px;
		left: 15px;
	}
	.title{
		padding: 100px 0 0 0;
		margin-bottom: 50px;
	}
	/*
	.tc-wrape{
		padding-bottom: 100px;
	}
	.tc-section .title{
		margin-bottom: 50px;
	}
	.tc-text h3{
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 12px;
	}
	*/
	.foot-line-data .btn.border-btn{
		margin-right: 10px;
	}

	/*==================== Login ====================*/
	.login-section{
		padding: 100px 0 48px 0;
	}
	.title img{
		margin-bottom: 30px;
	}
	.title h6{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	/*====================== Blog Details ======================*/
	.blog-details-banner-image img{
		height: 250px;
	}
	.blog-details-section{
		padding: 20px 0 0 0;
	}
	.breadcrumb-data{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.blog-details-data h3{
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 30px;
	}
	.blog-details-image{
		margin-bottom: 30px;
	}
	.blog-details-image img{
		height: 250px;
	}
	.blog-details-text{
		padding: 83px 0 73px 0;
	}
	.blog-details-text::before, .blog-details-text::after {
		width: 90px;
    	height: 61px;
    	left: 0;
	}
	.blog-details-text::after {
		left: auto;
  		right: -0;
	}

	/* Related Articles  */
	.related-articles{
		padding: 50px 0 20px 0;
		border-radius: 0 60px 0 0;
	}
	.related-shape{
		max-width: 200px;
		top: -29px;
  		left: -100px;
	}
	.related-articles .news-title{
		margin-bottom: 30px;
	}
	.related-articles .news-title h2{
		font-size: 30px;
		line-height: 40px;
	}

	/*================================ Dashboard ================================*/
	/*================================ Dashboard ================================*/
	.mobile-navigation{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.navigation-menu{
		display: none;
	}
	.navigation-data{
		padding: 0px 0;
	}
	.mobile-navigation .navbar-toggler{
		display: block;
	}

	.right-sidebar{
		/* left: -360px; */
		left: -100%;
		background-color: #ECF8FF;
		padding: 0 0 0 0;
		/* max-width: 360px; */
		max-width: 100%;
	}
	.right-sidebar .logo{
		display: none;
	}
	.mobile{
		display: block;
	}
	.sidebar{
		padding-bottom: 60px;
	}
	.sidebar-menu ul li{
		margin: 0;
	}
	.sidebar-menu ul li a{
		display: flex;
		justify-content: flex-start;
		font-size: 14px;
		line-height: 19px;
		font-weight: bold;
		color: #313133;
		padding: 16px;
		border-bottom: 1px solid #B4B4B4;
	}
	.sidebar-menu ul li a span{
		display: block;
		margin: 0 0 0 12px;
	}
	.sidebar-menu ul li a img{
		width: 24px;
		height: 24px;
	}
	.logout-btn {
		width: 100%;
		padding: 0 0;
		background-color: transparent;
		border-radius: 0;
		border: none;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		border-top: 1px solid #0064AF;
		font-size: 14px;
		line-height: 19px;
		font-weight: 600;
		color: #313133;
		padding: 16px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.logout-btn img{
		width: 24px;
		margin-right: 12px;
	}
	.mobile-sidebar-profile{
		display: flex;
	}

	.header-slide.right-sidebar{
		left: 0;
		box-shadow: 0px 0px 20px #0000001A;
	}
	.left-contain{
		padding: 0 16px;
	}
	.main-body{
		padding: 0 0;
	}
	.heading-text{
		padding: 20px 16px 16px 16px;
	}
	/* .heading-text h1{
		font-size: 24px;
		line-height: 24px;
		letter-spacing: 0.52px;
	} */



	/* dashboard */
	.formation-block-col-lg{
		width: 100%;
	}
	.formation-block-col-sm{
		width: 100%;
	}
	.formation-block-wrape{
		width: 100%;
		display: block;
		padding: 30px;
	}
	.formation-block-wrape .gx-5 {
	  	--bs-gutter-x: 50px;
	}
	.formation-box-inner{
		min-height: 75px;
		display: flex;
		align-items: flex-end;
	}
	.formation-box-inner img{
		object-fit: contain;
	}
	.box-data-1 .formation-box-inner img{
		height: 75px;
	}
	.box-data-2 .formation-box-inner img{
		height: 63px;
	}
	.formation-box-text{
		padding: 16px 0 10px 0;
	}
	.formation-box-text h5, .formation-box-text h4{
		letter-spacing: 0.52px;
		font-size: 20px;
		line-height: 24px;
	}
	.btn.formation-btn{
		font-size: 14px;
		line-height: 19px;
		padding: 6px 16px;
		margin: 21px auto;
		margin-bottom: 0;
		display: table;
	}
	.btn.formation-btn.desktop{
		display: none;
	}
	.yellow-box {
		min-height: auto;
		padding: 30px;
	}
	.btn.yellow-btn{
		width: 200px;
		min-width: 200px;
	}

	.dashboard-block{
		padding: 40px;
		min-height: 450px;
	}
	.dashboard-block-data{
		margin-bottom: 40px;
	}
	.dashboard-block-data-text h4{
		font-size: 22px;
		line-height: 35px;
	}
	.dashboard-block-data-text h3{
		line-height: 50px;
		font-size: 40px;
		margin: 0;
	}
	.radialprogressbar{
		width: 115px;
		height: 115px;
	}
	.overlay-text,.pie:after{
		font-size: 35px;
		line-height: 45px;
	}
	.dashboard-block ul li{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 15px;
	}


	.dashboard-foot {
		padding-bottom: 30px;
	}
	.dashboard-foot-blog,.dashboard-foot-faq{
		padding: 30px;
		margin-bottom: 20px;
		min-height: 260px;	
		height: calc(100% - 20px);
	}
	.dashboard-foot-blog-text h3, .dashboard-foot-faq-text h3{
		font-size: 50px;
		line-height: 60px;
		letter-spacing: -0.5px;
	}
	.dashboard-foot-blog-text p,
	.dashboard-foot-faq p {
		font-size: 20px;
		line-height: 24px;
	}

	/*================== My Courses ==================*/
	.breadcrumb-item{
		font-size: 16px;
    	margin-bottom: 0px;
	}
	.breadcrumb-item img{
		width: 20px;
	}
	.header-search{
		margin: 0 15px 30px;
	}
	.thematic-block-wrape{
		padding: 30px;
	}

	.thematic-block h4{
		font-size: 25px;
		line-height: 30px;
	}
	.thematic-block h4 img{
		width: 30px;
		margin-right: 15px;
	}
	.thematic-block ul{
		margin: 0 -2px;
	}
	.thematic-block ul li{
		padding: 0 2px;
	}
	.current-plan-inner h5{
		font-size: 16px;
		margin-right: 15px;
	}

	.courses-slider-section{
		padding: 50px 0;
	}
	.courses-slider-section h4, .discovery-slider-title h4{
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.courses-slide-block{
		padding: 30px;
		min-height: 350px;
	}
	.btn.start-btn{
		bottom: 30px;
		left: 30px;
	}

	.discovery-slider-section{
		padding-bottom: 50px;
	}
	.discovery-slider-title p{
		font-size: 18px;
		line-height: 27px;
	}
	.discovery-courses-slider-wrape .courses-slide-block .start-btn{
		left: 30px;
		max-width: 280px;
	}

	/* Cart */
	.title-data{
		padding: 20px 0 16px 0;
		margin: 0;
	}
	/* .title-data h1{
		font-size: 35px;
    	line-height: 45px;
    	letter-spacing: 0.52px;
	} */

	.cart-block{
		min-height: auto;
		padding-bottom: 100px;
	}
	.package-list ul{
		margin-right: 30px;
	}
	.package-list ul li{
		margin-bottom: 10px;
	}

	/*================ Checkout ================*/
	.order-details{
		padding: 20px 0;
	}

	/*========== checkout-prefilled-payment mode-selected-pay-by-juice ==========*/
	.order-info-block h5, .order-info-block h6{
		font-size: 15px;
	}
	.order-info-text h6{
		font-size: 16px;
		line-height: 24px;
	}

	/*========================= Setting =========================*/
	.setting-col-sm{
		width: 35%;
	}
	.setting-col-lg{
		width: 65%;
		padding-left: 40px;
	}
	.setting-tab .nav-tabs .nav-item{
		margin-bottom: 20px;
	}
	.setting-tab .nav-tabs .nav-link{
		font-size: 20px;
		line-height: 25px;
		border-radius: 12px;
	}
	.setting-tab-contain h4{
		margin-bottom: 15px;
	}
	.linked-col{
		width: 50%;
	}
	.linked-block{
		margin-bottom: 0;
	}

	/*=================== the-good-motorists-guide ===================*/
	.navigation-back{
		background-color: #0064AF;
		padding: 17.5px 16px;
		display: block;
	}
	.navigation-back h5{
		font-size: 16px;
		line-height: 20px;
		font-weight: 800;
		color: #fff;
		display: flex;
		align-items: center;
	}
	.navigation-back h5 img{
		margin: 0 4px 0 -7px;
	}

	.mycourt-text-block h5{
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 15px;
	}
	.mycourt-text-block p{
		font-size: 18px;
		line-height: 28px;
	}
	.ac-count{
		font-size: 35px;
	}
	.mycourt-ac-button{
		font-size: 18px;
	}
	.mycourt-ac-body{
		padding: 20px 40px 1px 40px;
	}


	/*=================== good-habits-for-motorists ===================*/
	.motorists-section{
		min-height: 93vh;
		padding: 16px 0 0 0;
	}
	.motorists-wrapper{
		padding: 0;
	}
	.motorists-text h2{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 16px;
		font-weight: 800;
	}
	.motorists-text p{
		line-height: 22px;
		margin-bottom: 20px;
		width: 100%;
	}
	.motorists-text p img {
		max-width: 150px;
	}
	.motorists-sidebar{
		display: none;
	}
	.button-group{
		position: fixed;
		display: flex;
		flex-wrap: wrap;
	}
	.button-group .btn.btn-primary{
		width: 50%;
		margin: 0;
		border-radius: 0;
		font-size: 16px;
		line-height: 18px;
		text-align: left;
		padding: 8px 16px;
		min-height: 56px;
	}
	.button-group .btn.btn-primary img{
		width: 18px;
	}
	.button-group .btn.border-yl-btn{
		background-color: #F7D200;
		border-color: #F7D200;
	}
	.button-group .btn.border-yl-btn:hover{
		background-color: #C4A910;
		border-color: #C4A910;
		color: #313133;
	}
	.button-group .btn.next-btn{
		background-color: #0064AF;
		border-color: #0064AF;
		color: #fff;
	}
	.button-group .btn.next-btn:hover{
		background-color: #137FCF;
		border-color: #137FCF;
		color: #fff;
	}
	.btn.next-btn .arrow-right-bl{
		display: none;
	}
	.btn.next-btn .arrow-right-wh{
    	display: inline-block;
	}
	.motorists-text img{
		border-radius: 8px;
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.tests-block{
		padding: 20px;
	}
	.tests-block-text{
		padding: 0;
	}
	.tests-block-text h4{
		font-size: 25px;
		line-height: 30px;
		letter-spacing: -0.2px;
		margin-bottom: 10px;
	}
	.tests-block-text p{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 0;
	}
	.tests-block-btn{
		width: 50px;
		height: 50px;
		margin: 0 0 0 auto;
	}
	.tests-block-btn img{
		width: 18px;
		height: auto;
		object-fit: contain;
	}
	.btn.btn-full{
		width: 100%;
		min-width: 100%;
	}

	/*===================== My Package =====================*/

	.profile-wrapper{
		padding: 16px 0 0 0;
	}
	.profile-sidebar,.profile-tab .nav-tabs{
		display: none;
	}
	.profile-data{
		padding: 0;
	}
	.profile-tab{
		min-height: auto;
		background-color: transparent;
	}
	.tab-body{
		padding: 0;
	}
	.plan-box{
		padding: 16px;
		border-radius: 20px;
		margin-bottom: 24px;
	}
	.plan-box h5{
		margin-bottom: 0;
		font-size: 12px;
		line-height: 12px;
	}
	.plan-title{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 16px;
	}
	.plan-title h3{
		font-size: 20px;
		line-height: 27px;
		margin: 0;
		display: table;
	}
	.free-btn{
		font-size: 14px;
		line-height: 19px;
	}
	.plan-list{
		justify-content: flex-start;
		margin-bottom: 12px;
	}
	.plan-list ul li{
		/* padding-left: 24px; */
		font-size: 14px;
		line-height: 19px;
		margin-bottom: 12px;
	}
	.plan-list ul li::before {
		top: 0;
	}
	.plan-button{
		justify-content: flex-start;
	}
	.plan-button .btn.btn-primary{
		background-color: transparent;
		color: #FFD200;
		padding: 0;
		min-width: auto;
		height: auto;
		font-size: 18px;
		line-height: 24px;
		font-weight: 600;
		border-radius: 0;
		border: none;
	}
	.plan-button .btn.btn-primary .arrow-plan-bl{
		display: none;
	}
	.plan-button .btn.btn-primary .arrow-plan-yl{
		display: inline-block;
		width: 18px;
		margin: 0 0 0 10px;
	}

	.upgrade-package h4{
		font-size:20px;
		line-height: 27px;
	}
	.upgrade-package p{
		line-height: 20px;
	}
	.upgrade-package-wrape{
		padding: 24px 0 0 0;
	}

	.our-prices-block{
		padding: 24px;
		min-height: auto;
		border: 2px solid #4DA8E8;
	}
	.plan-info,.btn.register-btn{
		font-size: 14px;
		line-height: 19px;
		padding: 6.5px 24px;
		min-width: auto;
		margin: 0 auto 20px;
	}
	.our-prices-block h3{
		font-size: 20px;
		line-height: 20px;
		letter-spacing: 0;
		margin: 16px 0 12px 0;
	}
	.our-prices-block h2{
		/* display: none; */
		margin: 16px auto;
		font-size: 32px;
	}
	.our-prices-block h2 span{
		font-size: 16px;
	}
	.our-prices-block ul li{
		padding-left: 34px;
		margin-bottom: 12px;
		font-size: 14px;
		line-height: 28px;
	}
	/* .our-prices-block .btn.register-btn{
		display: none;
	} */
	.upgrade-package p{
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 24px;
	}
	.prices-mobile,
	.our-prices-block .prices-mobile h2,
	.our-prices-block .prices-mobile .btn.register-btn{
		display: table;
	}
	.prices-mobile{
		width: 100%;
		display:none;
	}
	.block-3 .plan-info{
		display: table;
	}

	/*====================== My Purchases ======================*/
	.purchases-block{
		padding: 8px 0 0 0;
	}
	.purchases-block h2{
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 20px;
	}
	.purchases-date{
		margin: -5px 0 0 0;
    	font-size: 12px;
    	line-height: 12px;
	}
	.plan-box-border{
		background-color: transparent;
	}
	.plan-box-border ul li{
		color: #313133;
	}
	.plan-box-border ul li::before{
		background-image: url('../images/arrow-down-bl.png');
	}
	.plan-box-border .plan-button .btn.btn-primary{
		color: #0064AF;
		background-color: transparent;
	}
	.plan-box-border .plan-button .btn.btn-primary img{
		transform: rotate(180deg);
	}

	/*===================== My Statistics =====================*/
	.statistics-tab{
		padding: 8px 0 0 0;
	}
	.statistics-tab h2{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 16px;
	}
	.statistics-block{
		background-color: #fff;
		padding: 24px 16px;
		margin: 0 0 32px 0;
		padding-bottom: 4px;
	}
	.statistics-block .row{
		--bs-gutter-x: 0;
	}
	.statistics-data{
		margin-bottom: 20px;
	}
	.statistics-data h3{
		font-size: 48px;
		line-height: 48px;
		margin: 0;
	}
	.statistics-data p{
		font-size: 16px;
		line-height: 16px;
		margin: 7px 0 0 0;
	}

	.statistics-tab .evolution-block-wrape{
		padding: 30px;
	}
	.statistics-tab .evolution-block-wrape .btn.btn-primary.desktop{
		display: none;
	}
	.statistics-tab .formation-box-data1 .formation-box-inner img{
		height: 75px;
		object-fit: contain;
		object-position: left;
	}
	.statistics-tab .formation-box-data2 .formation-box-inner img{
		height: 63px;
		object-fit: contain;
		object-position: left;
	}
	.evolution-block-wrape .formation-box-text{
		padding: 16px 0 10px 0;
	}
	.evolution-block-wrape .btn.btn-primary{
		padding: 6.5px 16px;
	}

	/*============== Notification ==============*/
	.notification-tab h2{
		font-size: 16px;
		margin-bottom: 16px;
		line-height: 20px;
	}
	.notification-tab p{
		line-height: 20px;
		margin-bottom: 20px;
	}


	/*==================== My Profile ====================*/
	.profile-tab-data{
		padding: 0;
	}
	.profile-tab-data .profile-wrapper {
		padding: 0;
	}
	.profile-tab-data .profile-sidebar{
		display: block;
		border-radius: 0 0 40px 40px;
		min-height: 198px;
		padding: 32px;
	}
	.profile-tab-data .profile-data,.profile-tab-data .profile-sidebar ul{
		display: none;
	}


	.profile-sidebar-mobile{
		display: block;
		text-align: center;
	}
	.profile-sidebar .profile-img{
		width: 80px;
		height: 80px;
		margin-bottom: 16px;
		object-fit: cover;
	}
	.account-btn{
		background-color: transparent;
		border-radius: 0;
		border: none;
		font-size: 8px;
		line-height: 15px;
		color: #57B1EB;
		display: table;
		margin: 0 auto;
	}
	.profile-mobile-link{
		display: block;
		padding: 8px 0;
	}
	.profile-mobile-link ul{
		list-style: none;
		margin: 0;
	}
	.profile-mobile-link ul li{
		display: block;
	}
	.profile-mobile-link ul li a{
		display: block;
		width: 100%;
		padding: 13px 56px 13px 32px;
		font-size: 16px;
		line-height: 20px;
		color: #313133;
		font-weight: 600;
		background-color: #fff;
		position: relative;
		border-bottom: 1px solid rgba(109, 111, 114, 0.2);
	}
	.profile-mobile-link ul li a::before{
		content: "";
		width: 8px;
		height: 15px;
		background-image: url('../images/arrow-next.png');
		background-size: cover;
		position: absolute;
		top: 16px;
		right: 32px;
	}
	.profile-mobile-link ul li:last-child a{
		border-bottom: 0;
	}

	/*====================== Personal info ======================*/
	.personal-info {
		padding: 0;
	}
	.personal-info .profile-wrapper{
		padding: 0;
	}
	.personal-info .profile-sidebar{
		display: block;
		min-height: auto;
		border-radius: 0 0 40px 40px;
	}
	.profile-modal-form{
		padding: 16px 0 16px;
		padding-bottom: 0;
	}
	.profile-modal-form .form-group{
		margin-bottom: 24px;
		position: relative;
	}
	.personal-info .profile-sidebar ul{
		display: none;
	}
	.form-bl label{
		margin-bottom: 4px;
		font-size: 14px;
	}
	.form-bl .form-control{
		font-size: 18px;
		padding-bottom: 8px;
	}
	.form-radio-item{
		width: 100%;
		margin: 0 0 12px 0;
	}
	.form-radio-item:last-child{
		margin-bottom: 0;
	}
	.form-radio-item label{
		margin: 0;
	}
	.form-group-radio{
		margin: 8px 0 0 0;
	}

	/* Header Notification */
	.notification-data{
		top: 35px;
	}


	/*================== the-good-pedestrians-guide ==================*/
	.guide-section{
		padding: 16px 0 0 0;
	}
	.guide-text h6{
		font-size: 12px;
		line-height: 22px;
		margin: 0;
		font-weight: normal;
	}
	.guide-text h2{
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 12px 0;
		letter-spacing: -0.5px;
	}
	.guide-sidebar{
		display: none;
	}

	/* 1 Aug 2024 CSS Start */
	.ourconcept-testimonials-slider-section .our-concept-testimonials-thumbs .testimonials-thumbs-block{
		padding: 20px;
		margin: 0 10px 20px 0;
	}
	/* 1 Aug 2024 CSS End */
}
@media(max-width: 1024px) {
	.logout-btn.logout-button {
		display: none !important;
	}
	.register-form-section {
        margin: -170px 0 140px 0;
	}
}
@media (max-width:991.98px){
	.blog-details-banner {
		padding-top: 82px;
	}
	.slide .main-body {
		padding: 0;
	}
	.main-contant.slide .sidebar-menu ul li a img.hover-img {
		left: 17px;
	}
	.logout-btn.logout-button {
		display: flex !important;
	}
	.slide .right-sidebar {
		padding-left: 0;
	}
	.header-select-form {
		margin-right: 10px;
		margin-top: 4px;
	}
	.header-buttons-wrape .header-buttons {
		top: 0;
	}
	.viewallbtn {
		position: static;
		margin-top: 20px;
	}
	.register-form-image {
        width: 500px;
        margin-top: -36px;
    }
	.partners-row  {
		margin: auto;
	}
	.sidebar-menu {
		height: calc(100% - 105px);
	}
	.sidebar-menu ul li a::before{
		height: 100%;
		top: 0;
	}
	.sidebar-menu ul li.active a::before{
		opacity: 0;
	}
	.result-info-box:before,.result-info-box:after{
		display: none;
	}
	.prices-icon-1,.prices-icon-2,.prices-icon-3 {
		width: 110px;
		height: 110px;
		padding: 25px;
	}
	
	.guide-wrapper {
		padding-bottom: 20px;
	}
	.sidebar-menu ul li a img.hover-img {
		top: 18px;
		left: 17px;
	}
	div#result-section {
		margin: 20px 0 0px 0;
		padding-bottom: 20px;
	}
	.profile-modal-form .form-group.form-bl .form-group-check {
		margin: 10px 0 0 0;
	}
	.result-middle-main{
		padding: 0 16px;
	}
	.contact-image > img {
		margin: 0 auto;
	}
	.count-inner-2 img {
		width: 32px;
	}
	.contact-block{
		margin-top: 30px;
	}
	.contact-image {
		box-shadow: none;
		border-radius: 0;
	}
	.testimonials-main-pagination {
		padding: 0;
	}
	.banner-count-inner.count-inner-1 img{
		width: 48px;
	}
	.testimonials-container .col-sm-6 {
		width: 100%;
	}
	.howitworks-icon{
		height: 130px;
		width: 130px;
	}
	.header-buttons {
		margin-right: 30px;
	}
	.header-buttons-wrape {
		z-index: 99;
		position: relative;
	}
	.navbar-brand,.navbar-toggler{
		position: relative;z-index: 99;
	}
	.header-btn:focus svg path {
		fill: #fff;
	}
	.header-select {
		margin: 6px;
	}
	/* 1 Aug 2024 CSS Start */
	.ourconcept-testimonials-slider-section .testimonials-container .col-sm-6 {
		width: 100%;
	}
	.ourconcept-testimonials-slider-section .testimonial-pagination-wrape{
			padding: 0;
	}
	.ourconcept-testimonials-slider-section .testimonial-pagination-wrape .testimonial-pagination{
			text-align: left;
	}
	.ourconcept-testimonials-slider-section .viewallbtn{
			margin-top: 20px;
	}
	/* 1 Aug 2024 CSS Start */
	h1{
		font-size: 38px;
		line-height: 47px;
	}
	h2{
		font-size: 34px;
		line-height: 45px;
	}
	h3{
		font-size: 26px;
		line-height: 35px;
	}
	h4{
		font-size: 24px;
		line-height: 35px;
	}
	p{
		font-size: 16px;
		line-height: 24px;
	}
	.ourprices-concept-text {
    	width: 50%;
	}
	button.sidebar-arrow.sidebar-collapse{
		display: none;
	}

	.contact-opt1-section {
		padding: 130px 0 80px;
	}
	.who-are-we-banner {
		padding: 100px 0 60px;
	}
	.team-block img {
		width: 150px;
		height: 150px;
	}
	.copyright-text {
		justify-content: center;
		text-align: center;
		margin-bottom: 30px;
		min-height: unset;
	}	
	.mycourt-contain  {
		padding-bottom: 55px;
	}
}
@media(max-width:768px) {
	.header-buttons .header-btn {
		color: #4899D7 !important;
		border: none;
	}
	.header.header-static {
		padding: 0;
	}
	.header-static .header-select {
        margin: 25px 27px 0 14px;
    }
	.navbar {
    	min-height: 77px; 
	}
	.hero-banner .banner-wrape {
		padding: 0;
	}
	.contact-popup .modal-dialog {
		max-width: 85%;
		margin: auto;
	}
	.viewallbtn .btn {
		width: 100%;
	}
	.viewallbtn {
		margin-top: 0;
	}
	.our-prices-page .our-prices-block .btn.register-btn,.our-prices-page .our-prices-block h2 {
		display: table;
	}
	.pie:before {
		border: 29px solid #FFD200;
		top: -29px;
		left: -29px;
	}
	.pie {
		border: 32px solid transparent;
	}
	.pie > section {
		border-left: 32px solid transparent;
		border-bottom: 32px solid transparent;
		top: -32px;
		left: -32px;
	}
	.pie .mask {
		border-top: 32px solid transparent;
	}
	.pie .mask,
	.pie .one {
		border-right: 32px solid transparent;
	  }
	 .pie .one,
	 .pie .two,
	 .pie .three {
		border-top: 32px solid #fff;
	  }
	.pie .two,
	.pie .three {
		border-top: 32px solid #fff;
		border-right: 32px solid #fff;
	  }
	.quiz-submit-btn button.btn.btn-primary.quiz-submit {
		font-size: 14px;
		height: 32px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#question_option .guide-data {
		padding-left: 0;
	}
	.quiz-submit-btn {
		text-align: center;
	}
	.response-btns {
		text-align: center;
		margin:30px 0 0 0;
	}
	.results-head {
		text-align: center;
	}
	.motorists-text .tests-block {
		max-width: 100%;
	}
	.motorists-text {
		margin: 0 0 70px 0;
	}
	.profile-modal .modal-body {
		padding: 40px 20px 80px;
	}
	.mycourt-contain.left-contain.width-1608 .mycourt-text-block{
		text-align: left;
	}
	.profile-modal .modal-body h3 {
		margin: 0 0 10px 0;
	}
	.modal-profile-image{
		margin-bottom: 20px;
	}
	.profile-modal-footer{
		justify-content: center;
	}
	.profile-modal-footer .btn.border-btn-bl,.profile-modal-footer .btn.btn-primary {
		font-size: 14px;
		padding: 10px 30px;
	}
	.profile-modal-footer .btn.border-btn-bl {
		margin-right: 10px;
		margin-left: 0;
	}
	.modal.modal-question .modal-content .modal-header {
		justify-content: center;
	}
	.profile-modal-form .col-sm-6 {
		width: 100%;
	}
	.final-results li {
		font-size: 16px;
		line-height: normal;
	}
	.sidebar-menu ul li.active a::before {
		opacity: 0;
	}
	#testModal .modal-content {
		padding: 20px 0 0 0;
	}
	#testModal h3 {
		font-size: 25px;
		line-height: 24px;
	}
	.result-info-box {
		flex-direction: column;
		text-align: center;
		padding: 40px 20px;
	}
	.res-btn {
		margin: 10px 0 0 0;
	}
	.result-info-left,.result-info-right {
		width: 100%;
	}
	.foot-line-data {
		justify-content: center;
	}
	.faq-section .faq-parent {
		padding-top: 0;
	}
	.who-are-we-parent {
		text-align: center;
	}
	.foot-text img {
		max-height: 65px;
	}
	.blog-listing-opt-2-section .blog-listing-filter-text h6 {
		margin-bottom: 5px;
	}
	.engagement-block h4{
		font-size: 50px;
	}
	.engagement-block-title > img {
		max-width: 60px;
	}
	.engagement-block h4::before {
		height: 14px;
		bottom: 25px;
	}
	.who-are-we-image > img {
		margin: 0 auto;
	}
	.formation-price-section .news-title {
		text-align: center;
		display: inline-block;
		margin: 0 auto 32px;
		width: 100%;
	}
	.info-block-text .more-btn img {
		max-width: 22px;
	}
	.payment-methods-block {
		min-height: auto;
		padding:20px 25px;
		margin-bottom: 10px;
	}
	.methods-icon >img {
		max-height: 60px;
	}
	.methods-icon{
		height: auto;
	}
	.register-form-data {
		padding-left: 0;
	}
	.advantages-block .advantages-img > img {
		max-width: 90px;
	}
	.our-concept-block-image {
		width: 120px;
		height: 120px;
	}
	.our-concept-data .col-sm-6 {
		width: 100%;
	}
	.header-buttons a svg {
		display: block;
	}
	.header-btn {
		margin-right: 10px;
	}
	.header-buttons .header-btn, .header-buttons .btn.btn-primary{
		padding: 5px 3px !important;
	}
	.header-buttons .header-btn > svg path {
		fill: #4DA8E8;
	}
	.header-buttons .btn > svg path {
		fill: #313133;
	}
	.header-buttons svg {
		max-width: 20px;
		max-height: 20px;
	}
	/* .header-buttons span {
		display: none;
	} */
	h1 {
		font-size: 32px;
		line-height: 40px;
	}

	h2{
		font-size: 28px;
		line-height: 40px;
	}
	h3{
		font-size: 26px;
		line-height: 35px;
	}
	h4{
		font-size: 24px;
		line-height: 35px;
	}
	p{
		font-size: 16px;
		line-height: 24px;
	}
	.header{
		padding: 0 0 12px 0;
	}
	.desktop{
		display: none;
	}
	.header-buttons-wrape{
		display: block;
	}
	.navbar .container-fluid{
		padding: 0 15px;
		margin: 0;
	}
	.navbar-brand{
		max-width: 170px;
	}
	.header-select {
        margin: 25px 6px 0;
    }
	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 14px;
		color: #313133;
	}
	.header-btn{
		margin-right: 5px;
	}
	.navbar{
		/* position: absolute;
		left: 0;
		right: 0px;
		top: 8px;
		min-height: auto; */
		padding: 15px 0;		
	}
	.header-buttons {
		margin-right: 40px;
	}
	.btn.btn-primary{
		padding: 10px 20px;
		font-size: 14px;
		line-height: 19px;
	}
	.btn.btn-primary img{
		width: 15px;
	}
	.header-buttons .header-btn,
	.header-buttons .btn.btn-primary{
		padding: 5px 4px;
		min-width: auto;
		font-size: 12px;
		border: 0;
		background: transparent;

	}

	.navbar-expand-lg .navbar-nav{
		padding: 10px 20px;
		background: #57B1EB;
		margin: 10px 0 0 0;
	}
	.navbar-expand-lg .navbar-nav .nav-item{
		display: block;
		width: 100%;
		margin: 0;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		color: #fff;
	}
	.navbar-expand-lg .navbar-nav .active .nav-link,
	.navbar-expand-lg .navbar-nav .nav-link:hover {
	  	border-color: #fff;
	  	color: #fff;
	}


	.guide-data .quiz-main-wrap h4 {
		font-size: 24px;
		line-height: 30px;
	}
	.quiz-option-selector ul.answers-list-main li label.checkbox-styled input[type=checkbox] + span {
		font-size: 16px;
		line-height: 20px;
	}
	.quiz-option-selector ul.answers-list-main li label.custom-radio span.radio-btn {
		font-size: 16px;
		line-height: 20px;
	}
	.modal-width-custom {
		margin-left: 20px;
    	margin-right: 20px;
	}
	.modal.modal-question .modal-content {
		padding: 30px;
	}
	.modal.modal-question .modal-content .modal-header h5.modal-title {
		font-size: 30px;
		line-height: 36px;
	}
	.modal.modal-question .modal-content .modal-body .inner-modal-content h4 {
		font-size: 22px;
		line-height: 28px;
	}
	.modal.modal-question .modal-content .modal-body .inner-modal-content p {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.blog-details-data h1 {
		font-size: 52px;
		line-height: 54px;
	}

	/* Hero Banner  */
	/* .banner-text p{
		font-size: 16px;
		line-height: 24px;
	} */
	.banner-count-text h3 {
		font-size: 37px;
		line-height: 58px;
	}
	.count-inner-2 .banner-count-text {
		padding: 0 0 0 10px;
	}
	.count-inner-2 img {
		width: 27px;
	}
	.banner-count-inner.count-inner-1 img {
		width: 43px;
	}
	.banner-count-text h3::before {
		height: 15px;
		bottom: 9px;
	}
	.banner-count-text h6{
		font-size: 16px;
		line-height: 24px;
	}
	.banner-count-inner img{
		margin-top: 10px;
	}
	.banner-count-text{
		padding-left: 15px;
	}
	.banner-count-inner{
		margin-bottom: 20px;
	}
	.banner-button .btn.btn-primary {
		margin: 0 10px 10px 0;
		min-width: 212px;
	}
	.banner-image{
		margin: 30px 0 0 0;
	}



	/* How it Works Section  */
	.howitworks-section{
		min-height: auto;
		padding: 100px 0 0 0;
	}
	.howitworks-section::before {
		width: 100%;
		height: 100%;
		border-radius: 20px 80px 0px 20px;
	}
	.howitworks-data{
		padding: 0;
	}
	.shape-1{
		max-width: 130px;
		top: -60px;
  		right: 0;
	}
	.howitworks-parent h2{
		margin-bottom: 35px;
	}
	.howitworks-col{
		width: 100%;
	}
	.howitworks-block{
		max-width: 100%;
	}
	.howitworks-block p{
		margin-top: 10px;
		font-size: 20px;
	}

	.prices-block-wrap{
		padding: 30px;
	}
	.prices-block-text h3{
		margin-bottom: 10px;
	}
	.prices-block-text p{
		margin-bottom: 20px;
	}
	.prices-data{
		padding: 40px 0 0 0;
	}
	.prices-block{
		margin-bottom: 30px;
	}
	.prices-block h5{
		font-size: 26px;
		line-height: 35px;
		margin: 15px 0 0 0;
	}
	.prices-block h6{
		font-size: 18px;
	}


	/* Testimonials Section  */
	.testimonials-home-section{
		padding: 230px 0 50px 0;
		min-height: auto;
	}
	.shape-15 {
		left: 0;
		top: 140px;
		max-width: 200px;
  	}
	.testimonials-home-img{
		max-width: 150px;
		right: 10px;
	}
	.testimonials-home-parent h2{
		margin-bottom: 20px;
	}
	.testimonials-main-wrapper{
		padding: 0;
	}
	.testimonials-main-block h4{
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 10px 0;
	}
	.testimonials-main-block ul{
		margin-bottom: 15px;
	}
	.testimonials-main-block ul li{
		margin-right: 1px;
	}
	.testimonials-main-block ul li button{
		width: 16px;
	}
	.testimonials-main-pagination{
		padding: 0 0 30px 0;
	}
	.testimonials-thumbs-block{
		padding: 20px;
		min-height:calc(100% - 20px);
		margin-bottom: 20px;
	}
	.swiper-slide-thumb-active .testimonials-thumbs-block{
		box-shadow: none;
	}
	.testimonials-thumbs-item img{
		width: 50px;
		height: 50px;
	}
	.testimonials-thumbs-text{
		width: calc(100% - 50px);
		padding: 0 0 0 15px;
	}
	.testimonials-thumbs-text h4{
		font-size: 16px;
	}



	/* Contact Section  */
	.contact-image{
		padding: 30px;
		position: static;
		width: 100%;
		box-shadow: none;
		border-radius: 0;
		margin: 0 0 30px 0;
	}
	.contact-block{
		padding: 30px;
		border-radius: 20px 80px 20px 20px;
	}
	.contact-block h3{
		margin: 0 0 20px 0;
	}
	.form-group{
		margin-bottom: 30px;
	}
	.form-group label{
		margin-bottom: 10px;
	}
	.form-control{
		padding-bottom: 12px;
		font-size: 16px;
	}
	.form-button .btn-primary{
		margin: 0;
	}
	.shape-2{
		right: 0;
		top: 300px;
		max-width: 100px;
		z-index: 0;
	}
	.contact-form .gx-5{
		--bs-gutter-x: 30px;
	}

	.shape-4 {
		right: 0;
	}


	/* News Section  */
	.news-section{
		padding: 330px 0 20px 0;
		height: auto;
	}
	.news-title{
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.news-title h2{
		margin-bottom: 0px;
		margin-right: 0;
	}
	.news-btn{
		font-size: 16px;
		margin-bottom: 0;
		justify-content: center;
	}
	.news-btn img{
		width: 15px;
		margin-top: 4px;
	}
	.shape-3 {
	  	top: 190px;
	  	left: 0;
	  	opacity: 1;
	  	max-width: 200px;
	}
	.banner-button {
		text-align: center;
	}
	.howitworks-icon {
		width: 120px;
		height: 120px;
	}
	.howitworks-icon img {
		width: 40px;
		height: auto;
	}
	.prices-icon-1 img,
	.prices-icon-2 img,
	.prices-icon-3 img {
		width: 50px;
	}
	.prices-block h5 {
		font-size: 20px;
		line-height: 26px;
	}
	.news-block{
		margin-bottom: 30px;
	}
	.news-block-text{
		padding: 20px;
	}
	.news-block img,.news-opt2-section .news-block img{
		height: 170px;
	}
	.news-opt2-section .news-block img{
		border-radius: 25px 100px 0px 0px;
	}
	.news-opt2-section .news-block-text h5 {
		font-size: 17px;
		line-height: 27px;
		display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
	}
	.prices-icon-1,.prices-icon-2,.prices-icon-3 {
		width: 110px;
		height: 110px;
	}

	/* Partners Section  */
	.partners-section{
		padding: 60px 0;
	}
	.partners-parent h2{
		margin-bottom: 10px;
	}
	.partners-row{
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.partners-image{
		display: flex;
		align-items: center;
		justify-content: center;
	}


	/* Footer */
	.footer{
		padding: 50px 0 0 0;
	}
	.foot-text{
		margin: 0 0 30px 0;
	}
	.foot-text h4 {
		margin: 20px 0 5px 0;
		min-height: 48px;
		font-size: 16px;
        line-height: normal;
	}

	.copyright-section{
		margin-top: 20px;
		padding: 0 15px;
	}
	.copyright-parent{
		padding: 30px 0;
	}
	.logo-foot{
		margin: 0 auto;
		max-width: 200px;
		margin-bottom: 10px;
	}
	.social-text{
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
		padding: 10px 0 0 0;
	}
	.social-text h6{
		margin: 0 0 10px 0;
		width: 100%;
	}

	/*================ Our Prices  ================*/

	/* Our Prices Banner  */
	.our-prices-banner{
		padding: 100px 0 60px 0;
	}
	.our-prices-wrape{
		padding: 0 0 30px 0;
	}
	.our-prices-text p{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px;
	}
	.our-prices-banner-image{
		padding: 0;
	}


	/* Our Prices Section  */
	.our-prices-section{
		padding: 60px 0;
		border-radius: 20px 60px 0 0;
	}
	.shape-5{
		max-width: 250px;
		left: -180px;
		top: -250px;
	}
	.our-prices-block{
		margin-bottom: 30px;
		min-height: 500px;
		padding: 30px ;
	}
	.btn.register-btn{
		min-width: 220px;
	}
	.our-prices-block ul li{
		margin-bottom: 15px;
	}
	.payment-data{
		padding: 30px 0 0 0;
	}
	.payment-text{
		max-width: 100%;
		margin-bottom: 30px;
	}
	.payment-text h3{
		margin-bottom: 15px;
	}
	.payment-methods{
		padding: 0;
	}
	.payment-methods-col{
		width: 100%;
	}


	/* Register Form Section  */
	.register-form-section{
		padding: 60px 0;
		margin: 0;
		min-height: auto;
	}
	.shape-6{
		max-width: 230px;
		top: -50px;
	}
	.register-form-section::before {
		width: 100%;
		border-radius: 0 0 60px 0;
	}
	.register-form-data h2{
		margin-bottom: 15px;
	}
	.register-form-data p{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.register-form-image{
		position: static;
		top: 0;
		width: 100%;
		padding: 30px 15px 0 15px;
	}
	.register-form-image img{
		border-radius: 25px;
	}


	/* Info Section  */
	.info-section{
		padding: 60px 0 20px 0;
	}
	.shape-7{
		top: -80px;
		max-width: 200px;
	}
	.info-block-image{
		height: 375px;
		border-radius: 30px;
	}
	.info-block::before {
		border-radius: 30px;
	}
	.info-block-text{
		padding: 20px;
	}
	.info-block-text h2{
		margin-bottom: 20px;
	}
	.info-block-text p{
		margin-bottom: 10px;
	}
	.more-btn{
		margin-bottom: 10px;
	}

	.hero-banner .banner-wrape {
		padding: 0;
	}

	/*=========================== Our Concept ===========================*/

	/* Our Concept Banner  */
	.our-concept-banner{
		padding: 90px 0 60px 0;
	}
	.our-concept-banner::before {
		width: 100%;
		height: calc(100% - 100px);
		border-radius: 0  0;
		top: 90px;
	}
	.our-concept-wrape {
		padding: 42px 0 0 0;
	}
	.our-prices-parent {
		padding-top: 30px;
	}
	.our-concept-text h1{
		margin-bottom: 15px;
	}
	.our-concept-text p{
		/* font-size: 18px;
		line-height: 28px; */
		margin-bottom: 30px;
	}
	.our-concept-image{
		margin: 30px 0 0 0;
	}


	/* Figures Section  */
	.figures-section{
		padding: 60px 0;
	}
	.figures-title{
		margin-bottom: 40px;
	}
	.figures-title h2{
		margin-bottom: 20px;
	}
	.figures-block{
		margin: 0 0 20px 0;
	}
	.figures-block img{
		height: 50px;
		width: 50px;
	}
	.figures-text{
		width: calc(100% - 50px);
	}
	.shape-9{
		display: none;
	}



	/* Advantages Section  */
	.advantages-section{
		padding: 60px 0 20px 0;
	}
	.advantages-section::before {
		width: 100%;
		border-radius: 60px 0px 100px 20px;
	}
	.advantages-parent h2{
		margin-bottom: 30px;
		text-align: center;
	}
	.advantages-block{
		text-align: center;
		margin-bottom: 40px;
	}
	.advantages-block .advantages-img{
		justify-content: center;
	}
	.advantages-block h5{
		font-size: 20px;
		margin: 20px 0 10px 0;
	}


	/* Our Concept Section  */
	.our-concept-title{
		padding: 60px 0 100px 0;
	}
	.our-concept-title h2{
		margin-bottom: 15px;
	}
	.concept-img{
		max-width: 140px;
		bottom: -40px;
		right: 0;
	}
	.our-concept-data{
		padding: 50px 30px;
	}
	.our-concept-block-image{
		margin: 0 auto;
	}
	.our-concept-block{
		text-align: center;
		margin-bottom: 50px;
	}
	.our-concept-block h4{
		margin: 15px 0 10px 0;
	}
	.btn.our-concept-block-btn{
		min-width: 220px;
	}
	.our-concept-data .gx-5 {
  		--bs-gutter-x: 30px;
	}



	/* Testimonials Slider Section */
	.testimonials-slider-section{
		padding: 400px 0 40px 0;
		border-radius: 0px 100px 0px 100px;
	}
	.slider-button{
		width: 55px;
		height: 55px;
	}
	.slider-button img{
		width: 20px;
	}
	.testimonials-head{
		margin-bottom: 30px;
	}
	.testimonials-slider-data{
		padding: 0 0 0 15px;
	}
	.testimonials-slider-data::before {
		width: 30px;
	}
	.testimonials-slider-block{
		padding: 30px;
		min-height: 365px;
	}
	.testimonials-slider-title img{
		width: 50px;
		height: 50px;
	}
	.testimonials-slider-title-text{
		width: calc(100% - 50px);
		padding: 0 0 0 10px;
	}
	.testimonials-slider-title-text h5{
		font-size: 14px;
		margin: 0;
	}
	.testimonials-slider-title-text h6{
		font-size: 13px;
	}
	.testimonials-slider-title{
		margin-bottom: 20px;
	}
	.testimonials-slider-block p{
		margin-bottom: 20px;
	}
	.testimonial-pagination-wrape{
		padding: 15px;
	}
	.testimonial-pagination {
		text-align: center;
	}


	.faq-section {
		padding: 130px 0 40px 0;
	}
	/* Our Prices Concept Section  */
	.ourprices-concept-section{
		padding: 70px 0 0px 0;
	}
	.ourprices-concept-title{
		margin-bottom: 40px;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}
	.ourprices-concept-text{
		width: 65%;
	}
	.ourprices-concept-btn{
		font-size: 18px;
		margin: 0 auto;
	}
	.ourprices-concept-btn img{
		width: 20px;
	}
	.ourprices-concept-block{
		min-height: 325px;
		padding: 40px 20px;
	}
	.ourprices-concept-block h3{
		margin-bottom: 20px;
	}
	.ourprices-concept-block h2{
		font-size: 50px;
		line-height: 60px;
	}
	.ourprices-concept-block h6{
		margin-bottom: 30px;
	}
	.ourprices-concept-block .btn.btn-primary{
		min-width: 240px;
	}
	.shape-11{
		display: none;
	}



	 /* Concept Contact Section  */
	.concept-contact-section{
		padding-bottom: 60px;
	}


	/*==================== Who Are we ====================*/
	/* Who Are we Banner  */
	.header-static .navbar{
		padding: 15px 0;
	}


	.who-are-we-text{
		padding: 0px;
	}
	.who-are-we-text h1{
		margin-bottom: 20px;
	}
	.who-are-we-image{
		margin: 20px 0 0 0;
	}


	/* Team Section  */
	.team-section{
		border-radius: 20px 100px 0 0;
		padding: 50px 0;
	}
	.team-parent h2{
		margin-bottom: 30px;
	}
	.team-shape{
		max-width: 200px;
		top: -172px;
  		left: -121px;
	}
	.team-block{
		margin: 0 0 30px 0;
	}
	.team-block img{
		height: 200px;
		width: 200px;
	}
	.team-block h4 {
		margin: 10px 0 0 0;
		font-size: 20px;
	}
	.team-block h5{
		font-size: 16px;
	}


	 /* Our Values Section  */
	.our-values-section{
		margin: 0;
		padding: 60px 0 0 0;
	}
	.our-values-parent h2{
		margin-bottom: 40px;
	}
	.our-values-section::before {
		width: 100%;
		border-radius: 0px 0px 100px 20px;
		right: 0;
	}
	.shape-12{
		right: -66px;
		max-width: 200px;
	}
	.our-values-block{
		margin-bottom: 40px;
	}
	.our-values-block img {
		height: 60px;
		margin: auto;
	}
	.our-values-parent.width-1200 {
		text-align: center;
	}
	.our-values-block h4{
		margin: 20px 0 10px 0;
	}



	 /* Engagement Section  */
	.engagement-section{
		padding: 70px 0 20px 0;
	}
	.engagement-parent h2 {
		margin-bottom: 10px;
		text-align: center;
	}
	.engagement-block {
		margin-bottom: 50px;
		text-align: center;
	}
	.engagement-block-title {
		margin-bottom: 20px;
		justify-content: center;
	}


	/*=========================== Formations ===========================*/

	/* Formations Banner  */
	.formations-banner-text{
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.formations-banner-text h1{
		margin-bottom: 20px;
	}
	.formations-image{
		margin: 30px 0 0 0;
	}


	 /* Formations Section  */
	.formations-block{
	 	margin-bottom: 50px;
	 }
	.formations-block-left img{
		width: 60px;
		height: 60px;
		object-fit: contain;
	}
	.formations-text h3{
		font-size: 24px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.formations-text{
		width: calc(100% - 60px);
		padding: 15px 0 0 15px;
	}
	.formations-text ul{
		margin-left: 0;
	}
	.formations-text ul li {
		padding-left: 15px;
	}


	/* Text Block Section  */
	.text-block-section{
		padding-bottom: 20px;
	}
	.text-block-data{
		border-radius: 30px;
		min-height: 300px;
	}
	.text-block p{
		font-size: 18px;
		line-height: 30px;
	}


	 /* Step Slider Section  */
	.step-slider-section{
		padding: 50px 0;
	}
	.step-slider-wrape{
		padding: 30px 0 0 0;
	}
	.step-slider-text h5{
		margin-bottom: 0;
		font-size: 20px;
	}
	.step-slider-text p{
		font-size: 18px;
		line-height: 28px;
	}


	/* Testimonials Slider Section */
	.testimonials-formation-section{
		padding: 70px 0 40px 0;
	}


	 /* Advantages Trans Section  */
	.advantages-trans-section{
		padding: 50px 0 0 0;
	}
	.advantages-trans-parent .gx-5 {
  		--bs-gutter-x: 30px;
	}
	.advantages-trans-parent h2{
		margin-bottom: 40px;
		text-align: center;
	}
	.advantages-trans-block{
		margin-bottom: 40px;
		text-align: center;
	}
	.advantages-trans-block h5{
		margin: 20px 0;
	}
	.advantages-trans-block p{
		max-width: 100%;
	}
	.advantages-trans-block span{
		height: 70px;
		justify-content: center;
	}
	.advantages-trans-block span img{
		height: 70px;
		object-fit: contain;
	}


	/*=================== FAQ ===================*/
	.shape-14 {
	  	top: 52px;
	  	left: -130px;
	  	max-width: 230px;
	}
	.faq-parent h2 {
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 40px;
		max-width: 270px;
	}
	.tab-content-body{
		padding: 0;
	}
	.faq-tab{
		padding: 0;
	}
	.faq-tab .nav-tabs{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -5px;
	}
	.faq-tab .nav-tabs .nav-item{
		margin-bottom: 10px;
		width: 50%;
		padding: 0 5px;
	}
	.faq-tab .nav-tabs .nav-link{
		font-size: 14px;
		line-height: 20px;
		min-height: 50px;
		padding: 10px;
		border-radius: 10px;
	}
	.faq-ac-btn{
		font-size: 20px;
	}
	.faq-accordion-body{
		padding: 10px 0 0 20px;
	}
	.faq-accordion-item{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	/*====================== FAQ Opt 2 ======================*/
	.faq-opt2-section .faq-parent h2{
		margin-bottom: 40px;
	}
	.faq-opt2-tab .nav-tabs{
		border-bottom: 0;
		justify-content: flex-start;
		margin: 0 -5px;
	}
	.faq-opt2-tab .nav-tabs .nav-item{
		margin: 0 0px 10px 0;
		width: 50%;
		padding: 0 5px;
	}
	.faq-opt2-tab .nav-tabs .nav-link{
		font-size: 16px;
		line-height: 30px;
		padding: 10px;
		border-radius: 0;
		background-color: #F8F8F8;
	}
	.faq-opt2-tab .nav-tabs .nav-link.active{
		background: #fff;
	}

	.faq-opt2-data .tab-content-body{
		padding: 20px;
		padding-bottom: 0;
	}


	/*====================== Blog Listning ======================*/
	/* blog-listning */
	.blog-banner-text h1{
		margin-bottom: 30px;
	}
	.blog-listing-section{
		padding: 50px 0;
		border-radius: 20px 60px 0 0;
	}
	.blog-listing-shape{
		max-width: 200px;
		top: -180px;
  		right: -101px;
	}
	.sort-filter{
		margin:30px 0 0 0;
	}
	.filters-name{
		margin: 30px 0 0 0;
		order: 1;
	}
	.filters-name li{
		margin: 0 5px 10px 0;
		padding: 0;
	}
	.filters-name li .filter{
		font-size: 14px;
		padding: 8px 14px;
	}
	.blog-listing-menu{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		margin-bottom: 40px;
	}
	.blog-listing-filter{
		width: 100%;
	}
	.blog-listing-filter-box{
		margin-bottom: 30px;
	}
	.blog-listing-filter-box img{
		height: 180px;
	}
	.blog-listing-filter-text{
		padding: 20px;
	}


	/*================= blog-listning-opt-2 =================*/
	.blog-listing-opt-2-section .blog-listing-filter-image img{
		height: 100%;
		border-radius: 25px 100px 0px 0px;
	}
	.blog-listing-opt-2-section .blog-listing-filter-text h5{
		font-size: 20px;
		line-height: 30px;
	}

	/*================ contact1 ================*/
	.contact-opt1-section{
		padding: 120px 0 80px;
	}
	.contact-opt1-form h1 {
		margin-bottom: 40px;
		text-align: center;
	}
	.form-button {
		text-align: center;
	}
	.contact-opt1-image{
		margin: 30px 0 0 0;
		display: none;
	}
	.contact-opt1-image img{
		margin: 0 auto;
	}


	/*====================== terms-and-conditions ======================*/
	.btn.back-btn {
		top: 25px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	label[for="remember_me"] {
		padding-left: 30px;
		margin-bottom: 0 !important;
	}
	#frmRegister .form-group.form-bl .form-inner .row .col-md-4 {
		margin-bottom: 15px;
	}
	.title{
		padding: 100px 0 0 0;
		margin-bottom: 30px;
	}
	/*
	.tc-wrape{
		padding-bottom: 100px;
	}
	.tc-section .title{
		margin-bottom: 30px;
	}
	.tc-text h3{
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 12px;
	} */
	.foot-line-data .btn.border-btn{
		margin-right: 10px;
	}

	/*==================== Login ====================*/
	.login-section{
		padding: 100px 0 48px 0;
	}
	.title img{
		margin-bottom: 30px;
	}
	.title h6{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	/*================= sign-up =================*/
	.title h1{
		font-size: 25px;
		margin-bottom: 10px;
	}


	/*====================== Blog Details ======================*/
	.blog-details-banner-image img{
		max-height: 400px;
        height: auto;
	}
	.blog-details-section{
		padding: 20px 0 0 0;
	}
	.breadcrumb-data{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.blog-details-data h3{
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 30px;
	}
	.blog-details-image{
		margin-bottom: 30px;
	}
	.blog-details-image img{
		height: 250px;
	}
	.blog-details-text{
		padding: 83px 0 73px 0;
	}
	.blog-details-text::before, .blog-details-text::after {
		width: 90px;
    	height: 61px;
    	left: 0;
	}
	.blog-details-text::after {
		left: auto;
  		right: -0;
	}

	/* Related Articles  */
	.related-articles{
		padding: 50px 0 20px 0;
		border-radius: 0 60px 0 0;
	}
	.related-shape{
		max-width: 200px;
		top: -29px;
  		left: -100px;
	}
	.related-articles .news-title{
		margin-bottom: 30px;
	}
	.related-articles .news-title h2{
		font-size: 30px;
		line-height: 40px;
	}


	/*================================ Dashboard ================================*/
	.mobile-navigation{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.navigation-menu{
		display: none;
	}
	.navigation-data{
		padding: 0px 0;
	}
	.mobile-navigation .navbar-toggler{
		display: block;
	}

	.right-sidebar{
		/* left: -360px; */
		left:100%;
		background-color: #ECF8FF;
		padding: 0 0 0 0;
		/* max-width: 360px; */
		max-width: 100%;
	}
	.right-sidebar .logo{
		display: none;
	}
	.mobile{
		display: block;
	}
	.sidebar{
		padding-bottom: 60px;
	}
	.sidebar-menu ul li{
		margin: 0;
	}
	.sidebar-menu ul li a{
		display: flex;
		justify-content: flex-start;
		font-size: 14px;
		line-height: 19px;
		font-weight: bold;
		color: #313133;
		padding: 16px;
		border-bottom: 1px solid #B4B4B4;
	}
	.sidebar-menu ul li a span{
		display: block;
		margin: 0 0 0 12px;
	}
	.sidebar-menu ul li a img{
		width: 24px;
		height: 24px;
	}
	.logout-btn {
		width: 100%;
		padding: 0 0;
		background-color: transparent;
		border-radius: 0;
		border: none;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		border-top: 1px solid #0064AF;
		font-size: 14px;
		line-height: 19px;
		font-weight: 600;
		color: #313133;
		padding: 16px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.logout-btn img{
		width: 24px;
		margin-right: 12px;
	}
	.mobile-sidebar-profile{
		display: flex;
	}

	.header-slide.right-sidebar{
		left: 0;
		box-shadow: 0px 0px 20px #0000001A;
	}

	.left-contain{
		padding: 0 16px;
	}
	.main-body{
		padding: 0 0;
	}
	.heading-text{
		padding: 20px 16px 16px 16px;
	}
	.heading-text h1{
		letter-spacing: 0.52px;
	}


	/* dashboard */
	.formation-block-col-lg{
		width: 100%;
	}
	.formation-block-col-sm{
		width: 100%;
/*		display: none;*/
	}
	.formation-block-wrape-mobile{
		display: block;
		margin-bottom: 16px;
		position: relative;
	}
	.formation-block-wrape-mobile .formation-box-data{
		padding: 16px;
		padding-bottom: 42px;
		background: #fff;
		border-radius: 12px;
	}
	.formation-box-inner{
		min-height: 75px;
		display: flex;
		align-items: flex-end;
	}
	.formation-box-inner img{
		object-fit: contain;
	}
	.box-data-1 .formation-box-inner img{
		height: 75px;
	}
	.box-data-2 .formation-box-inner img{
		height: 63px;
	}
	.formation-box-text{
		padding: 16px 0 10px 0;
	}
	.formation-box-text h5, .formation-box-text h4{
		letter-spacing: 0.52px;
		font-size: 20px;
		line-height: 24px;
	}
	.btn.formation-btn{
		font-size: 14px;
		line-height: 19px;
		padding: 6px 16px;
		margin: 21px auto;
		margin-bottom: 0;
		display: table;
	}
	.formation-block-wrape-mobile-pagination {
		position: absolute;
		bottom: 0;
		text-align: center;
		z-index: 1;
	}
	.formation-block-wrape-mobile-pagination .swiper-pagination-bullet{
		width: 10px!important;
		height: 10px!important;
		border-radius: 100px!important;
		border: 1px solid #C4C4C4!important;
		background-color: #fff!important;
		opacity: 1!important;
		margin: 0 3px!important;
	}
	.formation-block-wrape-mobile-pagination .swiper-pagination-bullet-active{
		background-color: #57B1EB!important;
		border-color: #57B1EB!important;
		opacity: 1!important;
	}



	.dashboard-block{
		padding: 16px;
		min-height: 234px;
		border-radius: 12px;
		margin-bottom: 16px;
	}
	.dashboard-block-img{
		border-radius: 12px;
	}
	.dashboard-block-data{
		margin-bottom: 5px;
	}
	.dashboard-block-data-text h4{
		font-size: 14px;
		line-height: 19px;
	}
	.dashboard-block-data-text h3{
		font-size: 20px;
		line-height: 24px;
		margin: 0;
	}
	.radialprogressbar{
		width: 58px;
		height: 58px;
	}
	.overlay-text,.pie:after{
		font-size: 20px;
		line-height: 33px;
	}
	.dashboard-block ul li{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 3px;
	}
	.dashboard-block ul li i{
		width: 16px;
	}
	.dashboard-block ul li span{
		width: calc(100% - 16px);
	}


	.dashboard-foot-blog {
		margin-bottom: 16px;
		padding: 16px;
		min-height: 177px;
		border-radius: 12px;
		height: calc(100% - 16px);
	}
	.dashboard-foot-blog-text{
		width: 100%;
		height: auto;
	}
	.dashboard-foot-blog-text h3, .dashboard-foot-faq-text h3{
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 20px;
		letter-spacing: 0.52px;
	}
	.dashboard-foot-blog-text p,
	.dashboard-foot-faq p{
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 20px;
	}
	.dashboard-foot-blog .btn.btn-primary,
	.dashboard-foot-faq .btn.btn-primary{
		font-size: 14px;
		line-height: 19px;
		padding: 4.5px 10px;
		min-width: 152px;
	}

	.dashboard-foot-faq{
		border-radius: 12px;
		padding: 28px 24px 28px 16px;
		margin-bottom: 16px;
	}
	.dashboard-foot-faq img{
		width: 115px;
	}
	.dashboard-foot {
		padding: 0 0 8px 0;
	}


	/*================== My Courses ==================*/
	.breadcrumb-item{
		display: none;
	}
	.header-search{
		margin: 0 15px 30px;
	}
	.thematic-block-col-sm{
		display: none;
	}
	.thematic-block-wrape{
		border-radius: 12px;
		padding: 12px 46px 16px 16px;
	}
	.thematic-block-col-lg{
		width: 100%;
	}
	.thematic-block h4 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 20px;
		letter-spacing: -0.4px;
		width: 100%;
	}
	.thematic-block h4 img{
		width: 20px;
		margin-right: 12px;
	}
	.thematic-block ul{
		margin: 0 -2.5px;
	}
	.thematic-block ul li{
		padding: 0 2.5px;
	}
	.thematic-block h6{
		display: block;
	}


	.courses-slider-section{
		padding: 24px 0 0 0;
	}
	.courses-slider-section h4, .discovery-slider-title h4{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 16px;
	}
	.courses-slide-img{
		border-radius: 12px;
	}
	.courses-slide-block{
		padding: 16px;
		min-height: 240px;
		border-radius: 12px;
		margin-bottom: 25px;
	}
	.courses-slide-block h6{
		display: none;
	}
	.courses-slide-block h3{
		font-size: 20px;
		line-height: 27px;
	}
	.btn.start-btn{
		bottom: 16px;
		left: 16px;
		min-width: 136px;
		padding: 5px 16px;
	}
	.white-button-prev, .white-button-next{
		width: 24px;
		height: 24px;
		border-radius: 4px;
	}
	.white-button-prev img, .white-button-next img{
		width: 8px;
	}

	.discovery-slider-section{
		padding: 24px 0 0 0;
	}
	.discovery-slider-title{
		margin-bottom: 24px;
	}
	.discovery-slider-title h4{
		margin-bottom: 20px;
	}
	.discovery-slider-title p{
		font-size: 14px;
		line-height: 22px;
		color: #313133;
		margin-bottom: 24px;
	}
	.discovery-courses-slider-wrape .courses-slide-block h6{
		display: block;
		font-size: 14px;
		line-height: 19px;
	}
	.discovery-courses-slider-wrape .courses-slide-block .start-btn{
		left: 16px;
		width: 87%;
	}
	.discovery-courses-slider-wrape .courses-slide-block .start-btn img{
		margin-right: 8px;
		width: 14px;
	}

	.courses-formation{
		display: block;
	}



	/* Cart */
	.title-data{
		padding: 20px 0 16px 0;
		margin: 0;
	}
	.title-data h1{
    	letter-spacing: 0.52px;
	}
	.cart-block{
		min-height: auto;
		padding-bottom: 70px;
	}
	.package-col-image{
		width: 100%;
		margin-bottom: 20px;
	}
	.package-image{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.package-image img{
		margin: 0;
		width: 80px;
		height: 80px;
	}
	.package-image h6{
		text-align: left;
		width: calc(100% - 80px);
		padding: 0 0 0 15px;
		margin: 0;
	}
	.package-col-list{
		width: 100%;
		margin-bottom: 20px;
	}
	.package-list{
		padding: 0;
	}
	.package-list ul li{
		margin-bottom: 6px;
		padding-left: 30px;
	}
	.package-list ul li::before {
		width: 20px;
		height: 20px;
	}
	.cart-block h4, .checkout-data h4{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 30px;
	}
	.total-block-data{
		margin: 0;
	}
	.total-block{
		margin-bottom: 15px;
		padding-bottom: 10px;
		justify-content: space-between;
	}


	.newsletter-data h5{
		margin-bottom: 10px;
	}
	.newsletter-text p{
		margin: 0 0 20px 0;
	}
	.newsletter-text p br{
		display: none;
	}
	.btn.subscribe-btn{
		min-width: 120px;
	}

	/*================ Checkout ================*/
	.order-details{
		padding: 20px 0;
	}
	.order-details-block{
		border-radius: 12px;
		padding: 20px;
	}
	.order-details-wrape{
		min-height: 140px;
	}
	.subtotal-text h4{
		margin-bottom: 0;
	}
	.pd-80 {
  		--bs-gutter-x: 30px;
	}

	/*========== checkout-prefilled-payment mode-selected-pay-by-juice ==========*/
	.order-info-block-wrape{
		padding: 20px;
		padding-bottom: 1px;
		margin-bottom: 20px;
	}
	.order-info-num, .order-info-date, .order-info-total, .order-info-method{
		width: 100%;
		margin-bottom: 20px;
	}
	.order-info-block h5, .order-info-block h6{
		font-size: 16px;
	}
	.order-info-text h6{
		font-size: 16px;
		line-height: 24px;
	}
	.checkout-order-block{
		padding: 20px;
		border-radius: 12px;
	}
	.checkout-order-block ul li{
		margin-bottom: 15px;
	}
	.checkout-order-block ul li h5, .checkout-order-block ul li h6{
		font-size: 14px;
		line-height: 20px;
	}
	.checkout-order-block ul li h4{
		font-size: 16px;
	}
	.checkout-order-subtotal{
		padding-top: 15px;
	}
	.checkout-order-subtotal h4{
		margin-bottom: 0;
	}

	/*========================= Setting =========================*/
	.setting-navigation-data .bell-btn{
		margin: 0;
	}
	.setting-col-sm{
		width: 100%;
	}
	.setting-col-lg{
		width: 100%;
		padding: 10px 0 0 0;
	}
	.setting-tab{
		max-width: 100%;
	}
	.setting-tab .nav-tabs{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 -5px;
	}
	.setting-tab .nav-tabs .nav-item{
		margin-bottom: 10px;
		padding: 0 5px;
		width: 50%;
	}
	.setting-tab .nav-tabs .nav-link{
		padding: 10px 10px;
		border-radius: 5px;
		font-size: 14px;
		line-height: 19px;
	}
	.setting-tab-contain h4{
		font-size: 20px;
		margin-bottom: 10px;
	}


	.linked-row{
		margin:0 -10px 20px
	}
	.linked-col{
		width: 100%;
		padding: 0 10px;
	}
	.linked-block{
		margin-bottom: 20px;
	}

	.check-toggle-group p{
		margin-right: 20px;
	}


	/*================== terms-and-conditions-opt-2 ==================*/
	/*
	.tanc-data{
		padding: 30px 0;
	}
	.tanc-data .tc-text h3{
		font-size: 18px;
		line-height: 24px;
	}
	.tanc-data .tc-text p{
		margin-bottom: 30px;
	}
	*/


	/*=================== the-good-motorists-guide ===================*/
	.navigation-back{
		background-color: #0064AF;
		padding: 5px 16px;
		display: flex;
		align-items: center;
		min-height: 56px;
	}
	.navigation-back h5{
		font-size: 16px;
		line-height: 20px;
		font-weight: 800;
		color: #fff;
		display: flex;
		align-items: center;
		position: relative;
		padding: 0 0 0 24px;
	}
	.navigation-back h5 a{
		position: absolute;
		left: -5px;
		display:block;
	}
	.navigation-back h5 img{
		margin: 0 0px;
		width: 24px;
	}

	.mycourt-text-block{
		padding: 24px 0;
	}
	.mycourt-text-block h5{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 16px;
		text-align: left;
	}
	.mycourt-text-block p{
		font-size: 16px;
		line-height: 20px;
		text-align: left;
		font-weight: normal;
		letter-spacing: 0;
	}
	.mycourt-ac-button{
		font-size: 16px;
		line-height: 20px;
		padding-right: 40px;
		border-radius: 8px 8px 0 0 ;
	}
	.mycourt-ac-button span{
		font-size: 10px;
		margin-top: 2px;
	}
	.ac-text{
		width: calc(100% - 56px);
		padding: 0 0 0 12px;
	}
	.ac-count{
		width: 56px;
		font-size: 24px;
		letter-spacing: -0.5px;
		justify-content: flex-start;
		padding: 6px;
		border-radius: 8px 0px 0px 8px;
	}
	.mycourt-accordion-item{
		margin-bottom: 8px;
		border-radius: 8px;
	}
	.mycourt-ac-button::before {
		right: 12px;
	}
	.mycourt-ac-body{
		padding: 16px;
		padding-bottom: 5px;
	}
	.mycourt-ac-body ul li{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 16px;
	}
	.mycourt-accordion-item .collapsed{
    	border-radius: 8px;
	}




	/*=================== good-habits-for-motorists ===================*/
	.motorists-section{
		min-height: 93vh;
		padding: 16px 0 0 0;
	}
	.motorists-wrapper{
		padding: 0;
	}
	.motorists-text h2{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 16px;
		font-weight: 800;
	}
	.motorists-text p{
		line-height: 22px;
		margin-bottom: 20px;
	}
	.motorists-sidebar{
		display: none;
	}
	.button-group{
		position: fixed;
		display: flex;
		flex-wrap: wrap;
	}
	.button-group .btn.btn-primary{
		width: 50%;
		margin: 0;
		border-radius: 0;
		font-size: 16px;
		line-height: 18px;
		text-align: left;
		padding: 8px 16px;
		min-height: 56px;
	}
	.button-group .btn.btn-primary img{
		width: 18px;
	}
	.button-group .btn.border-yl-btn{
		background-color: #F7D200;
		border-color: #F7D200;
	}
	.button-group .btn.border-yl-btn:hover{
		background-color: #C4A910;
		border-color: #C4A910;
		color: #313133;
	}
	.button-group .btn.next-btn{
		background-color: #0064AF;
		border-color: #0064AF;
		color: #fff;
	}
	.button-group .btn.next-btn:hover{
		background-color: #137FCF;
		border-color: #137FCF;
		color: #fff;
	}
	.btn.next-btn .arrow-right-bl{
		display: none;
	}
	.btn.next-btn .arrow-right-wh{
    	display: inline-block;
	}
	.motorists-text img{
		border-radius: 8px;
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.tests-block{
		padding: 25px;
	}
	.tests-block-text{
		width: 100%;
		padding: 0;
	}
	.tests-block-text h4{
		font-size: 25px;
		line-height: 30px;
		letter-spacing: -0.2px;
		margin-bottom: 10px;
	}
	.tests-block-text p{
		font-size: 18px;
		line-height: 28px;
	}
	.tests-block-btn{
		width: 50px;
		height: 50px;
		margin: 0 0 0 auto;
	}
	.tests-block-btn img{
		width: 18px;
		height: auto;
		object-fit: contain;
	}
	.btn.btn-full{
		width: 100%;
		min-width: 100%;
	}


	/*===================== My Package =====================*/

	.profile-wrapper{
		padding: 16px 0 0 0;
	}
	.profile-sidebar,.profile-tab .nav-tabs{
		display: none;
	}
	.profile-data{
		padding: 0;
	}
	.profile-tab{
		min-height: auto;
		background-color: transparent;
	}
	.tab-body{
		padding: 0;
	}
	.plan-box{
		padding: 16px;
		border-radius: 20px;
		margin-bottom: 24px;
	}
	.plan-box h5{
		margin-bottom: 0;
		font-size: 12px;
		line-height: 12px;
	}
	.plan-title{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 16px;
	}
	.plan-title h3{
		font-size: 20px;
		line-height: 27px;
		margin: 0;
		display: table;
	}
	.free-btn{
		font-size: 14px;
		line-height: 19px;
	}
	.plan-list{
		justify-content: flex-start;
		margin-bottom: 12px;
	}
	.plan-list ul li{
		/* padding-left: 24px; */
		font-size: 14px;
		line-height: 19px;
		margin-bottom: 12px;
	}
	.plan-list ul li::before {
		top: 0;
	}
	.plan-button{
		justify-content: flex-start;
	}
	.plan-button .btn.btn-primary{
		background-color: transparent;
		color: #FFD200;
		padding: 0;
		min-width: auto;
		height: auto;
		font-size: 18px;
		line-height: 24px;
		font-weight: 600;
		border-radius: 0;
		border: none;
	}
	.plan-button .btn.btn-primary .arrow-plan-bl{
		display: none;
	}
	.plan-button .btn.btn-primary .arrow-plan-yl{
		display: inline-block;
		width: 18px;
		margin: 0 0 0 10px;
	}

	.upgrade-package h4{
		font-size:20px;
		line-height: 27px;
	}
	.upgrade-package p{
		line-height: 20px;
	}
	.upgrade-package-wrape{
		padding: 24px 0 0 0;
	}

	.our-prices-block{
		padding: 24px;
		min-height: auto;
		border: 2px solid #4DA8E8;
	}
	.plan-info,.btn.register-btn{
		font-size: 14px;
		line-height: 19px;
		padding: 6.5px 24px;
		min-width: auto;
		margin: 0 auto;
	}
	.our-prices-block h3{
		font-size: 20px;
		line-height: 20px;
		letter-spacing: 0;
		margin: 16px 0 12px 0;
	}
	.our-prices-block h2{
		display: none;
		margin: 16px auto;
		font-size: 32px;
	}
	.our-prices-block h2 span{
		font-size: 16px;
	}
	.our-prices-block ul li{
		padding-left: 34px;
		margin-bottom: 12px;
		font-size: 14px;
		line-height: 28px;
	}
	.our-prices-block .btn.register-btn{
		display: none;
	}
	.upgrade-package p{
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 24px;
	}
	.prices-mobile,
	.our-prices-block .prices-mobile h2,
	.our-prices-block .prices-mobile .btn.register-btn{
		display: table;
	}
	.prices-mobile{
		width: 100%;
		/* display: none; */
	}
	.block-3 .plan-info{
		display: table;
	}


	/*====================== My Purchases ======================*/
	.purchases-block{
		padding: 8px 0 0 0;
	}
	.purchases-block h2{
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 20px;
	}
	.purchases-date{
		margin: -5px 0 0 0;
    	font-size: 12px;
    	line-height: 12px;
	}
	.plan-box-border{
		background-color: transparent;
	}
	.plan-box-border ul li{
		color: #313133;
	}
	.plan-box-border ul li::before{
		background-image: url('../images/arrow-down-bl.png');
	}
	.plan-box-border .plan-button .btn.btn-primary{
		color: #0064AF;
		background-color: transparent;
	}
	.plan-box-border .plan-button .btn.btn-primary img{
		transform: rotate(180deg);
	}

	/*===================== My Statistics =====================*/
	.statistics-tab{
		padding: 8px 0 0 0;
	}
	.statistics-tab h2{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 16px;
	}
	.statistics-block{
		background-color: #fff;
		padding: 24px 16px;
		margin: 0 0 32px 0;
		padding-bottom: 4px;
	}
	.statistics-block .row{
		--bs-gutter-x: 0;
	}
	.statistics-data{
		margin-bottom: 20px;
	}
	.statistics-data h3{
		font-size: 48px;
		line-height: 48px;
		margin: 0;
	}
	.statistics-data p{
		font-size: 16px;
		line-height: 16px;
		margin: 7px 0 0 0;
	}

	.statistics-tab .evolution-block-wrape{
		padding: 16px;
	}
	.statistics-tab .evolution-block-wrape .btn.btn-primary.desktop{
		display: none;
	}
	.statistics-tab .formation-box-data1 .formation-box{
		margin-bottom: 48px;
	}
	.statistics-tab .formation-box-data1 .formation-box-inner img{
		height: 75px;
		object-fit: contain;
		object-position: left;
	}
	.statistics-tab .formation-box-data2 .formation-box-inner img{
		height: 63px;
		object-fit: contain;
		object-position: left;
	}
	.evolution-block-wrape .formation-box-text{
		padding: 16px 0 10px 0;
	}
	.evolution-block-wrape .btn.btn-primary{
		padding: 6.5px 16px;
	}

	/*============== Notification ==============*/
	.notification-tab h2{
		font-size: 16px;
		margin-bottom: 16px;
		line-height: 20px;
	}
	.notification-tab p{
		line-height: 20px;
		margin-bottom: 20px;
	}

	.profile-tab-data{
		padding: 0;
	}
	.profile-tab-data .profile-wrapper {
		padding: 0;
	}
	.profile-tab-data .profile-sidebar{
		display: block;
		border-radius: 0 0 40px 40px;
		min-height: 198px;
		padding: 32px;
	}
	.profile-tab-data .profile-data,.profile-tab-data .profile-sidebar ul{
		display: none;
	}


	.profile-sidebar-mobile{
		display: block;
		text-align: center;
	}
	.profile-sidebar .profile-img{
		width: 80px;
		height: 80px;
		margin-bottom: 16px;
	}
	.account-btn{
		background-color: transparent;
		border-radius: 0;
		border: none;
		font-size: 8px;
		line-height: 15px;
		color: #57B1EB;
		display: table;
		margin: 0 auto;
	}
	/* .btn.edit-btn{
		display: none;
	} */

    .btn.edit-btn{
		margin-top: 20px;
	} 
	.profile-mobile-link{
		display: block;
		padding: 8px 0;
	}
	.profile-mobile-link ul{
		list-style: none;
		margin: 0;
	}
	.profile-mobile-link ul li{
		display: block;
	}
	.profile-mobile-link ul li a{
		display: block;
		width: 100%;
		padding: 13px 56px 13px 32px;
		font-size: 16px;
		line-height: 20px;
		color: #313133;
		font-weight: 600;
		background-color: #fff;
		position: relative;
		border-bottom: 1px solid rgba(109, 111, 114, 0.2);
	}
	.profile-mobile-link ul li a::before{
		content: "";
		width: 8px;
		height: 15px;
		background-image: url('../images/arrow-next.png');
		background-size: cover;
		position: absolute;
		top: 16px;
		right: 32px;
	}
	.profile-mobile-link ul li:last-child a{
		border-bottom: 0;
	}


	/*====================== Personal info ======================*/
	.personal-info {
		padding: 0;
	}
	.personal-info .profile-wrapper{
		padding: 0;
	}
	.personal-info .profile-sidebar{
		display: block;
		min-height: auto;
		border-radius: 0 0 40px 40px;
	}
	.profile-modal-form{
		padding: 16px 0px 16px;
		padding-bottom: 0;
	}
	.profile-modal-form .form-group{
		margin-bottom: 24px;
		position: relative;
	}
	.personal-info .profile-sidebar ul{
		display: none;
	}
	.form-bl label{
		margin-bottom: 4px;
		font-size: 14px;
	}
	.form-bl .form-control{
		font-size: 18px;
		padding-bottom: 8px;
	}
	.form-radio-item{
		width: 100%;
		margin: 0 0 12px 0;
	}
	.form-radio-item:last-child{
		margin-bottom: 0;
	}
	.form-radio-item label{
		margin: 0;
	}
	.form-group-radio{
		margin: 8px 0 0 0;
	}


	/* Header Notification */
	.notification-data{
		width: 300px;
		right: -45px;
		top: 35px;
		border-radius: 12px;
	}
	.notification-data h4{
		padding: 16px;
		font-size: 18px;
		line-height: 20px;
	}
	.notification-data ul li{
		padding: 10px 16px;
		font-size: 14px;
		line-height: 19px;
		border-bottom: 2px solid #EBEBEB;
	}


	/*================== the-good-pedestrians-guide ==================*/
	.guide-section{
		padding: 16px 0 0 0;
	}
	.guide-text h6{
		font-size: 12px;
		line-height: 22px;
		margin: 0;
		font-weight: normal;
	}
	.guide-text h2{
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 12px 0;
		letter-spacing: -0.5px;
	}
	.guide-text .guide-img{
		width: 100%;
		height: 185px;
		object-fit: cover;
	}
	.guide-sidebar{
		display: none;
	}
	/* 1 Aug 2024 CSS Start */
	.partners-section .swiper.partners-data .partners-row{
		flex-wrap: unset;
	}
	.ourconcept-testimonials-slider-section .testimonials-main-wrapper{
			padding-top: 40px;
	}
	.ourconcept-testimonials-slider-section .our-concept-testimonials-thumbs .testimonials-thumbs-block {
			padding: 20px;
			min-height: auto;
			margin-bottom: 20px;
	}
	.ourconcept-testimonials-slider-section .our-concept-testimonials-thumbs .swiper-slide-thumb-active .testimonials-thumbs-block {
			box-shadow: none;
	}
	.ourconcept-testimonials-slider-section .our-concept-testimonials-thumbs{
			height: 342px;
	}
	/* 1 Aug 2024 CSS End */
	/* .logout-modal .modal-dialog-centered,
	.logout-modal .modal-content {
		min-width: 95%;
	} */
	.logout-modal .modal-dialog-centered {
		min-width: 100%;
	}
	.logout-modal .modal-content {
		min-width: unset;
	}
	.mycourt-contain  {
		padding-bottom: 55px;
	}
}
@media screen and (max-width:766px){
	.dashboard-block {
		max-height: 234px;
	}
	.register-form-section {
        min-height: 600px;
        margin-bottom: 100px;
    }
	.register-form-image {
		margin-top: 0;
	}
	.register-form-image {
        height: auto;
        max-width: 500px;
		padding-right: 0;
    }
	.partners-image {
		min-height: 100px;
		width: auto;
        min-width: 150px;
	}
	.btn-wrap a{
		padding: 10px 20px !important;
	}
	.team-section .team-data .col-md-4:last-child .team-block {
		margin-bottom: 0;
	}
	.team-section {
		min-height: unset;
	}
}
@media(max-width: 580px) {
	.key-fegures .figures-data {
		width: 100%;
	}
	.key-fegures .figures-text p {
		line-height: 21px;
	}
	.key-fegures .figures-block img {
        height: 40px;
        width: 40px;
    }
	.key-fegures .figures-text {
		padding: 0 0 0 10px;
	}
}
@media (max-width:575px){
	.news-block-text p{
		min-height: auto;
	}
	.foot-text h4{
		min-height: auto;
	}
	.advantages-block p{
		margin: auto;
	}
	.figures-data {
		width: 200px;
		margin: 0 auto;
	}
	.figures-block{
		padding: 0;
	}
	.register-wrapper::after {
		border-radius: 0;
	}
.partners-image a > img {
    max-width: 200px;
	width: 100%;
}
.news-block img, .news-opt2-section .news-block img {
    height: 100%;
}
.howitworks-parent h2{
	text-align: center;
}
.prices-block-text {
    max-width: 100%;
    text-align: center;
}
}
@media (min-width:576px) and (max-width:767px) {

	/* Hero Banner  */
	.banner-count-inner{
		max-width: 250px;
	}
	.banner-button .btn.btn-primary{
		min-width: 240px;
		margin: 0 10px 10px 0;
	}


	 /* How it Works Section  */
	.howitworks-block{
		margin-bottom: 30px;
	}
	.howitworks-row{
		margin: 0 -15px;
	}
	.howitworks-col{
		width: 33.33%;
		padding: 0 15px;
	}
	.howitworks-icon{
		width: 110px;
		height: 110px;
	}
	.howitworks-icon img{
		height: 40px;
		object-fit: contain;
	}
	.num{
		width: 35px;
		height: 35px;
		font-size: 18px;
	}
	.howitworks-block p{
		font-size: 18px;
		line-height: 25px;
	}
	.prices-icon{
		width: 110px;
		height: 110px;
	}
	.prices-icon img{
		width: 50px;
		object-fit: contain;
	}
	.prices-block h5{
		font-size: 20px;
		line-height: 26px;
	}


	/* Testimonials Section  */
	.testimonials-home-img{
		right: 20px;
		top: 100px;
	}
	.testimonials-thumbs-wrapper{
		padding: 0 15px 0 0;
	}
	.testimonials-thumbs-block{
		padding: 10px;
	}
	.testimonials-thumbs-text h4{
		/* font-size: 14px; */
		margin: 0;
	}
	/* .testimonials-thumbs-text h6{
		font-size: 12px;
	} */
	.testimonials-main-block h4{
		font-size: 20px;
		margin: 0;
	}




	/* Our Prices Section  */
	/* .payment-methods-row{
		margin: 0 5px;
	} */
	.payment-methods-col{
		padding: 0 5px;
		max-width: 33.33%;
	}
	.payment-methods-block{
		min-height: 170px;
	}
	.methods-icon{
		height: 80px;
	}
	.methods-icon img{
		max-height: 60px;
	}


	.testimonials-slider-data{
		padding: 0 0 0 6%;
	}

	/*=================== FAQ ===================*/
	.faq-tab .nav-tabs .nav-item,
	.faq-opt2-tab .nav-tabs .nav-item{
		width: 33.33%;
	}

	/*========================= Setting =========================*/
	.setting-tab .nav-tabs .nav-item{
		width: 33.33%;
	}
	.linked-col{
		width: 50%;
		padding: 0 10px;
	}

	/* 1 Aug 2024 CSS Start */
	.ourconcept-testimonials-slider-section .our-concept-testimonials-thumbs .testimonials-thumbs-block {
			padding: 10px;
	}
	.ourconcept-testimonials-slider-section .our-concept-testimonials-thumbs{
			height: 282px;
	}
	/* 1 Aug 2024 CSS End */

	.who-are-we-parent {
		padding-top: 0;
	}
}
@media(max-width: 768px){
	.ourprices-concept-title {
	    flex-direction: column;
	    gap: 35px;
	}
	.motorists-text p{
		width: 100%;
	}
	.motorists-text p img {
		max-width: 150px;
	}
	.register-wrapper::after {
		width: calc(100% - 20px);
	}
	.ourprices-concept-text {
	    width: 100%;
	}

	.ourprices-concept-btn {
	    font-size: 18px;
	}
	.contact-section {
		margin: 0;
	}
	.register-wrapper {
		margin-top: 0;
	}
	.header .header-buttons .btn-primary {
		background-color: #313133;
    	border: 2px solid #313133;
	}
	.header .header-buttons .btn-primary svg path {
		fill: #fff;
	}
	.header .header-buttons .btn-primary, .header-buttons .header-btn {
		display: flex;
		flex-wrap: wrap;
		padding: 7px 14px !important;
		justify-content: center;
	}
	.header-buttons .header-btn span {
		color: #4899D7;
	}
	.header-buttons .header-btn span, .header-buttons .btn-primary span {
		margin-right: 5px;
	}
	.header-buttons .header-btn svg, .header-buttons .btn-primary svg {
		max-width: 15px;
	}	
}
@media(max-width: 575px) {
	.navbar {
    	min-height: 82px;
	}
	.register-wrapper::after {
        width: 100%;
        border-radius: 0;
    }
	.navbar-brand {
        max-width: 150px !important;
    }
	.header-buttons .header-btn span, .header-buttons .btn-primary span {
		display: none;
	}
	/* .header .header-buttons .btn-primary, .header-buttons .header-btn {
		padding: 0 !important;
        border: none !important;
        background: transparent;
		margin-left: 10px;
	} */
	.header .header-buttons .btn-primary svg path {
		fill: #4899D7;
	}
	.header-buttons .header-btn svg, .header-buttons .btn-primary svg {
        max-width: 22px;
    }
	.results-content  {
		flex-wrap: wrap;
		width: 100%;
	}
	.results-row {
		flex-wrap: wrap;
	}
	.results-content p {
		width: 100%;
    	display: flex;
		flex-wrap: wrap;
		margin-bottom: 10px;
    	align-items: center;
	}
	.results-row ul {
		width: 100%;
	}
	.results-row ul a {
		justify-content: flex-start;
	}
}

@media (max-width:479px){
	.navbar-brand {
        max-width: 130px !important;
    }
	.banner-button .btn.btn-primary {
	    min-width: 100%;
	}
	.contact-popup .popup-img img {
		max-width: 130px;
	}
	.blog-details-data h1 {
		font-size: 36px;
		line-height: 49px;
	}
}
@media (max-width:360px){
	.blog-details-banner {
		padding-top: 74px;
	}
	.navbar {
    	min-height: 74px;
	}
	.shape-15 {
	    max-width: 140px;
	}
	.header-buttons-wrape .header-buttons {
		right: 12px;
	}
	.g-recaptcha iframe {
	    transform: scale(0.92);
	    margin-left: -6px;
	}
}

@media (max-width:1365px){
	.courses-slider-section .courses-slider-wrape .swiper-slide{
		width: 50%;
	}
}

@media (max-width:991.98px){
	.motorists-wrapper .sub-container .sub-item img {
		width: max-content;
	}
	.profile-modal-form { 
		padding-left: 16px !important;
		padding-right: 16px !important;
	 }


	 span.menu-divider::after { 
		display: none;
	 }
}