body.home{
	background-image: url(../images/prim.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}



.blue-overlay{
	height: 100vh;
	/*background-color: rgba(37, 115, 212, 0.38);*/
	background-color: rgba(12, 104, 218, 0.24);
	/*background-color: rgba(0, 50, 111, 0.45);*/
	/*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(25, 114, 224, 0.73));*/
	/*background-image: linear-gradient(to bottom, rgba(255, 62, 62, 0.52), rgba(0, 0, 0, 0.73)); */
}

.hero-section{
	height: 100%;
}

.home-title{
	/*font-family: 'Francois One', sans-serif;*/
	font-family: 'Josefin Sans', sans-serif;
	/*font-family: 'Purple Purse', cursive;*/
	/*font-family: 'Kanit', sans-serif;*/
	line-height: initial;
	color: white;
	font-size: 7rem;
	font-weight: 300;
	line-height: 1;
}

.rfix{
	margin-left: 0px;
	margin-right: 0px;
}

.cfix{
	padding-left: 0px;
	padding-right: 0px;
}

.xnavbar{
	/*position: fixed;
	top: 0;*/
	padding-top: 25px;
	padding-bottom: 7px;
	width: 100%;
	z-index: 100;
	position: absolute;
}

.xnavbar.colored{
	background-color: #121E52;
}

.mini-header.colored{
	background-color: #121E52;
}

.xnavbar.fixed{
	position: fixed;
}

.xnav-list{
	padding-left: 0px;
	justify-content: space-between;
	list-style-type: none;
	display: inline-block;
}
.xnav-list-foot {
    padding-left: 0;
   
    list-style-type: none;
    display: flex; /* Change to flex for proper layout */
    gap:100px;
    width: 100%; /* Ensure it takes up the full width of the parent */
}

.xnav-list-item{
	color: white;
	display: inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	padding-left: 5px;
	padding-right: 5px;
	transition: all 1.1s;
}

.xnav-list-item > a{
	color: white;
	text-decoration: none;
}

.socials{
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 10;
	transform: translate(0%, -50%);
	padding-right: 25px;
}

.social-wrap{
	margin-bottom: 25px;
	margin-top: 25px;
	text-align: center;
}

.social-item{
	color: white !important;
	font-size: 1.5rem
}

.bottom-sec{
	position: fixed;
	bottom: 10%;
	padding-bottom: 15px;
	width: 100%;
}


.mini-head{
	color: white;
	font-family: 'Raleway', sans-serif;
	/*font-weight: bold;*/
	margin-bottom: 15px;
}

.mini-text{
	color: white;
	text-align: justify;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}

.main-content{
	height: 100vh;
	overflow: hidden;
}

.center-wrap{
	height: 100%;
	display: flex;
	justify-content: center;
	vertical-align: middle;
	flex-direction: column;
	color:white;
}
.center-wrap_2{
	height: 100%;
	display: flex;
	flex-direction: column;
	color:white;
	margin-top: 6%;

}

.r-center-wrap{
	height: 100%;
	display: flex;
	vertical-align: middle;
	flex-direction: row;
	
}
.para-title{

}
.hori-sec{
	display: none;
}
.scrolly{
    background-color: #121E52;
	overflow: hidden;
	 
}
.hit{
	margin-top: 15%;
	color: white;
	font-size: 30px;
}
.scrolly-wrap.visible{
	display: flex;
}

.scrolly-wrap{
	display: none;
}

.page-scroll{
	position: fixed;
	bottom: 25%;
	color: white;
}

.number{
	display: inline-block;
	color: #d0d0d0;
	font-family: 'Inconsolata';
	font-weight: 300;
	margin-right: 15px;
	transition: all 1s;
}

.number > a{
	color: #d0d0d0;
	text-decoration: none;
}

.number:hover > a{
	color: white;
}

.number.active > a{
	color: white;
}

.number .dash{
	width: 0px;
	height: 5px;
	display: inline-block;
	border-bottom: 2px solid white;
	transition: all 1s;
}

.number.active .dash{
	width: 100px;
}

.abz{
	position: fixed;
	left: 20px;
	top: 15px;
	width: 100px;
}

.city-hero.london{
	height: 80vh;
	background-image: url(../images/ln-cover.jpg);
	/*background-image: url(https://images.pexels.com/photos/427679/pexels-photo-427679.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.city-hero.istanbul{
	height: 80vh;
	background-image: url(../images/istanbul-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.city-hero.boston{
	height: 80vh;
	background-image: url(../images/boston-bgr.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.city-hero.johannesburg{
	height: 80vh;
	background-image: url(../images/johannesburg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.city-hero.singapore{
	height: 80vh;
	background-image: url(../images/singapore-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.city-hero.tokyo{
	height: 80vh;
	background-image: url(../images/tokyo-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.city-hero.about{
	height: 80vh;
	background-image: url(../images/se.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;	
}

.city-hero.gallery{
	height: 80vh;
	background-image: url(../images/img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.city-title{
	color: white;
	font-size: 10rem;
	font-family: 'Josefin Sans', sans-serif;
	line-height: initial;
}

.city-hero-body{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.city-overlay{
	width: 100%;
	height: 100%;
	/*background-color: rgba(12, 104, 218, 0.24);*/
}

.city-date{
	color: white;
	font-family: 'Poppins', sans-serif;
	font-size: 1.2rem;
	/*font-weight: bold;	*/
}

.page-img{
	padding: 3px; 
}

/*.grid-item--width-3{
	width: 75% !important;
}

.grid-item{
	width: 25%;
	display: table;
	padding: 4px;
}*/

.grid-item{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.grid-item >  a{
	/*display: flex;*/
}

.grid-last-child{
	/*display: flex;*/
    /*flex-grow: 1;*/
    height: 100%
}

.grid-last-child > img{
	/*object-fit: cover;*/
}

.grid-item > video{
	padding: 2px;
}

.grid-item img{
	padding: 4px;
	cursor: pointer;
}

.text-card{
	background-color: #17a2b8;
	/*height: 400px;*/
	color: white;
	padding-left: 20%;
	padding-right: 20%;
	padding-top: 20%;
	padding-bottom: 20%;
	font-family: 'Josefin Sans', sans-serif;
	text-align: justify;
	font-size: 1.3rem;
	margin: 4px;
}

.city-gallery{
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 60px;
}

.oxnavbar{
	/*position: fixed;
	top: 0;*/
	padding-top: 50px;
	padding-bottom: 50px;
	position: absolute;
	width: 100%;
}

.grid-item a>img:hover {
	transition: all 0.5s;
	opacity: 0.8 !important;
}


.grid-item > .text-card:hover{
	opacity: 0.8;
	transition: all 0.5s;	
}


.video-wrap{
	margin: 4px;
}


.stick-bottom {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 100;
}

footer {
    margin-top: 10px;

    padding: 10px 20px;
    background-color: black;
    color: white;
}

.align-vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.space-fix {
    justify-content: space-between;
}

.footer-city {
    font-size: 12px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    padding: 3px;
}

.footer-city {
    font-size: 12px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}

.footer-social {
    width: 1.3rem;
    cursor: pointer;
}

.space-fix-social {
    /* Adjusts the left margin of the whole container */
    display: flex; /* Flex layout */
    gap:30px;/* Space items evenly */
    justify-content:center;
}
.xsocial-wrap{
	text-align: center;
}

body.dark{
	/*background-color: black;*/
}

.side-title{
	/*color: white;*/
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Josefin Sans', sans-serif;
}

#mini-nav-button{
	padding: 0px;
    background: transparent;
    border: none;
    color: white;
}

.oxnavbar{
	/*position: fixed;*/
	/*top: 0px;*/
	/*width: 100%;*/
	/*display: block;*/
	/*z-index: 10;*/
}

#close-menu-button {
    padding: 15px;
    font-size: 2rem;
    background: transparent;
    border: none;
    color: black;
}

.tiny-media{
	margin-bottom: 8px;
	margin-right: 8px;
	background-color: #4a4a4a;
	padding: 5px;
}

.tiny-media > a{
	text-decoration: none !important; 
}

.tiny-media-title{
	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;  
  	overflow: hidden;
  	color: white;
  	padding-left: 5px;
  	font-family: 'Lato', sans-serif;
  	font-size: 14px;
}

.tiny-media-img{

}

.dark-bg{
	/*background-color: black;*/
	/*background-color: #383838;*/
	/*backgr*/
}

.scroll-button{
	background-color: transparent;
	color: white;
	border: none;
	font-size: 2rem;
}

.scroll-button-holder{
	position: fixed;
	bottom: 5%;
	width: 100%;
	text-align: center;
	z-index: 50;
}


.scroll-button{
	animation-duration: 3s;
}


.home-logo{
	max-width: 375px;
}

.v3-city-list{
	list-style-type: none;
	padding-left: 0px;
	/*position: absolute;*/
	/*bottom: 0;*/
	text-align: center;
	right: 0;
	padding: 40px; 
}

.v3-city-item{
	color: white;
	margin: 15px;
	font-family: 'Josefin Sans', sans-serif;
	/*font-weight: 300;*/
}

.v3-city-item > a{
	color: white;
	text-decoration: none;
}

.city-tiny-img{
	border-radius: 50%;
	width: 50px;
	height: 35px;
	margin-right: 15px;
}

.ver-wrap{
	height: 100%;
}

.ver-line{
	width: 2px;
	height: 0%;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	transition: all 0.6s;
}

.ver-line.left{
	margin-right: auto;
	margin-left: 0;
	position: relative;
	left: -1px;	
}

.ver-line-3{
	height: 100%
}

.text-indent--1{
	/*text-indent: 15%;*/
}

.text-indent--2{
	/*text-indent: 27%;	*/
}

.ampersand{
	font-size: 3rem;
}

.title-wrap{
	position: relative;
	top: -1%;
}

.title-wrap{
	text-align: center;
	/*padding-right: 20px;*/
}

.logo-wrap{
	padding-left: 20px;
}

.nav-socials{
	/*float: right;*/
	/*padding-right: 20px;*/
	padding-left: 5px;
}

.nav-socials > .xnav-list-item{
	padding-right: 10px;
	padding-left: 10px;
}

.dark-bg{
	/*background-image: linear-gradient(to right, black, #bbbbbb)*/
	background: url(../images/bgw.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.grad-sec-1{

}

.nav-socials .social-item{
	color: white !important;
}

.tag-text{
	color: white;
	/*font-family: 'Kanit', sans-serif;*/
	font-family: 'Josefin Sans', sans-serif;
	font-size: 4.5rem;
	text-align: right;
	margin-right: 20px;
	font-weight: 300;
}

.quest{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2rem;
	font-weight: 300;
}
.quest1{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2rem;
	font-weight: 300;
	margin-left: 5%;
}
.answer{
	margin-bottom: 20px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.4rem;
	font-weight: 300;
}

.center{
	text-align: center;
}

.qna-wrap{
	display: block; 
	text-align: right; 
	margin-right: 20px;
}

.site-logo{
	position: absolute;
	left: 0px;
	top: -22px;
}

.site-logo > img{
	max-width: 72px;
}

.content-wrap{

}

.about-card-text{
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2em;
}

.para-title{
	font-family: 'Josefin Sans', serif;
	font-size: 3.5rem;
	/*margin-bottom: 30px;*/
	font-weight: 300;
	text-transform: uppercase;
	/*color: #0071C6;*/
}

.para-2{
	font-family: 'Poppins', sans-serif;
    text-align: justify;
    margin-bottom: 20px;
}

.about-mona-cover{
	min-height: 300px;
	height: 100%;
	width: 100%;
	background: url(../images/about-mona.jpg); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.c-div {
    margin-bottom: 10%;
    display: flex;          /* Enable flexbox */
    justify-content: center; /* Horizontally center (if needed) */
    align-items: center;    /* Vertically center the content */
               /* Ensure the height is set for centering to take effect */
}
.contact-mona-cover{
	
	height: 100%;
	width: 100%;
	margin-top: 15%;
	background: url(../images/contact.png); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	border-radius:50px 50px 50px 50px ;
	
}

.hero-image-holder{
	padding-top: 77px;
}

.about-card{
	background-color: white
}

.about-card-text{
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2em;
}


.colr-bluish{
	background-color: #3f42ad;
	color: white;
}

.colr-blue{
	background-color: #121E52;
}


.sub-section {
    margin-top: 20px;
    margin-bottom: 65px;
}

blockquote {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    text-align: justify;
}

blockquote.white{
	color: white;
}

blockquote:before {
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}

blockquote.white:before{
	color: white
}


.white-text{
	color: white;
}

.team-card{
	padding-left: 2px;
	padding-right: 2px;
}

.team-card-title{
	font-family: 'Poppins', sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center; 
}

.video-cards{
	padding: 10px
}

.xnavbar.pfix{
	position: initial;
}

.styled-input{
	border: 2px solid black;
	margin-bottom: 15px;
	width: 100%;
	height: 50px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'Poppins', sans-serif;

}

.input-form{
	padding: 15px; 
}

#send-message{
	color: white;
	background-color: #121E52;
	padding: 0.5rem 3rem;
	border: none;
}

.form-message{
	margin-top: 5px;
    font-family: 'Poppins', sans-serif;
}

.cal-day{
	height: 200px;	
	border-bottom: 2px solid white;
	border-left: 2px solid white;
	padding: 5px;
	position: relative;
}

.dnum{
	font-family: 'Josefin Sans', serif;
	/*font-size: 10rem;*/
	font-size: 2.5rem;
	color: white;
	line-height: initial;
	text-align: right;
	margin-right: 20px;
}

.dmonth{
	font-family: 'Josefin Sans', serif;
	font-size: 2.5rem;
	color: white;
	line-height: initial;
	/*position: absolute;*/
	bottom: 0;
	display: inline-block;

}

.cal-day.active{
	background-color: white;
}

.cal-day.active > .dnum{
	color: #1D1F67;
}

.cal-day.active > .dmonth{
	color: #1D1F67;
}

.vid-title-row{
	font-family: 'Josefin Sans', serif;
	font-size: 2.5rem;
	color: white;
	line-height: initial;
	font-weight: 300;
	text-align: right;
	margin-right: 20px;
}

.date-row{
	/*float: right;*/
}

.sched-card{
	background-color: #121E52;
	margin: 5px;
	padding: 20px;
	position: relative;
	color: white;
}

.card-date{
	font-weight: 300;
	font-family: 'Josefin Sans', serif;
	font-size: 2.3rem;
	color: white;
	line-height: initial;
}

.card-month{
	font-family: 'Josefin Sans', serif;
	color: white;
}

.card-info{
	/*font-family: 'Josefin Sans', serif;*/
	position: absolute;
	bottom: 0px;
}

.t1-text{
	font-family: 'Josefin Sans', serif;
	font-size: 2rem;
	line-height: initial;
	margin-top: 15px;
}

.t2-text{
	font-family: 'Josefin Sans', serif;
	/*font-size: 2rem;*/
	line-height: initial;
	margin-top: 7px;
	text-transform: uppercase;
}

.t3-text{
	font-family: 'Josefin Sans', serif;
	/*font-size: 2rem;*/
	line-height: initial;
	margin-top: 15px;
	text-transform: uppercase;
}

.sched-card-inwrap{
	height: 100%;
	position: relative;
}

.upcoming{
	background-color: #0005dec7;
}

.unreleased{
	background-color: #1d1f7ac7;
}

.abt-img{
	border-radius: 50%;
}

.abt-img-wrap{
	max-width: 300px;
	display: block;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    text-decoration: none !important;
}

.img-title{
	margin-top: 15px;
	font-family: 'Josefin Sans', serif;
	font-size: 1.5rem;
	/*color: #121E52;*/
	color: white;
	font-weight: bold;
}

.pull-tright{
	text-align: right;
}

.bio-title{
	font-family: 'Josefin Sans', serif;
	font-size: 3rem;
	font-weight: 300;
	line-height: initial;
}

.bio-profile-section{
	margin-top: 15px;
	margin-bottom: 15px;
}

.mob-marg{
	padding-top: 60px;
	padding-bottom: 60px;
}

.sched-city-title{
	padding-left: 5px;
	font-family: 'Josefin Sans', serif;
	font-size: 2.2rem;
	font-weight: 300;
	padding-top: 10px;
}

.t1-text-link{
	text-decoration: none !important;
	color: white !important; 
}

.t1-text-link.colr{
	color: black !important;
	margin-bottom: 15px;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.9rem;
}

.bg-vid-wrap{
	padding: 5px;
}


.vid-ele{
	min-height: 60vh;
	height: 100%;
}

.vid-ele-bg{
	background-image: linear-gradient(to right, rgba(18, 30, 82, 1), rgba(18, 30, 82, 0.7), rgba(0, 0, 0, 0)), url(../images/tn/ptc_tr.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100%;
	min-height: 300px;
}
.vid-ele-bg2{
	background-image: linear-gradient(to right, rgba(18, 30, 82, 1), rgba(224, 227, 242, 0), rgba(0, 0, 0, 0)), url(../images/ptcS2.jpeg);
	background-repeat: no-repeat;
	background-size:100%;
	background-position: center;
	height: 100%;
	min-height: 300px;

}

.other-sec{
	background-image: linear-gradient(to right, rgb(18, 30, 82), rgba(18, 30, 82, 1));
	padding: 25px;
	
}

.banner-title{
	color: white;
	font-family: 'Josefin Sans', serif;
	font-size: 2rem;
	line-height: initial;
	margin-bottom: 15px;
}

.banner-desc{
	color: white;
	font-family: 'Josefin Sans', serif;
	text-align: justify;
	font-weight: 300;
}

.play-b-banner{
	color: white !important;
	font-size: 2rem;
	text-decoration: none !important;
	position: absolute;
	display: flex;
	bottom: 25px;
}

.play-b-subt{
	font-size: 1.2rem;
	font-family: 'Josefin Sans', serif;
	margin-left: 15px;
	line-height: initial;
	font-weight: 300;
	text-transform: uppercase;
	display: inline-flex;
 	align-items: center;
}

.video-card-img{
	/*height: 250px;*/
}

.video-card-info{
	/*background-color: #121E52;*/
	/*background-color: black;*/
	background-image: linear-gradient(to bottom, rgba(62, 81, 167, 1), rgba(18, 30, 82, 1));
	padding: 10px;
	padding-top: 7px;
	padding-bottom: 10px;
	position: absolute;
	bottom: 0px;
	width: 100%;
}


.video-card-title{
	font-family: 'Josefin Sans', serif;
	/*text-transform: uppercase;*/
	font-size: 1.2rem;
	font-weight: 300;
	
	color: white;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-card-subtitle{
	color: white;
	font-family: 'Josefin Sans', serif;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
}

.mini-video-card{
	position: relative;
	margin: 5px;
}

.video-info-wrap{
	text-decoration: none !important;
}



.home-links{
	color: white !important;
	text-decoration: none !important;
	font-weight: bold;
}


.final-img-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden!important
}

.final-img{
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%
}

.xday{
	position: absolute;
	right: 0;
}

.section-socials{
	font-size: 3.5rem;
}

.pright{
	text-align: right;
}

.pleft{
	text-align: left;
}

.float-card-wraps{
	background-color: white;
	position: relative;
	top: -25%;
}

#news-card-wrap{
	/*position: relative;*/
	/*top: -20%	*/
	margin-bottom: -6%;
}

#news-bg-div{
	background: linear-gradient(to bottom, #1D1F67 50%, white 50%);
	height: 100%;
}

.float-card{
	/*border: 1px solid;*/
	background-color: white;
	box-shadow: 6px 7px 9px #3a3a3a36;
	margin-bottom: 5px;
	transition: all 0.5s;
}

.float-card:hover{
	box-shadow: 6px 7px 9px #3a3a3a6e;	
}



.float-sm-card1{
	height: 240px;
	margin-bottom: 20px;
	padding: 15px;
}

.float-sm-card2{
	padding: 15px;
	height: 240px;
}

.colr-bg{
	background-color: #ffffff;
}

.fc-title{
	font-family: 'Josefin Sans', serif;
	font-size: 2rem;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.fc-body{
	font-family: 'Josefin Sans', serif;
	max-height: 130px;
	/*font-weight: 300;	*/
}

.fc-subtitle{
	font-family: 'Josefin Sans', serif;
	text-transform: uppercase;
	color: #1D1F67;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
}

.fc-link{
	text-decoration: none !important;
	color: initial !important;
}

.fc-subcard{
	background-color: #ffffffb5;
	padding: 15px;
}

.fc-button-wrap{
	margin-top: 15px;
}

.fc-button{
	background-color: #1D1F67;
	color: white !important;
	padding: 0.8rem 2rem;
	display: inline-block; 
	text-decoration: none !important; 
}

.rec-card{
	background-color: black;
	height: 450px;
}

.rec-header{
	font-family: 'Josefin Sans', serif;
	font-size: 2rem;
	border-bottom: 4px solid;
	margin-bottom: 30px;
	padding-right: 7%;
	display: inline-block;
}

.rec-card{
	background-image: url('../images/xz.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 25px;
	box-shadow: 6px 7px 9px #3a3a3a36;
	transition: box-shadow 0.5s;
}

.rec-card:hover{
	box-shadow: 6px 7px 9px #3a3a3a6e;	
}

.rec-overlay{
	background-color: #1d1f678c;
	width: 100%;
	height: 100%;
	padding: 15px;
	position: relative;
}

.rec-title{
	font-family: 'Josefin Sans', serif;
	font-size: 1.5rem;
	color: white;
}

.rec-body{
	font-family: 'Josefin Sans', serif;
	color: white;
	font-weight: 300;
}

.rec-text{
	position: absolute;
	bottom: 15px;
	padding-right: 15px;
}

.rec-link{
	display: block;
	text-decoration: none !important;
	color: initial;
}

.more-text{
	font-family: 'Josefin Sans', serif;
	color: black;
	font-size: 1.2rem;
	margin-top: 15px;
}

.more-text > a{
	text-decoration: none !important;
	color: #1D1F67
}

.para-2 > a{
	font-weight: bold;
	color: white;
}

.fn-overlay{
	height: 100%;
    position: absolute;
    width: 40%;
    right: 0;
    z-index: 50;
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

}

.fn-overlay.ext{
	background-color: #b3b3b3;
	background-size: auto;
}

.float-sm-card1, .float-sm-card2{
	z-index: 55;
	position: relative;
	background-color: #fff0;
}


.contact-social-item{
	color: #121E52 !important;
	font-size: 1.5rem;
}

.contact-social{
	list-style-type: none;
	padding-left: 0px;
	display: inline-block;
}

.contact-social > li{
	display: inline-block;
	padding-left: 15px;
}


.floating-box{
	position: fixed;
	top: 100px;
	right: 15px;
	max-width: 275px;
	display: none;
}

#home-player{
	--plyr-color-main: #121E52;
	height:97%;
	
}	


.map-speech-bubble {
	position: relative;
	background: white;
	border-radius: .4em;
	border: 1px solid white;
	margin-right: 25px;
	padding: 5px;
	font-family: 'Poppins', sans-serif;
    /*text-align: justify;*/
    font-size: 14px;
    color: #121E52;
}	

.map-speech-bubble:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 19px solid transparent;
	border-left-color: #ffffff;
	border-right: 0;
	border-top: 0;
	margin-top: -9.5px;
	margin-right: -19px;
}

.fc-body{
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.fc-body.right-c{
	position: absolute;
	bottom: 15px;
}
.footer-sec{
    display: flex;
	
}
.footer-city-holder{
	height: 50%;
}
.testimonial-text{
	font-family: 'Poppins', sans-serif;
	text-align: justify;
	font-weight: 300;
	font-size: 20px;
	/*font-weight: bold;*/
}

.bg-quote-text{
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'Josefin Sans', serif;
	padding-left: 15px;
	padding-right: 15px;
	justify-content: center;
}

.vcenter{
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.bg-quote-text>span{
	line-height: initial;
}

.bq-quote-author{
	font-family: 'Josefin Sans', serif;
	padding-left: 15px;
	padding-right: 15px;
	text-align: right;
	font-weight: bolder;
	font-size: 22px;
	margin-top: 15px;
}

.splide_box{
	position: relative;
	height: 350px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.splide-meta{
	position: absolute;
	width: 100%;
	bottom: 30px;
}


/* TODO: DARKER COLORS */

.splide_box.col1{
	background-color: #7874e3;
}

.splide_box.col2{
	background-color: #05b17a;
}

.splide_box.col3{
	background-color: #379AF5;
}

.splide_box.col4{
	background-color: #d62323;
}

.splide-quote{
	padding-left: 30px;
	padding-right: 30px; 
	color: white;
	font-family: 'Josefin Sans', serif;
	font-size: 18px;
	margin-bottom: 15px;
	line-height: initial; 
}

.splide-author{
	color: white;
	/*margin-left: 6px;*/
	/*margin-top: 8px;*/
	font-size: 16px;
	margin-bottom: 5px;
}

.splide-img{
	width: 30px;
	/*border-radius: 50%;*/
	/*margin-bottom: 10px;*/
}

.splide-open-quote > img{
	max-width: 50px;
	margin-bottom: 15px;
}

.bg-para{
	/*padding: 15px;*/
}

.timg{
	border-radius: 50%;
	max-width: 150px;
}

.timg1{
	border-radius: 50%;
	max-width: 75px;
}

.timg2{
	border-radius: 50%;
	max-width: 100px;
}

.timg3{
	border-radius: 50%;
	max-width: 50px;
}

.splide-author-bg{
	font-size: 20px;
	font-family: 'Josefin Sans', serif;
}

#see-more-btn{
	margin-top: 15px;
	border-radius: 25px;
	background-color: #0072C6;
	border: black;
	color: white;
	font-family: 'Josefin Sans', serif;
	padding: 10px 50px; 
}

.news-card{
	background-color: white;
    margin: 15px;
}

.news-card-img{
	height: 230px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.inner-news-header{
	padding: 15px;
}

.news-title{
	font-size: 18px;
    font-family: 'Josefin Sans', serif;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-title > a {
    color: white !important;
    text-decoration: none !important;
}


.news-desc{
	font-size: 15px;
	font-family: 'Josefin Sans', serif;	
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.news-card-content{
	height: 180px;
	background-color: #0371C6;
	color: white;
}

.testimonial-media{
	color: white;
	font-size: 25px;
}

.splide-mini-text{
	font-size: 14px;
	font-style: italic;
	color: white;
	font-family: 'Josefin Sans', serif
}

.spiral-pattern{
	background-image: url("../images/leaves.png");
	/*background-color: #e5e5f7;*/
	/*opacity: 0.1;*/
	/*background-image: radial-gradient(circle at center center, #121E52, #e5e5f7), repeating-radial-gradient(circle at center center, #121E52, #121E52, 40px, transparent 80px, transparent 40px);*/
	/*background-blend-mode: multiply;*/
}

.backtoyou-wrapper{
	padding-left: 25px;
	padding-right: 25px;
}

#backtoyou-player{
	--plyr-color-main: #121E52;
}

.video-info-tab{
	background-color: black;
	padding: 25px 50px;
}

.backtoyou-s-title{
	font-size: 1.5rem;
	font-family: 'Josefin Sans', serif;
	line-height: initial;
	font-weight: 300;
	text-transform: uppercase;
	display: inline-flex;
 	align-items: center;
 	margin-top: 25px;
 	color: white;
}

.testimonial-circle-1{
	border-radius: 50%; 
	max-width: 75px;
	box-shadow: 0px 0px 15px #3f54b0;
}

.testimonial-circle-2{
	border-radius: 50%; 
	max-width: 70px;
	margin-top: 15px;
	box-shadow: 0px 0px 15px #3f54b0;
}

.testimonial-circle-3{
	border-radius: 50%; 
	max-width: 85px;
	margin-top: 25px;
	box-shadow: 0px 0px 15px #3f54b0;
}

.testimonial-circle-4{
	border-radius: 50%; 
	max-width: 100px;
	box-shadow: 0px 0px 15px #3f54b0;
}

.animate__animated.animate__pulse {
  --animate-duration: 1s;
  --animate-delay: 0.9s;
}

.testimonials-title-2{
	font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    font-size: 25px;
}

.testimonial-social-1{
	max-width: 25px;
	position: absolute;
	bottom: -5px;
	right: 10%;
	background-color: white;
	border-radius: 50%;
	padding: 5px;
}

.swiper-container {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 350px;
	height: auto;
}

.swiper-slide img {
	display: block;
	width: 100%;
}

.caro-wrap{
	/*position: relative;*/
	/*z-index: 1;*/
}

.swiper-container{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.x-caro-card{
	position: relative;
	min-height: 260px;
	height: 100%;
	/*background: linear-gradient(to right, #7867F8, #4CAFFA);*/
	background: linear-gradient(to right, #432cf0, #0289ee);
}

.testimonial-line{
	padding: 25px;
	font-family: 'Poppins', sans-serif;
	color: white;
	text-align: justify;
}

.line-author{
	font-family: 'Poppins', sans-serif;
	color: white;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

.testimonial-foot{
	/*height: 30px;*/
	background-color: white;
	text-align: center;
	height: 40px;
	position: absolute;
    width: 100%;
    bottom: 0;
}

.testimonial-foot > img{
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	max-width: 50px;
	position: absolute;
	background-color: white;
	top: -25px;
	padding: 10px;
	left: 50%;
	transform: translateX(-50%);
	border: 2px solid #6784f9;
}

.overlay-text{
	position: relative;
	z-index: 5;
}

#earth-ele canvas{
	width: 100% !important;
}

.line-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.line {
	flex-grow: 1;
	height: 1px;
	background-color: #ffffff;
}

.linkedin-icon {
	width: 24px;
	height: 24px;
	margin-left: 10px;
}
.last-sec-testimonials{
	padding-top: 25px;
	position: relative;
    z-index: 1;
    background-color: white;
}

@keyframes flutter-1{
    0%{
        transform: translateY(0);
        left: -10%;
        /*left: -100px;*/
        /*opacity: 1;*/
    }
    33%{
        transform: translateY(50px);
        /*opacity: 0.5;*/
    }
    50%{
        transform: translateY(150px);
        /*opacity: 0.5;*/
    }

    66%{
        transform: translateY(-200px);
        /*opacity: 0.5;*/
    }
    
    100%{
        transform: translateY(0px);
        left: 110%;
        /*opacity: 0;*/
    }
}

@keyframes flutter-2{
    0%{
        transform: translateY(0);
        left: -10%;
        /*left: -100px;*/
        /*opacity: 1;*/
    }
    33%{
        transform: translateY(-50px);
        /*opacity: 0.5;*/
    }
    50%{
        transform: translateY(50px);
        /*opacity: 0.5;*/
    }

    66%{
        transform: translateY(-30px);
        /*opacity: 0.5;*/
    }
    
    100%{
        transform: translateY(70px);
        left: 110%;
        /*opacity: 0;*/
    }
}

@keyframes flutter-3{
    0%{
        transform: translateY(0);
        left: -10%;
        /*left: -100px;*/
        /*opacity: 1;*/
    }
    33%{
        transform: translateY(-75px);
        /*opacity: 0.5;*/
    }
    50%{
        transform: translateY(50px);
        /*opacity: 0.5;*/
    }

    66%{
        transform: translateY(100px);
        /*opacity: 0.5;*/
    }
    
    100%{
        transform: translateY(-50px);
        left: 110%;
        /*opacity: 0;*/
    }
}

.tbubble{
	position: absolute;
	/*background-color: red;*/
	/*width: 75px;*/
	/*height: 75px;*/
	border-radius: 50%;
	box-shadow: inset 0 0 8px  #fff;
	top: 150px;
	left: -10%;
	z-index: 50;
	/*top: 100px;*/
}

.tbubble.pattern-1{
	animation: flutter-1 40s infinite;
	animation-delay: 0s;
}

.tbubble.pattern-2{
	animation: flutter-2 36s infinite;
	animation-delay: 3s;
}

.tbubble.pattern-3{
	animation: flutter-3 50s infinite;
	animation-delay: 5s;
}

.tbubble.pattern-4{
	animation: flutter-3 30s infinite;
	animation-delay: 5s;
}

.tbubble.pattern-5{
	animation: flutter-2 36s infinite;
	animation-delay: 10s;
}

.tbubble.pattern-6{
	animation: flutter-3 54s infinite;
	animation-delay: 5s;
}

.tbubble.pattern-7{
	animation: flutter-2 29s infinite;
	animation-delay: 2s;
}

.tbubble.pattern-8{
	animation: flutter-1 36s infinite;
	animation-delay: 3s;
}

.tbubble.pattern-9{
	animation: flutter-3 50s infinite;
	animation-delay: 5s;
}

.tbubble.pattern-10{
	animation: flutter-3 40s infinite;
	animation-delay: 15s;
}

.tbubble.pattern-11{
	animation: flutter-1 36s infinite;
	animation-delay: 20s;
}

.tbubble.pattern-12{
	animation: flutter-2 48s infinite;
	animation-delay: 25s;
}

.tbubble.pattern-13{
	animation: flutter-1 34s infinite;
	animation-delay: 35s;
}

.tbubble.pattern-14{
	animation: flutter-3 36s infinite;
	animation-delay: 15s;
}

.tbubble.pattern-15{
	animation: flutter-2 44s infinite;
	animation-delay: 25s;
}

.tbubble.pattern-16{
	animation: flutter-1 25s infinite;
	animation-delay: 9s;
}


#bubble-hold{
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	height: 450px;
	z-index: -1;
}


.rnOuter {
    background: white;
    overflow-y: scroll;
    position:relative; 
    height:100vh;     
}

.rnInner {
	/*display: none;*/
    width: 100%;
    position: absolute;
    top:-10%; right: 0;  bottom: 0; left: 0;
    margin: auto;
    transform-style: preserve-3d;
    transition: transform 6s ease;
    transform-origin: -120% top;  
    background-color:  #121E52;
}

.rnUnit {
    width: 10vw;
    height: 120vh;
    background: 
        repeating-linear-gradient(
            to left,
            #3A1D99 4vw, 
            #121E52 8vw,
            #291d1d 10vw );
    
    background-size:  100% 100%; 
    display:inline-block;   
    transform-origin: 0 0%;
    transform: rotate(3deg);
    animation: rnUnit 2s ease infinite;
}

@keyframes rnUnit {
    50% {
        transform: rotate(-3deg) ;
    }
}

.rnUnit:nth-child(1) {
    animation-delay: -0.1s;
}
.rnUnit:nth-child(2) {
    animation-delay: -0.2s;
}
.rnUnit:nth-child(3) {
    animation-delay: -0.3s;
}
.rnUnit:nth-child(4) {
    animation-delay: -0.4s;
}
.rnUnit:nth-child(5) {
    animation-delay: -0.5s;
}
.rnUnit:nth-child(6) {
    animation-delay: -0.6s;
}
.rnUnit:nth-child(7) {
    animation-delay: -.7s;
}
.rnUnit:nth-child(8) {
    animation-delay: -.8s;
}
.rnUnit:nth-child(9) {
    animation-delay: -.9s;
}
.rnUnit:nth-child(10) {
    animation-delay: -1s;
}

.aoTable {
    display: table;
    width: 100%;
    height: 100vh;  
    text-align: center;
}

.aoTableCell {
    color: pink;
    display: table-cell;
    vertical-align: middle;
    transition:color 3s ease;
}

.foldCurtain{
	transform-origin: -120% top;
    transform: scaleX(0);    
}


/*.rnInner{
	transform-origin: -120% top;
    transform: scaleX(0);    	
}*/
/*.rnOuter:hover .rnInner {
    transform-origin: -120% top;
    transform: scaleX(0);    
}

.rnOuter:hover .aoTableCell {
    color:red;
}*/

.bty-card{
	/*margin: 10px;*/
}

.btymodal .modal-content{
	border-radius: 0px !important;
}

.backtoyou-title{
	font-size: 2rem;
	font-family: 'Josefin Sans', serif;
	line-height: initial;
	font-weight: 300;
	text-transform: uppercase;
 	align-items: center;
 	margin-top: 25px;
 	color: white;
}

.bty-modal-title{
	font-size: 1rem;
	font-family: 'Josefin Sans', serif;
	line-height: initial;
	text-transform: uppercase;
 	align-items: center;
}


.bty-wrap{
	background-color: black;
	margin-bottom: 15px; 
	/*padding: 5px 15px;*/
}

.bty-content{
	padding: 15px;
}

.video-card-date{
	color: white;
	font-family: 'Josefin Sans', serif;
	font-weight: 300;
}

.video-card-title{
	color: white;
	font-family: 'Josefin Sans', serif;
	font-weight: 300;
	font-size: 1.5rem;
}

.video-card-desc{
	color: white;
	font-family: 'Josefin Sans', serif;
	font-weight: 300;
	/*font-size: 1.5rem;*/
}

.slider-pane{
	/*border: 5px solid white;*/
	/*max-height: 95vh; */
	/*min-height: 80vh;*/
	/*max-height: 100vh;*/
	/*height: 90vh;*/
	/*width: auto;*/
	/*height: auto;*/
}

.acc-img{
	margin-left: auto;
	margin-right: auto;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
  	/*max-width: 80vw;*/
  	max-height: 80vh;
}
.acc-img-wrap{
	height: 90vh;
	/*margin-top: 150px;*/
}
.video-wrapper{
	position: relative;
	padding-bottom: 56.25%; 
	height: 0;
	overflow: hidden;
}

.slider-style{
	margin-top: 50px;
}

.acc-arrow{
	max-width: 50px;
}
.season_trailer{
	text-align: left; 
	margin-bottom: 20px;
	margin-top: 11%;
	max-width: 75%;
	margin-left:2%;
}
.trailer_videos{
	text-align: left; 
	margin-bottom: 20px;
	max-width: 75%;
	margin-left:2%;
}
.slidershow-body{
	background-color: black;
}

.slick-disabled > img{
	background-color: gray;
	border-radius: 50%;
}

.slide-show-btn{
	background-color: #28387D;
	font-size: 15px;
	font-family: 'Josefin Sans', sans-serif;
	color: white;
	padding: 15px 30px;
	position: relative;
	top: -10px;
	text-transform: uppercase;
	text-decoration: none !important;
}

.slide-show-btn > i{
	margin-left: 5px;
}

.slide-show-btn:hover{
	color: white;
}
.zafigo{
	height: fit-content;
	margin-bottom: 6%;
}
.zafigo-card {
    background-color: white;
	max-height: 100%;
	max-width: 100%;
    border-radius: 8px; /* Adding rounded corners */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Adding a subtle shadow for depth */
    padding: 10px; /* Adding padding to prevent content from sticking to edges */
}

.zafigo_selfie {
    padding: 1%;
    color: rgb(76, 6, 6);
	font-size: 40px;
	font-family: "Abril Display";
	font-weight: 700;
}

.zafigo_selfie img {
    max-width: 100%; /* Ensures the image doesn't overflow its container */
	 /* Keeps the aspect ratio */
    border-radius: 8px; /* Matches the card's rounded corners */
}

.resize-logo {
    width: 500px; /* Example width for logo */
    height: 300px; /* Maintain aspect ratio */
}
.resize-logo_vinfen{
	width: 400px; /* Example width for logo */
    height: 150px; /* Maintain aspect ratio */
}
.zafigo_collage{
	padding: 1%;
	
    color: rgb(76, 6, 6);
	font-size: 30px;
	font-family: "Josefin Sans Thin";
	font-weight: 400;
	
}
.zafigo_collage img {
	max-height: 100%;
	max-width: 100%;

    border-radius: 8px; 
}
.threep {
    background-color: white;
    max-height: fit-content;
    justify-content: center;
    border-radius: 8px; /* Adding rounded corners */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Adding a subtle shadow for depth */
    padding: 10px; /* Adding padding to prevent content from sticking to edges */
    display: flex; /* Adjust card size based on content */
    align-items: center; /* Center content vertically */
    overflow: hidden; /* Ensure the image doesn’t overflow the container */
}

.threep img {
    width: 100%; /* Make the image as wide as the container */
    height: 100%; /* Make the image as tall as the container */
    object-fit: cover; /* Ensure the image fills the container without distortion */
    display: block; /* Prevent extra space below the image */
    margin: 0; /* Center the image inside the container */
}

.second_row{
	max-height: 100%;
	height: auto;
	margin-left:1%;
	
}