body{
	background: #fff url('../images/transparent-logo.png') no-repeat center center / 95%;
	background-attachment: fixed;
}

.container{
	max-width: 1280px;
}
.container-md{
	max-width: 1024px;
}
.header{
	top: 20px;
}
.banner-slider{
	position: relative;
}
.banner-slider .carousel img{
	min-height: 660px;
	height: 100vh;
	object-fit: cover;
	object-position: center;
}
.banner-slider:before{
	position: absolute;
	height: 100%;
	content: "";
	width: 100%;
	z-index: 1;
	left: 0;
	top: 0;
}
.banner-arrow{
	position: absolute;
	bottom: 30px;
	margin: auto;
	right: 0;
	left: 0;
}
.banner-slider-content{
	position: absolute;
	bottom: 15%;
	width: 100%;
	color: #fff;
	z-index: 2;
	left: 0;
}
.banner-slider-content .container{
	max-width: 1060px;
}
.banner-slider-content-lg .container{
	max-width: 1280px;
}
.banner-slider-content h1{
	width: 100%;
	font-size: 58px;
	max-width: 500px;
	font-weight: 600;
	margin-bottom: 0.7em;
}
.banner-slider-content h6{
	background-color: #f25270;
	font-weight: normal;
	line-height: 1.6;
	display: inline;
	font-size: 24px;
}
.banner-slider-content h6 span{
	padding: 0 8px;
}
.banner-slider-icon{
	position: absolute;
	max-width: 85px;
	bottom: 65px;
	left: -92px;
}
.banner-card{
	background-color: rgba(0, 0, 0, 0.5);
	padding: 30px 20px 40px;
}
.banner-card img{
	max-width: 90%;
	display: block;
	margin: auto;
}
.banner-card p{
	line-height: 1.1;
	font-size: 14px;
}
.banner-card p strong{
	font-size: 24px;
	display: block;
}
.banner-card .btn{
	display: block;
	margin-top: -5px;
}
.btn-explore{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	position: relative;
	border-radius: 50px;
	background-color: #fbb03b;	
}
.btn-explore img{
	top: 0;
	bottom: 0;
	left: 15px;
	width: 20px;
	margin: auto;
	position: absolute;
}

.banner-slider-content .row .row{
	margin-left: -60px;
}
.banner-slider-content .row .row > div{
	padding: 0 5px;
}

.sqm{
	padding: 130px 0px;
}
.sqm-images > div{
	padding: 2px 1px;
}
.btn-more{
	line-height: 1;
	font-size: 12px;
	color: #1e1e1f;
}
.sqm-location{
	margin-bottom: 8px;
	border-bottom: 1px solid #b1a7a7;
}
.sqm-location > div:first-child, .sqm-tab > div:first-child, .location-body .row > div:first-child{
	border-right: 1px solid #b1a7a7;
}
.sqm-location p{
	color: #0064a8;
	font-size: 14px;
	margin-bottom: 3px;
}
.sqm-tab ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.sqm-tab ul li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: stretch;
	align-items: stretch;
	font-size: 14px;
	color: #ee506e;
	margin-bottom: 5px;
}
.sqm-tab ul li img{
	margin-right: 12px;
}
.btn-tab{
	color: #1e1e1f;
	font-size: 16px;
	font-weight: 600;
	text-align: right;
}
.btn-tab.active{
	color: #ee506e;
	text-decoration: underline;
}
.sqm-tab{
	border-top: 1px solid #b1a7a7;
}
.btn-custom{
	line-height: 1;
	font-size: 16px;
	font-weight: 600;
	border-radius: 25px;
	padding: 9px 23px 13px;
}
.btn-yellow{
	background-color: #fbb03b;
	color: #1e1e1f;
}
.btn-yellow:hover{
	background-color: #1e1e1f;
	color: #fbb03b;	
}
.btn-white{
	background-color: #fff;
	color: #1e1e1f;
}
.btn-white:hover{
	background-color: #f25170;
	color: #fff;	
}
.btn-dark{
	background-color: #1e1e1f;
	border-color: #1e1e1f;
	color: #fff;
}
.btn-dark:hover{
	background-color: #f25170;
	border-color: #f25170;
	color: #fff;
}
.location{
	padding: 100px 0;
	background: transparent url('../images/new/location-bg.png') no-repeat center top / cover;
}

.location-card{
	background: #fff;
	-webkit-box-shadow: 7px 15px 16px rgba(158, 158, 158, 0.51);
	box-shadow: 7px 15px 16px rgba(158, 158, 158, 0.51);
}
.location-footer{
	background-color: #e7e7e8;
	text-align: center;
	padding: 18px 5px;
}
.location-heading{
	padding: 35px 30px 4px;
}
.location-body{
	padding: 0 30px 20px;
}
.location-heading h6{
	color: #f25170;
	margin-bottom: 0;
	font-weight: 700;
	text-decoration: underline;
}
.location-heading h2{
	font-size: 36px;
}
.location-body-list{
	padding-left: 22px;
	position: relative;
}
.location-body-list img{
	position: absolute;
	top: 2px;
	left: 0;
}
.location-body-list h5{
	color: #0064a8;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 3px;
}
.location-body-list ul{
	font-size: 14px;
	color: #ee506e;
}
.location-body-list ul li{
	margin-bottom: 3px;
	font-weight: normal;
}
.location-body .row{
	border-top: 1px solid #b1a7a7;	
}
.banner-area{
	background: none;
}
.banner-area h2{
	font-size: 36px;
	color: #0064a8;
}
.banner-area h4{
	color: #ee506e;
	font-weight: 600;
}
.banner-area h4 strong{
	font-weight: bold;
}
.banner-area hr{
	border-top-color: #0064a8;
	margin: 30px 0;
}
.banner-area .btn{
	padding: 6px 5px 8px;
	padding-left: 25px;
}
.feature-slider{
	background: #fff url('../images/new/slide-bg.png') no-repeat center / cover;
	padding: 75px 0 85px;
}
.feature-slider .carousel-indicators{
	bottom: -50px;
	margin-left: 5%;
	margin-right: 5%;
	justify-content: end;
}
.feature-slider .carousel-indicators li{
	background-color: #7b7b7b;
}
.feature-slider .carousel-indicators li.active{
	background-color: #fff;
}
.feature-slide h2 sub{
	bottom: 0;
	font-size: 0.5em;
}
.feature-slide-1 h2{
	margin-bottom: 65px;
}
.featured-section{
	padding: 75px 0 100px;
}
.featured-section-heading{
	margin-bottom: 60px;
}
.featured-section-heading h1{
	color: #0064a8;
	font-weight: bold;
}
.featured-section-heading h3{
	color: #f25170;
	font-size: 25px;
}
.fd-box{
	margin-bottom: 30px;
	max-width: 155px;
	width: 100%;
}
.fd-box p{
	font-weight: 600;
	font-size: 16px;
	margin-top: 12px;
	color: #0064a8;
}
.fd-row .col{
	min-width: 20%;
}

.booking-new{
	background: #fff url('../images/new/booking-hotel-bg.png') no-repeat center / cover;
}

.booking h2{
	line-height: .9;
	margin-bottom: 24px;
}
.booking h3{
	margin-bottom: 12px;
}
.booking h4{
	max-width: 460px;
	font-size: 26px;
}
.booking-image {
    position: relative;
	margin-left: auto;
    max-width: 460px;
    display: block;
    bottom: -56px;
    width: 100%;
}
.booking-image.mtl {
    bottom: -90px;
}
.fr .booking-image.mtl {
    bottom: -109px;
}
.booking-new{
	padding-bottom: 0;
}
.booking-bottom{
	margin-top: -10px;
}
.booking-bottom h3{
	font-size: 44px;
}

.section-bottom-up{
	padding: 100px 0 30px;
	background: none;
}
.section-bottom-up .our-clients{
	margin-top: 120px;
	margin-bottom: 75px;
}
.icon-counters .count{
	font-weight: 700;
}
.icon-counters h4{
	color: #256b95;
}

.footer-up hr{
	border-top-color: #fff;
}
.footer-up p{
	font-weight: 300;
	font-size: 14px;
	line-height: 1.3;
}

.footer-up .font-weight-bold p{
	font-weight: bold;
	margin-bottom: 5px;
}

.footer-address{
	position: relative;
	padding-left: 40px;
}
.footer-address img{
	position: absolute;
	width: 20px;
	left: 0;
	top: 8px;
}

.header-up .navbar-nav .nav-link{
	border-radius: 25px;
	color: #fff !important;
	border: 2px solid transparent;
}
.header-up .navbar-nav .nav-link:hover, .header-up .navbar-nav .nav-link.active{
	border-color: #90d3cb;
}
.header-up .navbar-nav .nav-link:after{
	border-top-color: #f25170;
}
.header-up .navbar-nav .nav-link .fas{
	color: #f25170;
}
.text-underline{
	text-decoration: underline !important;
}

/*
.banner-image{
	padding: 0 !important;
	background-color: transparent;
}*/
.banner-image img{
	margin-bottom: -15%;
	margin-top: -6.5%;
	max-width: 116%;
	float: right;
}
.banner-image-lg img{
	max-width: 160%;
	margin-top: 0;
}
.banner-card-lg{
	padding: 40px;
}
.banner-card-lg h1{
	font-size: 40px;
}
.banner-card-lg h6{
	font-size: 28px;
}
.banner-card-lg .btn{
    padding-bottom: 9px;
	margin-top: 30px;
    max-width: 290px;
    width: 100%;
}
.banner-arrow-right{
	left: auto;
	right: 8%;
	bottom: 5%;
}
.w-90{
	max-width: 90%;
}
.membrships{
	padding: 60px 0;
	margin: 100px 0;
}
.membrships h2{
	line-height: 1;
	font-size: 72px;
}
.card-box{
	color: #fff !important;
	-webkit-box-shadow: 10px 15px 13px rgba(41, 41, 40, 0.36);
	box-shadow: 10px 15px 13px rgba(41, 41, 40, 0.36);
}
.card-box:hover{
	-webkit-box-shadow: 0px 0 0 3px #fff;
	box-shadow: 0px 0 0 3px #fff;	
}
.card-box:hover .btn{
	color: #0064a8;
	background-color: #fff;
	-webkit-box-shadow: 0 0px 13px rgba(41, 41, 40, 0.38);
	box-shadow: 0 0px 13px rgba(41, 41, 40, 0.38);
}
.card-box h4{
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.card-box div:first-child{
	padding: 30px 35px 20px 20px;
	min-height: 290px;
}
.card-box p{
	font-weight: normal;
	margin-bottom: 0;
	font-size: 18px;
}
.card-box-footer{
	padding: 12px;
	text-align: center;
	background-color: #f25270;
}
.card-box-footer .btn{
	padding: 3px 20px 7px;
	border-radius: 25px;
	font-weight: 600;
}
.booking-bottom-title {
	padding: 26px 0;
	margin-top: 0;
}
.booking-bottom-title img{
	margin-right: 15px;
}
.po-membership{
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 85px 0;
}
.po-membership .container{
	max-width: 1080px;
}
.po-membership h2{
	color: #fff;
	font-size: 78px;
	font-weight: 700;
	line-height: 0.9;
}
.po-membership-bottom{
	-webkit-box-shadow: 10px 15px 13px rgba(51, 102, 0, 0.36);
	box-shadow: 10px 15px 13px rgba(51, 102, 0, 0.36);
	background-color: #f25170;
	padding: 25px 15px;
	border-radius: 8px;
	font-size: 22px;
	color: #fff;
}
.po-membership-bottom .btn{
	font-weight: 600;
	border-radius: 25px;
	padding-bottom: 10px;
}
.banner-card-row .col-lg-4 p{
	font-size: 32px;
}
.banner-card-row .btn{
    right: 26%;
	width: 100%;
    bottom: -90px;
	max-width: 290px;
	position: absolute;
	padding-bottom: 9px;
	display: inline-block;
}
.banner-card-row .row{
	margin-bottom: 20px;
}
.offices{
	padding-top: 100px;
	padding-bottom: 80px;
}
.office{
	font-size: 14px;
	position: relative;
	color: #fff !important;
	background-color: #f25270;
}
.office:hover{
	-webkit-box-shadow: 0 7px 9px rgba(22, 24, 25, 0.24);
	box-shadow: 0 7px 9px rgba(22, 24, 25, 0.24);
}
.office:hover .btn{
	background-color: #fff;
}
.office-image{
	padding-bottom: 65%;
	background-size: cover;
	background-position: center center;
}
.office-body{
	padding: 10px 20px 20px;
	font-size: 14px;
}
.office-body ul{
	padding-left: 18px;
	margin-bottom: 15px;
}
.office-body ul li{
	margin-bottom: 5px;
}
.office h4{
	font-size: 16px;
	font-weight: normal;
}	
.office h3{
	margin: 0;
	max-width: 80%;
	font-size: 31px;
	font-weight: normal;
}
.office h6{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	margin-top: auto;
}
.office-title{
	border-bottom: 2px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 25px;
	min-height: 105px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.office .btn{
	font-size: 14px;
	min-width: 135px;
	padding-left: 40px;
	padding-bottom: 8px;
}
.office p{
	margin-bottom: 25px;
}
.office-body > img{
	position: absolute;
	max-width: 75px;
	bottom: 0;
	right: 0;
}
.btn-white{
	-webkit-box-shadow: 0 8px 32px rgba(22, 24, 25, 0.54);
	box-shadow: 0 8px 32px rgba(22, 24, 25, 0.54);
	background-color: #fff;
	font-weight: normal;
	border-radius: 25px;
	font-size: 18px;
	color: #0064a8;
	padding-left: 25px;
	padding-right: 25px;
}
.list-slider{
	padding: 75px 0;
	color: #0064a8;
	font-size: 14px;
	background-color: #ededed;
}
.list-slider h6{
	font-weight: bold;
	padding: 10px;
	margin: 0;
}
.owl-card{
	padding-bottom: 68%;
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center center;
}
.list-slider h3{
	color: #f25170;
	font-size: 28px;
	font-weight: 400;
}
.owl-list-slider .owl-nav{
    left: 0;
    right: 0;
    z-index: 5;
    top: -58px;
	width: 100%;
    padding: 0 15px;
    max-width: 1080px;
    position: absolute;
    display: inline-block;
    margin: auto !important;
    text-align: right !important;
}
.list-slider .owl-list-slider.owl-carousel .owl-nav button{
	background-color: #fff !important;
	font-size: 25px !important;
	color: #0064a8 !important;
	padding: 14px 10px 21px !important;
	border-radius: 0 !important;
	margin: 0 1px !important;
	line-height: 0.2 !important;
}
.list-slider .owl-list-slider.owl-carousel .owl-nav button:hover{
	background-color: #c1c1c1 !important;
}

.confirm-order{
	padding: 100px 0;
}
.confirm-left{
	padding: 60px 15px;
}
.confirm-left h2{
	color: #0064a8;
	font-size: 32px;
	padding-left: 35px;
	margin-bottom: 35px;
	font-weight: normal;
}
.confirm-card{
	-webkit-box-shadow: 0 13px 10px rgba(22, 24, 25, 0.21);
	box-shadow: 0 13px 10px rgba(22, 24, 25, 0.21);
	background-color: #fff;
}
.confirm-card .office{
	width: 45%;
}
.confirm-card .office-right{
	width: 55%;
}
.office-right-body{
	padding: 25px 25px 15px;
}
.office-right-footer{
	padding: 15px 25px;
	background-color: #ededed;
}
.office-right-body{
	font-weight: normal;
	font-size: 15px;
	color: #0064a8;
}
.office-right-body p{
	margin-bottom: 5px;
}
.office-right-body p input{
	border: 1px solid #0064a8;
	display: inline-block;
	font-size: inherit;
	text-align: center;
	padding: 0 2px 2px;
	color: #0064a0;
	width: 100px;	
}
.office-right-body h3{
	font-size: 40px;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 5px;
}
.office-right-body hr{
	margin: 20px 0;
	border-top-color: #f25270;
}
.office-right-body h6{
	font-weight: bold;
	color: #f25170;
}
.office-right-body h4{
	font-size: 25px;
	margin-bottom: 1em;
}
.confirm-right{
	padding: 60px 15px;
}
.confirm-right{
	font-weight: 600;
	font-size: 15px;
	color: #0064a8;
}
.confirm-right h6{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 30px;
}
.confirm-right hr{
	margin: 25px 0;
	border-top-color: #0064a8;
}
.modal-view-content{
	padding: 0 10px;
}
.modal-view-content{
	color: #0064a9;
	font-size: 15px;
	font-weight: normal;
}
.modal-view-content h2{
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 2px;
}
.modal-view-content h6{
	font-weight: bold;
	font-size: 21px;
	color: #f25170;
}
.modal-body > .close{
	top: 3px;
    right: 10px;
    z-index: 9;
	position: absolute;
}
.modal-view-content form{
	margin-top: 25px;
}
.modal-view-content .ref-form{
	font-size: 18px;
	font-weight: normal;
}
.modal-view-content .ref-date img{
	max-height: 33px;
}
.modal-view-content .custom-control-label{
	font-weight: 700;
}
.modal-view-content .custom-control-label span.off{
	color: #bc103a;
	font-weight: normal;
}
.modal-view-content .custom-control-label:before{
	border-color: #0064a8;
}
.custom-control-input:checked~.custom-control-label::before{
	border-color: #0064a8;
	background-color: #0064a8;
}
select.ref-form{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.icons-list{
	color: #0064a8;
	font-size: 13px;
	font-weight: 300;
	text-align: center;
	margin-bottom: -20px;
	font-family: 'Eina 04';
}
.icons-list li{
	display: flex;
	align-items: center;
}
.icons-4 li{
	min-width: 25%;
	max-width: 25%;
	padding: 0 5px 0 0;
	margin-bottom: 12px;
	flex-direction: column;
}
.icons-list li img{
	margin-bottom: 10px;
	max-width: 100%;	
}
.icons-list li span{
	min-height: 45px;
}
.icons-list-col li{
	margin-bottom: 15px;
}
.icons-list-col span{
	min-width: 38px;
	margin-right: 12px;
	min-height: auto !important;
}
.icons-list-col p{
	margin: 0;
	font-weight: 400;
	text-align: left;
	font-size: 16px;
}
.icons-list-col img{
	margin-bottom: 0 !important;
}
.list-divider{
	position: relative;
}
.list-divider:after{
	top: 0;
	left: 94%;
	width: 1px;
	content: "";
	height: 100%;
	position: absolute;
	background-color: #0064a8;
}


/* content-sections  */
.content-sections{
	padding: 150px 0;
}
.content-sections .row + .row{
	margin-top: 150px;
}
.content-sections h2{
	font-size: 68px;
	color: #0064a8;
	line-height: 1;
	margin-bottom: 30px;
}
.content-sections h6, .content-sections h2 span{
	margin-bottom: 65px;
	max-width: 480px;
	font-weight: 600;
	font-size: 22px;
	color: #f25270;
}
.content-sections h3{
	color: #0064a8;
	line-height: 1;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 20px;
}
.content-sections .btn-explore{
	min-width: 190px;
}
.fr .content-sections .btn-explore{
	min-width: 250px;
}

.fr .content-sections .btn-explore img{
	left: 10px;
}

.payment-list{
	margin-bottom: 25px;
	border: 1px solid #f25270;
}
.payment-list div{
	padding: 15px 20px;
}
.payment-list div + div{
	border-left: 1px solid #f25270;
}
.payment-list strong{
	background-color: #f25270;
	text-transform: uppercase;
	padding: 0px 8px 2px;
	font-weight: 700;
	color: #fff;
}
.payment-list h5{
	color: #0064a8;
	margin: 8px 0 0;
	font-size: 31px;
	font-weight: 700;
}
.payment-list h5 span{
	font-size: 22px;
}
.accordion .card{
	border: none;
}
.accordion .card-header{
	padding: 0;
	border: none;
}
.accordion .card-header .btn{
	padding: 1px 0;
	color: #f25270;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
}
.accordion .card-body p{
	max-width: 350px;
	width: 100%;
}
.accordion .card-body{
	color: #0064a8;
	font-size: 16px;
	padding: 5px 20px;
}
.accordion .card-header .btn i{
	transition: all 0.3s linear;
	/*transform: rotate(90deg);*/
	margin-right: 5px;
	margin-top: 4.5px;
	color: #0064a8;
}
.accordion .card-header .btn.collapsed i{
	/*transform: rotate(0deg);*/
}
.content-sections h2 span{
	vertical-align: 5;
}

/*  */
.nav-tabs-coworking.nav-tabs-links{
	margin-right: 90px;
}
.nav-tabs-coworking.nav-tabs-links button{
	border-radius: 0 !important;
}

.nav-tabs-coworking.nav-tabs-links button.active{
	background-color: #c5c7cb !important;
	color: #2b2b2b !important;
	font-weight: 400;
}

.tab-content-coworking .tab-search{
	margin-right: 90px;
	position: relative;
}

.tab-content-coworking .tab-search .btn-search{
	background-color: #ababab;
	position: absolute;
	border-radius: 0;
	right: -75px;
	height: 72px;
	width: 80px;
}

.tab-content-coworking .tab-search .btn-search img{
	width: 30px;
}

.tab-content-coworking .tab-field-area input, .tab-content-coworking .tab-field select, .tab-content-coworking .tab-field input{
	background: none !important;
	padding-left: 70px !important;
}

.tab-content-coworking .tab-field label{
	left: 70px !important;
}

.tab-content-coworking .tab-field-area img,
.tab-content-coworking .tab-field img{
	width: 25px !important;
	left: 20px !important;
	position: absolute;
	margin: auto;
	bottom: 0;
	top: 0;
}

.tab-content-coworking .tab-field-area label[for="select-city"] + img{
	left: 30px !important;
}

.banner-slider-content-middle-content{
	top: 0;
	height: 100%;
	transform: none;
	padding-bottom: 150px;
}

.banner-slider-content-middle-content-inner{
	width: 100%;
	background: rgb(16,100,167);
	background: -moz-linear-gradient(180deg, rgba(16,100,167,0) 0%, rgba(16,100,167,1) 68%);
	background: -webkit-linear-gradient(180deg, rgba(16,100,167,0) 0%, rgba(16,100,167,1) 68%);
	background: linear-gradient(180deg, rgba(16,100,167,0) 0%, rgba(16,100,167,1) 68%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1064a7",endColorstr="#1064a7",GradientType=1);
}

.booking-btns-new{
	position: absolute;
	max-width: 480px;
	z-index: 8;
	right: 2%;
	bottom: 400px;
}
.booking-btns-new img{
	max-width: 100%;
	display: block;
}

.booking-btns-list{
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.booking-btns-list a{
	position: relative;
	display: block;
	width: 85%;
}

.booking-btns-list h4{
	font-size: clamp(16px, 2vw, 28px);
	position: absolute;
	color: #fff;
	bottom: 30%;
	z-index: 1;
	margin: 0;
	left: 8%;
}

.tab-field-area{
	z-index: 1;
	position: relative;
}
.tab-field-area input{
	position: relative;
	z-index: -1;
}




/* swivl-hero */
.swivl-hero{
	padding-top: 180px;
	padding-bottom: 120px;
	background-size: cover;
	background-position: center center;
}

.swivl-hero-title{
	color: #fff;
	padding: 12px 8px 2px;
	display: inline-block;
	background-color: #f25270;
}

.swivl-hero-title h2{
	text-transform: uppercase;
	font-family: 'Eina 04';
	font-weight: 600;
	font-size: 24px;
	display: block;
}

.swivl-hero-title h2 span{
	display: block;
	font-size: 14px;
	font-weight: 600;
}

.swivl-hero-grid{
	display: flex;
	margin-top: -62px;
	align-items: center;
}

.swivl-hero-slider{
	flex-grow: 1;
	margin-right: -30px;
}

.swivl-hero-content{
	z-index: 1;
	color: #fff;
	padding: 54px;
	min-width: 560px;
	max-width: 560px;
	background-color: rgba(0, 68, 114, 0.9);
}

.swivl-hero-content h2{
	margin-bottom: 30px;
}

.swivl-hero-content .btn-explore{
	min-width: 290px;
	padding-left: 25px;
	padding-bottom: 8px;
}

.swivl-hero-slider .carousel-item img{
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: center;
}

.swivl-hero-slider .carousel-control-next, .swivl-hero-slider .carousel-control-prev{
	background: none;
	bottom: -45px;
	border: none;
	width: auto;
	opacity: 1;
	top: auto;
}

.swivl-hero-slider .carousel-control-prev{
	left: 70px;
}

.swivl-hero-slider .carousel-control-next{
	left: 100px;
	right: auto;
}

.swivl-hero-slider .carousel-indicators{
	bottom: -42px;
	right: 100px;
	width: auto;
	left: auto;
	margin: 0;
}

.swivl-hero-slider .carousel-indicators li{
	background-color: #fff;
}

.swivl-hero-slider .carousel-indicators li.active{
	background-color: #b2b2b2;
}

.swivl-hero-slider{
	position: relative;
}

.swivl-hero-slider:after{
	content: "";
	height: 1px;
	left: 160px;
	right: 190px;
	bottom: -35px;
	position: absolute;
	background-color: #fff;
}

@media screen and (max-width: 1199px) {
	.swivl-hero-grid{
		margin-top: 15px;
	}
	
	.swivl-hero-content{
		padding: 34px;
		min-width: 420px;
		max-width: 420px;
	}
	
	.swivl-hero{
		padding-top: 140px;
		padding-bottom: 60px;
	}
}

@media screen and (max-width: 991px) {
	.swivl-hero-content {
        padding: 26px;
        min-width: 300px;
        max-width: 300px;
    }

	.swivl-hero-content .btn-explore{
		min-width: 240px;
	}

	.swivl-hero-title h2{
		font-size: 20px;
	}

	.swivl-hero-slider .carousel-control-next, .swivl-hero-slider .carousel-control-prev{
		bottom: -32px;
	}

	.swivl-hero-slider .carousel-control-prev{
		left: 0;
	}

	.swivl-hero-slider .carousel-control-next{
		left: 30px;
	}

	.swivl-hero-slider .carousel-indicators{
		bottom: -28px;
		right: 0;
	}

	.swivl-hero-slider:after{
		left: 80px;
		right: 80px;
		bottom: -22px;
	}
}

@media screen and (max-width: 767px) {
	.swivl-hero-grid{
		gap: 50px;
		flex-direction: column;
	}

	.swivl-hero-slider{
		width: 100%;
		margin-right: 0;
	}

	.swivl-hero-slider .carousel-item img{
		height: auto;
	}

	.swivl-hero-content{
		padding: 15px 15px 25px;
		min-width: 260px;
		max-width: 100%;
	}

	.swivl-hero-content h2 {
		margin-bottom: 20px;
	}

	.swivl-hero {
        padding-top: 100px;
        padding-bottom: 50px;
    }
	
	.swivl-hero-title h2 {
        font-size: 17px;
    }
}