@font-face {
	font-family: 'Arimo';
	src: url('../fonts/Arimo-VariableFont_wght.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans';
	src: url('../fonts/NotoSans-Medium.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans';
	src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans';
	src: url('../fonts/NotoSans-Light.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Arimo';}
body { font-family: 'Noto Sans'; line-height: 1.2; color: #000;}

.btn {box-shadow: 0 6px 20px 0px #00000040; font-size: 17px; padding: 8px 30px; border-radius: 30px; white-space: nowrap;}
.btn_blue {background: #0164BD; color: #fff; }
.btn_white {background: #fff; color: #0164BD;}
.btn_white:focus, .btn_white:active, .btn_white:hover { background: #fff; color: #0164BD;}
.btn_blue:hover, .btn_blue:focus {background: #3792e2; color: #fff; outline: none;}
.bg_blue {background-color: #0164BD;}
.btn_white {background-color: #fff; color:#000;}
.btn_green:hover, .btn_green:focus{background-color: #fff; color: #000;}
.errMsg { display: block; margin: 5px; color: #fff; font-size: 14px;}

.header-strip {text-align: center; background: #66EBEE; padding: 10px;}
.header-strip .strip-btn-wraper { position: relative; display: inline-block; margin-left:20px;}
.header-strip .strip-btn-wraper .tag {position: absolute; background: red; font-size: 11px; padding: 0px 5px; border-top-left-radius: 10px; top: 0px; right: -25px; width: 32px; height: 20px; color: #fff; border: 1px solid #e90101; font-weight: bold; border-bottom-right-radius: 10px;}
header { padding:10px 0px; }
header img { width: 220px;}
/* home page css */
header a {text-decoration: none;}
.banner_wraper { background-image: url('../images/banner.png'); background-repeat: no-repeat; padding: 60px 0px}
.banner_wraper h1 {text-align: center; font-family: 'Arimo'; margin-bottom:20px; color: #fff; font-weight: bold; font-size: 50px; line-height: 1; padding: 0 130px;}
.banner_wraper img { width: 100%;}
.banner_wraper p {color: #fff; font-family: 'Noto Sans'; font-weight: 400; font-size: 22px; padding: 0 20px;}
.banner_box {border-radius: 0 0 70px 70px; position: relative;}
.banner_bottom { position: absolute; width: 75%; left: 50%; z-index: 1; transform: translate(-50%, 45%); bottom: 0%; background: #E0E6F3; border-radius: 55px 10px 55px 10px; padding: 25px 40px;display: flex; align-items: center; justify-content: space-between;}
.banner_bottom h6 {margin: 0;font-size: 32px; color: #0164BD; font-family: 700;}
.banner_bottom .btn {font-family: 'Arimo';}
.how_work_wraper { margin: 110px 0px }
.work_wraper { display: flex; justify-content: space-between; align-items: flex-end;}
.work_wraper .img_block{ width: 40%;}
.work_wraper .content_block{ width: 58%; background: #E0E6F3; padding: 50px 60px; box-shadow: 6px 14px 8px 0px #0000001c; border-radius: 20px;}
.work_wraper img {width: 100%;}
.work_wraper h5 { font-size: 34px; color: #0164BD; margin: 0 0 20px 20px}
.content_box {display: flex; align-items: center; justify-content: space-between;}
.content_box figure { width: 100px; height: 100px; margin:0 40px 0 0;}
.content_box figure img {width: 100%;}
.content_box div {width: 95%;}
.content_box_wraper a {text-align: right; font-weight: 700; color: #0164BD; font-size: 27px; display: block;}
.content_box div h3 { font-size: 37px; color: #0164BD;}
.content_box div p { font-size: 23px; line-height: 1.5;}
.content_box_wraper {margin-bottom: 100px;}

.support_section {text-align: center; border-radius: 105px 0px 105px 0px; padding: 40px 0px}
.support_section h4 {font-size: 34px; color: #fff; margin-bottom: 30px;}

footer { margin-top: 100px;}
.footer_background { background-image: url('../images/footer-bg.png'); background-repeat: no-repeat; padding: 90px 0px;}
footer h2 {color: #fff; font-size: 43px; margin-bottom: 20px;}
footer h6 {color: #fff; font-size: 29px;}
.flex_form {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.flex_form .form-group { width: 48%;}
.form_wraper .form-group { margin-bottom: 35px;}
.form_wraper .form-group textarea {height: 190px; resize: none}
.form_wraper .form-control { line-height: 2; font-size: 16px;}
.form_wraper .form-control:focus{box-shadow: none;}
.country_code { display: flex;}
.country_code select {border-radius: 5px; margin-right: 5px; color: #6C757D;}
.country_code select:focus { outline: unset;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/* ::placeholder {  color: #C1C1C1; opacity: 1;}
::-webkit-input-placeholder{color: #C1C1C1;}
 :-ms-input-placeholder { color: #C1C1C1; }
 ::-ms-input-placeholder {  color: #C1C1C1;} */

footer .btn {font-size: 14px; border: 2px solid #fff; color: #fff; border-radius: 23px; background-color: #0164BD;}
footer .btn:active, footer .btn:focus, footer .btn:hover{ background-color: #0E79D9; border-color: #fff; color: #fff;}
.row_sepration { border-bottom: 4px solid #ece4e44f; padding-bottom: 40px;}
.footer_bottom{text-align: center; font-size: 16px; color: #fff; margin-top: 90px;}
.footer_bottom p {margin: 0;}
.footer_bottom p a { color: #fff;}
.footer_social_icons {display: flex; align-items: center; justify-content: center;}
.footer_social_icons a { margin: 0 8px; }
.footer_social_icons img {width: 35px; height: 35px; }

/* modal */
.vidgyorModal { }
.vidgyorModal h3 {font-size: 30px; margin-bottom: 30px;text-transform: capitalize;}
.vidgyorModal h6 {font-size: 22px; margin-bottom: 30px;text-transform: capitalize;}
.vidgyorModal h6 strong {width: 85%;}

.vidgyorModal h3 strong, .vidgyorModal h6 strong{ width: 85%;}
.vidgyorModal h3 span, .vidgyorModal h6 span {cursor: pointer;}
.vidgyorModal h3 span:hover, .vidgyorModal h6 span:hover{color: #871103; transition: .4s;}
.vidgyorModal .content-wraper { display: flex; align-items: center; justify-content: space-between;}
.vidgyorModal .content-wraper figure { width: 35%;}
.vidgyorModal .content-wraper figure img { width: 100%; border-radius: 8px; overflow: hidden;}
.vidgyorModal .content-wraper ul { width: 60%; list-style: number; padding: 0; margin: 0;}
.vidgyorModal .content-wraper ul li {font-size: 22px; line-height: 1.2; padding-bottom: 25px;}
/* .vidgyorModal .modal-dialog {overflow: auto;} */
.vidgyorModal .modal-body {background: #0164BDD9; color: #fff; padding: 25px 30px}
.vidgyorModal .modal-content {border-radius: 30px; overflow: auto;}
.vidgyorModal .content-wraper ul button { margin-top: 30px;}
.email-error-msg {margin:2px 0;}
#popUp2 h3 { margin: 0;}

.oneTimePopUp .modal-body input {}
.oneTimePopUp .modal-body .btn-white { background-color: #fff; color: #0164BDD9; border: 1px solid #0164BDD9;margin-top: 20px;}
@media only screen and (max-width: 1100px) {
	.container { max-width: 1020px;}
	.banner_wraper h1 {padding: 0; font-size: 36px;}
	.banner_wraper p { font-size: 20px;}
	.banner_bottom h6 { font-size: 22px;}
	.content_box div h3 { font-size: 26px;}
	.content_box div p { font-size: 18px;}
	.content_box_wraper a { font-size: 20px;}
	.work_wraper .content_block { padding: 30px;}
	.content_box_wraper {margin-bottom: 60px;}
	.work_wraper h5 { font-size: 28px;}
	.support_section h4 {font-size: 30px;}
	footer h2 {font-size: 36px;}
	footer h6 { font-size: 24px;}
}

@media only screen and (max-width: 768px) {
	.header-strip { display: block !important;}
	.header-strip strong { display: block; margin-bottom: 8px; font-size: 14px;}
	header img { width: 130px;}
	.btn {font-size: 14px;padding: 5px 22px;}
	.banner_wraper {padding: 30px 0px 0;}
	.banner_wraper h1{padding: 0; margin-bottom: 0; font-size: 28px;}
	.banner_box { border-radius: 0 0 70px 70px; }
	.banner_bottom { position: unset; transform: unset; border-radius: 30px 30px 0px 0px;	padding: 15px 15px; width: 100%; margin-bottom: -2px;}
	.banner_bottom h6{font-size: 18px;}
	.banner_wraper p {font-size: 14px;padding: 0;text-align: center; margin-bottom: 25px;}
	.work_wraper {display: block;}
	.work_wraper .img_block{width: 100%; margin-bottom: 20px;}
	.work_wraper .content_block{width: 100%; padding: 20px 15px;}
	.content_box div h3 {font-size: 20px;}
	.content_box div p {font-size: 18px; line-height: 1.3;}
	.content_box_wraper a { font-size: 18px;}
	.content_box_wraper {margin-bottom: 30px;}
	.how_work_wraper {margin: 40px 0px;}
	.work_wraper h5 {font-size: 25px;}
	.support_section {border-radius: 40px 0px 40px 0px; padding: 25px 0px;}
	.support_section h4 {font-size: 26px; margin-bottom: 25px;}
	footer { margin-top: 50px;}
	.footer_background {padding: 25px 0px;background-position: top;}
	footer h2 {font-size: 30px;}
	footer h6 {font-size: 22px; margin-bottom: 15px;}
	.form_wraper .form-control {line-height: 1;font-size: 14px;}
	.form_wraper .form-group {margin-bottom: 20px;}
	.footer_bottom { margin-top: 30px; font-size: 14px;}
	.footer_social_icons {margin-bottom: 10px;}

	.vidgyorModal .content-wraper{display: block;}
	.vidgyorModal .modal-body {padding: 15px 20px;}
	.vidgyorModal .content-wraper figure{width: 100%;}
	.vidgyorModal .content-wraper ul{width: 100%;}
	.vidgyorModal .content-wraper ul li{font-size: 14px; margin-bottom: 8px;}
	.vidgyorModal .content-wraper ul button {margin-top: 15px;}
	.vidgyorModal h3 {font-size: 22px;margin-bottom: 15px;}
	.vidgyorModal h6 { font-size: 16px; margin-bottom: 15px;}
  }