@charset "utf-8";



:root {

    --primary-color: #BD9456;

    --secondary-color: #1E2F3F;

    --third-color: #004687;

    --fourth-color: #66666;

    --fifth-color: #FF3975;

    --white-color: #FFF;

    --yellow-color: #FFD541

}



body {

    margin: 0;

    padding: 0;

    font-family: 'Inter', sans-serif;

    font-weight: 300;

    color: var(--fourth-color);

    line-height: 22px;

    font-size: 14px

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    padding: 0

}



a,

a:hover {

    text-decoration: none

}



.hero-image {

    background-size: cover;

    width: 100%;

    height: 539px

}



.page-title {

    font-size: 48px;

    font-weight: 700

}



.medium-txt {

    font-size: 24px;

    font-weight: 500

}



.medium-txt span {

    color: var(--yellow-color)

}



.font15 {

    font-size: 15px;

    font-weight: 400

}



.font36 {

    font-size: 36px;

    font-weight: 700

}



.op-70 {

    opacity: .7

}



.section {

    padding-top: 50px;

    padding-bottom: 50px

}



.section-title {

    font-size: 28px;

    line-height: 32px;

    color: var(--secondary-color);

    font-weight: 600

}



.section-heading {

    font-size: 22px;

    line-height: 28px;

    color: var(--secondary-color);

    font-weight: 500

}



.bt-1 {

    border-top: 1px solid #ddd

}



.bg-lightgrey {

    background: #f0f0f0

}



.required {

    color: var(--fifth-color)

}



.btn {

    width: 200px;

    height: 50px;

    background: var(--fifth-color);

    border-radius: 50px;

    color: var(--white-color);

    text-transform: uppercase;

    font-weight: 600;

    display: inline-flex;

    align-items: center;

    justify-content: center

}



.btn:hover {

    background: #ED2460;

    color: var(--white-color)

}



.btn-small {

    width: 200px;

    height: 40px;

    font-size: 14px

}



ul.list {

    margin: 0;

    padding: 0;

    list-style-type: none;

    color: var(--secondary-color);

    position: relative

}



ul.list>li {

    font-size: 16px;

    font-weight: 500;

    display: flex;

    align-items: center

}



ul.list>li span.rd-icon {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: var(--secondary-color);

    color: var(--white-color);

    font-size: 24px;

    font-weight: 500;

    display: inline-flex;

    align-items: center;

    justify-content: center

}



ul.list>li+li {

    margin-top: 2em

}



ul.list::before {

    content: '';

    display: inline-block;

    border-left: 2px dashed var(--secondary-color);

    width: 1px;

    height: 100%;

    position: absolute;

    left: 20px;

    z-index: -1

}



ul.list>li:nth-child(even) span.rd-icon {

    background-color: var(--third-color)

}



ul.list>li span+span {

    flex: 1

}



.criteria-list .list .heading {

    font-size: 18px;

    font-weight: 500;

    color: var(--third-color)

}



.criteria-list .list+.list {

    border-top: 1px solid #ddd;

    padding-top: 1.5em;

    margin-top: 1.5em

}



.criteria-list .list strong {

    font-weight: 500;

    color: var(--fifth-color)

}



.small-form {

    max-width: 450px;

    margin: 0 auto

}



.label {

    color: var(--secondary-color);

    font-size: 13px;

    margin-bottom: 2px;

    font-weight: 400

}



.form-control {

    background: #f3f3f3;

    border-color: #ddd;

    font-size: 13px

}



.bg-gradient {

    position: relative;

    background-size: inherit;

    background-position: top right

}



.bg-gradient .container {

    position: relative;

    z-index: 2

}



.bg-gradient .bg-overlay {

    background: #000;

    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0) 100%);

    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0) 100%);

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.swiper-client .swiper-slide {

    text-align: center

}



.accordion-tabs .accordion-list {

    border-top: 1px solid var(--secondary-color);

    margin-bottom: 1rem

}



.accordion-tabs .heading a {

    font-size: 16px;

    color: var(--secondary-color);

    text-decoration: none;

    padding: 1rem;

    display: flex;

    align-items: baseline

}



.plus a span,

.minus a span {

    flex-grow: 1

}



.accordion-tabs .details {

    padding: 1rem;

    padding-top: 0

}



.accordion-tabs .details p:nth-last-child(1) {

    margin-bottom: 0

}



.accordion-tabs .plus a::after {

    content: '+';

    display: inline-block;

    font-size: 20px;

    color: var(--secondary-color);

    font-weight: 400

}



.accordion-tabs .minus a::after {

    content: '-';

    display: inline-block;

    font-size: 20px;

    color: var(--secondary-color);

    font-weight: 400

}



.accordion-tabs .accordion-list:nth-last-child(1) {

    margin-bottom: 0

}



@media (min-width:1600px) {

    .hero-image {

        background-size: auto;

        background-position: right;

        background-repeat: no-repeat;

        background-color: #024478

    }



    .bg-gradient {

        background-repeat: no-repeat

    }



    .bg-gradient .bg-overlay {

        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%) !important

    }

}



@media (max-width:1199px) {

    .hero-image {

        background-size: cover;

        background-position: center;

    }



    .bg-gradient .bg-overlay {

        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0) 100%)

    }



    .page-title {

        font-size: 45px

    }

}



@media (max-width:768px) {

    .hero-image {

        background-position: bottom

    }

}



@media (max-width:767px) {

    .small-form {

        max-width: inherit

    }

    .hero-image {min-height: 420px; height: auto;}

    .page-title {

        font-size: 42px;

      }

      .hero-image {background-image:url('../img/hero-img-01-mobile.webp') !important; background-position:70% !important;}

}



@media (max-width:575px) {

    .page-title {

        font-size: 32px

    }



   



    .medium-txt {

        font-size: 18px

    }



    .font36 {

        font-size: 28px;

        line-height: 32px

    }



    .hero-image {

        background-position: 30% center

    }



    .bg-gradient .bg-overlay {

        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0) 100%)

    }



    .section-title {

        font-size: 24px;

        line-height: 28px

    }

}



@media (max-width:359px) {



    body,

    html {

        width: 360px

    }

}
#msg {
	display:none;
	z-index:200;
	border:2px solid #924949;
	position:absolute;
}
#msgcontent {
	display:block;
	background:#f3e6e6;
	padding:5px;
	min-width:150px;
	max-width:250px;
	font-size:12px;
	position:relative;
}
#msgimg {
	position:absolute;
	width: 37px;
	height: 7px;
	left:0;
	top:-7px;
	background:url(../img/msg_arrow_top.png) no-repeat;
}
.succ {
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	color:#090;
	padding:5px 0;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	background:#E0F9DF;
	margin:5px 0;
	-webkit-animation: shake .5s ease-in-out;
	-moz-animation: shake .5s ease-in-out;
	-ms-animation: shake .5s ease-in-out;
	-o-animation: shake .5s ease-in-out;
	animation: shake .5s ease-in-out;
}
.err {
	border-top:2px solid #C30;
	border-bottom:2px solid #C30;
	color:#C30;
	padding:5px 0;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	background:#FDE9E8;
	margin:5px 0;
	-webkit-animation: shake .5s ease-in-out;
	-moz-animation: shake .5s ease-in-out;
	-ms-animation: shake .5s ease-in-out;
	-o-animation: shake .5s ease-in-out;
	animation: shake .5s ease-in-out;
}