@font-face {
    font-family: 'Inter Medium';
    src: url('../fonts/Inter-Medium.eot');
    src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Medium.woff2') format('woff2'), url('../fonts/Inter-Medium.woff') format('woff'), url('../fonts/Inter-Medium.ttf') format('truetype'), url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Inter SemiBold';
    src: url('../fonts/Inter-SemiBold.eot');
    src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-SemiBold.woff2') format('woff2'), url('../fonts/Inter-SemiBold.woff') format('woff'), url('../fonts/Inter-SemiBold.ttf') format('truetype'), url('../fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


body {
	font-style: normal;
  	font-stretch: normal;
  	line-height: normal;
  	letter-spacing: normal;
  	-webkit-font-smoothing: antialiased;
  	-moz-font-smoothing: antialiased;
  	-o-font-smoothing: antialiased;
}



a.active, a:focus, button:focus, button.active {
	outline: none;
}
button:focus{
    outline: none !important;
}
a {
	text-decoration: none;
}
.btn:focus {
	box-shadow: none;
}
a:focus, a:hover, a:active {
	outline: 0;
	box-shadow: 0;
}
a:focus, a:hover {
	text-decoration: none;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6 {
	margin-bottom: 0;
}
a {
	transition: all ease-in-out 0.5s;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	list-style: none;
}
p {
	margin: 0;
}
.form-control:focus{
    border-color: #D1D1D1 !important;
    box-shadow: none !important;
}
input:focus, select:focus, textarea:focus {
	outline: none;
}
figure {
	margin: 0;
}
img {
	border-style: none;
	display: inline-block;
	max-width: 100%;
	height: auto;
}


.form-control:focus {
	box-shadow: none;
}

img{
    width: 100%;
    display: inline-block;
}

ul, ol{
    padding: 0;
    margin: 0;
    list-style: none;
}

.wrapper{
    position: relative;
    overflow: hidden;
}

.header{
    padding: 16px 0px;
    border-bottom: 1px #E7E7E7 solid;
}

.header .logo img{
    max-width: 180px;
}

.get-in-touch-btn{
    display: flex;
    align-items: center;
    justify-content: end;
}

.get-in-touch-btn .get-btn a{
    border: none;
    background-color: #2374e7;
    padding: 12px 25px 12px 25px;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-family: 'Inter Medium';
}

.banner-img-right img{
    padding-top: 30px;
}

.banner-text-left h1{
    font-size: 60px;
    color: #011F53;
    margin-bottom: 12px;
    line-height: 130%;
    padding-top: 215px;
    font-family: 'Inter Medium';
}

.banner-text-left h1 span{
    background-color: #F6F9FE;
    padding: 5px 5px 5px 5px;
    border-radius: 8px;
}

.banner-text-left h1 span span{
    color: #2374E7;
}

.banner-text-left p{
    font-size: 18px;
    color: #375281;
    margin-bottom: 10px;
    max-width: 406px;
    line-height: 30px;
    font-family: 'Inter Medium';
}

.video-section h1{
    font-size: 35px;
    color: #011F53;
    margin-bottom: 12px;
    margin-top: 50px;
    font-family: 'Inter Medium';
    margin-bottom: 50px;
}

.video-section{
    padding: 50px 0px;
    background-color: #f6f9fe;
    position: relative;
}

.video-box{
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
}


.video-section {
  text-align: center;
  padding: 50px 20px;
  background: #f9f9f9;
}

.video-section h2 {
  font-size: 2em;
  margin-bottom: 20px;
  color: #333;
}

.video-section video {
  max-width: 100%;
  width: 100%;
  height: auto;
  box-shadow: 0 10px 20px 0px rgba(128, 128, 128, .1);
}

.video-mail-btn{
    margin: 60px auto 40px;
}

.video-mail-btn a{
    border: none;
    background-color: #2374e7;
    padding: 12px 25px 12px 25px;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-family: 'Inter Medium';
}
.video-mail-btn a:hover{
    text-decoration: none;
    color: #fff;
}

footer{
    padding: 20px 0px;
    background-color: #011f53;
}

.footer-navigation{
    padding: 60px 0px;
}

.footer-logo a img{
    width: 150px;
}

.footer-logo p{
    color: #CDD7EA;
    font-family: 'Inter Medium';
    margin-bottom: 0;
    margin-top: 20px;
}

.ekit_social_media{
    margin: 0;
    display: flex;
    justify-content: end;
}

.ekit_social_media li{
    margin: 0px 0px 0px 10px;
}

.ekit_social_media li {
    text-align: center;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    width: 50px;
    height: 50px;
    line-height: 49px;
    color: #fff;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #FFFFFF12;
}

.social-icon p{
    font-size: 16px;
    text-align: right;
    color: #cdd7ea;
    margin-top: 20px;
}

.ekit_social_media li:hover {
    margin-top: -6px;
}

.ekit_social_media li a i{
    color: #fff;
}


.ekit_social_media li a:hover{
    text-decoration: none;
    color: #fff;
    
}

.translate_wrapper{
    font-size:16px;
    background:#fff;  
    border-radius:4px;
    position: relative;
}

.current_lang{
    cursor:pointer;
    text-transform:uppercase;
    overflow:hidden;
}

.lang{
    padding:5px 15px;
}

.lang.selected{
    display:none;
}

.lang img, 
.lang span.lang-txt{
    display:inline-block;
    margin-left:5px;
    vertical-align:middle;
}

.lang span.lang-txt{
    position:relative;
    top:-1px;
    font-weight:700;
}

.lang img{
    max-width: 44px;
    margin-right: 5px;
    width: 100%;
}

.lang span span{
    color:#999;
    font-weight:400;
}

.current_lang::after{
    position: absolute;
    content: '';
    background-image: url(../images/drop-icon.svg);
    width: 100%;
    max-width: 13px;
    height: 7.44px;
    background-repeat: no-repeat;
    right: 0px;
    top: 17px;
    z-index: 99;
}

.more_lang{
    position: absolute;
    transform:translateY(-20px);
    opacity:0;
    cursor:pointer;
    display:none;
    z-index: 999;
    -webkit-transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-moz-transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-o-transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-ms-transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	transition:all .3s cubic-bezier(.25, 1.15, .35, 1.15);
}

.translate_wrapper.active .more_lang{
    display:block; 
    z-index: 999;
    display: block;
    height: 44px;
    background: #fff;
    padding: 3px 0px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.more_lang.active{
    opacity:1;
    transform:translateY(-0px);
}