@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&family=Oswald:wght@600;700&display=swap');

html, body{margin:0;padding:0;font-family: 'Noto Sans', sans-serif;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a, a:hover, a:focus{color: #d90000}
.control-label {padding-top: 10px}
.required{color: #d90000}
.btn:focus{outline: 0 !important; box-shadow: none;}
.btn-primary, .btn-primary:focus, .btn-primary.disabled, .btn-primary:disabled, fieldset:disabled .btn-primary{background-color: #d90000; border-color: #d90000;text-shadow: none;}
.btn-primary:hover{background-color: #ef0202; border-color: #ef0202}
.btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.active{background-color: #980001; border-color: #980001}
.btn-link, .btn-link:hover{color: #d90000}
.nav-link:focus, .nav-link:hover{color: #d90000}
.input-group-btn .btn{border-radius: 0 5px 5px 0}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .form-control:focus {border-color: #555; outline: 0; box-shadow: none;}
select:focus{outline: none}
ul{list-style-type: disc;}
.error{color: #DD1000}
.no-record-found{padding: 15px 0}
pre{z-index: 100000; margin-bottom: 1px; background-color: rgba(0, 0, 0, 0.74); color: #FFF; padding: 0 5px; font-size: 12px;}
h2.page-title{margin-top: 0; color: #d90000; font-family: 'Oswald', sans-serif; text-align: center; font-size: 2rem;}
@media (min-width: 1200px){
	h2.page-title{
	    font-size: 2.8rem;
	}
}
.form-apply-pop{width: 600px}
.form-apply-pop-big{width: 1000px}
#form-apply .btn-submit{width: 200px; margin: 0 auto}
#popup_plan .btn-submit, #popup_plan .btn-download{width: 200px; margin: 0 auto; display: inline-block; border-width: 3px}
.clear{clear: both;}
.content{padding: 30px 15px; min-height: 400px;}
.hide{display: none !important;}
.alert ul{padding-left: 20px; margin-bottom: 0}
.form-control[readonly]{pointer-events: none;}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu-login{right: 0}
}

/* Trust */
.trust_engage_form{
	max-width: 500px;
	margin: 0 auto;
}
.trust_engage_form .trust_type_outer .form-check{
	padding-left: 0
}
/* Trust */


/* eWill */
.payment_supported{
	margin-top: 30px;
}
.payment_supported img{
	max-width: 100%;
}
/*.table-my-ewill td{
	vertical-align: middle;
}
.table-my-ewill .badge{
	font-weight: normal;
}
.table-my-ewill .btn-action{
	width: 34px;
}*/
.ewill_my_list{
	max-width: 950px;
	margin: 15px auto 0;
}
.ewill_my_list .card{
	background-color: #f6f6f6;
	margin-bottom: 15px;
}
.ewill_my_list .card-body{
	background-color: #FFF;
	padding: 2rem 1rem;
}
.ewill_my_list .card-header{
	padding: 0;
}
.ewill_my_list .card-header .card-title{
	font-size: 24px;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background: #d90000;
    color: #FFF;
}
.ewill_my_list .badge{
	font-weight: normal;
    font-size: 12px;
    position: relative;
    top: -3px;
}
.ewill_my_list .card_ewill_details{
	font-weight: bold;
	font-size: 18px;
	margin: 0.5rem auto;
}
.ewill_my_list .timeago{
	font-size: 14px;
	color: #777;
}
.ewill_my_list .btn-outline-primary{
	background-color: #FFF;
	width: 100%;
	padding: .5rem .75rem;
}
.ewill_my_list .btn-outline-primary:hover{
	background-color: #d90000;
}

.ewill_payment .fa-spinner{
	font-size: 40px;
}

.show_pro_package{
	text-decoration: none;
}
.alert_update_pro{
	width: 900px;
	max-width: 100%;
    margin: 0 auto 30px;
    font-size: 14px;
}
.alert_update_pro i{
	margin-right: 5px;
}
.ewill_new, .trust_new{
	min-height: 500px;
}
.ewill_new mark{
	background-color: #EEE;
	padding: 0;
}
.ewill_step {
	list-style: none;
	margin: 0 0 15px;
	width: 100%;
}
.ewill_step li {
	-ms-flex: 1 1 0;
	flex: 1 1 0;
	margin-top: 0;
	min-height: 1rem;
	position: relative; 
	text-align: center;
}

.ewill_step li:not(:first-child)::before {
	background: #d90000;
	content: "";
	height: 2px;
	left: -50%;
	position: absolute;
	top: 9px;
	width: 100%;
}

.ewill_step li a {
	color: #999;
	display: inline-block;
	padding: 20px 10px 0;
	text-decoration: none;
	font-size: 14px;
	cursor: default;
}

.ewill_step li a::before {
	background: #d90000;
	border: .1rem solid #fff;
	border-radius: 50%;
	content: "";
	display: block;
	height: .9rem;
	left: 50%;
	position: absolute;
	top: .2rem;
	transform: translateX(-50%);
	width: .9rem;
	z-index: 1;
}

.ewill_step li.active a::before {
	background: #d90000;
	border: .1rem solid #d90000;
}
.ewill_step li.active ~ li::before {
	background: #DDD;
}
.ewill_step li.active ~ li a::before {
	background: #DDD;
}
.ewill_step li.active .step-title{
	color: #d90000;
}

#form-ewill-new{
    width: 1000px;
    margin: 0 auto;
}

.step_title, .step_title_last{
	background-color: #EEE;
	border-radius: 4px;
	padding: 5px 10px;
	margin: 15px 0;
	text-align: center;
	font-weight: bold;
}
.step_container{
	margin: 15px 0;
	display: none;
}
.step_container.active{
	display: block;
}
.step_container .row{
	margin-bottom: 10px
}
.step_container .step_subtitle{
	font-weight: bold;
	text-align: center;
}

.step_container .asset_container{
	border: 1px solid #DDD;
	border-radius: 4px;
	padding: 10px 15px;
	margin-top: 10px;
}
.asset_row{
    margin-bottom: 20px;
}
.asset_row .btn_delete_beneficiary, .asset_row .btn_delete_asset{
    display: inline-block;
    border: 1px solid #d90000;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 20px;
}
.asset_hr{
	border-bottom: 2px dashed #DDD;
    margin: 15px auto;
}
.asset_row .beneficiary_outer .beneficiary_row:first-child .btn_delete_beneficiary
{
	display: none;
}
.asset_row .beneficiary_sub_outer{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 2px dashed #DDD;
}
.asset_row  .beneficiary_note{
	display: none;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 8px;
}
.asset_row .beneficiary_sub .beneficiary_note{
	display: block;
}
.asset_row .asset_container > .step_subtitle{
	color: #d90000;
}
.asset_type_note{
	font-size: 14px;
	margin-top: 5px;
}
.btn_add_asset{
	width: 200px;
	max-width: 90%;
}
.add_asset_cost{
	font-size: 14px;
	font-style: italic;
	margin-top: 5px;
}

.step_container .executor .step_title span{
	display: inline;
}

#form-ewill-new .step_title_last{
	display: none;
}
#form-ewill-new .fullname, #form-ewill-new .fullname_excluded, #form-ewill-new .asset_details, #form-ewill-new .address{
	text-transform: uppercase;
}
#form-ewill-new.review{
	font-size: 14px;
}
#form-ewill-new.review .step_title_last{
	display: block;
	font-size: 16px;
}
#form-ewill-new.review .step_container{
	display: block;
}
#form-ewill-new.review .step_title{
	background-color: transparent;
	margin-bottom: 0;
}
#form-ewill-new.review input:-webkit-autofill,
#form-ewill-new.review input:-webkit-autofill:hover, 
#form-ewill-new.review input:-webkit-autofill:focus, 
#form-ewill-new.review input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
#form-ewill-new.review .form-control{
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 14px;
	color: #111;
	height: auto;
}
#form-ewill-new.review .form-control::-webkit-outer-spin-button,
#form-ewill-new.review .form-control::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
#form-ewill-new.review .form-control:-internal-autofill-selected {
	background-color: transparent;
}

#form-ewill-new.review .form-select{
	background-image: none;
}
#form-ewill-new.review select{
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	text-indent: 1px;
  	text-overflow: '';
  	pointer-events: none;
}
#form-ewill-new.review .required{
	display: none;
}
#form-ewill-new.review .control-label{
	padding-top: 0;
	color: #888;
}
#form-ewill-new.review .row{
	margin-bottom: 5px;
}
#form-ewill-new.review textarea{
	height: auto;
	resize: none;
}
#form-ewill-new.review .step_form{
	border: 1px solid #DDD;
	border-radius: 4px;
	padding: 10px 15px 5px;
}
#form-ewill-new.review .step_container .asset_container{
	margin-top: 0;
}
#form-ewill-new.review .have_children_outer{
	display: none;
}
.no_substitute_executor #form-ewill-new.review .substitute_executor,
.no_guardian #form-ewill-new.review .guardian_outer{
	display: none !important;
}
.no_children .step_container_4{
	display: none !important;
}
.no_children .ewill_step li:nth-child(4), 
.no_children .primary_executor .executor:nth-child(2) .required{
	display: none;
}
#form-ewill-new.review .appoint_yes_primary_executor, 
#form-ewill-new.review .appoint_yes_substitute_executor,
#form-ewill-new.review .appoint_yes_note_outer,
#form-ewill-new.review .appoint_yes_fee,
#form-ewill-new.review .appoint_yes_note_outer,
#form-ewill-new.review .row_appoint_yes_primary_executor,
#form-ewill-new.review .row_appoint_yes_substitute_executor,
#form-ewill-new.review .btn_add_asset, #form-ewill-new.review .add_asset_cost, #form-ewill-new.review .btn_delete_asset,
#form-ewill-new.review .btn_add_beneficiary, #form-ewill-new.review .btn_add_beneficiary_sub, #form-ewill-new.review .btn_delete_beneficiary,
#form-ewill-new.review .asset_type_note,
.yes_primary_executor #form-ewill-new.review .primary_executor .executor_details, 
.yes_primary_executor #form-ewill-new.review .primary_executor .executor:nth-child(2), 
.yes_primary_executor #form-ewill-new.review .substitute_executor, 
.yes_substitute_executor #form-ewill-new.review .substitute_executor .executor_details
{
	display: none !important;
}
.yes_primary_executor #form-ewill-new.review .row_appoint_yes_primary_executor,
.yes_substitute_executor #form-ewill-new.review .row_appoint_yes_substitute_executor{
	display: block !important;
	text-align: center;
}
.appoint_yes_note_outer{
	margin-left: 20px;
	font-size: 14px;
}
.appoint_yes_note_outer table{
	margin: 10px 0 5px;
	font-size: 14px;
	font-style: normal;
}
.appoint_yes_note_outer table td{
	vertical-align: middle;
}
.appoint_yes_remarks, .appoint_yes_note{
	font-size: 14px;
	text-align: justify;
}
.appoint_yes_remarks ul li ol{
	counter-reset: list;
}
.appoint_yes_remarks ul li ol li{
	list-style: none;
    position: relative;
}
.appoint_yes_remarks ul li ol > li:before {
  	content: "(" counter(list, lower-roman) ") ";
    counter-increment: list;
    position: absolute;
    left: -55px;
    text-align: right;
    width: 50px;
    font-weight: bold;
}

.btn-export-word, .btn-export-word:focus{
	background-color: #285392;
	border-color: #285392;
}
.btn-export-word:hover{
	background-color: #4570af;
	border-color: #4570af;
}
.btn-export-word:active, .btn-export-word:active:hover, .btn-export-word:active:focus{
	background-color: #274168;
	border-color: #274168;
}


#modal_preview .modal-header{
	padding: 0.4rem 1rem;
}
#modal_preview .modal-body{
	padding: 0;
	overflow-y: clip;
}
#modal_preview .ifm_ewill_preview{
	width: 100%;
	height: 100%;
}
#modal_pin{
	z-index: 1080;
}
#modal_addon #table_addon_payment{
	margin-top: 10px;
}
#modal_addon #table_addon_payment .subtotal td{
	border-top: 1px solid #000;
}
.pin_code_container{
	position: relative;
}
.btn_show_pin{
	position: absolute;
	right: 22px;
    top: 7px;
}

/*Ewill Payment*/
.ewill_payment_status .fa{
	font-size: 120px;
	margin-bottom: 15px;
}

/*Ewill Completed*/
.ewill_completed{
	max-width: 900px;
	margin: 0 auto;
}

/*My Account*/
.my_account{
	max-width: 900px;
}
.my_account .col-md-6{
	margin-bottom: 20px;
}
/*.my_account .nav-tabs li{
	width: 50%;
}
.my_account .nav-tabs li .nav-link{
	width: 100%;
}
.my_account .tab-content{
	margin-top: 15px;
}
.my_account .nav-link{p
	adding: .8rem 1rem;
}*/
.my_account .btn-submit{
	margin-top: 10px;
}
.my_account .form-control{
	padding: .675rem .75rem;
}
.my_account .card-header{
	font-weight: bold;
	font-size: 18px;
	padding: .8rem 1rem;
}


@media screen and (max-width: 991px) {
	#form-ewill-new{
		width: 100%;
	}
}
@media screen and (max-width: 568px) {
	/*.table-my-ewill thead{
		display: none;
	}
	.table-my-ewill tbody td{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.table-my-ewill tbody td:nth-child(1), .table-my-ewill tbody td:nth-child(2){
		width: 50%;
		font-weight: bold;
	}
	.table-my-ewill tbody td:nth-child(3){
		text-align: left !important;
		float: left;
	}
	.table-my-ewill tbody td:nth-child(4){
		text-align: left !important;
	}
	.table-my-ewill tbody td:nth-child(5), .table-my-ewill tbody td:nth-child(6){
		float: right;
	}*/

	.ewill_step{
		margin: 0;
		padding: 0;
	}
	.ewill_step li .step-title{
		display: none;
	}
}
/* eWill */

.form_new .note{
	font-size: 12px;
	margin-top: 15px;
}

/* Trust */
.trust_new .form-check{
	padding-left: 0
}

/* Asset Liability  */
.asset_new{margin: 0 auto}
.asset_new table{min-width: 690px}
.asset_new .btn-submit-asset{max-width: 100%}
#modal_grant_access.first_ask .modal-header{display: none;}

/* Home */
.login_container{margin: 30px auto;}
.login_container .logo{max-width: 80%; margin: 15px auto 0;}
.login_container .mb-5{margin-bottom: 15px !important}
.login_container .nav .nav-item{width: 50%; text-align: center;}
.login_container .tab-content{padding-top: 15px}
.login_container .row{margin-bottom: 15px;}
.login_container .checkbox{font-weight:400}
.login_container .form-control{position:relative;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;font-size:16px}
.login_container .form-control:focus{z-index:2}
.login_container .btn{font-size: 16px; margin-top: 5px; margin-bottom: 15px; padding: .7rem 1rem;}
.login_container .btn-forgot-password{margin-top: 15px; display: inline-block;}

.navbar-nav{
	margin-left: auto !important;
	align-items: center;
}
.navbar-nav li a{
	font-family: 'Oswald', sans-serif;
	color: #A6A6A6;
	font-size: 18px;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
	color: #EC1A24;
	letter-spacing: 0px;
}

.navbar-nav .dropdown:hover>.dropdown-menu {
  display: block;
}

.navbar-nav .dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

#front-nav .btn-outline-primary{
	border: 3px solid #EC1A24;
	color: #EC1A24 !important;
	border-radius: 27px;
}

#front-nav .btn-outline-primary:hover{
	color: #fff !important;
	background:#EC1A24;
}

.login-btn{
	background:#EC1A24;
	color: #fff !important;
	border-radius: 27px;
}
.nav-item-register{
	margin-left: 10px;
}

.navbar-light .navbar-toggler{
	border: none;
	position: absolute; 
	right: 10px; 
	top: 18px;
}
.navbar-light .navbar-toggler:focus{
	box-shadow: none;
}

.home-login-btn{
	display: none !important;
	width: 145px !important;
}

.btn-outline-white{
	font-family: 'Oswald', sans-serif;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 37px;
	width: 200px;
	padding: 14px;
	font-size: 20px;
	text-transform: uppercase;
	margin: 5px 4px 10px;
}
.btn-more:hover{background-color:#fff;}
.btn-more.btn-more-services{
	width: 45%;
    display: inline-block;
	font-size: 18px;
}

#front-nav{box-shadow: 0px 1px 3px #0000006b;background-color: #F7F7F7;}
#front-nav .navbar{padding: 0}
#front-nav .header-logo{display: block; height: 50px;}
#front-nav .navbar-nav>li>a{padding: 6px 25px;text-transform: uppercase; text-align: center;}
#front-nav .dropdown-item.active, #front-nav .dropdown-item:active{background-color: #d90000}
.pagination>li>a, .pagination>li>span{color: #d90000}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{background-color: #d90000; color: #FFF}

h3.subtitle{color: #d90000; margin-top: 0}
.content-header{background-size: cover; background-position: 50% 50%;position: relative;overflow: hidden;}
.content-header-title{font-family: 'Oswald', sans-serif;font-size: 100px; text-align: center; font-weight: 300; color: #FFF; z-index: 1;width:100vw;letter-spacing: 0 !important;}
.content-header-desc{font-size: 40px}
.content-header.page-overlay .content-header-main{height: 304px; position: relative;}
.content-header.page-overlay .content-header-bg{background-color: rgba(0, 0, 0, 0.4); min-height: 304px; position: absolute; top: 0; width: 100%;}
.content.container.page-overlay{top: -70px; background-color: #FFF; position: relative; padding-top: 15px; width: 1080px}
.content-desc{font-size: 20px; font-weight: 300; text-align: center;}
.content-desc-footer{font-size: 14px; color: #999}
.content-title{font-size: 28px}
.content-subtitle{font-size: 18px}

.content_terms{font-size: 14px}
.content_terms ol li{margin-bottom: 15px}
.content_terms ul.ul_no_style li{list-style: none;}
.content_terms strong{display: block;}
.content_terms .nav-tabs .nav-item button{
	font-size: 18px;
    font-weight: bold;
    width: 200px;
    max-width: 100%;
}
.content_terms h4.subtitle{
	background-color: #444;
	color: #FFF;
	padding: 5px;
	border-radius: 4px;
	margin-bottom: 15px;
	text-align: center;
}
.content-header.page-overlay .content-header-hover-bg{background: #EC1A24 0% 0% no-repeat padding-box;min-height: 304px;width: 100%;opacity: 0;position: relative;top: 0;transition: 0.3s ease;z-index: 1;}
/*.modal-backdrop:nth-child(2n-1) {
  z-index: 1070;
}*/

.overlay-content{
	display:flex;
	align-items:center;
	width:165%;
	position: absolute;
	height:304px;
	overflow: hidden;
}

.content-header:hover .overlay-content{
	background: rgba(206, 1, 11, 0.68);
	z-index:1;	
}

.content-header-title{
	transition: all 0.3s ease-in-out;
}
.content-header:hover .content-header-title{
	width:40vw;
}
.overlay-item{
	width:35vw;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	text-align: justify;
}
.overlay-item-btn{
	width:25vw;
}

.content-header.content-header-services:hover .content-header-title{
	width:38vw;
}
.content-header.content-header-services .overlay-item{
	width:27vw;
}
.content-header.content-header-services .overlay-item-btn{
	width:35vw;
	padding-left: 20px;
}
.content-header.content-header-contact:hover .content-header-title{
	width:42vw;
}
.content-header.content-header-contact .overlay-item-btn{
	width:23vw;
}

.overlay-item p{
	color:#fff;
}


@media screen and (max-width:1200px){
	.content-header{height:640px;}
	.content-header-bg{height:640px !important;}
	.content-header .content-header-main{height:640px !important;}
	.overlay-content{display:block;width:100%;background: rgba(206, 1, 11, 0.68);padding:30px;bottom:0 !important;margin:0;height:auto;}
	.overlay-content .content-header-title{font-size:50px;text-align:left;transition:none;width:100% !important;}
	.overlay-content .overlay-item{width:100% !important;transition:none;}
	.btn-more{width:100%;margin-top:10px;margin-bottom:10px;}

	.navbar-nav li a{font-size: 22px;}
}

@media screen and (max-width:991px){
	.content-header .content-header-title{font-size:50px;}
}

.header-title{
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	margin-bottom: 30px;
}

.content-header-title a{text-decoration: none;color: #fff;}


.breadcrumb{
	height: 343px;
	width: 100%;
	position: relative;
}

.breadcrumb-overlay-bg{
	background: #cc000a 0% 0% no-repeat padding-box;
	opacity: 0.65;
	position: absolute;
	width: 100%;
	top: 0;
	height: 343px;
	z-index: 1;
}

.breadcrumb-header-title{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
	z-index: 1;
}

.breadcrumb-header-title h1{
	font-family: 'Oswald', sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 121px;
}

.spad{
	padding-top: 60px;
	padding-bottom: 60px;
}

.contact_us_outer .spad{
	padding-top: 30px;
	padding-bottom: 30px;
}

.director-image-container div img{
	position: relative;
	top: -10%;
	left: 15%;
}
.contact-container .text{
	text-align: center;
	letter-spacing: 0px;
	color: #5B5B5B;
}
.branches-outer{color: #7c7c7c; text-align: center; padding: 15px; margin-top: 30px}
.branches-outer .branch-title{color: #d90000; margin-top: 10px}
.branches-outer .branch-address{margin-bottom: 10px}
.branches-outer .branch{cursor: pointer; margin-bottom: 30px}
.branches-2-cols{width: 80%; margin: 0 auto}
.contact-map{height: 100%}
@media screen and (max-width: 568px) {
	.contact-map{height: 300px}
}
.contact-map .branch-title{color: #d90000}

#front-nav .navbar-nav>li>.btn{text-transform: none !important;font-family: 'Noto Sans', sans-serif;font-weight: bold;}

/* About us */

.director-item > div {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: left;
}

.director-board h1{
	font-family: 'Oswald', sans-serif;
	text-align: center;
	letter-spacing: 0px;
	color: #C5C5C5;
	opacity: 1;
	font-size: 112px;
}

.director-title{
	color: #EC1A24;
	font-size: 25px;
}

.director-name{
	color: #000000;
	font-size: 40px;
}

.director-title-prof{
	font-size: 18px;
    margin: 10px auto -15px;
}

.director-title-desc{
	color: #7C7C7C;
	font-size: 18px;
}

.director-description-container{
	background: #EC1A24 0% 0% no-repeat padding-box;
	width: 100%;
	color: #ffffff;
	padding: 20px;
	position: relative;
	margin-left: auto;
	width: 85%;
}

.bottom-overlay{
	background: linear-gradient(90deg, rgba(255,255,255,1) 17%, rgba(175,29,33,1) 17%, rgba(175,29,33,1) 17%);
	padding: 8px;
}

.director{position:relative;margin:0 auto;width:80%}
.director-description-container .director-three-text{margin-bottom:85px;}
.director-description-container p{padding-left:20%; font-size: 14px;}
.director-item{margin-left:40%; margin-bottom: 15px}
.director .director-one{width: 480px;height: auto;}
.director .director-two{width: 451px;height:auto;}
.director .director-three{left:3%; height: 500px}
.director > img {position:absolute;bottom:0;height:100%;z-index: 1;}
.director-name{font-size:50px;}
.name-break{font-size:30px;}
.padding-box{padding: 3rem;}


.quote-outer{
	margin: 0 auto;
	max-width: 100%;
}
.quote-outer blockquote {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    padding: 40px 30px;
    color: #d90000;
    position: relative;
    border-radius: 10px;
}

.quote-outer blockquote:before, .quote-outer blockquote:after {
    display: block;
    font-family: Arial;
    font-size: 90px;
    height: 64px;
    position: absolute;
}

.quote-outer blockquote:before {
    content: "\201C";
    top: -25px;
}

.quote-outer blockquote:after {
    content: "\201D";
    bottom: 0;
    right: 45px
}

.why_us_item_outer{
	padding: 0;
}
.why_us_item{
	list-style: none;
	overflow: auto;
	margin-bottom: 15px;
}
.why_us_item .why_us_icon{
	float: left;
	text-align: center;
	width: 80px;
}
.why_us_item .why_us_icon .fa-solid{
	font-size: 45px;
	background-color: #d90000;
	color: #FFF;
	width: 100%;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
}
.why_us_item .why_us_lbl{
	margin-left: 95px;
	height: 80px;
}
.why_us_item .why_us_lbl .why_us_item_title{
	font-weight: bold;
	font-size: 18px;
}

@media screen and (max-width:1720px){
	.director-description-container p{padding-left:25%;}
}
@media screen and (max-width:1580px){
	.director-description-container p{padding-left:30%;}
}
@media screen and (max-width:1420px){
	.director-description-container p{padding-left:35%;}
}
@media screen and (max-width:1280px){
	.director-description-container p{padding-left:40%;}
}

@media screen and (max-width:1200px){
	.director{width:100%;}
	.director .director-item{margin-left:0;text-align:center;position:relative;padding-top:10px;}
	.director-item .director-title{text-align:center;font-size:20px;}
	.director-item .director-name{text-align:center;font-size:30px;}
	.director-item .director-title-desc{text-align:center;font-size:16px;}
	.director-item .director-title-prof{text-align:center;font-size:16px; margin-bottom: -5px}
	.director-description-container{margin:0;width:100%;}
	.director-description-container p{padding-left:0;}
	.director > img {position:relative; width: 80% !important; display: block; margin: 0 auto;} /*width:300px !important;left:50% !important;height:100% !important;transform:translate(-50%);*/
	/*.director .director-one{margin-top:-9%;}*/
	.director .director-three{height: auto;}
	.director-description-container .director-three-text{margin-bottom:35px;}
	.bottom-overlay{background:rgba(175,29,33,1);}
	.container-free{padding-left: .75rem;padding-right: .75rem;margin-left: 0;margin-right: 0;width: 100%;}
	.padding-box{padding: 40px 15px 50px 15px;}
}

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

}

@media screen  and (max-width:568px){
	.director-item .director-title{text-align:center;font-size:20px;}
	.director-item .director-name{text-align:center;font-size:25px;}
	.director-item .director-title-desc{text-align:center;font-size:16px;margin-bottom: 20px;}
	.director-description-container p{padding-left:0;}
	/*.director .director-one{margin-top: -16%;}*/
	.name-break{display:flex;justify-content:center;align-items:center;font-size:22px;}

	.quote-outer blockquote:before{left: 15px}
	.quote-outer blockquote:after{right: 35px;}

	.why_us_item{margin-bottom: 25px;}
	.why_us_item .why_us_icon{width: 120px; margin: 0 auto; float: none;}
	.why_us_item .why_us_icon .fa-solid{height: 120px; line-height: 120px;}
	.why_us_item .why_us_lbl{height: auto; margin-left: 0; margin-top: 10px; text-align: center;}
}
/* about us */

.navbar-light .navbar-toggler-icon{
	background: none !important;
}

/* services */
.ewill_new_outer{max-width: 900px; margin: 0 auto}
@media screen  and (max-width:568px){
	.plan_outer .card{
		margin-bottom: 20px;
	}
}

/* .footer{background-color: #F7F7F7 ; color: #000; padding: 25px 0 0px} */
.footer{background-color: #F7F7F7 ; color: #000; padding: 25px}
.footer a{color: #555}
.footer .footer-link b{font-size: 18px; color: #333}
.footer .footer-link ul{margin: 0; padding: 0}
.footer .footer-link ul li{list-style: none}
.footer .footer-link ul li a{display: block; margin: 12px 0}
.footer .social{margin-top: 132px; text-align: right;}
.footer .social a{font-size: 30px; margin-left: 7px}
.footer .social a.facebook:hover{color: #3b5998}
.footer .social a.email:hover{color: #d90000}
.footer .copyright{text-align: right; font-size: 12px}


/*Home page style starts here*/
.center-align{
	position: relative;
	top: 20%;
}

@media (min-width: 1600px) {
	.content-header.home .content-header-bg{height: 125%}
}

@media (min-width: 979px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}

}

@media screen and (max-width: 1200px) {
	.navbar > .container{width: 100%}
}


@media screen and (max-width: 991px) {
	.navbar-light .navbar-brand{
		margin: 0 auto;
	}
	.director-board h1{
		font-size: 40px;
	}

	.director-image-container div img{
		/* width: 70%; */
		left: 0%;
	}

	.spad{
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.director-container{
		padding-right: 0;
		padding-left: 0;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.breadcrumb{
		height: 250px;
	}

	.breadcrumb-overlay-bg{
		height: 250px;
	}

	.breadcrumb-header-title h1{
		font-size: 60px;
	}



	.home-login-btn{
		display: block !important;
	}

	.center-align{
		position: relative;
		top: 0;
	}
}

@media screen and (max-width: 568px) {
	/* .content-header.page-overlay .content-header-main{height: 250px}
	.content-header.page-overlay .content-header-bg{min-height: 250px} */
	.content-header-services{
		background-position: 165% 50%;
	}
	.content-header-contact{
		background-position: 200% 50%;
	}
	.content-header.content-header-services .overlay-item-btn{
		padding-left: 0;
	}
	.nav-item-register, .nav-item-login{
		margin-top: 10px;
	}
	.director-2{
		left: 0% !important;
	}
	.spad-director{
		padding-top: 0;
	}

	#front-nav{
		position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 10;
	    width: 100%;
	    padding-bottom: 10px;
	}
	.main-outer{
		margin-top: 70px;
	}
	.navbar-nav .nav-item.dropdown{
		width: 100%;
		text-align: center;
	}
	.navbar-nav .nav-item.dropdown .dropdown-menu{
		text-align: center;
	}
	.content.container.page-overlay{top: 0; width: 100%}
	
	.parallax-window{min-height: 250px}

	.content-desc{font-size: 16px; margin-top: 20px;}
	h3.subtitle{margin-top: 15px}
	.form-apply-pop, .form-apply-pop-big{width: 100%}
	#form-apply .btn-submit, #popup_plan .btn-submit, #popup_plan .btn-download{width: 100%;}

	.footer .copyright{margin-top: 15px; text-align: center;}
	.footer .social{text-align: center; margin-top: 20px}
	.share-outer{right: 50%; width: 95%;}
	.share-outer .share-bg{width: 100%}

	.btn-more.btn-more-services{
		width: 47%;
        font-size: 14px;
        padding: 14px 10px;
	}

	.director-image-container{
		background: none;
	}

	.bottom-overlay{
		background: rgba(175,29,33,1);
	}
	#form-login .col-md-6:first-child{padding-right: 15px;}
	#form-login .col-md-6:last-child{padding-left: 15px;}
}

@media screen and (max-width: 396px) {
	.btn-more.btn-more-services{
		width: 46%;
	}
}

@media screen and (max-width:360px) {
	.home-login-btn{
		width:137px !important;
	}
}
/* Home */