@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: "Canva Sans";
  src: url("fonts/cs_reg.woff");
}
@font-face {
  font-family: "Canva Sans";
  src: url("fonts/cs_bold.woff");
  font-weight: bold;
}
@font-face {
  font-family: "Canva Sans Bold";
  src: url("fonts/cs_bold.woff");
}
#copyright{
	text-align: center;
    background-color: #693588;
    color: #fff;
    padding: 15px 0px;
}
#search{
	display: none;
}
.form-layout p{
    margin-bottom: 0px !important;
}
.contact-map{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.contact-map .grid-column{
	width: calc(50% - 30px);
	margin: 0 15px;

}

.contact-map iframe{
    width: 100% !important;
    height: 350px;
    box-shadow: 0px 0px 18px -7px rgba(105,53,136,0.75);
	-webkit-box-shadow: 0px 0px 18px -7px rgba(105,53,136,0.75);
	-moz-box-shadow: 0px 0px 18px -7px rgba(105,53,136,0.75);
	border-radius: 10px;
}
.head-container {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    padding: 15px 0px;
    align-items: center;
}
.news-slide .thumb{
	position: relative;
	background-color: #000;
}
.news-slide .thumb .infos .title{
	color: #fff;
	font-size: 20px;
	font-weight: 800;
}
.news-slide .thumb .image{
	opacity: 0.5;
}
header{
	position: relative;
}
.news-slide-item-link{
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 30px;
}
.news-slide-item-link:hover .peek-on-hover{
	max-height: 100vh;
}
.peek-on-hover{
	max-height: 0;
	overflow: hidden;
	transition: 0.7s ease;
}
.peek-on-hover .description{
	display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    margin-top: 10px;
    text-align: justify-all;
}
.peek-on-hover .read-more{
	font-weight: 800;
	color: #fff;
	margin-top: 10px;


}
.peek-on-hover .read-more span{
	position: relative;
}
.peek-on-hover .read-more span:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #fff;
    transform: rotate(0deg);
    right: -13px;
    transform: translate(0, -50%);
    top: 50%;
}
.false-arrow-contain{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.false-arrow-contain .section-title{
	margin-bottom: 0px;
	flex: 1;
}
.false-arrow-contain .false-arrow-section{
	flex-wrap: 0 0 auto;
	color: #fff;
	font-size: 23px;
}
.service-table tbody tr{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.service-table tbody tr td:first-of-type img{
    width: 100%;
}
.service-table tbody tr td:first-of-type {
    width: 30% !important;
    padding-right: 30px;
}
.service-table tbody tr td:last-of-type {
    width: 70% !important;
}
.false-arrow-contain .false-arrow-section .false-arrow{
	border: 2px solid #fff;
	display: inline-flex;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.5s ease;
}
.false-arrow-contain .false-arrow-section .false-arrow:hover{
	background-color: #fff;
	color: #693588;
}
.relative-container{
	position:  relative;
	padding: 80px 0px;
}
.news-slide .slick-prev,.news-slide .slick-next{
	display: none !important;
}
.overlay-bg{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	background-size: cover;
	background-position: top center;
	opacity: 0.2;
	z-index: 0;
}
.home-services{
	z-index: 3;
	position: relative;
}
.hide{
	display: none;
}
footer{
	background-color: #693588;
	border-top: 2px solid #fff;
}
body{
	font-family: "Canva Sans";
	  font-optical-sizing: auto;
	  font-weight: 500;
	  font-style: normal;
	  font-size: 18px;
}
.head-container #branding{
	flex: 0 0 auto;
	line-height: 0px;
}
.head-container #branding h1{
	margin-bottom: 0px;
}
.head-container #menu{
	flex: 0 0 1;
}
.contact-heading{
	font-weight: 600;
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px;
}
.head-container #menu {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.head-container #menu ul{
	margin-bottom: 0px;
}
.head-container #menu ul li{
	display: inline-block;
	padding-left: 15px;
}
.head-container #menu ul li{
	position: relative;
}
.head-container #menu ul li .sub-menu{
	position: absolute;
	left:0;
	bottom: 0;
	transform: translate(0, 100%);
	background-color: #fff;
	padding-left: 0px;
	display: none;
	border: 1px solid #ddd;
	width: 300px;
	max-width: 400px;
}
.head-container #menu ul li .sub-menu li{
	padding-left: 0px;
	width: 100%;
	padding: 10px 15px;
}
.head-container #menu ul.sub-menu li>a{
	font-size: 15px;
}
.head-container #menu ul li .sub-menu>li:hover, .head-container #menu ul li .sub-menu>li.current-menu-item{
	background-color: #693588;
}
.head-container #menu ul.sub-menu li:hover>a, .head-container #menu ul li .sub-menu>li.current-menu-item a{
	font-weight: 800;
	 font-family: "Canva Sans Bold";
	 color: #fff;
}
.head-container #menu .sub-menu li{
	padding: 5px 0px;
}
.head-container #menu ul li:hover .sub-menu{
	display: block;
}
.head-container #menu ul li.current_page_item>a, .head-container #menu ul li>a:hover{
	font-weight: 800;
	 font-family: "Canva Sans Bold";
	 color: #693588;
}
.head-container #menu ul li a{
	color: #000;
	text-decoration: none;
	font-weight: 600;
	transition: 0.5s ease;
}
.site-logo {
    width: 209px;
}
header{
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.75);
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: #fff;
}
header a{
	text-decoration: none;
}
.header-name{
	text-decoration: none;
	font-weight: 800;
	color: #693588;
	font-size: 40px;
	line-height: 1.3em;
}
.video-banner{
	max-height: 100vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
}
.video-banner .hero-bg{
	opacity: 1;
	width: 100%;
}
.video-banner .overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: rgba(46, 43, 122, 0.7);
	background: rgb(33,0,79);
	background: linear-gradient(143deg, rgba(33,0,79,1) 0%, rgba(179,179,179,0) 100%);
}
.video-banner .banner-content {
    text-align: left;
    width: 40%;
    padding: 0 50px;
}
.banner-tagline{
	font-size: calc(25px + (25 - 25) * (100vw - 320px) / (1920 - 320));
	font-family: "Canva Sans Bold";
	font-weight: 800;
	color: #fff;
	margin-bottom: 10px;
}
.banner-heading{
     font-family: "Canva Sans Bold";
	font-weight: 800;
	color: #fff;
	font-size: calc(25px + (50 - 25) * (100vw - 320px) / (1920 - 320));
	position: relative;
	padding-top: 10px;
}
.banner-heading:after{
	content: "";
	width: 50px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top:0;
}

.banner-description{
	color: #fff;
	font-weight: 500;
	font-size: calc(15px + (18 - 15) * (100vw - 320px) / (1920 - 320));
	text-align: justify;
}
.banner-content img {
	max-width: 30vw;
}
.banner-text{
	color: #fff;
	font-size: calc(15px + (20 - 15) * (100vw - 320px) / (1920 - 320));
	padding: 100px;
	text-align: center;
}
.content-section{
	padding: 50px 0px;
	background-size: cover;
	background-position: center;
}
.content-section.curve-bg{
	background-size: 100% 120px;
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 200px;
	margin-top: -2px;
}
.content-section.white{
	background-color: #fff;
}
.description.white{
	color: #fff;
}
.description.center{
	text-align: center;
}
.content-section.blue{
	background-color: #693588;
}
.about-row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	align-items: center;
	justify-content: center;
}
.about-row-image, .about-row-infos{
	width: calc(63% - 30px);
    margin: 0 15px;
    text-align: center;
}
.about-row-image img{
	width: 100%;
}
.diffferences-content{
	width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
.diffferences-content img{
    width: 100% !important;
}
.diffferences-content strong{
	font-size: 25px;
}
.diffferences-content tr{
	display: flex;
	margin-bottom: 20px;
	align-items: center;
}
.diffferences-content tr td:first-of-type{
	padding: 30px;
}
.diffferences-content tr:nth-child(even) td:first-of-type{
	order: 1;
} 
.mv-title{
	color: #693588;
	font-weight: 900;
	font-size: calc(20px + (25 - 20) * (100vw - 320px) / (1920 - 320));
	margin-bottom: 15px;

}
.metadata span{
	margin-right: 5px;

}
.metadata{
	color: #333;
	font-weight: 800;
	margin-bottom: 30px;
}
.section-title{
	color: #693588;
	font-weight: 900;
	font-size: calc(20px + (40 - 20) * (100vw - 320px) / (1920 - 320));
	margin-bottom: 15px;
	font-family: "Canva Sans Bold";

}
.section-sub-title{
	color: #693588;
	font-weight: 900;
	font-size: calc(20px + (25 - 20) * (100vw - 320px) / (1920 - 320));
	margin-bottom: 15px;
	font-family: "Canva Sans Bold";

}
.section-title.white{
	color: #fff;
}
.section-title.center{
	text-align: center;
}
.btn{
	background-color: #693588;
	color: #fff;
	font-weight: 700;
	padding: 10px 30px;
	transition: 0.5s ease;
	border: 3px solid #693588;
}
.btn:hover{
	background-color: transparent;
	color: #693588;
	border: 3px solid #693588;
}
.btn.white{
	border: 3px solid #fff;
	background-color: #fff;
	color: #693588;
}
.btn.white:hover{
	background-color: transparent;
	color: #fff;
	border: 3px solid #fff;
}
.services-slide-thumb .image{
	position: relative;
	height: 100px;
}
.services-slide-thumb .image img{
	max-width: 50%;
	width: 300px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, -50%);
}
.services-slide{
	padding: 0 45px;
	position: relative;
}
.services-slide-thumb{
	color: #fff;
	text-align: center;
}
.services-slide-thumb .title{
	font-weight: 900;
	font-size: 20px;
	margin-bottom: 10px;
}
.services-slide .slick-track
{
    display: flex !important;
    padding-top: 100px;
}
.services-slide .slick-slide
{
    height: inherit !important;
    border: 1px solid #ddd;
    margin: 0 15px;
    padding: 15px;
    border-radius: 15px;
}

.sld-arrow{
	font-size: 25px;
	color: #fff;
	position: absolute;
	z-index: 1;
	top: calc(50% + 50px);
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #fff;
	border-radius: 50px;
}
.sld-arrow.prev{
	left: 0px;
	transform: translate(0, 0%);
}
.tools-slider{
	padding: 0 45px;
}
.sld-arrow.next{
	right: 0px;
	transform: translate(0, 0%);
}
.sld-arrow.centered{
	font-size: 35px;
	color: #fff;
	position: absolute;
	z-index: 1;
	top: 50% ;
	cursor: pointer;
}
.sld-arrow.prev.centered{
	left: 0px;
	transform: translate(0, -50%);
}
.sld-arrow.next.centered{
	right: 0px;
	transform: translate(0, -50%);
}
.tools-slider .sld-arrow{
	color: #693588;
	border-color: #693588;
}
.center-button{
	text-align: center;
	margin-top: 30px;
}
.about-row ul{
	padding-left: 20px;
}
.about-row ul li{
	position: relative;
	margin-bottom: 10px;

}
.about-row ul li:before{
	content: "";
    height: 10px;
    width: 10px;
    background-color: #693588;
    position: absolute;
    left: -20px;
    border-radius: 5px;
    top: 7px;
}
.mvc{
	display: flex;
	flex-wrap: wrap;
}
.mvc .thumb{
	width: calc(33.33% - 30px);
	margin: 0 15px;
	box-shadow: 0px 0px 22px -3px rgba(33,0,79,0.75);
	-webkit-box-shadow: 0px 0px 22px -3px rgba(33,0,79,0.75);
	-moz-box-shadow: 0px 0px 22px -3px rgba(33,0,79,0.75);
	padding: 5px;
	position: relative;
	border-radius: 20px;
	text-align: center;
	background: rgb(84,38,111);
    background: linear-gradient(0deg, rgba(84,38,111,1) 0%, rgba(146,72,190,1) 100%);
}

.mv-content{
	background-color: #fff;
	padding: 15px;
	border-radius: 20px;
	padding-top: 50px;
	height: 100%;
}
.mv-icon {
	color: #fff;
	background-color: rgba(33, 0, 79, 0.75);
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(105,53,136);
    background: linear-gradient(0deg, rgba(105,53,136,1) 0%, rgba(191,94,249,1) 100%);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50% ,-50%);
	box-shadow: 0px 0px 22px -3px rgba(33,0,79,0.75);
	-webkit-box-shadow: 0px 0px 22px -3px rgba(33,0,79,0.75);
	-moz-box-shadow: 0px 0px 22px -3px rgba(33,0,79,0.75);

}
.serv-container{
	z-index: 2;
	position: relative;
}
.mv-icon svg{
	height: 30px;
	width: 30px;
}
.page-banner{
	position: relative;
	background-color: #693588;
}
.page-banner img{
	width: 100%;
	opacity: 0.5;
}
.page-banner .overlay{
	font-weight: 900;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-banner .overlay h1{
	font-size: calc(20px + (70 - 20) * (100vw - 320px) / (1920 - 320));
	font-weight: 900;
}
.page-banner.inner-banner{
	display: flex;
	flex-wrap: wrap;
}
.page-banner.inner-banner .infos{
	flex: 0 0 30%;
	color: #fff;
	padding: 50px 50px;
	min-height: 350px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.page-banner.inner-banner .banner-image {
    flex: 0 0 70%;
    color: #fff;
    height: inherit;
    background-size: cover;
    background-position: center center;
}
.page-banner.inner-banner  h1{
	font-size: 30px;
	font-weight: 600;
}
.services-thumb .image{
	position: relative;
	height: 100px;
	margin-bottom: 20px;
}
.services-thumb .image img{
	max-width: 50%;
	width: 300px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, -50%);
	transition: 0.5s ease;
}
.services-thumb:hover .image img{
	top: -10px;
}
.services-listings{
	display: flex;
	flex-wrap: wrap;
	margin-top: 110px;
	justify-content: center;
}
.services-listings .services-thumb{
	width: calc(25% - 30px);
	margin: 0 15px;
	margin-bottom: 100px;
	box-shadow: 0px 0px 22px -3px rgba(33,0,79,0.75);
	-webkit-box-shadow: 0px 0px 22px -3px rgba(33,0,79,0.75);
	-moz-box-shadow: 0px 0px 22px -3px rgba(33,0,79,0.75);
	padding: 5px;
	position: relative;
	border-radius: 20px;
	text-align: center;
	background: rgb(84,38,111);
    background: linear-gradient(0deg, rgba(84,38,111,1) 0%, rgba(146,72,190,1) 100%);
}
.services-listings .services-thumb>a{
	color: inherit;
	text-decoration: none;
}
.services-listings .thumb{
	background-color: #fff;
	padding: 15px;
	border-radius: 20px;
	
	height: 100%;
}
.services-listings .services-thumb .title{
	font-weight: 800;
	font-size: 20px;
	margin-bottom: 15px;
	color: #693588;
}
.services-listings .services-thumb .description{
	display: -webkit-box;
    line-height: 1.5em;
    max-height: 6em;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}
.page-template-page-services .container{
	width: 90% !important;
    max-width: 1936px;
}
.faq-accordion{
	border: 1px solid #ddd;
	
	border-radius: 15px;
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	overflow: hidden;
}
.faq-accordion .accordion-header{
	padding: 15px;
	border-bottom: 1px solid #ddd;
	font-weight: 900;
	transition: 0.5s ease;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 1.2em;
	font-size:20px ;

}
.faq-accordion .accordion-header .question{
	flex: 1;
}
.faq-accordion .accordion-header svg{
	font-weight: 600;
	margin-right: 10px;
}

.content-section{
	overflow: hidden;
	max-width: 	100%;
}
.banner-content{
	text-align: center;
}
.faq-accordion .accordion-header:hover, .faq-accordion.active .accordion-header{
	background-color: #693588;
	color: #fff;
}
.faq-accordion .accordion-content .answer{
	padding: 15px;
}
.faq-accordion .accordion-content{
	display: none;
}
.faq-accordion.active .accordion-content{
	display: block;
}
.about-section{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.about-section .image{
	width: calc(50% - 30px);
	margin: 0 15px;
}
.about-section .image img{
	max-width: 100%;
}
.about-section .infos{
	width: calc(50% - 30px);
	margin: 0 15px;
}
.accordion-compensation{
	font-size: 17px;
	margin-top: 5px;
	opacity: 0.5;
}
.job-section-title{
	color: #693588;
	font-weight: 900;
	font-size: 18px;
	margin-bottom: 15px;
}
.faq-accordion ul{
	padding-left: 30px;
}
.faq-accordion ul li{
	margin-bottom: 15px;
	position: relative;
	padding-left: 23px;
}
.faq-accordion li::before {
    content: "\00BB";
    position: absolute;
    left: 0;
    font-size: 29px;
    line-height: 0px;
    color: #693588;
    font-weight: 900;
    top: 7px;
}
.form-row{
	display: flex;
	flex-wrap: wrap;
}

.form-row .column-by-2{
	width: calc(50% - 30px);
	margin: 0 15px;
}
.form-row>div{
	margin-bottom: 20px !important;
}
.form-row .column-by-1{
	width: calc(100% - 30px);
	margin: 0 15px;
}
.form-row .field-title{
	font-size: 18px;
	font-weight: 900;
	color: #693588;;
	margin-bottom: 5px;
	display: inline-block;
}
.onboarding-slide{
	color: #fff;
}
.onboarding-slide ol{
	padding-left: 0px;
}
.onboarding-slide .slick-slide{
	border: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.onboarding-slide .slick-track{
	padding-top: 0px;
}
.career-bottom-sections{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.career-bottom-sections .section-column{
	width: 	calc(50% - 60px);
	margin: 0 30px;
}
.onboarding-slide .slick-dots{
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}
.onboarding-slide .slick-dots li{
	width: 20px;
	height: 20px;
	background-color: #fff;
	color: #693588;
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 3px;
	border-radius: 20px;
	opacity: 0.5;
	transition: 0.5s ease;
	cursor: pointer;
}
.onboarding-slide .slick-dots .slick-active{
	opacity: 1;
}
.menu-bars{
	display: none;
}
.form-layout{
	background-color: #fff;
    /*color: #693588;*/
    padding: 30px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
	border: 1px solid black;
}

.form-title{
    
    font-weight: 900;
    font-size: calc(20px + (40 - 20) * (100vw - 320px) / (1920 - 320));
    margin-bottom: 15px;
    color: #693588;

}
.service-form {
    width: 1000px;
    margin: 0 auto;
    max-width: 100%;
}
.contact-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.contact-row .contact-column{
	width: calc(50% - 30px);
	margin: 0 15px;
}
.company-name{
	color: #693588;
    font-weight: 900;
   	font-size: calc(20px + (30 - 20) * (100vw - 320px) / (1920 - 320));
    margin-bottom: 15px;
}
.art-company-name{
	color: #693588;
    font-weight: 900;
   	font-size: calc(20px + (25 - 20) * (100vw - 320px) / (1920 - 320));
 
}
.contact-group-title{
	font-size: calc(20px + (23 - 20) * (100vw - 320px) / (1920 - 320));
	color: #693588;
	font-weight: 900;
	margin: 10px 0px;
}
.company-details{
	margin-bottom: 10px;
	display: flex;
}
.company-details svg {
    margin-right: 10px;
    transform: translate(0, 5px);
}
.social-link{
	display: inline-flex;
	width: 30px;
	height: 30px;
	color: #fff;
	border: 2px solid #693588;
	background-color: #693588;
	border-radius: 30px;
	align-items: center;
	justify-content: center;
	transition: 0.5s ease;
	margin-right: 10px;
}
.social-link:hover{
	color: #693588;
	background-color: transparent;
}
.social-icons-heading{
	margin-top: 30px;
	color: #693588;
    font-weight: 900;
   	font-size: calc(20px + (25 - 20) * (100vw - 320px) / (1920 - 320));
}
.pop-up-form{
	width: 1000px;
	max-width: 90%;
	margin: 0 auto;
	position: relative;

}
/* The chk-container */
.chk-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.chk-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #693588;
}

/* On mouse-over, add a grey background color */
.chk-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.chk-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.chk-container .checkmark:after {
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #693588;
}
.popup-modal-dismiss{
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: #693588;
	border: 2px solid #693588;
	border-radius: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	position: absolute;
    top: 15px;
    right: 15px;
}
.courses-listings{
	display: flex;
	flex-wrap: wrap;
}
.courses-listings .courses-thumb {
	width: calc(33.33% - 30px);
	margin: 0 15px;
	border: 2px solid #ddd;
    text-align: center;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    background: rgb(84,38,111);
    background: linear-gradient(0deg, rgba(84,38,111,1) 0%, rgba(146,72,190,1) 100%);
    padding: 5px;
}
.courses-listings .courses-thumb .thumb{
	background-color: #fff;
	border-radius: 23px;
	overflow: hidden;
}
.courses-listings .courses-thumb .infos{
	padding: 15px;
}
.courses-listings .courses-thumb .infos .title {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 15px;
    color: #693588;
}
.courses-thumb .image{
	overflow: hidden;
}
.courses-thumb .image img{
	width: 100%;
	height: auto;
	transition: 0.5s ease;
}
.courses-thumb:hover .image img{
	transform: scale(1.2);
	transform-origin: center center;
}
.courses-listings .courses-thumb .description{
	display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.thumbnail-button{
	margin: auto 0 0 0;
	margin-bottom: 15px;
}
.hidden-field {
	display: none;
}
.tools-slider img{
		width: 	100%;
}
.tools-slider .slick-track
{
    display: flex !important;
}

.tools-slider .slick-slide
{
    height: inherit !important;
}
.tools-slider .slick-slide {
	margin: 0 15px;
	display: flex;
	align-items: center;
}
.contact-map{
	margin-bottom: 15px;
}
.footer-container{
	width: 90%;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 30px;
	border-bottom: 2px solid #fff;
}
.footer-flex{
	display: flex;
	flex-wrap: wrap;
}
.footer-flex .site-name{
	color: #fff;
	font-size: calc(20px + (25 - 20) * (100vw - 320px) / (1920 - 320));
	font-weight: 800;
	margin-bottom: 15px;
}
.flex-footer{
	display: flex;
}
.hide{
	display: none !important;
}
.company-details a{
	color: inherit;
	text-decoration: none;
}
.footer-container .company-details{
	color: #fff;
}
.footer-flex .site-info{
	flex: 1;
}
.footer-menu-header{
	color: #fff;
	font-size: calc(20px + (22 - 20) * (100vw - 320px) / (1920 - 320));
	font-weight: 800;
	padding-top: 2px;
	margin-bottom: 15px;
}
.footer-menu-group{
	flex: 0 0 15%;
}
.footer-menu-group ul{
	padding-left: 0px;
}
.footer-menu-group ul li{
	padding-bottom: 10px;
}
.footer-menu-group ul li a{
	color: #fff;
	text-decoration: none;
}

.footer-newsletter-container{
	flex: 0 0 10%;
}
.newsletter-description{
	color: #fff;
}
.newsletter-form{
	display: flex;
	margin-top: 10px;
}
.newsletter-form{
	border: 2px solid #fff;
	display: flex;
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 15px;
}
.news-form-field{
	flex: 1;
}
.newsletter-field,.newsletter-field:focus{
	border: 0px;
	background-color: transparent;
	width: 100%;
	padding: 10px 20px;
	outline: none;
	color: #fff;
}
.btn-newsletter{
	display: inline-flex;
	border: 0px;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	font-weight: 800;
	color: #693588;
	transition: 0.5s ease;
	border-left: 2px solid #fff;
}
.btn-newsletter:hover{
	color: #fff;
	background-color: transparent;
	border-left: 2px solid #fff;
}

.newsletter-field::placeholder {
  color: #b1b1b1;
  opacity: 1; /* Firefox */
}
footer .social-link{
	background-color: #fff;
	color: #693588;
	border: 2px solid #fff;
}
footer .social-link:hover{
	color: #fff;
}
.video-row{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    
}
.parallax{
    background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0;
    scroll-margin-top: 80px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;

}
.video-row .video-player-container{
    width: 1000px;
    max-width: 100%;
    margin-top: 30px;
}
.video-link, .approach-link{
    margin-top: 20px;
    text-align: center;
    
}
.video-link a, .approach-link a{
    text-decoration: none;
    color: #693588;
    font-weight: 600;
    font-size: 20px;
}
.approach-grid{
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    -ms-grid-rows: 1fr;
    gap: 70px;
    margin-top: 30px;
}
.approach-grid .title {
    color: #693588;
    font-size: 20px;
    font-weight: 800;
}
.approach-grid .approach-thumb{
    position: relative;
}
.approach-grid .approach-arrow {
    color: #693588;
    font-size: 20px;
    font-weight: 800;
    position: absolute;
    right: -42px;
}
.approach-grid .approach-thumb:last-of-type .approach-arrow{
   display: none;
}
.home-case-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.home-case-row  .video-player-container, .home-case-row .infos{
	width: calc(50% - 30px);
	margin: 0 15px;
}
.full-width{
	width: 100%;

}
.testimonial-container .image{
	width: 200px;
	position: absolute;
	right: 0;
	top: 0;
}
.testimonial-container  .infos{
	
	background-color: #fff;
	width: calc(100% - 100px);
	z-index: 1;
	position: relative;
	padding: 25px 30px;
	margin-top: 60px;
}
.testimonial-container  .infos.blue{
	background-color: #693588;
	color: #fff;
}
.testimonial-container  .infos .client-position{
	font-weight: 600;
	margin-bottom: 20px;
}
.testimonial-container  .infos .description{
	font-size: 20px;
}
.insights-grid{
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr ;
    -ms-grid-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    -ms-grid-rows: 1fr;
    gap: 30px;
    margin-top: 30px;
}
.insights-grid a{
	text-decoration: none;
	color: inherit;
	display: inline-flex;
	min-height: 500px;
	overflow: hidden;
}
.insights-grid a .contents{
	flex: 0 0 50%;
	color: #fff;
	background-color: #693588;
	padding: 30px;
	display: inline-flex;
	align-items: center;
	transition: 0.5s ease;
}
.insights-grid a .contents>div{
	width: 250px;
}
.insights-grid a:hover .contents{
	flex: 0 0 60%;
}
.insights-grid a .image{
	flex: 0 0 50%;
	color: #fff;
	background-position: center center;
	background-size: cover;
}
.insights-grid a .contents .category{
	
}
.insights-grid a .contents .post-title{
	font-weight: 800;
	font-size: calc(20px + (23 - 20) * (100vw - 320px) / (1920 - 320));
}
.insights-grid a .contents .read-more{
	background-color: #fff;
	color: #693588;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 6px;
	font-weight: 800;
	margin-top: 15px;
}
.alternate-background{
	background-color: #F6F1EB;
}
.articles-listings{
	display: flex;
	flex-wrap: wrap;
}
.articles-listings .article-thumb{
	width: calc(33.33% - 30px);
	margin: 0 15px;
	margin-bottom: 30px;
}
.articles-listings .article-thumb .author{
	margin: 5px 0px;
}
.articles-listings .article-thumb .title{
	font-size: 20px;
	font-weight: 800;
}
.articles-listings .article-thumb .image{
	overflow: hidden;
}
.articles-listings .article-thumb .image img {
    width: 100%;
    transition: 0.5s ease;
    height: 223px;
    object-fit: cover;
}
.articles-listings .article-thumb:hover .image img{
	transform: scale(1.3);
	transform-origin: center center;
}
.inherit-link{
	text-decoration: none;
	color: inherit;
}
.article-inner-grid{
	display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-start;
}
.article-inner-grid .article-meta{
	min-width: 323px;
    padding: 0px 25px;
    position: sticky;
    top: 120px;
}
.share{
	display: flex;
	align-items: center;
}
.share strong{
	margin-right: 5px;
}
.article-inner-grid .article-meta img{
	width: 100px;
}
.articles-template-default *:not(.menu-header-menu-container),.event_and_conference-template-default *:not(.menu-header-menu-container), .case-study-template-default *:not(.menu-header-menu-container){
    box-sizing: border-box;
    overflow: visible; !important;
}
.term-listings{
	padding: 0px 15px;
	margin-bottom: 30px;
}
.term-filter{
	border: 2px solid #693588;
	font-weight: 600;
	padding: 5px 15px;
	color:#fff;
	background-color: #693588;
	transition: 0.5s ease;
	border-radius: 5px;
	cursor: pointer;
}
.term-filter.active, .term-filter:hover{
	background-color: #fff;
	color: #693588;
}
.case-section{
	margin-top: 20px;
}
.case-section .case-section-title{
	margin-bottom: 20px;
}
.case-content li, .service-content li {
	position: relative;
	margin-bottom: 3px;
}
.case-content li:after, .service-content li:after{
	content: "";
	width: 8px;
	height: 8px;
	background-color: #212529;
	position: absolute;
	left: 0px;
	top: 8px;
	border-radius: 50px;
	transform: translate(-15px, 0px);
}
.beliefs-content{
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 30px;
}
.beliefs-content tbody tr{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.beliefs-content tbody tr td{
	display: flex;
	flex-direction: column;
	padding: 0 15px;
	text-align: justify;

}
.beliefs-content tbody tr strong{
	font-size: calc(20px + (23 - 20) * (100vw - 320px) / (1920 - 320));
	display: inline-block;
	margin-bottom: 15px;
	position: relative;
	padding-right: 15px;
}
.beliefs-content tbody tr strong:after{
	content: "";
	width: 10px;
	height: 10px;

}

.beliefs-content tbody tr:first-of-type td:first-of-type strong {
    font-size: calc(20px +(35 - 20)*(100vw - 320px) /(1920 - 320));
    width: 220px;
    line-height: 1em;
    max-width: 100%;
}
.clients-listing{
	display: flex;
	flex-wrap: wrap;
}
.clients-listing .thumb{
	width: calc(25% - 30px);
	margin: 0 15px;
	margin-bottom: 30px;
	text-align: center;
}
.clients-listing .thumb img{
	 	max-width: 100%;
}
.flex-footer .contact-infos:not(:last-of-type){
	margin-right: 30px;
}
.no-content{
    width: 1000px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
    font-size: calc(20px + (20 - 20) * (100vw - 320px) / (1920 - 320));
    color: #8e8989;
    
}
.no-content-icon{
    font-size: calc(20px + (150 - 20) * (100vw - 320px) / (1920 - 320));
}
.corevalues-grid{
		display: grid;
	    display: -ms-grid;
	    grid-template-columns: 1fr auto 1fr;
	    -ms-grid-columns: 1fr auto 1fr;
	    grid-template-rows: auto auto auto;
	    -ms-grid-rows: auto auto auto;
	    background-color: #693588;
	    color: #fff;
	    gap: 20px;
	}
	.middle-circle{
		height: 300px;
		width: 300px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 60px;
		font-weight: 600;
		border-radius: 100%;
		border: 1px solid #FFF;
		color: #fff;
		text-align: center;
		background-color: #693588;

	}
	.middle-content{
		grid-column: 2 / 3;
	    grid-row: 2 / 3;
	    -ms-grid-column: 3;
	    -ms-grid-row: 1;
	    -ms-grid-column-span: 1;
	    -ms-grid-row-span: 1;
	    padding: 27px;
	    border: 1px solid #fff;
	    border-radius: 50%;
	}
	.middle-content{
		grid-column: 2 / 3;
	    grid-row: 2 / 3;
	    -ms-grid-column: 3;
	    -ms-grid-row: 1;
	    -ms-grid-column-span: 1;
	    -ms-grid-row-span: 1;
	    padding: 27px;
	    border: 1px solid #fff;
	    border-radius: 50%;
	}
	.top-content{
		grid-column: 1 / 4;
	    grid-row: 1 / 2;
	    -ms-grid-column: 3;
	    -ms-grid-row: 1;
	    -ms-grid-column-span: 1;
	    -ms-grid-row-span: 1;
	}
	.left-mid-content{
		display: flex;
		align-items: center;
	}
	.right-mid-content{
		display: flex;
		align-items: center;
	}
	.right-bottom-content{
		grid-column: 3 / 4;
	    grid-row: 3 / 4;
	    -ms-grid-column: 3;
	    -ms-grid-row: 1;
	    -ms-grid-column-span: 1;
	    -ms-grid-row-span: 1;
	}
	.core-values-template{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.core-values-template .icon{
		font-size: 30px;
		border-radius: 100%;
		width: 50px;
		height: 50px;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		display: inline-flex;
		

	}
	.core-values-template .title{
		font-weight: 600;
		font-size: 25px;
		margin-bottom: 15px;
	}

	.core-values-template.expertise{
		max-width: 50%;
		margin-left: 50%;
		width: 600px;
		transform: translate(-50%);
		flex-direction: column-reverse;

	}
	.core-values-template.expertise .infos{
		border: 3px solid rgb(255,176,84);
		padding: 20px;
		border-radius: 20px;
		position: relative;
	}
	
	.core-values-template.expertise .icon{
		background-color: rgb(255,176,84);
		margin-top: 20px;
		position: relative;
		animation: pulse-animation-innovation 4s infinite;
	}



	.core-values-template.agile {
	    /* transform: translate(-25px); */
	    flex-direction: row-reverse;
	}
	.core-values-template.agile .infos{
		border: 3px solid rgb(25,177,239);
		padding: 20px;
		border-radius: 20px;
		position: relative;
	}
	.core-values-template.agile .icon{
		background-color: rgb(25,177,239);
		margin-left: 20px;
		animation: pulse-animation-innovation 4s infinite;
	}


	.core-values-template.innovation{
	}
	.core-values-template.innovation .infos{
		border: 3px solid #F26C42;
		padding: 20px;
		border-radius: 20px;
		position: relative;

	}
	.core-values-template.innovation .icon{
		background-color: #F26C42;
		margin-right: 20px;
		animation: pulse-animation-innovation 4s infinite;
	}
	@keyframes pulse-animation-innovation {
	  0% {
	    transform: scale(1);
	  }
	  50% {
	    transform: scale(1.2);
	  }
	  100% {
	    transform: scale(1);
	  }
	}

	.core-values-template.collaboration {
	    transform: translate(20%, 1.3vw);
	    flex-direction: row-reverse;
	    align-items: flex-start;
	    align-self: flex-start;
	}
	.core-values-template.collaboration .infos{
		border: 3px solid #81BE66;
		padding: 20px;
		border-radius: 20px;
		position: relative;
	}
	.core-values-template.collaboration .icon{
		background-color: #81BE66;
		margin-left: 20px;
		transform: translate(0, calc(-100% - 0px));
		animation: pulse-animation-emphathy 4s infinite;
	}

	@keyframes pulse-animation-collaboration {
	  0% {
	    transform: translate(0, calc(-100% - 0px))  scale(1);
	  }
	  50% {
	    transform: translate(0, calc(-100% - 0px))  scale(1.2);
	  }
	  100% {
	    transform: translate(0, calc(-100% - 0px)) scale(1);
	  }
	}

	.core-values-template.emphaty {
	    transform: translate(-20%, 1.3vw); 
	    flex-direction: row;
	    align-items: flex-start;

	}

	.core-values-template.emphaty .infos{
		border: 3px solid #ED7BAC;
		padding: 20px;
		border-radius: 20px;
		position: relative;
	}
	.core-values-template.emphaty .icon{
		background-color: #ED7BAC;
		margin-right: 20px;
		transform: translate(0, calc(-100% - 0px));
		animation: pulse-animation-emphathy 4s infinite;
	}

	@keyframes pulse-animation-emphathy {
	  0% {
	    transform: translate(0, calc(-100% - 0px))  scale(1);
	  }
	  50% {
	    transform: translate(0, calc(-100% - 0px))  scale(1.2);
	  }
	  100% {
	    transform: translate(0, calc(-100% - 0px)) scale(1);
	  }
	}
@media screen and (max-width: 1280px) {
	.video-banner .banner-content {
	    text-align: left;
	    width: 49%;
	    padding: 0 50px;
	}
	.contact-heading {
	    font-weight: 600;
	    color: #fff;
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	
}
@media screen and (max-width: 1024px) {
	footer{
		font-size: 12px;
	}
	.footer-flex .site-name, .footer-menu-header{
		font-size: calc(17px + (20 - 20) * (100vw - 320px) / (1920 - 320));
	}
	.middle-content {
        grid-column: 1 / 4;
        grid-row: 1 / 2;
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row-span: 1;
        padding: 27px;
        border: 0px solid #fff;
        border-radius: 0%
    }
    .middle-circle {
        height: auto;
        width: 100%;
        border: 0px solid #FFF;
    }
    .top-content {
        grid-column: 1 / 4;
        grid-row: 2 / 3;
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-column-span: 3;
        -ms-grid-row-span: 1;
    }
    .left-mid-content{
        grid-column: 1 / 4;
        grid-row: 3 / 4;
        -ms-grid-column: 1;
        -ms-grid-row: 3;
        -ms-grid-column-span: 3;
        -ms-grid-row-span: 1;
    }
    .right-mid-content{
        grid-column: 1 / 4;
        grid-row: 4 / 5;
        -ms-grid-column: 1;
        -ms-grid-row: 4;
        -ms-grid-column-span: 3;
        -ms-grid-row-span: 1;
    }
    .left-bottom-content{
        grid-column: 1 / 4;
        grid-row: 5 / 6;
        -ms-grid-column: 1;
        -ms-grid-row: 5;
        -ms-grid-column-span: 3;
        -ms-grid-row-span: 1;
    }
    .right-bottom-content{
        grid-column: 1 / 4;
        grid-row: 6/ 7;
        -ms-grid-column: 1;
        -ms-grid-row: 6;
        -ms-grid-column-span: 3;
        -ms-grid-row-span: 1;
    }
    .core-values-template.expertise, .core-values-template.agile, .core-values-template.innovation , .core-values-template.collaboration{
        max-width: 100%;
        margin-left: 0%;
        width: 100%;
        transform: translate(0%);
        flex-direction: row;
        flex-wrap: wrap;
    }
    .core-values-template.collaboration .icon, .core-values-template.emphaty .icon {
        margin-left: 0;
        transform: translate(0, calc(0% - 0px));
        animation: pulse-animation-innovation 4s infinite;
    }
   
    .core-values-template.emphaty {
        transform: translate(0%, 0vw);
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }
    .core-values-template .icon {
        font-size: 30px;
        border-radius: 100%;
        width: 70px;
        height: 70px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        display: inline-flex;
        animation: pulse-animation-innovation-mobile 4s infinite !important;
        z-index: 1;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .core-values-template{
        position: relative;
    }
    .core-values-template .infos {
        padding: 40px !important;
        border-radius: 20px !important;
        text-align: center;
        
    }
    @keyframes pulse-animation-innovation-mobile {
	  0% {
	    transform: translate(0px, 50%) scale(1);
	  }
	  50% {
	    transform: translate(0px, 50%) scale(1.2);
	  }
	  100% {
	    transform:  translate(0px, 50%) scale(1);
	  }
	}
}
@media screen and (max-width: 909px) {
    .corevalues-grid {
        
        padding: 20px !important;
    }
	.menu-header-menu-container{
		width: 100%;
    	padding: 30px;
	}
	.contact-row .contact-column{
		width: 100%;
		margin: 0px;
	}
	.contact-row .contact-column:last-of-type{
		order: -1;
		margin-bottom: 30px;
		text-align: center;
	}
	.menu-bars{
		font-size: 24px;
	    position: absolute;
	    top: 50%;
	    right: 32px;
	    transform: translate(0px, -50%);
	    display: block;
	    z-index: 100;
	}
	.career-bottom-sections .section-column {
	    width: calc(80% - 60px);
	    margin: 0 30px;
	}
	.filter-close{
		font-size: 13px;
	    color: #fff;
	    background-color: #000;
	    padding: 5px;
	    display: inline-block;
	    width: 19px;
	    height: 19px;
	    border-radius: 5px;
	    position: absolute;
	    right: 15px;
	    top: 15px;

	}
	.head-container #menu{
		position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    transform: translate(0px, 100%);
	    background-color: #fff;
	    justify-content: center;
	    padding-bottom: 0px;
	    border-bottom: 2px solid #ddd; 
	    max-height: 0px;
	    overflow: hidden;
	    transition: 0.5s ease;
	    height: 100vh;
	}
	.head-container #menu.active{
		position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    transform: translate(0px, 100%);
	    background-color: #fff;
	    justify-content: center;
	    padding-bottom: 0px;
	    border-bottom: 2px solid #ddd; 
	    max-height: 100vh;
	    overflow: scroll;
	    height: 100vh;
	}
	.head-container #menu ul {
	    margin-bottom: 0px;
	    padding-left: 0px;
	    width: 100%;

	}
	.head-container #menu ul li {
	    display: inline-block;
	    width: 100%;
	    padding-left: 0;
	    text-align: center;
	}
	.head-container #menu ul li a {
	    color: #000;
	    text-decoration: none;
	    font-weight: 600;
	    display: inline-block;
	    width: 100%;
	    padding: 3px;
	    margin-bottom: 5px;
	}
	.footer-flex .site-info {
	    flex: 0 0 100%;
	    margin-bottom: 30px;
	}
	.flex-footer .contact-infos{
		width: 50%;
	}
	.footer-menu-group {
	    flex: 0 0 33.33%;
	}
	.footer-newsletter-container {
	    flex: 0 0 33.33%;
	}
	.video-banner .banner-content {
        text-align: left;
        width: 100%;
        padding: 0 50px;
    }
    .approach-grid {
	    display: grid;
	    display: -ms-grid;
	    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
	    grid-template-rows: 1fr;
	    -ms-grid-rows: 1fr;
	    gap: 70px;
	    margin-top: 30px;
	    overflow: scroll;
	}
	
	.head-container #menu ul li a {
        color: #000;
        text-decoration: none;
        font-weight: 600;
        display: inline-block;
        width: 100%;
        padding: 11px;
        margin-bottom: 5px;
        text-align: left;
    }
    .head-container #menu ul li .sub-menu {
	    position: relative;
	    left: 0;
	    bottom: 0;
	    transform: translate(0, 0%);
	    background-color: #fff;
	    padding-left: 20px;
	    display: none;
	    border: 0px solid #ddd;
	    width: 100%;
	    max-width: 100%;
	}
	.head-container #menu.active {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translate(0px, 100%);
        background-color: #fff;
        justify-content: center;
        padding-bottom: 0px;
        border-bottom: 2px solid #ddd;
        max-height: 100vh;
        overflow-x: scroll;
        height: calc(100vh - 100px);
    }
    .page-banner.inner-banner .infos {
	    flex: 0 0 50%;
	    color: #fff;
	    padding: 50px 50px;
	    min-height: 200px;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	}
	.page-banner.inner-banner .banner-image {
	    flex: 0 0 50%;
	    color: #fff;
	    height: inherit;
	    background-size: cover;
	    background-position: center center;
	}
	.articles-listings .article-thumb {
	    width: calc(50% - 30px);
	    margin: 0 15px;
	    margin-bottom: 30px;
	}
	.insights-grid a {
	    text-decoration: none;
	    color: inherit;
	    display: inline-flex;
	    min-height: 500px;
	    overflow: hidden;
	    flex-direction: column-reverse;
	}
	.contact-row .wpcf7{
	    max-width: 100%;
	}

}

@media screen and (max-width: 576px) {
        .middle-circle {
        height: auto;
        width: 100%;
        border: 0px solid #FFF;
        font-size: 38px;
    }
	.article-inner-grid .article-meta {
	    min-width: 323px;
	    padding: 0px 0px;
	    position: sticky;
	    top: 120px;
	    width: 100%;
	    margin-bottom: 15px;
	}
	.article-inner-grid {
	    flex-direction: column;
	}
	.term-filter {
        border: 2px solid #693588;
        font-weight: 600;
        padding: 5px 15px;
        color: #fff;
        background-color: #693588;
        transition: 0.5s ease;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        margin-bottom: 5px;
        font-size: 13px;
    }
    .articles-listings .article-thumb {
        width: calc(100% - 30px);
        margin: 0 15px;
        margin-bottom: 30px;
    }
	.page-banner.inner-banner .infos {
        flex: 0 0 100%;
        color: #fff;
        padding: 50px 15px;
        min-height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
	.page-banner.inner-banner h1 {
	    font-size: 23px;
	    font-weight: 600;
	}
	.flex-footer .contact-infos {
	    margin-right: 0px !important;
	    width: 100%;
	}
	.page-banner.inner-banner .banner-image {
        flex: 0 0 100%;
        color: #fff;
        height: inherit;
        background-size: cover;
        background-position: center center;
        /* height: 200px; */
        min-height: 200px;
    }
	.page-banner.inner-banner {
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: column-reverse;
	}
	.page-banner.inner-banner .infos {
        flex: 0 0 100%;
        color: #fff;
        padding: 50px 20px;
        min-height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .page-banner.inner-banner .banner-image {
        flex: 0 0 100%;
        color: #fff;
        height: inherit;
        background-size: cover;
        background-position: center center;
        height: 200px;
    }
	.page-banner.inner-banner .infos {
        flex: 0 0 100%;
        color: #fff;
        padding: 50px 15px;
        min-height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
	.diffferences-content tr{
		flex-direction: column;
	}
	.diffferences-content tr:nth-child(odd){
		flex-direction: column-reverse;
	}
	.diffferences-content tr td{
		width: 100% !important;
	}
	.home-case-row  .video-player-container, .home-case-row .infos {
	    width: calc(100% - 30px);
	    margin: 0 15px;
	}
	.insights-grid {
	    display: grid;
	    display: -ms-grid;
	    grid-template-columns: 1fr;
	    -ms-grid-columns: 1fr;
	    grid-template-rows: 1fr;
	    -ms-grid-rows: 1fr;
	    gap: 30px;
	    margin-top: 30px;
	}
	.video-banner .hero-bg {
	    opacity: 1;
	    width: 100%;
	    object-fit: cover;
	    height: 100%;
	    object-position: center center;
	}
	.video-banner {
	    max-height: 100vh;
	    overflow: hidden;
	    position: relative;
	    background-color: #000;
	    height: 450px;
	}

	.banner-tagline {
	    font-size: calc(15px + (10 - 15) * (100vw - 320px) / (1920 - 320));
	    font-family: "Canva Sans Bold";
	    font-weight: 800;
	    color: #fff;
	    margin-bottom: 10px;

	}
	.banner-heading {
	    font-family: "Canva Sans Bold";
	    font-weight: 800;
	    color: #fff;
	    font-size: calc(20px +(20 - 20)*(100vw - 320px) /(1920 - 320));
	    position: relative;
	    padding-top: 10px;
	}
	.beliefs-content tbody tr td {
	    display: flex;
	    flex-direction: column;
	    padding: 0 15px;
	    width: 100% !important;
	    margin-bottom: 15px;
	}
	.banner-text {
	    color: #fff;
	    font-size: calc(15px + (20 - 15) * (100vw - 320px) / (1920 - 320));
	    padding: 30px 15px;
	    text-align: center;
	}
	.footer-newsletter-container{
		flex: 0 0 100%;
	}
	.flex-footer {
	    display: flex;
	    flex-direction: column;
	}
	.footer-menu-group {
	    flex: 0 0 100%;
	}
	.flex-footer .contact-infos{
		margin-bottom: 15px;
	}
	.content-section.curve-bg {
	    background-size: 100% 79px;
	    background-position: top left;
	    background-repeat: no-repeat;
	    padding-top: 121px;
	}
	.about-row .about-row-image, .about-row .about-row-infos{
		width: 	calc(100% - 30px);

	}
	.about-row .about-row-image{
		order: 	-1;
		margin-bottom: 	15px;
	}
	.form-row .column-by-2 {
	    width: calc(100%);
	    margin: 0 0px;
	}
	.services-listings .services-thumb{
		width: 	100%;
	}
	.head-container {
	    display: flex;
	    flex-wrap: wrap;
	    width: 90%;
	    margin: 0 auto;
	    padding: 13px 0px;
	    align-items: center;
	}
	.menu-bars{
		font-size: 24px;
	    position: absolute;
	    top: 50%;
	    right: 32px;
	    transform: translate(0px, -50%);
	    display: block;
	    z-index: 100;
	}
	.head-container #menu{
		position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    transform: translate(0px, 100%);
	    background-color: #fff;
	    justify-content: center;
	    padding-bottom: 0px;
	    border-bottom: 2px solid #ddd; 
	    max-height: 0px;
	    overflow: hidden;
	    transition: 0.5s ease;
	}
	.head-container #menu.active{
		position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    transform: translate(0px, 100%);
	    background-color: #fff;
	    justify-content: center;
	    padding-bottom: 0px;
	    border-bottom: 2px solid #ddd; 
	    max-height: 100vh;
	}
	.head-container #menu ul {
	    margin-bottom: 0px;
	    padding-left: 0px;
	    width: 100%;

	}
	.head-container #menu ul li {
	    display: inline-block;
	    width: 100%;
	    padding-left: 0;
	    text-align: center;
	}
	.head-container #menu ul li a {
	    color: #000;
	    text-decoration: none;
	    font-weight: 600;
	    display: inline-block;
	    width: 100%;
	    padding: 3px;
	    margin-bottom: 5px;
	}
	.about-section .image{
		width: 100%;
		margin: 0;
		margin-bottom: 15px;
		order: -1;
	}
	.about-section .infos{
		width: 100%;
		margin: 0;
		margin-bottom: 15px;
	}
	.courses-listings .courses-thumb{
		width: 100%;
		margin: 0px;
		margin-bottom: 15px;
	}
	.article-inner-grid .article-meta {
        min-width: 323px;
        padding: 0px 0px;
        position: relative;
        top: 0px;
        width: 100%;
        margin-bottom: 15px;
    }
    .contact-map .grid-column {
	    width: calc(100% - 30px);
	    margin: 0 15px;
	    margin-bottom: 30px;
	}
	.site-logo {
	    width: 149px;
	}
	.head-container #menu.active {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translate(0px, 100%);
        background-color: #fff;
        justify-content: center;
        padding-bottom: 0px;
        border-bottom: 2px solid #ddd;
        max-height: 100vh;
        overflow-x: scroll;
        height: calc(100vh - 81px);
    }


}
@media screen and (max-width: 450px) {
	
}