/*
  Theme Name: Name - Multipurpose HTML Template
  Support: admin@gmail.com
  Description: Creative  HTML5 template.
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. slider
4. about-area
5. features-box
6. department
7. team
8. video-area
9. counter
10. footer
*/



/* 1. Theme default css */
 body {
	font-family: 'Circular Std';
	font-weight: normal;
	color: #1D487D;
	font-size: 18px;
	font-style: normal;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.btn:focus,
.button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: #2B96CC;
	text-decoration: none;
}
a,
button {
	color: #1696e7;
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Circular Std';
	color: #1D487D;
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: 500;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	color: #1D487D;
	margin-bottom: 15px;
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #f2f2f2
}
/* button style */
.btn {
    -moz-user-select: none;
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
    color: #504BE5;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 26px 40px;
    text-align: center;
    text-transform: unset;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
}
.btn:hover {
	color: #504BE5;
	background: #EDECFD;
}
.gray-btn {
	background: #EDECFD;
}
.gray-btn:hover {
	background: #504BE5;
	color: #fff;
}
.blue-btn,
.setup-content .btn:active,
.setup-content .btn:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled):active:focus,
.setup-content .prevBtn-2:hover {
	background: #504BE5;
	border-color: #504BE5;
	box-shadow: none;
	color: #fff;
}
.breadcrumb > .active {
	color: #888;
}

/* scrollUp */
.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 105%;
    right: 50px;
    font-size: 16px;
    border-radius: 50%;
    z-index: 99;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #504be5;
	transition: 1s ease;
	opacity: 0;
    border: none;
}
.scroll-top.open {
	bottom: 30px;
	opacity: 1;
}
.scroll-top::after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-top:hover {
	background: #a3a3a3;
}


/* 2. Header */
.transparent-header {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	z-index: 9;
	height: auto;
}
.menu-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid #8581ED;
}
.navbar-wrap {
	display: flex;
	flex-grow: 1;
}
.navbar-wrap ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: auto;
}
.navbar-wrap ul li {
	display: block;
	position: relative;
	margin-right: 45px;
}
.navbar-wrap ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 39px 0;
    display: block;
    line-height: 1;
    position: relative;
    z-index: 1;
}
.navbar-wrap ul li:last-child {
	margin-right: 0;
}
.navbar-wrap > ul > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #F1E788;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(.74,.72,.27,.24);
}
.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a {
	color: #fff;
}
.navbar-wrap > ul > li.active > a::before,
.navbar-wrap > ul > li:hover > a::before {
	-webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.navbar-wrap ul li .submenu {
	position: absolute;
	z-index: 9;
	background-color: #fff;
	border-radius: 0;
	border: none;
	-webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
	box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
	display: block;
	left: 0;
	opacity: 0;
	padding: 18px 0;
	right: 0;
	top: 100%;
	visibility: hidden;
	min-width: 230px;
	border: 1px solid #f5f5f5;
	background: #ffffff;
	box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
	margin: 0;
	transform: scale(1 , 0);
	transform-origin: 0 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navbar-wrap ul li .submenu li {
	margin-left: 0;
	text-align: left;
	display: block;
}
.navbar-wrap ul li .submenu li a {
	padding: 0 10px 0 25px;
	line-height: 40px;
	font-weight: 500;
	color: #5d5d5d;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navbar-wrap ul li:hover > .submenu {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.sticky-menu {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background: #fff;
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	border-radius: 0;
}

/* Banner */
.banner-bg {
    min-height: 999px;
    background-position: left center;
    background-size: cover;
	padding-top: 250px;
	position: relative;
}
.banner-content > span {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
.banner-content h2 {
    font-size: 60px;
    color: #fff;
    line-height: 1.02;
    margin-bottom: 25px;
}
.banner-content p {
    color: #fff;
    margin-bottom: 65px;
}
.banner-content .btn {
    padding: 26px 55px;
}
.banner-arrow {
    position: absolute;
    left: 20.8%;
    bottom: 5%;
    height: 65px;
    width: 65px;
    text-align: center;
    line-height: 65px;
    background: #fff;
    border-radius: 50%;
    color: #1D487D;
    font-size: 16px;
    box-shadow: 0px 20px 60px 0px rgba(80, 75, 229, .5);
}
.banner-arrow:hover {
	color: #1D487D;
}
.banner-img {
	position: relative;
	z-index: 1;
}
.banner-img img {
    max-width: 100%;
    filter: drop-shadow(0px 25px 50px rgba(59, 56, 123, 0.2));
}
.banner-img::before,
.banner-img::after {
    content: "";
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    opacity: 0.5;
    filter: drop-shadow(0px 25px 50px rgba(59, 56, 123, 0.2));
    width: 425px;
    height: 575px;
    border-radius: 10px;
    z-index: -1;
}
.banner-img::after {
    width: 350px;
    height: 475px;
    right: -65px;
    z-index: -2;
}

/* Features */
.features-area {
    padding-top: 160px;
}
.features-icon {
    width: 110px;
    height: 110px;
    line-height: 110px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 45px;
    position: relative;
    box-shadow: 0px 15px 30px 0 rgb(43 62 110 / .10);
}
.features-content h4 {
    font-size: 30px;
    margin-bottom: 14px;
}
.features-content p {
    margin-bottom: 0;
    letter-spacing: -.4px;
}
.features-item .features-icon::after {
    content: "";
    position: absolute;
    background-image: url(../img/Group\ 107.svg);
    width: 225px;
    height: 56px;
    background-repeat: no-repeat;
    top: 70%;
    z-index: -1;
    left: 275%;
    transform: translate(-50%,-50%);
}
.features-area .row [class*="col-"]:last-child .features-item .features-icon::after {
	display: none;
}

/* Work-process */
.work-process-img img {
    max-width: 100%;
}
.work-process-content h4 {
    font-size: 45px;
    margin-bottom: 15px;
}
.work-process-content p {
    margin-bottom: 0;
}
.work-process-content p + p {
    margin-top: 20px;
}


/* Create-area */
.create-bg {
    background-position: top center;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 258px;
}
.section-title h2 {
    font-size: 45px;
    margin-bottom: 22px;
}
.section-title p {
    margin-bottom: 0;
}
.section-title.white-title h2,
.section-title.white-title p {
	color: #fff;
}

/* CTA */
.cta-wrap {
    text-align: center;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 35px 60px rgba(0, 0, 0, 0.07);
    padding: 85px 100px 80px;
    position: relative;
    margin-top: -137px;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 1;
}
.cta-wrap h2 {
    font-size: 45px;
    margin-bottom: 47px;
}


/* Faq */
.faq-wrapper .card {
    margin-bottom: 30px;
    border-radius: 10px;
    border: 2px solid #D5D4F9 !important;
    background: #F6F6FE;
}
.faq-wrapper .card-header {
	padding: 0;
	border-radius: 10px;
	background: no-repeat;
	border: none;
}
.card-header:first-child {
	border-radius: 0;
}
.accordion>.card:not(:last-of-type) {
    border-bottom: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.faq-wrapper .card-header h5 a {
    font-size: 20px;
    color: #1D487D;
    font-weight: 400;
    display: block;
    padding: 28px 65px 28px 30px;
    text-decoration: none;
    background: #fcfbfe;
}
.faq-wrapper .card-header h5 a::after {
    position: absolute;
    content: "\f106";
    top: 29px;
    right: 30px;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 700;
    color: #504BE5;
    line-height: 1;
}
.faq-wrapper .card-header h5 a.collapsed::after {
	content: "\f107";
}
.faq-wrapper .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 20px 30px;
	font-size: 20px;
	color: #1D487D;
}
.card.active > .card-header .btn-link {
  background: #504BE5;
  color: #fff;
}
.card.active .card-header h5 a::after {
	color: #fff;
}

/* Contact */
.contact-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 916px;
    background-position: left center;
    background-size: cover;
}
.contact-title {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    font-size: 40px;
}
.steps-form {
    margin-top: 65px;
    margin-bottom: 45px;
}
.setup-panel .single-steps > .btn-circle-2 {
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 66px;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #fff;
    font-size: 26px;
    color: #504BE5;
    margin: 0 auto 20px;
}
.setup-panel .single-steps > .btn-circle-2.btn-amber {
    background: #504BE5;
    color: #fff;
}
.setup-panel .single-steps > h4 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}
.setup-panel .single-steps {
	position: relative;
	z-index: 1;
}
.setup-panel .single-steps::after {
    content: "";
    position: absolute;
    background-image: url(../img/images/steps_shape.png);
    background-repeat: no-repeat;
    width: 414px;
    height: 56px;
    left: 47px;
    top: 8px;
    z-index: -1;
}
.setup-panel .single-steps:last-child::after {
	display: none;
}
.contact-step-wrap form {
    background: #fff;
    box-shadow: 0px 35px 60px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
.contact-step-wrap form .setup-content {
    padding: 40px 60px 60px;
}
.single-setup-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 60px 35px;
    border-radius: 15px 15px 0 0;
    background: #ECECFC;
}
.setup-top-content {
    width: 70%;
}
.setup-top-content h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
.setup-top-content p {
	margin-bottom: 0;
}
.setup-content .row {
    margin-left: -25px;
    margin-right: -25px;
}
.setup-content .row [class*="col-"] {
    padding-left: 25px;
    padding-right: 25px;
}
.setup-content .form-group input {
    width: 100%;
    border: 1px solid #ECECFC;
	font-size: 18px;
	font-weight: 500;
    color: #1D487D;
    padding: 20px 30px;
    border-radius: 10px;
    transition: .3s linear;
}
.setup-content .form-group input::placeholder {
	font-size: 18px;
	color: #1D487D;
	opacity: .3;
}
.setup-content .form-group input:focus {
	background: #FBFBFF;
}
.setup-content .form-group label {
    font-size: 14px;
    color: #1D487D;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 9px;
}
.setup-content .form-group {
	margin-bottom: 40px;
	position: relative;
}
.form-group .calendar-icon {
    position: absolute;
    right: 30px;
    top: 58px;
}
.setup-paragraph {
    font-size: 16px;
    font-style: italic;
    color: #1D487D;
    margin-bottom: 45px;
}
.setup-content .btn i {
	margin-left: 10px;
}
.contact-area {
    padding-bottom: 250px;
}
.setup-content .form-group label.black-label {
    margin-bottom: 34px;
    display: block;
}
.ex-document-text {
    font-size: 15px;
    line-height: 20px;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 9px;
}
.custom-select {
	display: block;
    border-radius: 10px;
	padding: 10px 45px 10px 30px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	color: #1D487D;
	background: url("../img/icon/nw_selarw.png") no-repeat scroll 97.5% center;
	background-color: #fff;
	border: 1px solid #ECECFC;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: .3s ease-in-out,;
	width: 100%;
	box-shadow: none;
	height: 70px;
}
.custom-select:focus {
    border-color: #504be5;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(80 75 229 / 15%);
}
.preferred-form-wrap span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    color: #1D487D;
    margin-bottom: 15px;
}
.preferred-form-wrap {
	margin-top: 45px;
    display: none;
}
.preferred-form-wrap .btn {
	margin-top: 30px;
}
.preferred-wrap .setup-paragraph {
    margin-bottom: 20px;
}
.setup-wrap-bottom .btn {
    margin: 0 22px;
}
.setup-content .prevBtn-2 i {
    margin-left: 0;
    margin-right: 10px;
}
.setup-content .prevBtn-2 {
    border: 1px solid #ECECFC;
    background: transparent;
    padding: 25px 40px;
    color: #1D487D;
}
.overview-single-info > span {
    display: block;
    font-size: 14px;
    color: #1D487D;
	opacity: .5;
	text-transform: uppercase;
    margin-bottom: 15px;
}
.overview-single-info h6 {
    font-size: 18px;
	margin-bottom: 0;
	font-weight: 500;
}
.overview-single-info {
    margin-bottom: 40px;
}
.overview-wrap h4 {
    font-size: 30px;
    margin-bottom: 30px;
}
.overview-checkIn {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.overview-checkIn input {
    margin-right: 20px;
    margin-top: 5px;
}
.overview-checkIn label {
    color: #1D487D;
    font-size: 16px;
    line-height: 30px;
    padding-right: 60px;
    margin-bottom: 0;
}
.overview-checkIn label a {
	color: #9A97E6;
	text-decoration: underline;
	font-weight: 500;
}
.setup-content .total-cost {
    text-align: center;
    font-size: 20px;
    margin-top: 45px;
    margin-bottom: 0;
}

/* Footer */
.fw-title h4 {
    font-size: 24px;
    margin-bottom: 0;
}
.fw-link ul li + li {
    margin-top: 15px;
}
.fw-link ul li a {
    font-size: 20px;
    color: #1D487D;
    display: inline-block;
}
.fw-link ul li a:hover {
	padding-left: 5px;
}
.fw-link ul li.mail-title a:hover {
	padding-left: 0;
}
.copyright-text {
	text-align: center;
	padding-bottom: 25px;
}
.copyright-text p {
    margin-bottom: 0;
    opacity: .7;
}









/*Login Page*/

p.setup-paragraph.forgot-password {
    margin-top: 30px;
    font-style: normal;
}

input.form-login::placeholder {
    color: #1D487D !important;
}

input.form-login::-moz-placeholder{
    color: #1D487D !important;
}

p.setup-paragraph.forgot-password a {
    color: #504BE5;
    text-decoration: underline;
    font-weight: 500;
}

.email-reset {
    max-width: 650px !important;
    margin: 0 auto;
    width: 100%;
}


::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
}

input[type=date]:required:invalid::-webkit-datetime-edit {
    color: transparent;
}
input[type=date]:focus::-webkit-datetime-edit {
    color: #1D487D !important;
}


input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
}

.single-setups.border-top10 {
    border-top: 10px solid #ECECFC;
}


.setup-content.pt-50.edit-step-profile {
    padding-bottom: 40px;
    padding-top: 50px;
}


.setup-content.pb-70 {
    padding-bottom: 70px !important;
}
.setup-content.pt-50 {
    padding-top: 50px !important;
}

p.setup-paragraph.forgot-password {
    margin-bottom: 0px;
}
button.btn.edit-btn {
    background: rgb(0 0 0 / .16);
    color: #1D487D;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px !important;
}

button.btn.edit-btn {
    background: rgb(0 0 0 / .16);
    color: #1D487D;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px !important;
    padding: 17px 21px !important;
}
button.btn.edit-btn i {
    margin-right: 10px;
}

button.btn.delete-btn {
    color: #EF2144;
    padding: 0px;
    background: transparent !important;
    font-size: 16px;
    font-weight: 400;
}

button.btn.delete-btn {
    padding-top: 40px;
}

.contact-bg.height2 {
    height: 740px;
}

button.btn.delete-btn img.img-icon {
    height: 18px;
    margin-top: -5px;
    margin-right: 12px;
}
.setup-content.pt-50.pb-40 {
    padding-bottom: 20px;
}


/*Modal Box*/

.modal_box {
    background: rgb(29 72 125 / 80%);
    position: fixed;
    height: 100vh;
    width: 100%;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    z-index: -99;
    transition: .2s ease-in-out all;
    opacity: 0;
    visibility: hidden;
}

.modal_box.show{
    z-index: 99;
    opacity: 1;
    visibility: visible;
}

.modal_wrapper {
    height: 525px;
    width: 565px;
    background: #fff;
    border-radius: 25px;
    transform: translate(-50%,-50%) scale(0);
    left: 50%;
    top: 50%;
    position: absolute;
    padding-top: 60px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    transition: .2s ease-in-out all;
}

.modal_wrapper img.img-home {
    width: 100px;
}
.modal_box.show .modal_wrapper{
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
}
.modal_content.text-center h4 {
    color: #1D487D;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    margin-top: 45px;
}

.modal_content.text-center p {
    color: #1D487D;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 60px;
}
button.btn.blue-btn.btn-mdb-color.back_btn {
    background: rgb(0 0 0 / .16);
    color: #1D487D;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px !important;
    padding: 17px 21px !important;
}

button.btn.blue-btn.btn-mdb-color.back_btn img {
    height: 18px;
    margin-right: 10px;
    margin-top: -5px;
}

.modal_content.text-center p {
    color: #1D487D;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 60px;
    line-height: 30px !important;
}


img.img-home {
    width: 100px;
    margin-bottom: 50px;
}
.rows.text-center h4 {
    font-size: 30px;
    margin-bottom: 15px;
}
.rows.text-center p {
    margin-bottom: 45px;
}
.thankyou .setup-content.pt-50 {
    padding-bottom: 92px;
    padding-top: 92px !important;
}
button.btn.delete-btn:focus {
    color: #EF2144;
}



.multiselect .multiselect {
	width: 100%;
}

.multiselect .selectBox {
	position: relative;
}

.multiselect .selectBox select {
	width: 100%;
	font-weight: bold;
}

.overSelect {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#checkboxes {
	display: none;
	border: 1px #dadada solid;
}

#checkboxes label {
	display: block;
}

#checkboxes label:hover {
	background-color: #1e90ff;
}

.multiselect .selectBox {
	display: block;
	border-radius: 10px;
	padding: 10px 45px 10px 30px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	color: #1D487D;
	background: url(../img/icon/nw_selarw.png) no-repeat scroll 97.5% center;
	background-color: #fff;
	border: 1px solid #ECECFC;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: .3s ease-in-out, ;
	width: 100%;
	box-shadow: none;
	height: 70px;
}

.multiselect .selectBox select {
	width: 100%;
	font-weight: bold;
	border-color: transparent;
	padding-top: 10px;
}

div#checkboxes label {
	color: #1D487D;
	font-size: 18px;
	font-weight: 500;
	padding: 0px 25px;
}

div#checkboxes label input {
	margin-right: 10px;
}

div#checkboxes {
	padding-top: 15px;
	padding-bottom: 0px;
}

#checkboxes label:hover {
	color: #fff;
}

#checkboxes {
	display: none;
	border: 1px solid #ECECFC;
	border-radius: 10px;
}

.multiselect .selectBox p {
	margin-bottom: 0px;
	margin-top: 10px;
	font-weight: 500;
}




/*Latest CSS*/

.banner-bg {
    min-height: 800px;
    background-position: left center;
    background-size: contain;
    padding-top: 250px;
    position: relative;
    background-repeat: no-repeat;
}
section.banner-area.banner-bg.bg-style2 {
    min-height: 360px;
}

.create-bg {
    background-position: top center;
    background-size: cover;
    padding-top: 300px;
    padding-bottom: 15px;
}

section.create-area.create-bg * {
    color: #fff;
}

.cta-wrap {
    text-align: center;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 35px 60px rgba(0, 0, 0, 0.07);
    padding: 80px 120px;
    position: relative;
    margin-top: -137px;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 1;
}

.cta-wrap h2 {
    text-align: left;
}
.cta-wrap h2 {
    font-size: 30px;
    margin-bottom: 0;
}

.cta-area .col-md-4 {
    text-align: right;
}



a.btn.gray-btn , .banner-content a.btn{
    background: #D3A518;
    color: #fff;
    border-radius: 5px !important;
    padding: 20px 30px;
    font-size: 16px;
}

a.btn.gray-btn i ,  .banner-content a.btn i{
    font-size: 10px;
    display: inline-block;
}

.cta-wrap h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 15px;
}

.cta-wrap {
    text-align: center;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 35px 60px rgba(0, 0, 0, 0.07);
    padding: 80px 120px;
    position: relative;
    margin-top: 0px;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 1;
    margin-bottom: -160px;
}

.faq-wrapper .card {
    margin-bottom: 30px;
    border-radius: 10px;
    border: 1px solid #E8EAEF !important;
    background: #F6F6FE;
}

.card.active > .card-header .btn-link {
    background: #2B3E6E;
    color: #fff;
}

.faq-wrapper .card-header h5 a {
    background: #FBFBFB;
}


.card {
    background-color: #fbfbfb !important;
}

.faq-wrapper .card-header h5 a::after {
    color: #2b3e6e;
    font-size: 16px;
    top: 35px;
}

.faq-wrapper .card-body {
    font-size: 18px;
    color: #6B6C6E !important;
    font-family: 'Circular Std Book';
}

.menu-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid #707070;
}

section.banner-area.banner-bg.bg-style2 {
    padding-top: 200px;
}

.section_header h3 {
    color: #fff;
    font-size: 30px;
}

.section_header p {
    color: #fff;
    font-size: 18px;
    font-family: 'Circular Std Book';
    font-weight: 500;
}

.fw-link ul li a {
    font-size: 18px;
    font-family: 'Circular Std Book';
    font-weight: 500;
}

.work-process-content p {
    margin-bottom: 0;
    color: #6B6C6E;
    font-size: 18px;
    font-family: 'Circular Std Book';
    font-weight: 500;
}

.work-process-content h4 {
    font-size: 30px;
    font-family: 'Circular Std';
}

.section-title h2 {
    font-size: 30px;
    margin-bottom: 15px;
}

.section-title p {
    margin-bottom: 0;
    color: #6B6C6E;
    font-size: 18px;
    font-family: 'Circular Std Book';
    font-weight: 500;
}

.features-content h4 {
    color: #434655;
    font-size: 24px;
    
    font-family: 'Circular Std';
}

.features-content p {
    color: #6B6C6E;
    font-size: 18px;
    font-family: 'Circular Std Book';
    font-weight: 500;
}


.banner-content ul li {
    color: #fff;
    font-size: 20px;
    font-family: 'Circular Std Book';
    font-weight: 500;
    line-height: 40px;
}


.banner-img-pos-abs {
    text-align: right;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 60%;
    left: 70%;
}


.banner-img-pos-abs img {
    transform: translateX(195px);
}
html, body {
    overflow-x: hidden;
  }
  body {
    position: relative
  }


  .setup-panel .single-steps::after {
    content: "";
    position: absolute;
    background-image: url(../img/Group\ 107.svg);
    background-repeat: no-repeat;
    width: 414px;
    height: 56px;
    left: 47px;
    top: 8px;
    z-index: -1;
}

.setup-panel .single-steps > .btn-circle-2.btn-amber {
    background: #504BE5;
    color: #fff;
    display: inline-flex;
}
.setup-panel .single-steps > .btn-circle-2 {
    display: inline-flex;
}

.contact-step-wrap form .setup-content {
    padding: 40px 60px 60px;
    border-top: 15px solid #D3A518;
    border-radius: 15px;
}


textarea {
    display: block;
    width: 100%;
    border: 1px solid #ECECFC;
    border-radius: 10px;
    height: 400px;
}


textarea::-moz-placeholder {
	color: #555555 !important;
}
textarea::placeholder {
	color: #555555 !important;
}

.contact-bg.bg-style2.cfp {
    height: 535px;
}

.col-xl-12.col-lg-12.text-center.pt-250 {
    padding-top: 200px;
}


button.btn.blue-btn.btn-mdb-color.login-btn.btn-success.cfpsbtn {
    background: #2B3E6E;
    border-radius: 5px;
    padding: 20px 33px;
}

button.btn.blue-btn.btn-mdb-color.login-btn.btn-success.cfpsbtn:hover{
    color: #fff;
}

textarea {
    padding: 20px;
}


button.btn.blue-btn.btn-mdb-color.nextBtn-2.btn-success {
    background: #2B3E6E;
    border-radius: 5px;
    padding: 20px 33px;
}

.setup-content .prevBtn-2 {
    border-radius: 5px;
    padding: 20px 33px;
}


.form-group.md-form.ynbtn label {
    display: inline-block;
}
.toggle_btn {
    display: inline-block;
    margin-left: 80px;
}

.tgbtn {
    border: 1px solid #2B3E6E;
    color: #2B3E6E;
    padding: 20px 28px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
}

.tgbtn.active {
    background: #2B3E6E;
    border: 1px solid #2B3E6E;
    color: #fff;
    padding: 20px 28px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
}



.form-group.selectOPone {
    border-top: 1px dashed #2B3E6E;
    padding-top: 40px;
    margin-top: 50px;
}

.radioboxList label {
    display: inline-block;
    width: 100%;
}

.radioboxList input {
    display: inline-block !important;
    width: 15px !important;
    margin-right: 5px;
    transform: translateY(2px);
}


label.fscb {
    font-family: 'Circular Std Book';
    font-size: 16px;
}

label.fscb {
    margin-bottom: 20px !important;
}

.setup-content .prevBtn-2 i {
    transform: translateY(4px);
}

.setup-wrap-bottom .btn i{
    transform: translateY(4px);
}

.scroll-top {
    background: #d3a518;
}

.contact-step-wrap form .setup-content {
    padding: 40px 60px 60px;
    border-top: 15px solid #D3A518;
    border-radius: 15px;
    padding-top: 65px;
}

.divider_row {
    width: 100%;
    border-top: 1px dashed;
    padding-bottom: 60px;
    margin-top: 20px;
}

.overview-single-info > span {
    display: block;
    font-size: 14px;
    color: #2B3E6E;
    opacity: 1;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'Circular Std Book';
    font-size: 16px;
}

.overview-single-info.mcq h6 {
    padding-bottom: 20px;
}

.setup-content .total-cost span.costr {
    color: #D3A518;
}

.setup-content .total-cost {
    font-family: 'Circular Std Book';
    font-weight: 500;
}


.setup-panel .single-stepsc::after {
    content: "";
    position: absolute;
    background-image: url(../img/Group\ 107.svg);
    background-repeat: no-repeat;
    width: 414px;
    height: 56px;
    left: 47px;
    top: 8px;
    z-index: -1;
}

.setup-panel .single-stepsc {
    position: relative;
    z-index: 1;
    text-align: center;
}

.single-stepsc span {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}


span.counter {
    font-size: 30px;
    line-height: 0px;
}

.setup-panel .single-stepsc {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 70px;
    height: 70px;
    background: rgb(255 255 255 / .1);
    border-radius: 50%;
    padding-top: 7px;
}


.setup-panel .single-stepsc::after {
    content: "";
    position: absolute;
    background-image: url(../img/Group\ 107.svg);
    background-repeat: no-repeat;
    width: 414px;
    height: 56px;
    left: 160px;
    top: 30px;
    z-index: -1;
    opacity: .2;
}



.setup-panel .single-stepsc:nth-child(3)::after {
    display: none;
}
.single-stepsc.active{
    background-color: #fff;
}
.single-stepsc.active span{
    color: #2B3E6E;
}

span#yes {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

span#no {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

span#no {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
    margin-left: -5px;
}

.card-body p {
    color: #6B6C6E;
}

.card-body p img {
    width: 12px;
    margin-right: 5px;
}

.setup-content .btn i {
    margin-left: 10px;
    transform: translateY(3px);
}

button.btn.blue-btn.btn-mdb-color.nextBtn-2.btn-success i {
    font-size: 15px;
}

button.btn.blue-btn.btn-mdb-color.prevBtn-2.btn-success:hover{
    background-color: #2B3E6E;
    color: #fff;
}

button#final_step:hover{
    color: #fff;
}


.contact-bg.bg-style2.thankspages {
    height: 450px;
}


.banner-content li img {
    width: 12px;
    margin-top: -3px;
    margin-right: 5px;
}


.navbar-wrap > ul > li > a::before {
    background: #ffffff;
}


.menu-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid hsl(0deg 0% 100% / 20%);
}

section.banner-area.banner-bg.bg-style2 {
    padding-top: 190px;
}


section.create-area.create-bg .col-xl-3.col-lg-4.col-md-6:nth-child(2) {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}


section.create-area.create-bg .col-xl-3.col-lg-4.col-md-6:nth-child(3) {
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
}

section.banner-area.banner-bg.bg-style2 {
    padding-top: 190px;
    background-size: cover;
}
.contact-bg.bg-style2.contact-step {
    height: 535px;
}
.banner-bg {
    background-position: top left;
}

button.btn.blue-btn.btn-mdb-color.nextBtn-2.btn-success:hover , .setup-content .prevBtn-2:hover, button.btn.blue-btn.btn-mdb-color.login-btn.btn-success.cfpsbtn:hover{
    color: #d3a518 !important;
}

.setup-content .total-cost span.costr {
    color: #2b3e6e;
}

h4.form_sep_title img {
    width: 12px;
    margin-top: -3px;
    margin-left: 5px;
}

.custom-select:focus {
    border-color: rgb(211 165 24 / 55%);
    outline: 0;
    box-shadow: 0 0 5px 1px rgb(211 165 24 / .2);
}


h4.form_sep_title img {
    width: 12px;
    margin-top: 0px;
    margin-left: 5px;
}


section.faq-area.pt-180.pb-150 {
    padding-top: 120px;
}


img.stooltip {
    width: 12px;
    margin-top: -3px;
    margin-left: 8px !important;
}
button.btn.blue-btn.btn-mdb-color.nextBtn-2.btn-success {
    background: #d3a518;
    border-radius: 5px;
    padding: 20px 33px;
}

button.btn.blue-btn.btn-mdb-color.nextBtn-2.btn-success:hover {
    color: #fff !important;
}

.setup-content .btn i {
    margin-left: 10px;
    transform: translateY(2px);
}

.setup-content .total-cost span.costr {
    color: blue;
}

.setup-content .btn i {
    margin-left: 10px;
    transform: translateY(1px);
    font-size: 16px;
}