/*
Theme Name: Eduvate
Theme URI: https://wordpress.org/themes/Eduvate/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Eduvate is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Eduvate comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Eduvate
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a:focus-visible,a:focus,button:focus,button:focus-visible,input:focus,select:focus,textarea:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{
	outline: none !important;
}

a,a:hover{
	text-decoration: none;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

section{
	position: relative;
	isolation: isolate;
}
button{
	cursor: pointer;
}

:root{
	--transparent:transparent;
	--white:#FFFFFF;
	--black:#000000;
	--light-golden : #EACCB6;
	--blue:#5AA2D5;
	--border-blue:var(--blue);
	--footer-txt-blue:#B6E0FF;
	--footer-bg:#2F3D48;
	--label-bg:linear-gradient(55deg, #60A9DD 49.81%, #BADEF6 110.58%);
	--dot-golden:#EACCB6;
	--dot-active:var(--blue);
	--carrer-bg: linear-gradient(0deg, #5DA9DF 0%, #B6E0FF 100%);

	--h1: 5rem;
	--h2: 1.8754rem;
	--h3: 1.254rem;
	--p:1rem;
	--button-text :.875rem;
	--no:1.25rem;
	
}

*{
	font-family: "Montserrat", sans-serif;

}
h1{
	font-size: var(--h1);
  color: var(--white);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;t
}


h2{
	font-size: var(--h2);
	color: var(--blue);
	text-transform: uppercase;
	font-weight: 500;
}
h2 mark{
font-weight: 300;
}
.d-btn a{
	border-radius: 100px;
	display: flex;
	gap:.5rem;
	justify-content: center;
	align-items: center;
	padding: 1rem 2rem;
	background: var(--blue);
	text-transform: uppercase;
	font-size: var(--button-text);
	color: var(--white);
	font-weight: 500;
	isolation: isolate;
	position: relative;
	margin: 3px;
}
.d-btn a::after{
	content: "";
	width:12px;
	height: 12px;
	background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/button-arrow-png.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.d-btn a:has( svg )::after{
	content: none;
}

.d-btn a svg path{
	fill:var(--white);
}

.d-btn a::before{
		content: "";
		display: block;
		border-radius: 100px;
		overflow: hidden;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		position: absolute;
		top:-2px;
		left:-2px;
		background: transparent;
		border:1px solid var(--border-blue);
		z-index: -1;
}

.d-btn.white a{
	background: var(--white);
	color: var(--black);
}
.d-btn.white a svg path{
	fill:var(--black);
}
.d-btn.white a::before{
	border:1px solid var(--white);
}

form .input-group{
	display: flex;
	gap: 0;
	flex-wrap: nowrap;
	
}
form#subscribe-form .input-group{
	border: 1px solid var(--white);
	background: transparent;
	border-radius: 100px;
}
.phone-input-field{
		border-radius: 100px;
		border: 1px solid var(--white);
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		    width: 100%;
		    position: relative;
}
.phone-input-field input{
	border:none;
}
.phone-input-field .countrycode_container {
    flex: 0 0 70px;
}
a.countryCode {
    max-width: 700px;
    padding: 16px 0px 16px 16px;
    text-align: left;
    width: 100%;
    background: 0 0;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7;
    outline: 0;
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
}
div.countryCode_list {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 75px;
    overflow: hidden;
    background: transparent;
    display: block;
    height: 100%;
}
form select#countryCode1 {
    opacity: 0;
    height: 100%;
}
.phone-input-field input, .phone-input-field select {
    border: none;
    border-radius: 0px 100px 100px 0px;
}

.phone-input-field select {
    background: #183B49;
    color: #FFF;
}
form#subscribe-form .input-group input{
	padding: 1rem;
	background: transparent;
	border: none;
	width: 100%;
}
form#subscribe-form .input-group input::placeholder{
	color: var(--white);

}
form#subscribe-form button::before{
	content: none;
}
form#get-in-touch{
	display: flex;
	gap:1.5rem;
	flex-direction: column;
}
.from-group{
	display: flex;
	justify-content: center;
	align-items: center;	
}
.from-group.button{
	position: relative;
	isolation: isolate;
}
.from-group-flex{
	display: flex;
    gap: 1rem;
    flex-wrap: nowrap;
    flex-direction: row;
}
input::placeholder,textarea::placeholder{
	color: var(--white);
}
input,textarea{
	background: transparent;
	color: 1rem;
	font-size: 1rem;
	border-radius: 30px;
	padding: 1rem;
	border:1px solid var(--white);
	color: var(--white);
	width: 100%;
}
textarea{
	resize: none;
}
form button{

    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .75rem 2rem;
    gap: .5rem;
    position: relative;
    border: none;
}
form button::before{
		content: "";
		display: block;
		border-radius: 100px;
		overflow: hidden;
		width: calc(100% + 6px);
		height: calc(100% + 6px);
		position: absolute;
		top:-3px;
		left:-3px;
		background: transparent;
		border:1px solid var(--white);
		z-index: -1;
}
.credit a{
		display: flex;
    line-height: 1;
    gap: .25rem;
    flex-wrap: nowrap;
}

form#subscribe-form .input-group button{
		width: 300px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin: 2px;
}
.w-100{
	width: 100%;
}
.m-y-1{
	margin: 1rem 0px;
}
ul.social-icons{
	display: flex;
	margin: 0;
	padding: 0;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 1rem;
  list-style: none;
}
footer .top{
	position: relative;
	isolation: isolate;
}
footer .top::before{
	position: absolute;
	z-index: -1;
	content: "";
	display: block;
	left: 50%;
	top:10%;
	height: 80%;
	width: 1px;
	background: var(--white);
}
body.home header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.m-show{
	display: none !important;
}

body.home header.bg{
	background: var(--white);
	box-shadow: 0px 3px 15px 0px #00000033;
}
section#banner{
	min-height: 100vh;
	background:linear-gradient(360deg, #5AA2D5 0%, #BADEF6 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	isolation: isolate;
}

section#banner .content-area{
	    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

section#banner h1{
	font-size: var(--h1);
  color: var(--white);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
section#banner h2{
	color: var(--white);
	font-size: 40px;
	font-weight: 500;
	text-transform: uppercase;
}
section#banner .fg {
	position: absolute;
	left:0;
	bottom: 0;
	isolation: isolate;
	width: 100%;
}


section#banner .fg .wp-block-columns{
	position: relative;
}
section#banner .bg{
	width: 75%;
	min-width: 1000px;

}
section#banner .fg .wp-block-columns  .wp-block-column:first-child{
	padding: 1rem 5vw;
	background: linear-gradient(90deg, #4F89B0 0%, rgba(109, 174, 220, 0) 100%);
	
}
section#banner .fg .wp-block-columns .fix-bottom{
	position: absolute;
    right: 0;
    width: 50%;
    bottom: 0;
        z-index: -1;
}
section#banner .fg .wp-block-columns .fix-bottom figure{
	  display: flex;
    justify-content: end;

}
section#banner .fg .wp-block-columns .fix-bottom figure img{
	width: 85%;
}
section#aboutus .wp-block-columns .wp-block-column:first-child figure{
	position: relative;
  isolation: isolate;
}
section#aboutus .wp-block-columns .wp-block-column:first-child figure img{
	opacity: 0;
}
section#aboutus .wp-block-columns .wp-block-column:first-child figure::before{
	  content: "";
    width: 110%;
    height: 110%;
    position: absolute;
    left: -5%;
    bottom: 0px;
    background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/2nd-sec-img.webp);
    background-size: cover;
}
section#aboutus .wp-block-columns .wp-block-column:first-child figure::after{
		content: "";
		width: 5%;
    height: 100%;
    position: absolute;
    right: 0%;
    bottom: 0px;
    background: var(--white);
    z-index: -1;
}
.service-list{
	margin-top: 3rem;
}
.service-list .service-item{
	padding: 3rem 5vw;
	cursor: pointer;
	position: relative;
	isolation: isolate;

}

.service-list .service-item::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	top:0;
	left:0;
	z-index: -1;
}
.service-list .service-item h3{
		max-width:500px;
}
.service-list .service-item:hover .content-block,.service-list .service-item.active .content-block{
	max-height: 200px;
	padding: 20px 0px 0px 0px;
	opacity: 1;
	transition: max-height .3s linear, opacity .3s linear .3s,padding .3s linear;
}

.service-list .service-item .content-block{
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	padding: 0px 0px 0px 0px;
	transition: max-height .3s linear .3s, opacity .3s linear ,padding .3s linear .3s;
}
.service-list #in-country-representaion{
	background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/In-country-Representation.webp);
	background-size: cover;
	background-position: bottom;
}

.service-list #advisory-services{
	background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/Advisory-Services.webp);
	background-size: cover;
	background-position: bottom;
}

.service-list #application-services{
	background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/Application-Processing.webp);
	background-size: cover;
	background-position: bottom;
}

.w-100 img{
	width: 100%;
	height: auto;
}

.youcan-list #item1,.youcan-list #item1::after{
		background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/Identify-and-characterize-opportunities-1.webp);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
}
.youcan-list #item2,.youcan-list #item2::after{
		background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/Assess-potential-Institutional-Partners.webp);
		background-size: cover;
		background-position:center;
		background-repeat: no-repeat;

}
.youcan-list #item3,.youcan-list #item3::after{
		background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/Define-winning-strategies.webp);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;

}

.youcan-list .youcan-item,.youcan-list .youcan-item:not(:hover){
	flex: 1 1 10%;
	height: 600px;
	position: relative;
	display: flex;
  align-items: center;
  transition: flex .3s linear ;
}
.youcan-list .youcan-item>.wp-block-group{
	display: block;
	max-height: 0;
	max-widht: 0;
	opacity: 0;
	max-width: 600px;
  padding: 2rem;
  background: #FFFFFFE6;
  position: absolute;
  right: 0;
  transition: opacity .3s linear,max-height .3s linear .3s,max-widht .3s linear .3s;
}

.youcan-list:not(:hover) .youcan-item:first-child,.youcan-list .youcan-item:hover{
	flex: 1 1 80%;
	transition: flex .3s linear;
}
.youcan-list:not(:hover) .youcan-item:first-child>.wp-block-group,.youcan-list .youcan-item:hover>.wp-block-group{
		max-height: 100%;
		max-widht: 100%;
		opacity: 1;
		transition: opacity .3s linear .3s ,max-height .3s linear,max-widht .3s linear;
}
.no{
	background: var(--blue);
	border:1px solid var(--white);
	outline:1px solid var(--blue);
	color: var(--white);
	height: 50px;
	width: 50px;
	border-radius:25px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--no);
	font-weight: 500;
}
.carrer-content{
	background: linear-gradient(360deg, #5DA9DFE6 0%, #B6E0FFE6 100%);

}
.relative{
	position: relative;
	isolation: isolate;
}
section#carrer .overlay-container{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.testimonial-contianer{
	margin-top: 2rem;
}
.owl-carousel .owl-dots{
	display: flex;
	flex-wrap: nowrap;
	gap:.5rem;
	margin-top: 1.5rem !important;
}

.owl-carousel .owl-dots button span{
	height: 4px !important; 
	width: 18px !important; 
	background: var(--light-golden) !important;
	transition: all .3s linear;
	margin:0px !important;
}
.owl-carousel .owl-dots button.active span{
	width: 36px !important; 
	background: var(--blue) !important; 
}
.faqs-block{
	background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/faq-bg-1.webp);
	background-size: cover;
	background-position: top left;
}
.gridlist{
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 1rem 2rem;
	padding-left: 0px;
}
.flexcolumn-list{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding-left: 0px;
}
.gridlist li,.flexcolumn-list li{
	list-style: none;
	display: flex;
	align-items: start;
	justify-content: start;
	gap:1rem;
}
.gridlist li::before,.flexcolumn-list li::before{
	content: "";
	height: 24px;
	width: 24px;
	background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/pen.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.gridlist li::before,.flexcolumn-list li::before{
	flex: 0 0 24px;
}
section#about-carrer>.wp-block-cover .wp-block-group{
	background-color: #FFFFFFE6 !important;
}

section#about-advisor>.wp-block-group{
	background: linear-gradient(360deg, #5DA9DF 0%, #B6E0FF 100%);
}
sectio#top-banner .wp-block-cover span{
	background: linear-gradient(73.46deg, #62A2CF 49.92%, rgba(121, 186, 233, 0.5) 68.9%, rgba(182, 224, 255, 0.5) 87.99%);
}
figure.overlay-advisors-img{
	    background: #FFF;
    display: flex;
    justify-content: end;
    position: relative;
}
figure.overlay-advisors-img img{
	opacity: 0;
}

figure.overlay-advisors-img::before{
	  content: "";
    width: 110%;
    height: 110%;
    position: absolute;
    right: 0;
    bottom: 0px;
    background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/Frame-1-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}
section#about-carrer .wp-block-columns{
	background: linear-gradient(360deg, #5DA9DF 0%, #B6E0FF 100%);
}
figure.overlay-advisors-img.JITENDRA::before{
	content: "";
    width: 110%;
    height: 110%;
    position: absolute;
    right: 0;
    bottom: 0px;
    background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/Frame-1-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.grecaptcha-badge{
	visibility: hidden;
}
.hide{
	display: none !important;
}

.youcan-item .title{
	    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}
.white-strip{
	  padding: 3rem 5vw;
/*    background: linear-gradient(-90deg, #4F89B0 0%, rgba(109, 174, 220, 0) 100%);*/
    background: #FFF;
}

.float-btn{
	position: fixed;
  right: 20px;
  bottom: 20px;
  box-shadow: 0px 0px 10px 0px #0004;
  border-radius: 5px;
    overflow: hidden;

}
.float-btn svg{
transform: rotate(180deg);
transition: all .3s ease-in-out;
}
.float-btn.go-to-top svg{
transform: rotate(0deg);
}


section#youcan{
	overflow: hidden !important;
}

#top-banner>.wp-block-cover{
	    min-height: unset !important;
    aspect-ratio: 1366 / 480 !important;
}
@media only screen and (max-width:1200px){
	section#banner .bg{
		width: 75%;
    min-width: unset;
    max-width: 100%;
	}
}

@media only screen and (max-width:900px){
	:root{
		--h1: 2.875rem;
	}
	section#banner h2{
		    font-size: 1.5rem;
	}
}

@media only screen and (max-width:781px){
	:root{
		--h1: 2.875rem;
		--h2: 1.5rem;
		--h3: 1.25rem;
		--p:.935rem;
		--no:.875rem;
	}

/*	section#banner{
		min-height: 400px;
	}
*/
	.float-btn{
		max-width: 35px;
	}
	.m-show{
		display: inline-block !important;
	}
	.m-hide{
		display: none !important;
	}
	header .wp-block-site-logo img{
		    max-width: 52px;
	}
	header .d-btn a{
		padding: .75rem 1rem;
	}
	section#banner .content-area{

		justify-content: center;
	}
	section#banner .fg .wp-block-columns .fix-bottom {
    width: 90%;
    z-index: -1;
  }
  .m-f-cr{
  	flex-direction: column-reverse !important;
  	display: flex;
  }
  .m-f-c{
  	flex-direction: column !important;
  }
  .service-list .service-item{
  	padding: 0 !important;
  }

  .service-list #in-country-representaion,.service-list #advisory-services,.service-list #application-services{
  	background: unset;
  	background: linear-gradient(360deg, #5DA9DF 0%, #B6E0FF 100%);
  }

  .service-list #in-country-representaion h3{
 		background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/In-country-Representation.webp);
  	background-size: cover;
    background-position: bottom;
 	}

 	.service-list #advisory-services h3{
 		background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/Advisory-Services.webp);
    background-size: cover;
    background-position: bottom;
 	}

 	.service-list #application-services h3{
 		background: url(https://eduvateconsult.com/wp-content/uploads/2024/07/Application-Processing.webp);
    background-size: cover;
    background-position: bottom;
 	}

  .service-list .service-item h3{
  	padding: 3rem 5vw;
    max-width: 100% !important;
    width: 100%;
    position: relative;
    isolation: isolate;
    transition: padding .3s linear;
  }
  .service-list .service-item:hover h3,.service-list .service-item.active h3{
  	padding: 5rem 5vw;
  }
  .service-list .service-item .content-block{
  	background: linear-gradient(360deg, #5DA9DF 0%, #B6E0FF 100%);
  	width: 100%;
  }
  .service-list .service-item:hover .content-block,.service-list .service-item.active .content-block{
  	padding: 2rem 1.5rem;

  }
	.service-list .service-item .content-block p{	
		max-width: 100% !important;
		color: var(--black) !important;
	}

 /*.service-list .service-item:hover .content-block p,.service-list .service-item.active  .content-block p{
  	color: var(--black) !important;
  	max-width: 100%;
  }*/
  .service-list .service-item:hover .content-block .wp-block-group,.service-list .service-item.active .content-block .wp-block-group{
  	max-width: 100%;
  }
  .service-list .service-item:hover .content-block, .service-list .service-item.active .content-block{
  	max-height: 400px;
  }
  .service-list .service-item::after{
  	content:none;
  }
  .service-list .service-item h3::after{
  	position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    top: 0;
    left: 0;
    z-index: -1;
  }
  .youcan-list .wp-block-column{
  	display: none !important;
  }
  .youcan-list .wp-block-column:first-child{
  	display: block !important;
  }
  section#carrer .overlay-container{
  	position: relative;
  	padding: 0px !important;
  }
  section#testimonial .wp-block-group,section#testimonial .wp-block-group .wp-block-columns{
  	padding: 0px !important;
  }
  section#testimonial .wp-block-group .wp-block-columns{
  	flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap:5vw;
  }	
  section#testimonial .wp-block-group .wp-block-columns .wp-block-column:first-child{
  	flex-basis: 40% !important;
  }
  .faqs .faqs-items.active .answer{
  	max-height: 350px;
  }
  .no{
  	  height: 35px;
      width: 35px;
  }
  .faqs .faqs-items .question,.faqs .faqs-items .answer p{
  	font-size: var(--no);
  }
  .faqs .faqs-items .question .no, .faqs .faqs-items .answer .left{
  	    flex: 0 0 35px;
  }
  .faqs .faqs-items .question .right, .faqs .faqs-items .answer .right {
    flex: 0 0 24px;
	}
	.bottom{
		flex-direction: column;
	}
	.credit a{
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}
	.top{
		flex-direction: column-reverse;
		padding: 5vw !important;
		gap: 5rem !important
	}
	footer .top::before{
		content: none;
	}

	form#subscribe-form .input-group button {
    flex: 0 0 150px;
    font-size: 12px;
  }
  form button{
  	padding: .75rem 1rem;
  	 font-size: 14px;
  }
  .faqs .faqs-items{
  	    padding: 1.5rem .5rem;
  }
  .faqs .faqs-items .container {
    max-width: calc(90vw - 1rem);
  }
  footer .top h2{
  	 margin-bottom: 1.5rem !important;
  }
  .faqs-block,section#testimonial,section#career ,section#services,section#about-carrer .wp-block-cover,section#about-advisor{
  	padding: 10vw 5vw !important;
  }
  section#aboutus .wp-block-cover .wp-block-columns{
 		padding: 10vw 5vw !important; 	
 		margin-bottom:0px !important;
 		margin-top:0px !important;
  }
  .white-strip{
  	margin-bottom:0px !important;
  }
  
  .d-btn a{
  	padding: .5rem 1rem;
  }
  section#aboutus .wp-block-columns .wp-block-column:first-child{
  	border-width: 10px !important;
  }
  section#aboutus .wp-block-columns .wp-block-column:last-child{
  	padding-left: 20px !important;
  	padding-right: 20px !important;
  }
  section#aboutus .wp-block-columns .wp-block-column:first-child figure::after{
  	content: none;
  }
  section#about-advisor .wp-block-columns{
  	margin-top: 3rem;
  }
  .gridlist{
  	grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  section#top-banner .wp-block-cover{
  	min-height: unset !important;
  }
  section#top-banner .wp-block-cover .wp-block-cover__inner-container{
  	padding: 0px !important;
  }
  .youcan-list #item1::after,.youcan-list #item2::after,.youcan-list #item3::after{
  	content: "";
  	display: block;
  	position: relative;
  	width: 100%;
  	aspect-ratio: 1920/1080;
  }
  .youcan-list .youcan-item, .youcan-list .youcan-item:not(:hover){
  	height: unset;
  }
  .youcan-list #item1,.youcan-list #item2,.youcan-list #item3{
  	background: unset;
  }
  .youcan-list .youcan-item>.wp-block-group{
  	position: relative;
  	right: unset;
  	opacity: 1;
  }
  .youcan-list .youcan-item,.youcan-list .wp-block-column:first-child{
  	display: flex !important;
    flex-direction: column-reverse;
  }
  .youcan-list .youcan-item .wp-block-group{
  	max-height: unset;
  }

  .youcan-list .youcan-item .wp-block-group.title{
  	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap:1rem;
    margin-bottom: 1rem;
  }
   .youcan-list .youcan-item .wp-block-group.title .no{
   	flex:0 0 35px;
   }
   .owl-nav button{
   		background: var(--blue) !important;
        height: 40px;
        width: 40px;
        border-radius: 30px !important;
        display: flex ! Important;
        justify-content: center;
        align-items: center;
   }
   .owl-nav{
   	    display: flex;
    	justify-content: end;
    	padding: 0px 5vw;
   }
   .youcan-list .owl-nav{
   		justify-content: center;
   }
   .carrer-content .wp-block-group{
   	padding: 0px !important;
   }
   .from-group-flex{
   	flex-direction: column;
   }
   .get-in-touch-conatiner{
   	width: 100%;
   }
   section#youcan{
   	padding-bottom: 10vw;
   }

   section#banner .bg figure{
   		margin-top: -240px;
   }

   section#banner .bg .content-area{
   		margin-top: 60px;
   }
   section#banner .bg {
        width: 75%;
    }

}

@media only screen and (max-width:550px){
	section#top-banner .wp-block-cover{
  	min-height: 250px !important;
  	aspect-ratio: unset!important;
  }
  section#top-banner .wp-block-cover p{
  	max-width: 75%;
    margin: 0px !important;
    font-size: 14px;
  }
  	section#banner h2{
		font-size: 20px;
		        text-align: center;
	}
section#banner .bg figure{
   		margin-top: -180px;
   }

   section#banner .bg .content-area{
   		margin-top: 60px;
   }
	 section#banner .bg {
        width: 95%;
    }


  
}

@media only screen and (max-width:380px){
	:root{
		--h1:2.5rem;
	}
}