/* INDEX
----------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root{
	--primary-color				: #161A2D;
	--secondary-color			: #F6F6F7;
	--bg-color					: #FFFFFF;
	--text-color				: #737681;
	--accent-color				: #734BDF;
	--white-color				: #FFFFFF;
	--divider-color				: #161A2D1A;
	--dark-divider-color		: #FFFFFF1A;
	--error-color				: rgb(230, 87, 87);
	--default-font				: "Onest", sans-serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

html,
body{
	width: 100%;
	overflow-x: clip;
}

body{
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	color:#333;
	background: var(--bg-color);
}

::-webkit-scrollbar-track{
	background-color: var(--primary-color);
	border-left: 1px solid var(--primary-color);
}
::-webkit-scrollbar{
	width: 7px;
	background-color: var(--primary-color);
}
::-webkit-scrollbar-thumb{
	background: #39b4f8;
}

::selection{
	color: #fff;
	background-color: #39b4f8;
	filter: invert(1);
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: 700;
	line-height: 1.1em;
	color: var(--primary-color);
	margin :0;
}

figure{
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

.container{
	max-width: 1500px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
    padding-right: 45px;
    padding-left: 45px;
}

.image-anime{
	position: relative;
	overflow: hidden;
}

.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row{
    margin-right: -15px;
    margin-left: -15px;
}

.row > *{
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters{
    margin-right: 0px;
    margin-left: 0px;
}

.row.no-gutters > *{
    padding-right: 0px;
    padding-left: 0px;
}

.btn-default{
	position: relative;
    display: inline-block;
    background: #39b4f8;
	border-radius: 100px;
    font-size: 16px;
    font-weight: 700;
	line-height: 1em;
    text-transform: capitalize;
    color: #fff;
    padding: 17px 24px;
    border: none;
	outline: none;
	transition: all 0.4s ease-in-out;
    z-index: 0;
}

.btn-default::after{
	content: '';
    display: block;
    position: absolute;
	top: 0;
    left: 50%;
	right: 50%;
    bottom: 0;
	width: 0;
	height: 100%;
    background: var(--primary-color);
	border-radius: 100px;
	opacity: 0;
    transition: 0.4s ease-in-out;
	z-index: -1;
}

.btn-default:hover::after{
	width: 100%;
	left: 0;
	right: 0;
	opacity: 1;
}

.btn-default.btn-border{
	background: none;
	border:1px solid var(--dark-divider-color);
	padding: 16px 24px;
}

.btn-default.btn-border:hover,
.btn-default.btn-highlighted:hover{
	color: var(--primary-color);
}

.btn-default.btn-border::after,
.btn-default.btn-highlighted::after{
	background-color: #fff;
}

.readmore-btn{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	color: #39b4f8;
	padding-right: 30px;
	transition: all 0.4s ease-in-out;
}

.readmore-btn::before{
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
	transform: translate(-2px, -50%);
	background-image: url('../images/arrow-accent.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	width: 18px;
	height: 18px;
    transition: all 0.4s ease-in-out;
}

.readmore-btn:hover::before{
	transform: translate(0, -50%);
}
.cb-cursor{
	display: none!important;
}
.cb-cursor:before{
	background: #39b4f8;
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 400px;
	position: relative;
	width: 400px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent var(--white-color) transparent var(--white-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 400px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading{
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}
}

.dark-section{
	width: 100%;
	background:#0d8cd7;
	background-image: url('../images/dark-section-bg-shape.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto;
}

.section-row{
	margin-bottom: 80px;
}

.section-row .section-title{
	margin-bottom: 0; 
}

.section-row .section-title.section-title-center{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.section-btn{
	text-align: right;
}

.section-content-btn .section-btn{
	margin-top: 30px;
	text-align: left;
}

.section-title-content p{
	margin-bottom: 20px;
}

.section-title-content p:last-child{
	margin-bottom: 0;	
}

.section-title{
	margin-bottom: 40px;
}

.section-title h3{
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: normal;
	padding-left: 15px;
    margin-bottom: 15px;
}

.section-title h3::before{
	content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #39b4f8;
	border-radius: 50%;
    width: 6px;
    height: 6px;
}

.section-title h1{
	font-size: 76px;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin-bottom: 0;
	
}

.section-title h2{
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -0.02em;
	margin-bottom: 0;

}

.section-title p{
	margin-top: 20px;
	margin-bottom: 0;
}

.dark-section .section-title h3,
.dark-section .section-title h1,
.dark-section .section-title h2,
.dark-section .section-title p,
.dark-section .section-title-content p{
	color: #fff;
}

.dark-section .section-title h3::before{
	background: var(--white-color);
}

.help-block.with-errors ul{
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li{
	color: var(--error-color);
	font-weight: 400;
	font-size: 14px;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 100;
}

header.main-header .header-sticky {
    position: relative;
    top: 0;
    background: linear-gradient(45deg, #14134ea3, #2a2aa691);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 100;
    border-top: 2px solid #ff6900;
    border-bottom: 1px solid #0d8cd782;
}

header.main-header .header-sticky.hide{
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
}

header.main-header .header-sticky.active{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
    transform: translateY(0);
	background: var(--primary-color);
	border-bottom: 1px solid var(--dark-divider-color);
	border-radius: 0;
}

.navbar{
	padding: 10px 0;
	align-items: center;
}

.navbar-brand{
	padding: 0;
	margin: 0;
}

.main-menu .nav-menu-wrapper{
	flex: 1;
	text-align: center;
	margin: 0 1.042vw;
}

.main-menu .nav-menu-wrapper > ul{
	align-items: center;
	display: inline-flex;
}

.main-menu ul li{
	margin: 0 10px;
	position: relative;
}

.main-menu ul li a{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.1em;
	padding: 12px 10px !important;
	color: #fff;
	background: transparent;
	border-radius: 0px;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu > a:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus{
	color: #39b4f8;
}

.main-menu ul ul {
    visibility: hidden;
    opacity: 0;
    transform: scale(1, 0.8);
    transform-origin: top;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 270px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 72px;
    background: #202069;
    transition: all 0.3s ease-in-out;
    text-align: left;
}

.main-menu ul ul li a{
	font-size: 14px;
}


.main-menu ul li.submenu:first-child ul{
    width: 235px;
}

.main-menu ul ul ul{
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scale(1,1);
    padding: 5px 0;
}

.main-menu ul li.submenu ul li.submenu > a:after{
    content: '\f105';
    float: right;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	color: #fff;
	padding: 10px 20px !important;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
	color:#fff;
	background-color: transparent;
	padding: 10px 20px 10px 23px !important;
}

.main-menu ul li.highlighted-menu{
    display: none;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	top: 0;
	position: relative;
}

.slicknav_btn{
	background: #39b4f8;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 6px;
}

.slicknav_icon .slicknav_icon-bar{
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: #fff;
	border-radius: 6px;
	margin: 4px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child{
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child{
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){
    transform: rotate(-45deg) translate(-5px, 5px);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){
    opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){
    transform: rotate(45deg) translate(-5px, -5px);
}

.slicknav_menu{
	position: absolute;
    width: 100%;
	padding: 0;
	background: #39b4f8;
}

.slicknav_menu ul{
	margin: 5px 0;
}

.slicknav_menu ul ul{
	margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a{
	position: relative;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 7px 20px;
	color: #fff;
	line-height: normal;
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover{
	background-color: transparent;
	color: var(--primary-color);
}

.slicknav_menu ul ul li a{
    padding: 7px 20px 7px 30px;
}

.slicknav_arrow{
	font-size: 0 !important;
}

.slicknav_arrow:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	margin-left: 8px;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

.slicknav_open > a .slicknav_arrow:after{
    transform: translateY(-50%) rotate(-180deg);
	color: var(--primary-color);
}

/************************************/
/***         04. Hero css	      ***/
/************************************/

.hero{
	position: relative;
	background-image: url('../images/hero-bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    padding: 200px 0 50px;
}

.hero::before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
	opacity: 60%;
    z-index: 1;
}

.hero .container{
	position: relative;
    z-index: 2;
}

.hero-box{
	text-align: center;
}

.hero-content{
	max-width: 1000px;
	margin: 0 auto;
}

.hero-sub-heading{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: var(--dark-divider-color);
	border-radius: 100px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 10px;
	margin-bottom: 15px;
}

.satisfy-client-images{
	display: flex;
	align-items: center;
}

.satisfy-client-image{
	position: relative;
    display: inline-block;
    margin-left: -14px;
	border: 1px solid var(--white-color);
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
}

.satisfy-client-image:first-child{
	margin: 0;
}

.satisfy-client-image figure{
	display: block;
	border-radius: 50%;
}

.satisfy-client-image figure img{
	width: 100%;
	max-width: 40px;
	border-radius: 50%;
}

.satisfy-client-image.add-more{
	width: 42px;
	height: 42px;
	background-color: #39b4f8;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
}

.satisfy-client-image.add-more i{
	font-size: 18px;
	color: #fff;
	line-height: normal;
	transition: all 0.3s ease-in-out;
}

.satisfy-client-image.add-more h3{
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	line-height: 1em;
}

.satisfy-client-image.add-more img{
	width: 100%;
	max-width: 16px;
}

.hero-sub-heading .satisfy-client-image{
	margin-left: -8px;
}

.hero-sub-heading .satisfy-client-image:first-child{
	margin: 0;
}

.hero-sub-heading .satisfy-client-image figure img{
	max-width: 20px;
}

.satisfy-client-content p{
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
}

.hero-content .section-title p{
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.hero-content-body{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px 40px;
	margin-top: 50px;
}

.video-play-button{
	display: inline-flex;
    align-items: center;
}

.video-play-button a{
	position: relative;
	height: 35px;
	width: 35px;
	background: #39b4f8;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;

	transition: all 0.3s ease-in-out;
}

.video-play-button:hover a{
	background: var(--white-color);
}

.video-play-button a i{
	font-size: 12px;
	color: #fff;
	margin-left: 2px;
	transition: all 0.3s ease-in-out;
}

.video-play-button:hover a i{
	color: var(--primary-color);
}

.video-play-button a:before,
.video-play-button a:after{
	content: '';
	position: absolute;
	width: 160%;
	height: 160%;
	border: 33px solid var(--white-color);
	opacity: 30%;
	border-radius: 50%;
	transform: scale(0.6);
	animation: border-zooming 1.2s infinite linear;
	z-index: -1;
}

.video-play-button a:after{
	animation-delay: .3s;
}

@keyframes border-zooming{
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

.video-play-button h3{
	font-size: 16px;
	color: #fff;
	margin: 0 0 0 20px;
}

.hero-countdown{
	margin-top: 60px;
}

.hero-countdown-title{
	display: flex;
    align-items: center;
	justify-content: center;
	gap: 30px;
	margin-bottom: 40px;
}

.hero-countdown-title hr{
	height: 1px;
    width: 18%;
    color: var(--dark-divider-color);
	opacity: 1;
	margin: 0;
}

.hero-countdown-title h3{
	font-size: 20px;
	color: #fff;
}

.hero-countdown-body .countdown {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    z-index: 1;
    margin-bottom: 25px;
}

.hero-countdown-body .countdown .counter-box{
    position: relative;
	min-width: 125px;
	background: var(--dark-divider-color);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 20px;
	text-align: center;
	padding: 10px 25px;
}

.hero-countdown-body .countdown .counter-box span{
	font-size: 40px;
	font-weight: 700;
	line-height: 1.1em;
    color: #fff;
}

.hero-countdown-body .countdown .counter-box p{
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}

/************************************/
/***   05. Scrolling Ticker css   ***/
/************************************/

.our-scrolling-ticker {
    background: #000;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.scrolling-ticker-box{
	--gap: 30px;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
}

.scrolling-content{
	flex-shrink: 0;]
	display: inline-block;
	text-align: center;
	.display: flex;
	.gap: var(--gap);
	min-width: 100%;
	.animation: scroll 80s linear infinite;
}

.scrolling-content span{
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.1em;
	text-transform: capitalize;
	color: #fff;
}
.tag-title {
    background: #ff69005c;
    display: inline-block;
    padding: 5px 50px;
    line-height: 40px;
    font-size: 28px;
    color: #fff;
    border-radius: 25px;
    margin-bottom: 25px;
}
.scrolling-content span img{
	width: 100%;
	max-width: 20px;
	margin-right: 30px;
}

@keyframes scroll{
	from{
		transform: translateX(0);
	}
	to{
		transform: translateX(calc(-100% - var(--gap)));
	}
}

/************************************/
/***       06. About Us css       ***/
/************************************/

.about-us{
	padding: 70px 0;
}

.about-us-image-box{
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	margin-right: 15px;
}

.about-image-circle-box{
	width: 50%;
	text-align: right;
}

.about-us-image figure{
	display: block;
	border-radius: 20px;
	margin-right: -215px;
}

.about-us-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.7408;
	object-fit: cover;
	border-radius: 20px;
}

.years-experience-circle{
	position: relative;
	display: inline-block;
	margin: 40px 40px 10px 0;
}

.years-experience-circle figure{
	display: block;
	border-radius: 50%;
}

.years-experience-circle figure img{
	width: 100%;
	max-width: 200px;
	border-radius: 50%;
	animation: infiniterotate 20s infinite linear;
}

@keyframes infiniterotate{
	from{
		transform: rotate(0deg);
    }
    to{
		transform: rotate(360deg);
    }
}

.years-experience-circle .years-experience-counter-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.years-experience-counter-box{
	width: 94px;
	height: 94px;
	background: var(--secondary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
}

.years-experience-counter-box h2{
	font-size: 34px;
}

.about-achievement-box{
	position: relative;
	width: 50%;
	border-radius: 20px;
	box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.05);
	text-align: center;
	overflow: hidden;
	z-index: 1;
}

.about-achievement-box-header{
	background: var(--bg-color);
	padding: 50px 25px;
}

.about-achievement-image{
	margin-bottom: 50px;
}

.about-achievement-image figure{
	display: block;
	border-radius: 20px;
}

.about-achievement-image figure img{
	width: 100%;
	max-width: 180px;
	object-fit: cover;
	border-radius: 20px;
}

.about-achievement-content h3{
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
}

.about-achievement-content p{
	margin: 10px 0 0;
}

.about-achievement-box-body{
	background: var(--secondary-color);
	padding: 30px 25px;
}

.about-achievement-box-body h3{
	font-size: 20px;
	line-height: normal;
	font-weight: 700;
}

.about-mission-vision-box{
	margin-bottom: 40px;
}

.about-mission-vision-nav{
	margin-bottom: 40px;
	text-align: center;
}

.about-mission-vision-nav .nav-tabs{
	list-style: none;
	margin: 0;
	width: 100%;
	display: inline-flex;
	justify-content: center;
	gap: 15px 30px;
	background-color:#1d1b6d40;
	border: none;
	border-radius: 20px;
	padding: 10px;
}

.about-mission-vision-nav ul li {
    width: calc(33.33% - 20px);
}
.about-mission-vision-nav ul li .nav-link{
	width: 100%;
	background-color: var(--secondary-color);
	color: var(--primary-color);
	border: none;
	border-radius: 10px;
	font-size: 16px;
	line-height: 1.25em;
	font-weight: 700;
	text-transform: capitalize;
	padding: 20px 10px;
	transition: all 0.4s ease-in-out;
	font-size:14px;
}

.about-mission-vision-nav ul li .nav-link.active,
.about-mission-vision-nav ul li .nav-link:hover{
	background-color: #ff6900;
	color:#fff!important;
}

.vision-mission-content p:last-child{
	margin: 0;
}

.about-us-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.about-us-item{
	width: calc(50% - 15px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}
.about-whatsApp-box .icon-box{
    background:#2D7506!important;
}
.about-whatsApp-box .icon-box img{
    height:34px;
}
.about-whatsApp-box .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.about-whatsApp-box {
    position: relative;
    display: flex;
    gap: 15px;
}


.about-us-item .icon-box,
.about-contact-box .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.about-us-item .icon-box::before,
.about-contact-box .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.about-us-item:hover .icon-box::before,
.about-contact-box:hover .icon-box::before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.about-us-item .icon-box img,
.about-contact-box .icon-box img{
	position: relative;
	width: 100%;
	max-width: 25px;
}

.about-us-item-content{
	width: calc(100% - 65px);
}

.about-us-item-content h3,
.about-contact-box-content h3{
	font-size: 20px;
	font-weight: 700;
}

.about-us-footer{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 30px;
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
	margin-top: 40px;
}

.about-contact-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.about-contact-box-content p{
	margin: 5px 0 0;
}

.about-contact-box-content p a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.about-contact-box-content p:hover a{
	color: #39b4f8;
}

/************************************/
/***      07. Our Feature css     ***/
/************************************/

.our-features{
	position: relative;
	padding: 100px 0;
}

.our-features::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/our-features-bg.png') no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.our-features .container{
	position: relative;
	z-index: 2;
}

.feature-item{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	min-height: 420px;
	background: var(--dark-divider-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 40px;
	overflow: hidden;
}

.feature-item::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #39b4f8;
	transition: all 0.4s ease-in-out;
}

.feature-item:hover:before,
.feature-item.active::before{
	top: auto;
	height: 100%;
}

.feature-item .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.feature-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--bg-color);
	z-index: 0;
	transition: all 0.4s ease-in-out;
}

.feature-item:hover .icon-box::before,
.feature-item.active .icon-box::before{
	top: auto;
    height: 100%;
}

.feature-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
    z-index: 1;
}

.feature-item:hover .icon-box img,
.feature-item.active .icon-box img{
	filter: brightness(0) invert(0);
}

.feature-item-content{
	position: relative;
	z-index: 1;
}

.feature-item-content h3{
	font-size: 20px;
	color: #fff;
}

.feature-item-content p{
	color: #fff;
	margin: 10px 0 0;
}

.feature-item-btn{
	position: relative;
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 30px;
	margin-top: 30px;
	z-index: 1;
}

.feature-item-btn .readmore-btn{
	color: #fff;
}

.feature-item-btn .readmore-btn::before{
	filter: brightness(0) invert(1);
}

.section-footer-text{
	margin-top: 30px;
	text-align: center;
}

.section-footer-text p{
	margin-bottom: 0;
}

.section-footer-text p span{
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	background: #39b4f8;
	color: #fff;
	line-height: 1em;
	padding: 4px 10px;
	border-radius: 20px;
	margin-right: 10px;
}

.section-footer-text p a{
	font-weight: 600;
	text-transform: capitalize;
	text-decoration: underline;
	text-underline-offset: 3px;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.section-footer-text p a:hover{
	color: #39b4f8;
}

.section-footer-text ul{
	width: 100%;
	padding: 0;
	margin: 20px 0 0;
	list-style: none;
}

.section-footer-text ul li{
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	color: var(--primary-color);
	margin-right: 10px;
}

.section-footer-text ul li:last-child{
	margin: 0;
}

.section-footer-text ul li i{
	color: #39b4f8;
}

.dark-section .section-footer-text p,
.dark-section .section-footer-text ul li{
	color: #fff;
}

.dark-section .section-footer-text p a{
	color: #fff;
}

.dark-section .section-footer-text p a:hover{
	color: #39b4f8;
}

.section-footer-text.section-footer-contact{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 20px;
}

.section-footer-text.section-footer-contact span{
	width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    justify-content: center;
	align-items: center;
    margin-right: 10px;
}

.section-footer-text.section-footer-contact span img{
	width: 100%;
	max-width: 16px;
}

.section-footer-text.section-satisfy-img{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.section-footer-text.section-satisfy-img .satisfy-client-image figure img{
	max-width: 30px;
}

.section-footer-text.section-satisfy-img .satisfy-client-image.add-more{
	width: 32px;
	height: 32px;
}

.section-footer-text.section-satisfy-img .satisfy-client-image.add-more img{
	width: 100%;
	max-width: 16px;
}

.section-footer-text.section-satisfy-img ul{
	margin: 5px 0 0;
}

/************************************/
/***      08. Our Benefits css    ***/
/************************************/

.our-benefits{
	padding: 100px 0;
}

.our-benefits-content{
	margin-right: 15px;
}

.benefits-item-list{
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
}

.benefits-item{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 40px;
}

.benefits-item:last-child{
	margin-bottom: 0;
}

.benefits-item .icon-box{
	position: relative;
	width: 60px;
	height: 60px;
	background: #39b4f8;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.benefits-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.benefits-item:hover .icon-box::before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.benefits-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 30px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.benefits-item-content{
	width: calc(100% - 80px);
}

.benefits-item-content h3{
	font-size: 20px;
}

.benefits-item-content p{
	margin: 10px 0 0;
}

.our-benefits-footer{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 30px;
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
	margin-top: 40px;
}

.our-benefits-images{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	margin-left: 15px;
}

.our-benefits-images::before,
.our-benefits-images::after{
	content: '';
	position: absolute;
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.our-benefits-images::before{
	top: 30px;
	right: 40px;
	background-image: url('../images/our-benefits-images-bg-1.png');
	transform: rotate(48deg);
}

.our-benefits-images::after{
	left: 100px;
	bottom: 50px;
	background-image: url('../images/our-benefits-images-bg-2.png');
}

.our-benefits-img.image-1{
	width: 64%;
	padding-bottom: 200px;
}

.our-benefits-img.image-2{
	position: relative;
	width: 36%;
	z-index: 1;
}

.our-benefits-img.image-2 figure{
	margin-left: -195px;
}

.our-benefits-img figure{
	display: block;
	border-radius: 20px;
}

.our-benefits-img figure img{
	width: 100%;
	aspect-ratio: 1 / 0.889;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/***  09. Our Event Schedule css  ***/
/************************************/

.our-event-schedule{
	position: relative;
	padding: 100px 0;
}

.our-event-schedule::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/our-event-schedule-bg.png') no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.our-event-schedule .container{
	position: relative;
	z-index: 2;
}

.event-schedule-box{
	max-width: 1245px;
	margin: 0 auto;
}

.event-schedule-nav{
	margin-bottom: 0px;
	text-align: center;
}

.event-schedule-nav .nav-tabs{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 500px;
	display: inline-flex;
	gap: 30px;
	background-color: var(--dark-divider-color);
	border-radius: 100px;
	padding: 10px;
	border: none;
}

.event-schedule-nav ul li{
	width: calc(33.33% - 20px);
}

.event-schedule-nav ul li:last-child{
	margin-right: 0;
}

.event-schedule-nav ul li .nav-link{
	width: 100%;
	background-color: transparent;
	color: #fff;
	border: none;
	border-radius: 100px;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	padding: 22px;
	transition: all 0.4s ease-in-out;
}

.event-schedule-nav ul li .nav-link:hover,
.event-schedule-nav ul li .nav-link.active{
	background-color: #fff;
	color: var(--primary-color);
}

.event-schedule-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	border-bottom: 1px solid var(--dark-divider-color);
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.event-schedule-item table tr td h5{
    color:#fff;
}
.event-schedule-item:last-child{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
th.text-start {
    line-height: 30px;
    background: #fff !important;
    color: #333 !important;
    font-size: 24px;
}

.schedule-image-box{
	width: calc(30% - 20px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}

.schedule-image figure{
	display: block;
	border-radius: 50%;
}

.schedule-image figure img{
	width: 100%;
    max-width: 100px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
}

.schedule-image-content{
	width: calc(100% - 130px);
}

.schedule-item-content{
	width: calc(50% - 20px);
}

.event-schedule-item h3{
	font-size: 20px;
	color: #fff;
}

.event-schedule-item h3 a{
	color: inherit;
}

.event-schedule-item p{
	color: #fff;
	margin: 10px 0 0;
}

.schedule-item-venue{
	width: calc(20% - 20px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.schedule-item-venue .icon-box{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--dark-divider-color);
	border-radius: 50%;
}

.schedule-item-venue .icon-box img{
	max-width: 24px;
}

.schedule-item-venue-content{
	width: calc(100% - 65px);
}

.schedule-item-venue-content p{
	margin: 0;
}

/************************************/
/***     10. Our Speakers css     ***/
/************************************/

.our-speakers{
	padding: 100px 0;
}

.speaker-item{
	background: var(--secondary-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 10px;
	overflow: hidden;
}

.speaker-item-image{
	position: relative;
}

.speaker-item-image a{
	display: block;

	border-radius: 10px;
	overflow: hidden;
}

.speaker-item-image a figure{
	display: block;
	border-radius: 10px;
}

.speaker-item-image a figure img{
	width: 100%;
    aspect-ratio: 1 / 1.131;
	object-fit: cover;
	border-radius: 10px;
	transition: all 0.6s ease-in-out;
}

.speaker-item:hover .speaker-item-image img{
	transform: scale(1.06);
}

.speaker-social-list{
	position: absolute;
	right: 30px;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
	z-index: 2;
}

.speaker-item:hover .speaker-social-list{
	opacity: 1;
	visibility: visible;
	bottom: 30px;
}

.speaker-social-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.speaker-social-list ul li a{
	width: 40px;
	height: 40px;
	color: #39b4f8;
	background: var(--bg-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}

.speaker-social-list ul li:hover a{
	background: #39b4f8;
	color: #fff;
}

.speaker-social-list ul li a i{
    font-size: 20px;
    color: inherit;
}

.speaker-item-body{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 30px 30px 20px;
}

.speaker-item-content h2{
	font-size: 20px;
}

.speaker-item-content h2 a{
	color: inherit;
}

.speaker-item-content p{
	margin: 10px 0 0;
}

.speaker-social-btn a{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #39b4f8;
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.speaker-social-btn a:hover{
	background: var(--primary-color);
}

.speaker-social-btn a img{
	width: 100%;
	max-width: 20px;
}

/************************************/
/***  11. Interactive Process css ***/
/************************************/

.interactive-process-layout .interactive-process-item{
	width: 25%;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
	border-right: 1px solid var(--dark-divider-color);
    position: relative;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
	z-index: 1;
}

.interactive-process-layout .interactive-inner-process{
    position: relative;
	padding: 525px 0 0;
	height: 100%;
	transition: all 0.4s ease-in-out;
    z-index: 3;
}

.interactive-process-layout .interactive-process-item:nth-child(4n + 4) .interactive-inner-process{
	border-right: none;
}

.interactive-process-layout .interactive-inner-process.activate{
	background-color: var(--dark-divider-color);
}

.process-content-wap{
	position: relative;
	padding: 3.125vw;
	-ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.process-inner-content-wap{
	position: relative;
	z-index: 1;
}

.interactive-process-item-wap{
	transform: translateY(100px);
	transition: all 0.4s ease-in-out;
}

.interactive-process-layout .interactive-inner-process.activate .interactive-process-item-wap,
.interactive-process-layout .interactive-process-item:hover .interactive-process-item-wap{
	transform: translateY(0px);
}

.interactive-process-item-title-wap h4{
	position: relative;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	padding-left: 15px;
	margin-bottom: 15px;
}

.interactive-process-item-title-wap h4::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #39b4f8;
	border-radius: 50%;
}

.interactive-process-item-title-wap h3{
	font-size: 20px;
	color: #fff;
}

.interactive-process-item-title-wap h3 a{
	color: inherit;
}

.interactive-process-item-body-wap{
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

.interactive-process-layout .interactive-inner-process.activate .interactive-process-item-body-wap,
.interactive-process-layout .interactive-process-item:hover .interactive-process-item-body-wap{
	opacity: 1;
	visibility: visible;
}

.interactive-process-item-content-wap{
	margin-top: 10px;
}

.interactive-process-item-content-wap p{
	color: #fff;
	margin-bottom: 0;
}

.interactive-process-item-btn{
	margin-top: 30px;
}

.interactive-process-item-btn .readmore-btn{
	color: #fff;
}

.interactive-process-item-btn .readmore-btn::before{
	filter: brightness(0) invert(1);
}

.interactive-process-layout .interactive-con{
    position: relative;
    padding-bottom: 0!important;
    z-index: 1;
}

.interactive-process-layout .interactive-con-inner{
    position: relative;
    display: flex;
	flex-wrap: wrap;
    z-index: 2;
}

.interactive-process-layout .interactive-con-inner:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    opacity: 60%;
    z-index: 1;
}

.interactive-process-layout .interactive-process-list-image{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.interactive-process-layout .interactive-process-list-image .interactive-process-image{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    z-index: -1;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

.interactive-process-layout .interactive-process-list-image .interactive-process-image:first-child{
    z-index: 1
}

.interactive-process-layout .interactive-process-list-image .interactive-process-image.show{
    z-index: 2;
    opacity: 1;
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

/************************************/
/***   	  12. Our Pricing css	  ***/
/************************************/

.our-pricing{
	padding: 100px 0;
}

.pricing-item{
	position: relative;
	background-color: var(--secondary-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 10px;
	overflow: hidden;
}

.pricing-item-header{
	padding: 30px;
}

.pricing-item-header-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 40px;
}

.pricing-item-header-box .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	overflow: hidden;
}

.pricing-item-header-box .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.pricing-item:hover .pricing-item-header-box .icon-box::before{
    border-radius: 0;
	transform: rotate(0) scale(1);
}

.pricing-item-header-box .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.pricing-item-header-content{
	width: calc(100% - 65px);
}

.pricing-item-header-content h3{
	font-size: 20px;
}

.pricing-item-header-content p{
	margin: 5px 0 0;
}

.pricing-item-price h2{
	font-size: 48px;
	font-weight: 700;
}

.pricing-item-price h2 sub{
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	color: var(--text-color);
	bottom: 0;
}

.pricing-item-body{
	background-color: #fff;
	border-radius: 10px;
	padding: 40px;
}

.pricing-item-body-content h3{
	font-size: 20px;
}

.pricing-item-body-content p{
	margin: 10px 0 0;
}

.pricing-item-list{
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.pricing-item-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.pricing-item-list ul li{
	position: relative;
	line-height: 1.5em;
	padding-left: 25px;
	margin-bottom: 15px;
}

.pricing-item-list ul li:last-child{
	margin-bottom: 0;
}

.pricing-item-list ul li:before{
	content: '\f058';
	position: absolute;
	font-family: 'Font Awesome 7 Free';
	font-size: 18px;
	font-weight: 900;
	color: #39b4f8;
	top: 0;
	left: 0;
}

.pricing-item-btn{
	margin-top: 40px;
}

.pricing-item-btn .btn-default{
	width: 100%;
	padding: 17px;
	text-align: center;
}

.pricing-item-btn .btn-default::before{
	display: none;
}

.pricing-item.highlighted-box::after{
	content: 'Popular';
	position: absolute;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	top: 30px;
    right: -48px;
	width: 180px;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #39b4f8;
	transform: rotate(48deg);
	transition: all 0.4s ease-in-out;
}

.pricing-item.highlighted-box .pricing-item-header{
	padding-right: 60px;
}

.pricing-benefit-list{
	margin-top: 30px;
}

.pricing-benefit-list ul{
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 20px 40px;
}

.pricing-benefit-list ul li{
	color: var(--primary-color);
    display: inline-flex;
    align-items: center;
}

.pricing-benefit-list ul li img{
	width: 100%;
	max-width: 20px;
	margin-right: 10px;
}

/************************************/
/***     13. Intro VIdeo  CSS     ***/
/************************************/

.intro-video{
	overflow: hidden;
}

.intro-video .container-fluid{
	padding: 0;
}

.intro-video-box{
	position: relative;
}

.intro-video-image figure{
	position: relative;
	display: block;
	overflow: hidden;
}

.intro-video-image figure::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--primary-color);
	opacity: 50%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.intro-video-image img{
	width: 100%;
	aspect-ratio: 1 / 0.43;
	object-fit: cover;
	transition: all 0.6s ease-in-out;
}

.intro-video-box:hover .intro-video-image img{
	transform: scale(1.05);
}

.intro-video-box .video-play-button{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
}

.intro-video-box .video-play-button a{
	width: 100px;
	height: 100px;
}

.intro-video-box .video-play-button a i{
	font-size: 40px;
}

/************************************/
/***      14. Our Faqs CSS        ***/
/************************************/

.our-faqs{
	padding: 100px 0;
}

.faqs-image-box{
	position: relative;
}

.faqs-image figure{
	display: block;
	border-radius: 20px;
}

.faqs-image figure img{
	width: 100%;
	aspect-ratio: 1 / 1.4;
	object-fit: cover;
	border-radius: 20px;
}

.faqs-cta-image-box{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 250px;
	background: var(--bg-color);
	border: 15px solid var(--bg-color);
	border-radius: 20px 0 0 0;
	z-index: 1;
}

.faqs-cta-image-box::before,
.faqs-cta-image-box::after{
	content: '';
	position: absolute;
	width: 20px;
    height: 20px;
	mask: url('../images/faqs-cta-box-corner-shape.svg');
	-webkit-mask: url('../images/faqs-cta-box-corner-shape.svg	');
	background-color: var(--bg-color);
	mask-repeat: no-repeat;
	mask-size: cover;
	z-index: 1;
}

.faqs-cta-image-box::before{
	top: -35px;
	right: -15px;
}

.faqs-cta-image-box::after{
	bottom: -15px;
	left: -35px;
}

.faqs-cta-box{
	background-color: #39b4f8;
	border-radius: 10px;
	padding: 25px;
}

.faqs-cta-box-title{
	margin-bottom: 50px;
}

.faqs-cta-box-title h3{
	font-size: 20px;
	line-height: 1.3em;
	color: #fff;
}

.faqs-cta-box-item .icon-box{
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.faqs-cta-box-item .icon-box img{
	width: 100%;
	max-width: 20px;
}

.faqs-cta-box-item p{
	color: #fff;
	margin: 15px 0 0;
}

.faqs-cta-box-item p a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.faqs-cta-box-item p a:hover{
	color: var(--primary-color);
}

.faqs-content{
	margin-left: 15px;
}

.faq-accordion .accordion-item{
	background: var(--secondary-color);
	border-radius: 20px;
	margin-bottom: 30px;
    padding: 0;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.faq-accordion .accordion-item:last-child{
	margin-bottom: 0;
}

.faq-accordion .accordion-header .accordion-button{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35em;
    background-color: transparent;
    color: var(--primary-color);
    padding: 22px 55px 22px 25px;
	transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-header .accordion-button:not(.collapsed){
	background-color: transparent;
}

.faq-accordion .accordion-item:last-child .accordion-header .accordion-button.collapsed{
	border-bottom: none;
}

.faq-accordion .accordion-item .accordion-button::after, 
.faq-accordion .accordion-item .accordion-button.collapsed::after{
    content: '\2b';
    font-family: 'Font Awesome 7 Free';
    position: absolute;
    right: 25px;
    top: 50%;
	width: 24px;
	height: 24px;
    font-size: 14px;
	font-weight: 900;
	transform: translateY(-50%);
	border: 2px solid #39b4f8;
    color: #39b4f8;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed)::after{
    content: '\f068';
}

.faq-accordion .accordion-item .accordion-body{
	border-top: 1px solid var(--divider-color);
	padding: 25px;
}

.faq-accordion .accordion-item .accordion-body p{
	margin: 0;
}

/************************************/
/***   15. Our Testimonials CSS   ***/
/************************************/

.our-testimonials{
	position: relative;
	padding: 100px 0;
}

.our-testimonials::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/our-testimonials-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	z-index: 1;
}

.our-testimonials .container{
	position: relative;
	z-index: 2;
}

.testimonial-client-box{
	background-color: #39b4f8;
	border-radius: 20px;
	min-height: 420px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	padding: 40px;
}

.testimonial-client-header-content p{
	color: #fff;
	margin: 15px 0 0;
}

.testimonial-client-body-content h3{
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}

.testimonial-client-box-btn{
	margin-top: 40px;
}

.testimonial-client-box-btn .btn-default{
	background-color: #fff;
	color: #39b4f8;
}

.testimonial-client-box-btn .btn-default::after{
	background-color: var(--primary-color);
}

.testimonial-client-box-btn .btn-default.btn-highlighted:hover{
	color: #fff;
}



.testimonial-item{
	background-color: var(--dark-divider-color);
	border-radius: 20px;
	height: 100%;
	min-height: 420px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
	padding: 40px;
}

.testimonial-rating{
	margin-bottom: 20px;
}

.testimonial-rating i{
	font-size: 20px;
	color: #39b4f8;
}

.testimonial-item-content p{
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin: 0;
}

.testimonial-item-footer{
	border-top: 1px solid var(--dark-divider-color);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-top: 40px;
}

.testimonial-author{
	width: calc(100% - 60px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.testimonial-author-image{
	margin-right: 15px;
}

.testimonial-author-image figure{
	display: block;
	border-radius: 50%;
}

.testimonial-author-image figure img{
	width: 100%;
	max-width: 50px;
	border-radius: 50%;
}

.testimonial-author-content{
	width: calc(100% - 65px);
}

.testimonial-author-content h3{
	font-size: 20px;
	color: #fff;
}

.testimonial-author-content p{
	color: #fff;
	margin: 5px 0 0;
}

.testimonial-item-quote img{
	width: 100%;
	max-width: 40px;
}

.testimonial-pagination.swiper-pagination-bullets{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
	z-index: 1;
}

.testimonial-pagination .swiper-pagination-bullet{
	border-radius: 100px;
	height: 10px;
	width: 10px;
	background: var(--dark-divider-color);
	opacity: 1;
	margin: 0 3px;
	transition: all 0.3s ease-in-out;
}

.testimonial-pagination .swiper-pagination-bullet-active{
	width: 20px;
	background: #39b4f8;
	opacity: 1;
}

.company-supports-slider-box{
    margin-top: 60px;
}

.company-supports-content{
	display: flex;
    align-items: center;
	justify-content: space-between;
	margin-bottom: 60px;
	text-align: center;
}

.company-supports-content hr{
	height: 1px;
    width: 33%;
    color: var(--dark-divider-color);
	opacity: 1;
	margin: 0;
}

.company-supports-content h3{
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
}

.company-supports-slider{
	padding: 0 4.167vw;
}

.company-supports-logo{
	text-align: center;
}

.company-supports-logo img{
	width: 100%;
	max-width: 175px;
    height: 40px;
}

/************************************/
/*** 	  16. Our Blog CSS	      ***/
/************************************/

.our-blog{
	padding: 70px 0;
}
.our-blog .section-row{
	margin-bottom: 25px;
}
.post-item{
	background-color: var(--secondary-color);
	border-radius: 20px;
	height: 100%;
	align-content: center;
	padding: 10px;
}


.post-featured-image a figure{
	display: block;
	border-radius: 10px;
}

.post-featured-image a figure img{
	width: 100%;
	aspect-ratio: 1 / 0.604;
	object-fit: cover;
	border-radius: 10px;
	transition: all 0.6s ease-in-out;
}

.post-item:hover .post-featured-image a figure img{
	transform: scale(1.06);
}

.post-item-body{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	padding: 30px;
}

.post-item-meta{
	margin-bottom: 20px;
}

.post-item-meta ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px 20px;
	margin: 0;
	padding: 0;
}

.post-item-meta ul li{
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 10px;
}

.post-item-meta ul li img{
	width: 100%;
	max-width: 20px;
}

.post-item-content h2{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4em;
}

.post-item-content h2 a{
	color: inherit;
}

.post-item-content p{
	margin: 10px 0 0;
}

.post-item-btn{
	border-top: 1px solid var(--divider-color);
	padding-top: 30px;
}

.post-item-list .post-item{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.post-item-list .post-item:last-child{
	margin-bottom: 0;
}

.post-item-list .post-item .post-featured-image{
	width: 49%;
}

.post-item-list .post-item .post-featured-image a, 
.post-item-list .post-item .post-featured-image a figure{
	height: 100%;
}

.post-item-list .post-item .post-featured-image a figure img{
	height: 100%;
	aspect-ratio: 1 / 0.975;
}

.post-item-list .post-item .post-item-body{
	width: 51%;
	padding: 40px 20px 40px 30px;
}

/************************************/
/*** 	   17. Footer CSS	      ***/
/************************************/

.main-footer{
    position: relative;
    width: 100%;
    background: url('../images/footer-bg.jpeg') center center no-repeat;
    background-size: cover;
    padding: 70px 0 0;
    overflow: hidden;
}

.main-footer:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: #1c1276;      
    opacity: 0.9;             
    
    z-index: 1;
}
.main-footer > *{
    position: relative;
    z-index: 2;
}

.footer-header{
	border-bottom: 1px solid var(--dark-divider-color);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 80px;
	margin-bottom: 80px;
}

.footer-header .section-title{
	max-width: 850px;
	margin-bottom: 0;
}

.footer-newsletter-form{
	max-width: 480px;
}

.footer-newsletter-form-content{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px;
}

.footer-newsletter-form-content .icon-box{
	width: 40px;
	height: 40px;
	background-color: var(--dark-divider-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}

.footer-newsletter-form-content .icon-box img{
	width: 100%;
	max-width: 20px;
}

.footer-newsletter-form-content p{
	width: calc(100% - 55px);
	color: #fff;
	margin: 0;
}

.footer-newsletter-form .form-group{
	width: 100%;
	display: flex;
	background: var(--dark-divider-color);
	border-radius: 20px;
	padding: 10px;
}

.footer-newsletter-form .form-group .form-control{
	width: calc(100% - 40px);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: #fff;
	background: transparent;
	border: none;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	padding: 6px 14px;
}

.footer-newsletter-form .form-group .form-control::placeholder{
	color: #fff;
}

.footer-newsletter-form .form-group .newsletter-btn{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #39b4f8;
	border: none;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
}

.footer-newsletter-form .form-group .newsletter-btn:hover{
	background-color: var(--primary-color);
}

.footer-newsletter-form .form-group .newsletter-btn i{
	font-size: 20px;
	color: #fff;
}

.about-footer{
	max-width: 360px;
}

.footer-logo img{
	width: auto;
	height: 70px;
	
}

.about-footer-content{
	margin-top: 10px;
}

.about-footer-content p{
	color: #fff;
	margin-bottom: 0;
}

.footer-social-icons{
	margin-top: 40px;
}

.footer-social-icons ul{
	list-style: none;
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0;
	padding: 0;
}

.footer-social-icons ul li a{
	width: 36px;
	height: 36px;
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease-in-out;
}

.footer-social-icons ul li a:hover{
	border-color: #39b4f8;
}

.footer-social-icons ul li a i{
	font-size: 18px;
	color: #fff;
	transition: all 0.4s ease-in-out;
}

.footer-social-icons ul li a:hover i{
	color: #39b4f8;
}

.footer-links-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	gap: 30px 90px;
	margin-left: 7.813vw;
}

.footer-links{
	max-width: 35%;
}

.footer-links h3{
	font-size: 20px;
	font-weight: 700;
	color:#fff;
	margin-bottom: 30px;
}

.footer-links ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-links ul li {
    line-height: 1.5em;
    color: #fff;
    margin-bottom: 5px;
}

.footer-links ul li:last-child{
	margin-bottom: 0;
}

.footer-links ul li a {
    color:#fff;
    transition: all 0.4s ease-in-out;
    font-size: 14px;
}

.footer-links ul li a:hover{
	color: #39b4f8;
}

.footer-contact-links ul{
	border-bottom: 1px solid var(--dark-divider-color);
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.footer-contact-links ul li{
	margin-bottom: 15px;
}

.footer-contact-links p {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
}

.footer-copyright {
    position: relative;
    border-top: 1px solid var(--dark-divider-color);
    padding: 20px 0;
    margin-top: 35px;
    text-align: center;
    z-index: 1;
    background: #ff6900;
}

.footer-copyright-text p{
	color: #fff;
	margin-bottom: 0;
}

/************************************/
/*** 	18. About Us Page css     ***/
/************************************/

.page-header{
	position: relative;
    width:100%;
	overflow: hidden;
	padding-top:100px;
}
.page-header img{
	position: relative;
    width:100%;
}

.page-header::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--primary-color);
	opacity: 60%;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.page-header-box{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	text-align: center;
	z-index: 1;
    padding: 200px 0 100px;
}

.page-header-box h1{
	display: inline-block;
    font-size: 76px;
    line-height: 1.1em;
	font-weight: 800;
    letter-spacing: -0.02em;
	color: #fff;
	margin-bottom: 10px;

}

.page-header-box ol{
	position: relative;
	margin: 0;
	padding: 0;
    justify-content: center;
	z-index: 1;
}

.our-approach{
	position: relative;
	padding: 100px 0;
}

.our-approach::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/our-approach-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.our-approach .container{
	position: relative;
	z-index: 2;
}

.approach-item{
	position: relative;
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.approach-item-image figure{
	position: relative;
	display: block;
	border-radius: 20px;
}

.approach-item-image figure::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(22, 26, 45, 0.00) 0%, rgba(22, 26, 45, 0.80) 100%);
	z-index: 1;
}

.approach-item-image figure img{
	width: 100%;
	aspect-ratio: 1 / 1.064;
	object-fit: cover;
	border-radius: 20px;
	transition: all 0.6s ease-in-out;
}

.approach-item:hover .approach-item-image figure img{
	transform: scale(1.06);
}

.approach-item-body{
	position: absolute;
	right: 40px;
	bottom: 40px;
	left: 40px;
	z-index: 1;
}

.approach-item-body .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
}

.approach-item-body .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 10px;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.approach-item:hover .approach-item-body .icon-box::before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.approach-item-body .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;	
	transition: all 0.4s ease-in-out;
}

.approach-item:hover .approach-item-body .icon-box img{
	filter: brightness(0) invert(0);
}

.approach-item-content h3{
	font-size: 20px;
	color: #fff;
}

.approach-item-content p{
	color: #fff;
	margin: 10px 0 0;
}

.our-approach .company-supports-slider-box{
	margin-top: 50px;
}

.our-achievements{
	position: relative;
	padding: 100px 0;
}

.our-achievements::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/our-achievements-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.our-achievements .container{
	position: relative;
	z-index: 2;
}

.achievements-image figure{
	position: relative;
	display: block;
	mask-image: url('../images/our-achievements-image-shape.svg');
	background-image: url('../images/our-achievements-image-shape.svg');
	mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    width: 610px;
    height: 520px;
	border-radius: 10px;
}

.achievements-image figure img{
	width: 100%;
	object-fit: cover;
}

.achievement-items-list{
	display: flex;
	flex-wrap: wrap;
	gap: 40px 30px;
}

.achievement-item{
	width: calc(50% - 15px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.achievement-item .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
}

.achievement-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 10px;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.achievement-item:hover .icon-box::before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.achievement-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.achievement-item:hover .icon-box img{
	filter: brightness(0) invert(0);
}

.achievement-item-content{
	width: calc(100% - 65px);
}

.achievement-item-content h3{
	font-size: 20px;
	color: #fff;
}

.achievement-item-content p{
	color: #fff;
	margin: 5px 0 0;
}

.achievements-content-btn{
	margin-top: 40px;
}

.our-skills{
	padding: 100px 0;
}

.skills-image-box{
	position: relative;
	margin-right: 30px;
}

.skills-image-box-1,
.skills-image-box-2{
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 30px;
}

.skills-image-box-1{
	align-items: end;
	margin-bottom: 30px;
	margin-left: 3.385vw;
}

.skills-image-box-2{
	margin-right: 3.385vw;
}

.skills-image.image-1,
.skills-image.image-4{
	width: calc(44% - 15px);
}

.skills-image.image-2,
.skills-image.image-3{
	width: calc(56% - 15px);
}

.skills-image figure{
	display: block;
	border-radius: 20px;
}

.skills-image figure img{
	width: 100%;
	border-radius: 20px;
	object-fit: cover;
}

.skills-image.image-1 figure img,
.skills-image.image-4 figure img{
	aspect-ratio: 1 / 0.977;
}

.skills-image.image-2 figure img,
.skills-image.image-3 figure img{
	aspect-ratio: 1 / 0.985;
}

.skills-schedule-circle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.skills-schedule-circle a{
	display: block;
	border-radius: 50%;
}

.skills-schedule-circle img{
	width: 100%;
	max-width: 240px;
	border: 10px solid var(--bg-color);
	border-radius: 50%;
	animation: infiniterotate 20s infinite linear;
}

.skills-schedule-circle a:hover img{
    animation-play-state: paused;
}

.skills-content-body{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}

.skills-content-body .expert-skills-box{
	width: calc(100% - 260px);
}

.skills-progress-bar{
	margin-bottom: 30px;
}

.skills-progress-bar:last-child{
	margin-bottom: 0;
}

.skillbar .skill-data{
	display: flex;
	gap: 15px;
	justify-content: space-between;
	margin-bottom: 20px;
}

.skillbar .skill-data .skill-title,
.skillbar .skill-data .skill-no{
	font-size: 20px;
	line-height: 1em;
	font-weight: 700;
	color: var(--primary-color);
}

.skillbar .skill-progress{
	position: relative;
	height: 10px;
	background: var(--secondary-color);
	border-radius: 10px;
}

.skillbar .skill-progress .count-bar{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: #39b4f8;
	border-radius: 10px;
}

.our-skills-btn{
	margin-top: 40px;
}

.skills-achievement-box{
	max-width: 230px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	padding: 40px 20px 20px;
}

.skills-achievement-box-image{
	margin-bottom: 40px;
}

.skills-achievement-box-image figure{
	display: block;
	border-radius: 10px;
}

.skills-achievement-box-image figure img{
	width: 100%;
	max-width: 145px;
	border-radius: 10px;
}

.skills-achievement-box-content h3{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3em;
}

.skills-achievement-box-content p{
	margin: 10px 0 0;
}

/************************************/
/*** 	19. Schedule Page css	  ***/
/************************************/

.page-schedules{
	padding: 100px 0 70px;
}

.page-schedule-nav{
	margin-bottom: 60px;
	text-align: center;
}

.page-schedule-nav .nav-tabs{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 500px;
	display: inline-flex;
	gap: 30px;
	background-color: var(--secondary-color);
	border-radius: 100px;
	padding: 10px;
	border: none;
}

.page-schedule-nav ul li{
	width: calc(33.33% - 20px);
}

.page-schedule-nav ul li:last-child{
	margin-right: 0;
}

.page-schedule-nav ul li .nav-link{
	width: 100%;
	background-color: transparent;
	color: var(--primary-color);
	border: none;
	border-radius: 100px;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	padding: 22px;
	transition: all 0.4s ease-in-out;
}

.page-schedule-nav ul li .nav-link:hover,
.page-schedule-nav ul li .nav-link.active{
	background-color: #39b4f8;
	color: #fff;
}

.schedule-item{
	background-color: var(--secondary-color);
	border-radius: 10px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 10px;
}

.schedule-item-image{
	border-radius: 10px;
	overflow: hidden;
}

.schedule-item-image a{
	display: block;

}

.schedule-item-image a figure{
	display: block;
	border-radius: 10px;
}

.schedule-item-image a figure img{
	width: 100%;
	aspect-ratio: 1 / 0.645;
	object-fit: cover;
	border-radius: 10px;
	transition: all 0.6s ease-in-out;
}

.schedule-item:hover .schedule-item-image a figure img{
	transform: scale(1.06);
}

.schedule-item-body{
	padding: 30px 20px 20px;
}

.schedule-item-meta{
	margin-bottom: 30px;
}

.schedule-item-meta ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 20px;
	padding: 0;
	margin: 0;
}

.schedule-item-meta ul li{
	line-height: 1.5em;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.schedule-item-meta ul li img{
	width: 100%;
	max-width: 20px;
}

.schedule-item-body-content h3{
	font-size: 20px;
}

.schedule-item-body-content h3 a{
	color: inherit;
}

.schedule-item-body-content p{
	margin: 10px 0 0;
}

.schedule-item-btn{
	border-top: 1px solid var(--divider-color);
	padding-top: 30px;
	margin-top: 30px;
}

.schedule-item-btn .btn-default{
	text-align: center;
	padding: 17px;
	width: 100%;
}

/************************************/
/***   20. Schedule Single css	  ***/
/************************************/

.page-schedule-single{
	padding: 100px 0;
}

.page-single-sidebar{
	position: sticky;
	top: 20px;
	margin-right: 20px;
}

.page-category-list {
    background: #0c6eb6;
    border-radius: 10px;
    margin-bottom: 60px;
    overflow: hidden;
}

.page-category-list h3{
	font-size: 20px;
    color: #fff;
    background-color: #39b4f8;
    padding: 20px 30px;
}

.page-category-list ul{
	list-style: none;
    margin: 0;
	padding: 30px;
}

.page-category-list ul li {
    display: inline-block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    line-height: 1.6em;
    margin-bottom: 5px;
    width: 100%;
    background: #ccc;
    border-radius: 4px;
    overflow: hidden;
}

.page-category-list ul li:last-child{
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.page-single-faqs .section-title {
    position: relative;
    width: 100%;
    background: #ff6900;
    border-radius: 4px;
    padding: 5px 15px;
    margin-bottom: 10px;
}
.page-single-faqs .section-title .text-anime-style-3{
	position: relative;
	color: #fff;
	font-size: 24px;
}
.page-category-list ul li img{
	width: 100%;
	max-width: 24px;
	margin-right: 10px;
}

.page-category-list ul li span{
	font-weight: 600;
}

.page-category-list ul li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    color: #333;
    text-decoration: none;
    transition: all .3s ease;
}

.page-category-list ul li.active a,
.page-category-list ul li a.active{
    background: #ff6900;
    color: #fff;
    border-radius: 6px;
}

.page-category-list ul li.active a i,
.page-category-list ul li a.active i{
    color: #fff;
}
.sidebar-cta-box{
	background: var(--primary-color) url('../images/sidebar-cta-bg-image.png');
	background-position: top center;
	background-size: cover;
    border-radius: 10px;
    padding: 30px 30px 0;
    overflow: hidden;
}

.sidebar-cta-body{
	margin-bottom: 30px;
}

.sidebar-cta-logo{
    margin-bottom: 30px;
}

.sidebar-cta-logo img{
    width: 100%;
    max-width: 177px;
}

.sidebar-cta-content{
	margin-bottom: 30px;
}

.sidebar-cta-content h3{
    font-size: 20px;
	line-height: 1.3em;
    color: #fff;
}

.sidebar-cta-contact-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.sidebar-cta-contact-item .icon-box{
	position: relative;
	width: 40px;
	height: 40px;
	background-color: #39b4f8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	overflow: hidden;
}

.sidebar-cta-contact-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--white-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.sidebar-cta-contact-item:hover .icon-box::before{
	transform: scale(1);
}

.sidebar-cta-contact-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 20px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.sidebar-cta-contact-item:hover .icon-box img{
	filter: brightness(0) invert(0);
}

.sidebar-cta-contact-item-content{
	width: calc(100% - 50px);
}

.sidebar-cta-contact-item-content h3{
    font-size: 20px;
    color: #fff;
}

.sidebar-cta-contact-item h3 a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.sidebar-cta-contact-item h3 a:hover{
	color: #39b4f8;
}

.sidebar-cta-image{
	margin: 0 -140px -55px 56px;
}

.sidebar-cta-image figure{
	display: block;
	border: 10px solid var(--dark-divider-color);
	border-radius: 50%;
}

.sidebar-cta-image figure img{
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
}

.page-single-image{
	margin-bottom: 30px;
}

.page-single-image figure{
	display: block;
	border-radius: 10px;
}

.page-single-image img{
    width: 100%;
    aspect-ratio: 1 / 0.516;
    object-fit: cover;
	border-radius: 10px;
}

.schedule-entry{
    margin-bottom: 60px;
}

.schedule-entry p{
    margin-bottom: 20px;
}

.schedule-entry p:last-child{
    margin-bottom: 0;
}

.schedule-entry h2{
    font-size: 48px;
	font-weight: 600;
	letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.schedule-entry h3{
	font-size: 20px;
	margin-bottom: 10px;
}

.schedule-entry ul{
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
}

.schedule-entry ul li{
	position: relative;
    line-height: 1.5em;
	margin-bottom: 10px;
    padding-left: 25px;
}

.schedule-entry ul li:last-child{
	margin-bottom: 0;
}

.schedule-entry ul li::before{
    content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: #39b4f8;
    top: 1px;
    left: 0;
}

.schedule-expect-box,
.schedule-speaker-box{
	margin-top: 60px;
}

.schedule-expect-box-list{
	border-top: 1px solid var(--divider-color);
	padding-top: 30px;
	margin-top: 30px;
}

.schedule-expect-box-list ul{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
}

.schedule-expect-box-list ul li{
	width: calc(50% - 10px);
	margin-bottom: 0;
}

.schedule-expect-image-box{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.schedule-expect-image{
	width: calc(50% - 15px);
}

.schedule-expect-image figure{
	display: block;
	border-radius: 10px;
}

.schedule-expect-image figure img{
	width: 100%;
	aspect-ratio: 1 / 0.558;
	object-fit: cover;
	border-radius: 10px;
}

.schedule-speaker-box{
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 30px;
}

.schedule-speaker-box .speaker-item{
	width: calc(50% - 15px);
	height: auto;
	margin-bottom: 0;
}

.schedule-speaker-box .speaker-item .speaker-social-list ul{
	margin: 0;
}

.schedule-speaker-box .speaker-item .speaker-social-list ul li{
	padding: 0;
	margin: 0;
}

.schedule-speaker-box .speaker-item .speaker-social-list ul li::before{
	display: none;
}

.schedule-speaker-box .speaker-item .speaker-item-content h2{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0;
}

.schedule-speaker-Content{
	width: calc(50% - 15px);
}

.schedule-speaker-item-list{
	margin-top: 30px;
}

.schedule-speaker-item{
	background: var(--secondary-color);
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 20px;
}

.schedule-speaker-item:last-child{
	margin-bottom: 0;
}

.schedule-speaker-item-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	margin-bottom: 15px;
}

.schedule-speaker-item-header .icon-box{
	position: relative;
	width: 40px;
	height: 40px;
	background: #39b4f8;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.schedule-speaker-item-header .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.schedule-speaker-item:hover .schedule-speaker-item-header .icon-box::before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.schedule-speaker-item-header .icon-box img{
	position: relative;
	width: 100%;
	max-width: 20px;
	z-index: 1;
}

.schedule-speaker-item-title{
	width: calc(100% - 60px);
}

.schedule-speaker-item-title h3{
	margin: 0;
}

.schedule-speaker-item-content p{
	margin: 0;
}

/************************************/
/*** 	21. Features Page css	  ***/
/************************************/

.page-features{
	padding: 100px 0 70px;
}

.page-features .feature-item{
	background: var(--secondary-color);
}

.page-features .feature-item-content h3{
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.page-features .feature-item-content p{
	color: var(--text-color);
	transition: all 0.4s ease-in-out;
}

.page-features .feature-item:hover .feature-item-content h3,
.page-features .feature-item.active .feature-item-content h3,
.page-features .feature-item:hover .feature-item-content p,
.page-features .feature-item.active .feature-item-content p{
	color: #fff;
}

.page-features .feature-item-btn{
	border-color: var(--divider-color);
	transition: all 0.4s ease-in-out;
}

.page-features .feature-item:hover .feature-item-btn,
.page-features .feature-item.active .feature-item-btn{
	border-color: var(--dark-divider-color);
}

.page-features .feature-item-btn .readmore-btn{
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.page-features .feature-item:hover .feature-item-btn .readmore-btn,
.page-features .feature-item.active .feature-item-btn .readmore-btn{
	color: #fff;
}

.page-features .feature-item-btn .readmore-btn::before{
	filter: brightness(0) invert(0);
}

.page-features .feature-item:hover .feature-item-btn .readmore-btn::before,
.page-features .feature-item.active .feature-item-btn .readmore-btn::before{
	filter: brightness(0) invert(1);
}

/************************************/
/*** 	22. Blog Archive css	  ***/
/************************************/

.page-blog{
	padding: 100px 0;
}

.page-blog .post-item{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.page-pagination{
    margin-top: 30px;
    text-align: center;
}

.page-pagination ul{
    justify-content: center;
    padding: 0;
    margin: 0;
}

.page-pagination ul li a,
.page-pagination ul li span{
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background: var(--secondary-color);
    color: var(--primary-color);
	border-radius: 10px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    font-weight: 600;
	line-height: 1em;
    transition: all 0.3s ease-in-out;
}

.page-pagination ul li.active a, 
.page-pagination ul li a:hover{
    background: #39b4f8;
	color: #fff;
}

/************************************/
/*** 	 23. Blog Single css	  ***/
/************************************/

.page-single-post{
	padding: 100px 0;
}

.post-single-meta ol li{
	font-size: 18px;
	color: #fff;
	margin-right: 15px;
}

.post-single-meta ol li:last-child{
	margin-right: 0;
}

.post-single-meta ol li i{
    font-size: 18px;
    color: #fff;
    margin-right: 5px;
}

.post-image{
	position: relative;
	margin-bottom: 30px;
}

.post-image figure{
	display: block;	
	border-radius: 20px;
	overflow: hidden;
}

.post-image img{
	width: 100%;
	aspect-ratio: 1 / 0.50;
	object-fit: cover;
	border-radius: 20px;
}

.post-content{
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
}

.post-entry{
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 30px;
    margin-bottom: 30px;
}

.post-entry:after{
    content: '';
    display: block;
    clear: both;
}

.post-entry a{
    color: #39b4f8;
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	font-weight: 600;
	line-height: 1.1em;
	letter-spacing: -0.02em;
	margin: 0 0 0.4em;
}

.post-entry h1{
	font-size: 76px;
}

.post-entry h2{
	font-size: 48px;
}

.post-entry h3{
	font-size: 40px;
}

.post-entry h4{
	font-size: 30px;
}

.post-entry h5{
	font-size: 24px;
}

.post-entry h6{
	font-size: 20px;
}

.post-entry p{
	margin-bottom: 20px;
}

.post-entry p:last-child{
	margin-bottom: 0;
}

.post-entry p strong{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.post-entry ol{
    margin: 0 0 30px;
}

.post-entry ul{
	padding: 0;
	margin: 20px 0 20px;
	padding-left: 20px;
}

.post-entry ol li,
.post-entry ul li{
    position: relative;
	font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
    color: var(--text-color);
    margin-bottom: 15px;
}

.post-entry ul li:last-child{
	margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul{
    margin-top: 20px;
    margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child{
    margin-bottom: 0;
}

.post-entry blockquote{
	background: #39b4f8 url('../images/icon-blockquote.svg');
	background-repeat: no-repeat;
	background-position: 30px 30px;
    background-size: 45px;
	border-radius: 20px;
    padding: 30px 30px 30px 90px;
    margin-bottom: 30px;
}

.post-entry blockquote p{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4em;
	color: #fff;
}

.post-entry blockquote p:last-child{
	margin-bottom: 0;
}

.tag-links{
    font-size: 20px;
	font-weight: 700;
    text-transform: capitalize;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.post-tags .tag-links a{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1em;
	background: #39b4f8;
    color: #fff;
	border-radius: 100px;
    padding: 12px 20px;
	transition: all 0.4s ease-in-out;
}

.post-tags .tag-links a:hover{
	background: var(--primary-color);
}

.post-social-sharing{
    text-align: right;
}

.post-social-sharing ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-social-sharing ul li{
    display: inline-block;
    margin-right: 10px;
}

.post-social-sharing ul li:last-child{
	margin-right: 0;
}

.post-social-sharing ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	background: #39b4f8;
    color: #fff;
	border-radius: 100px;
    width: 40px;
    height: 40px;
    transition: all 0.4s ease-in-out;
}

.post-social-sharing ul li:hover a{
	background: var(--primary-color);
}

.post-social-sharing ul li a i{
    font-size: 18px;
    color: inherit;
}

/************************************/
/*** 	24. Speaker Page css	  ***/
/************************************/

.page-speaker{
	position: relative;
	width: 100%;
	padding: 70px 0px;
}

/************************************/
/*** 	25. Speaker Single css	  ***/
/************************************/

.page-speaker-single{
	padding: 100px 0;
}

.speaker-single-image{
	margin-bottom: 60px;
}

.speaker-single-image figure{
	display: block;
	border-radius: 10px;
}

.speaker-single-image img{
	width: 100%;
	aspect-ratio: 1 / 1.156;
	object-fit: cover;
	border-radius: 10px;
}

.speaker-member-about,
.speaker-what-we-do,
.speaker-member-skills{
	margin-bottom: 60px;
}
.speaker-member-about h2{
	font-size: 32px;
	text-transform: capitalize;
}
.speaker-contact-list{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}

.speaker-contact-item{
	width: calc(50% - 15px);
	background-color: var(--secondary-color);
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px;
}

.speaker-contact-item .icon-box{
	position: relative;
	background: #39b4f8;
	border-radius: 10px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	overflow: hidden;
}

.speaker-contact-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.speaker-contact-item:hover .icon-box::before{
    border-radius: 0;
	transform: rotate(0) scale(1);
}

.speaker-contact-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.speaker-contact-item:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.speaker-contact-item-content{
	width: calc(100% - 70px);
}

.speaker-contact-item-content p{
	margin: 0 0 5px;
}

.speaker-contact-item-content h3{
	font-size: 20px;
}

.speaker-what-we-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.speaker-what-we-item{
	width: calc(50% - 15px);
	background-color: var(--secondary-color);
	border-radius: 10px;
	padding: 30px;
}

.speaker-what-we-item-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.speaker-what-we-item-header .icon-box{
	position: relative;
	background: #39b4f8;
	border-radius: 10px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	overflow: hidden;
}

.speaker-what-we-item-header .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.speaker-what-we-item:hover .speaker-what-we-item-header .icon-box::before{
    border-radius: 0;
	transform: rotate(0) scale(1);
}

.speaker-what-we-item-header .icon-box img{
	position: relative;
	width: 100%;
	max-width: 20px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.speaker-what-we-item:hover .speaker-what-we-item-header .icon-box img{
	filter: brightness(0) invert(1);
}

.speaker-what-we-item-title{
	width: calc(100% - 60px);
}

.speaker-what-we-item-title h3{
	font-size: 20px;
	line-height: 1.3em;
}

.speaker-what-we-item-content{
	border-top: 1px solid var(--divider-color);
	padding-top: 20px;
	margin-top: 20px;
}

.speaker-what-we-item-content ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.speaker-what-we-item-content ul li{
	position: relative;
	line-height: 1.5em;
	padding-left: 25px;
}

.speaker-what-we-item-content ul li::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: #39b4f8;
    top: 0;
    left: 0;
}

.member-skill-list .skills-progress-bar{
	margin-bottom: 40px;
}

.member-skill-list .skills-progress-bar:last-child{
	margin-bottom: 0;
}

.member-skill-list .skills-progress-bar .skill-data{
	display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.speaker-contact-form{
	background-color: var(--secondary-color);
	border-radius: 10px;
	padding: 40px;
}

/************************************/
/*** 	26. Pricing Page css	  ***/
/************************************/

.page-pricing{
	padding: 100px 0;
}

/************************************/
/***   27. Testimonials Page css  ***/
/************************************/

.page-testimonials{
	padding: 100px 0 70px;
}

.page-testimonials .testimonial-item{
	background-color: var(--secondary-color);
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.page-testimonials .testimonial-item-content p,
.page-testimonials .testimonial-author-content p{
	color: var(--text-color);
}

.page-testimonials .testimonial-author-content h3{
	color: var(--primary-color);
}

.page-testimonials .testimonial-item-footer{
	border-color: var(--divider-color);
}

/************************************/
/*** 	28. Image Gallery css	  ***/
/************************************/

.page-gallery{
	padding: 100px 0 70px;
}

.page-gallery-box .photo-gallery{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}
.page-gallery-box .photo-gallery figure{
	display: block;
	border-radius: 20px;
}

.page-gallery-box .photo-gallery img{
	width: 100%;
	aspect-ratio: 1 / 0.894;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/*** 	29. Video Gallery css	  ***/
/************************************/

.page-video-gallery{
	padding: 100px 0 70px;
}

.video-gallery-image{
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.video-gallery-image a{
	position: relative;
	display: block;
}

.video-gallery-image a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary-color);
	border-radius: 20px;
    opacity: 0%;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.video-gallery-image:hover a::before{
    opacity: 50%;
    visibility: visible;
    transform: scale(1);
}

.video-gallery-image a::after{
    content: '\f04b';
	font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
	font-size: 20px;
	background: #39b4f8;
	color: #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.video-gallery-image:hover a::after{
    opacity: 1;
    visibility: visible;
}

.video-gallery-image img{
	width: 100%;
	aspect-ratio: 1 / 0.894;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/***  	  30. FAQs Page css	      ***/
/************************************/

.page-faqs{
	padding: 100px 0;
}

.page-faqs .page-category-list ul li{
	display: block;
}

.page-faqs .page-single-faqs{
    margin-bottom: 60px;
}

.page-faqs .page-single-faqs:last-child{
    margin-bottom: 0px;
}



/* =========================================================
   CONTACT US PAGE - SCOPED CSS
   ========================================================= */

.page-contact-us-wrapper {
    padding: 100px 0;
    background:
        radial-gradient(circle at 10% 10%, rgba(9, 68, 124, 0.07), transparent 30%),
        radial-gradient(circle at 90% 90%, rgba(0, 148, 136, 0.07), transparent 30%),
        #f8fafc;
}


/* =========================
   PAGE HEADING
========================= */

.page-contact-us-wrapper .contact-page-heading {
    max-width: 700px;
    margin: 0 auto 55px;
}

.page-contact-us-wrapper .contact-page-heading span {
    display: inline-block;
    margin-bottom: 10px;
    color: #0873c5;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.page-contact-us-wrapper .contact-page-heading h2 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #102a43;
    margin-bottom: 15px;
}

.page-contact-us-wrapper .contact-page-heading p {
    margin: 0;
    color: #65758b;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================
   LEFT WRAPPER
========================= */

.page-contact-us-wrapper .contact-info-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* =========================
   CONTACT CARD
========================= */

.page-contact-us-wrapper .contact-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #ffffff;
    padding: 27px 25px;
    border: 1px solid #edf1f5;
    border-radius: 15px;
    box-shadow: 0 6px 25px rgba(20, 43, 74, 0.06);
    transition: all 0.35s ease;
    overflow: hidden;
}

.page-contact-us-wrapper .contact-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    width: 4px;
    height: 60%;
    border-radius: 0 10px 10px 0;
    background: linear-gradient(
        180deg,
        #0675c9,
        #00a9a5
    );
    transition: 0.3s ease;
}

.page-contact-us-wrapper .contact-card:hover {
    transform: translateY(-5px);
    border-color: rgba(6, 117, 201, 0.15);
    box-shadow: 0 15px 40px rgba(22, 52, 85, 0.11);
}


/* =========================
   CONTACT ICON
========================= */

.page-contact-us-wrapper .contact-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(
        135deg,
        #0675c9,
        #00a9a5
    );
    box-shadow: 0 8px 20px rgba(6, 117, 201, 0.22);
}

.page-contact-us-wrapper .contact-icon i {
    font-size: 21px;
    color: #ffffff;
}


/* =========================
   CONTACT CONTENT
========================= */

.page-contact-us-wrapper .contact-info {
    flex: 1;
}

.page-contact-us-wrapper .contact-small-title {
    display: block;
    margin-bottom: 4px;
    color: #8190a5;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.page-contact-us-wrapper .contact-title {
    margin: 0 0 9px;
    color: #12263f;
    font-size: 20px;
    font-weight: 700;
}

.page-contact-us-wrapper .contact-info a {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 1.7;
    text-decoration: none;
    transition: 0.25s ease;
}

.page-contact-us-wrapper .contact-info a:hover {
    color: #000;
}


/* =========================
   FORM WRAPPER
========================= */

.page-contact-us-wrapper .contact-form-wrapper {
    position: relative;
    height: 100%;
    padding: 42px;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #edf1f5;
    box-shadow: 0 15px 45px rgba(26, 48, 76, 0.09);
    overflow: hidden;
}

.page-contact-us-wrapper .contact-form-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        #0675c9,
        #00a9a5
    );
}

.page-contact-us-wrapper .contact-form-wrapper::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(6, 117, 201, 0.04);
    pointer-events: none;
}


/* =========================
   FORM HEADING
========================= */

.page-contact-us-wrapper .contact-form-heading {
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

.page-contact-us-wrapper .contact-form-heading span {
    display: inline-block;
    margin-bottom: 8px;
    color: #0780c9;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.7px;
}

.page-contact-us-wrapper .contact-form-title {
    color: #102a43;
    font-size: 31px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 10px;
}

.page-contact-us-wrapper .contact-form-heading p {
    margin: 0;
    color: #78869a;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================
   INPUT GROUP
========================= */

.page-contact-us-wrapper .primary-input-group {
    margin-bottom: 22px;
}

.page-contact-us-wrapper .primary-input-group label {
    display: block;
    margin-bottom: 8px;
    color: #30445c;
    font-size: 13px;
    font-weight: 600;
}


/* =========================
   INPUT BOX
========================= */

.page-contact-us-wrapper .contact-input-box {
    position: relative;
}

.page-contact-us-wrapper .contact-input-box > i {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: #8b9aad;
    font-size: 14px;
    z-index: 2;
}

.page-contact-us-wrapper .contact-input-box input,
.page-contact-us-wrapper .contact-input-box textarea {
    width: 100%;
    border: 1px solid #e3e9ef;
    background: #f9fbfd;
    border-radius: 9px;
    outline: none;
    color: #25364a;
    font-size: 14px;
    transition: all 0.3s ease;
}

.page-contact-us-wrapper .contact-input-box input {
    height: 52px;
    padding: 0 15px 0 45px;
}

.page-contact-us-wrapper .contact-input-box textarea {
    resize: none;
    min-height: 150px;
    padding: 16px 17px 16px 45px;
}

.page-contact-us-wrapper .textarea-box > i {
    top: 21px;
    transform: none;
}

.page-contact-us-wrapper .contact-input-box input:focus,
.page-contact-us-wrapper .contact-input-box textarea:focus {
    background: #ffffff;
    border-color: #0780c9;
    box-shadow: 0 0 0 4px rgba(7, 128, 201, 0.07);
}

.page-contact-us-wrapper .contact-input-box input::placeholder,
.page-contact-us-wrapper .contact-input-box textarea::placeholder {
    color: #a4afbd;
}


/* =========================
   SUBMIT BUTTON
========================= */

.page-contact-us-wrapper .submit-btn {
    margin-top: 5px;
}

.page-contact-us-wrapper .primary-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 180px;
    height: 53px;
    padding: 0 28px;
    border: none;
    border-radius: 9px;
    background: linear-gradient(
        135deg,
        #0675c9,
        #009e9b
    );
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(6, 117, 201, 0.22);
    transition: all 0.3s ease;
}

.page-contact-us-wrapper .primary-submit i {
    font-size: 13px;
    transition: 0.3s ease;
}

.page-contact-us-wrapper .primary-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(6, 117, 201, 0.28);
}

.page-contact-us-wrapper .primary-submit:hover i {
    transform: translateX(4px);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991px) {

    .page-contact-us-wrapper {
        padding: 70px 0;
    }

    .page-contact-us-wrapper .contact-page-heading h2 {
        font-size: 35px;
    }

    .page-contact-us-wrapper .contact-form-wrapper {
        padding: 35px 30px;
        margin-top: 10px;
    }
}


@media (max-width: 575px) {

    .page-contact-us-wrapper {
        padding: 55px 0;
    }

    .page-contact-us-wrapper .contact-page-heading {
        margin-bottom: 35px;
    }

    .page-contact-us-wrapper .contact-page-heading h2 {
        font-size: 29px;
    }

    .page-contact-us-wrapper .contact-page-heading p {
        font-size: 14px;
    }

    .page-contact-us-wrapper .contact-card {
        padding: 22px 18px;
        gap: 15px;
    }

    .page-contact-us-wrapper .contact-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .page-contact-us-wrapper .contact-title {
        font-size: 18px;
    }

    .page-contact-us-wrapper .contact-form-wrapper {
        padding: 30px 20px;
    }

    .page-contact-us-wrapper .contact-form-title {
        font-size: 26px;
    }

    .page-contact-us-wrapper .primary-submit {
        width: 100%;
    }
}


/************************************/
/***      33. Responsive css      ***/
/************************************/

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

	.container{
        max-width: 1300px;
    }

	.about-achievement-box-header{
		padding: 30px 20px;
	}

	.about-achievement-box-body{
		padding: 25px 20px;
	}

	.about-mission-vision-nav{
		margin-bottom: 30px;
	}

	.feature-item{
		min-height: 380px;
		padding: 30px 25px;
	}

	.our-benefits-content{
		margin-right: 0;
	}

	.our-benefits-images::after{
		left: 50px;
	}

	.process-content-wap{
		padding: 30px 20px;
	}

	.pricing-item-header{
		padding: 20px;
	}

	.pricing-item-body{
		padding: 30px;
	}

	.pricing-item-list{
		padding-top: 30px;
		margin-top: 30px;
	}

	.pricing-item-btn{
		margin-top: 30px;
	}

	.testimonial-client-box{
		padding: 30px 20px;
	}

	.testimonial-item{
		padding: 30px;
	}

	.company-supports-content hr{
		width: 30%;
	}

	.post-item-body{
		gap: 20px;
		padding: 20px;
	}

	.post-item-btn{
		padding-top: 20px;
	}

	.post-item-list .post-item .post-item-body{
		padding: 30px 10px 30px 20px;
	}

	.footer-links-box{
		margin-left: 50px;
	}

	.approach-item-body{
		right: 25px;
		bottom: 25px;
		left: 25px;
	}

	.skills-schedule-circle img{
		max-width: 200px;
	}

	.post-content{
        max-width: 1100px;
    }

	.speaker-what-we-item{
		padding: 20px;
	}

	.contact-image-box{
		width: 43%;
	}

	.contact-info-list{
		right: 30px;
		bottom: 30px;
		left: 30px;
		gap: 30px;
	}

	.contact-info-item{
		width: calc(50% - 15px);
	}

	.contact-info-item::before{
		right: -15px;
	}

	.page-contact-us .contact-form{
		width: 57%;
		padding: 40px;
	}
}

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

	.dark-section{
		background-size: 150% auto;
	}

	.main-menu ul li{
		margin: 0px;
	}

	.section-content-btn .section-btn{
		margin-top: 20px;
	}
	
	.section-title-content{
        margin-top: 10px;
    }

	.section-btn{
        text-align: left;
        margin-top: 15px;
	}

	.our-scrolling-ticker{
		padding: 20px 0;
	}

	.about-us-image-box{
		max-width: 700px;
		margin: 0 auto 30px;
	}

	.years-experience-circle figure img{
		max-width: 160px;
	}

	.years-experience-circle .years-experience-counter-box{
		width: 80px;
		height: 80px;
	}

	.years-experience-counter-box h2{
		font-size: 28px;
	}

	.about-achievement-image{
		margin-bottom: 30px;
	}

	.about-achievement-image figure img{
		max-width: 120px;
	}

	.about-mission-vision-nav ul li .nav-link{
		padding: 15px;
	}

	.feature-item{
		min-height: auto;
	}

	.our-benefits-content{
		margin-bottom: 40px;
	}

	.our-benefits-images{
		max-width: 700px;
		margin: 0 auto;
	}

	.event-schedule-item{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.schedule-image-box{
		width: calc(60% - 15px);
		order: 1;
	}

	.schedule-item-content{
		width: 100%;
		order: 3;
	}

	.schedule-item-venue{
		width: calc(40% - 15px);
		order: 2;
	}

	.speaker-social-list{
		right: 15px;
	}

	.speaker-item:hover .speaker-social-list{
		bottom: 20px;
	}

	.speaker-item-body{
		padding: 20px 10px 10px;
	}

	.speaker-item-content p{
		margin: 5px 0 0;
	}

	.interactive-process-layout .interactive-process-item{
		width: 50%;
		border-bottom: 1px solid var(--dark-divider-color);
	}

	.interactive-process-layout .interactive-inner-process{
		padding: 200px 0 0;
		height: auto;
	}

	.intro-video-box .video-play-button a{
		width: 70px;
		height: 70px;
	}

	.intro-video-box .video-play-button a i{
		font-size: 26px;
	}

	.faqs-image-box{
		margin-bottom: 30px;
	}

	.faqs-image figure img{
		aspect-ratio: 1 / 0.7;
	}

	.faqs-content{
		margin: 0px;
	}

	.company-supports-content hr{
		width: 26%;
	}

	.post-item-list{
		margin-top: 30px;
	}

	.post-item-list .post-item .post-featured-image a figure img{
		aspect-ratio: 1 / 0.7;
	}

	.footer-header .section-title,
	.footer-newsletter-form{
		width: 100%;
		max-width: 100%;
	}

	.about-footer{
		max-width: 100%;
		margin-bottom: 30px;
	}

	.footer-links-box{
		gap: 30px;
		justify-content: space-between;
		margin-left: 0;
	}

	.about-footer-content{
		margin-top: 20px;
	}

	.footer-social-icons{
		margin-top: 20px;
	}

	.achievements-image{
		margin-bottom: 30px;
	}

	.achievements-image figure{
		margin: 0 auto;
	}

	.skills-image-box{
		max-width: 690px;
		margin: 0 auto 30px;
	}

	.page-single-sidebar{
		margin-right: 0;
	}

	.page-category-list h3{
		padding: 15px 20px;
	}

	.page-category-list ul{
		padding: 20px;
	}

	.page-category-list ul li{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.page-category-list ul li img{
		max-width: 20px;
	}

	.sidebar-cta-box{
		padding: 20px 20px 0;
	}

	.sidebar-cta-logo,
	.sidebar-cta-content{
		margin-bottom: 20px;
	}
	
	.sidebar-cta-image{
		margin: 0 -100px -85px 30px;
	}

	.page-single-image{
		margin-bottom: 20px;
	}

	.schedule-entry{
		margin-bottom: 40px;
	}

	.schedule-expect-box,
	.schedule-speaker-box{
		margin-top: 40px;
	}

	.schedule-expect-image-box{
		margin-top: 30px;
	}

	.schedule-speaker-box .speaker-item,
	.schedule-speaker-Content{
		width: 100%;
	}

	.schedule-speaker-box .speaker-item-image a figure img{
		aspect-ratio: 1 / 0.8;
		object-position: top center;
	}

	.speaker-member-about,
	.speaker-what-we-do,
	.speaker-member-skills{
		margin-bottom: 40px;
	}

	.speaker-contact-list{
		gap: 20px;
	}

	.speaker-contact-item{
		width: calc(50% - 10px);
		padding: 15px;
	}

	.speaker-contact-item .icon-box{
		margin-right: 15px;
	}

	.speaker-contact-item-content{
		width: calc(100% - 65px);
	}

	.speaker-contact-item-content h3{
		font-size: 18px;
	}

	.speaker-what-we-list{
		gap: 20px;
	}

	.speaker-what-we-item{
		width: 100%;
	}

	.page-contact-us .contact-form,
	.contact-image-box{
		width: 100%;
	}

	.contact-us-image,
	.contact-us-image figure,
	.contact-us-image figure img{
		height: auto;
	}

	.contact-us-image figure img{
		aspect-ratio: 1 / 0.9;
	}

	.google-map-iframe{
		height: 500px;
	}
}

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

	.btn-default{
		padding: 15px 20px;
	}

	.btn-default.btn-border{
		padding: 14px 20px;
	}

	.navbar{
		padding: 20px 0;
	}

	.responsive-menu,
    .navbar-toggle{
        display: block;
    }

	.slicknav_nav li,
	.slicknav_nav ul{
        display: block;
    }

	.header-btn{
		display: none;
	}

	.section-row{
		margin-bottom: 40px;
	}
	
	.section-title{
		margin-bottom: 30px;
	}

	.section-title h1{
		font-size: 52px;
	}

	.section-title h2{
		font-size: 38px;
	}

	.section-title p{
		margin-top: 10px;
	}

	.hero{
		padding: 140px 0 50px;
	}

	.hero-sub-heading{
		padding: 6px 10px;
	}

	.hero-content-body{
		margin-top: 0;
	}

	.hero-countdown{
		margin-top: 30px;
	}

	.hero-countdown-title{
		margin-bottom: 30px;
	}

	.hero-countdown-title h3{
		font-size: 18px;
	}

	.hero-countdown-body .countdown .counter-box{
		padding: 20px;
	}

	.hero-countdown-body .countdown .counter-box span{
		font-size: 34px;
	}

	.our-scrolling-ticker{
        padding: 15px 0;
    }

	.scrolling-ticker-box{
		--gap: 15px;
	}

	.scrolling-content span img{
		max-width: 18px;
		margin-right: 15px;
	}

	.scrolling-content span{
		font-size: 26px;
	}

	.about-us{
		padding: 50px 0;
	}

	.about-mission-vision-nav{
		margin-bottom: 20px;
	}

	.about-mission-vision-box{
		margin-bottom: 30px;
	}

	.about-us-footer{
		margin-top: 30px;
		padding-top: 30px;
	}

	.our-features{
		padding: 50px 0;
	}

	.feature-item-btn{
		padding-top: 20px;
		margin-top: 20px;
	}
	
	.section-footer-text,
	.section-footer-text ul{
		margin-top: 10px;
	}

	.section-footer-text ul li{
		font-size: 18px;
	}

	.our-benefits{
		padding: 50px 0;
	}

	.benefits-item-list{
		padding-top: 30px;
	}

	.benefits-item{
		margin-bottom: 30px;
	}

	.our-benefits-footer{
		padding-top: 30px;
		margin-top: 30px;
	}

	.our-event-schedule{
		padding: 50px 0;
	}

	.event-schedule-nav{
		margin-bottom: 40px;
	}

	.event-schedule-nav ul li .nav-link{
		padding: 15px;
	}

	.event-schedule-item{
		gap: 20px 30px;
	}

	.schedule-image-box,
	.schedule-item-venue{
		width: calc(50% - 15px);
	}

	.schedule-image figure img{
		max-width: 80px;
	}

	.schedule-image-content{
		width: calc(100% - 110px);
	}

	.schedule-item-content p{
		margin: 10px 0 0;
	}

	.our-speakers{
		padding: 50px 0;
	}

	.interactive-process-item-btn{
		margin-top: 20px;
	}

	.our-pricing{
		padding: 50px 0;
	}

	.pricing-item-header{
		padding: 10px 10px 20px 10px;
	}

	.pricing-item-header-box{
		margin-bottom: 30px;
	}

	.pricing-item-price h2{
		font-size: 38px;
	}

	.pricing-item-body{
		padding: 20px;
	}

	.pricing-item-list{
		padding-top: 20px;
		margin-top: 20px;
	}

	.pricing-item-list ul li{
		margin-bottom: 10px;
	}

	.pricing-item-list ul li:before{
		font-size: 16px;
	}

	.pricing-item-btn .btn-default{
		padding: 15px;
	}

	.pricing-item.highlighted-box::after{
		top: 20px;
		right: -58px;
		width: 174px;
		height: 30px;
		font-size: 12px;
	}

	.pricing-item.highlighted-box .pricing-item-header{
		padding-right: 20px;
	}

	.pricing-benefit-list{
		margin-top: 10px;
	}

	.pricing-benefit-list ul{
		gap: 15px 30px;
	}

	.intro-video-image img{
		aspect-ratio: 1 / 0.55;
	}

	.our-faqs{
		padding: 50px 0;
	}

	.faqs-cta-image-box{
		max-width: 210px;
		border-width: 10px;
	}

	.faqs-cta-image-box::after{
		bottom: -10px;
		left: -30px;
	}

	.faqs-cta-image-box::before{
		top: -30px;
		right: -10px;
	}

	.faqs-cta-box{
		padding: 15px;
	}

	.faqs-cta-box-title{
		margin-bottom: 30px;
	}

	.faqs-cta-box-title h3{
		font-size: 18px;
	}

	.faqs-cta-box-item p{
		margin-top: 10px;
	}

	.faq-accordion .accordion-item{
		margin-bottom: 20px;
	}

	.faq-accordion .accordion-header .accordion-button{
		padding: 18px 45px 18px 20px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		right: 20px;
		width: 20px;
		height: 20px;
		font-size: 12px;
	}

	.faq-accordion .accordion-item .accordion-body{
		padding: 20px;
	}

	.our-testimonials{
		padding: 50px 0;
	}

	.testimonial-client-box{
		min-height: 370px;
		padding: 20px;
	}

	.testimonial-item{
		min-height: 370px;
		gap: 30px;
		padding: 20px;
	}

	.testimonial-item-content p{
		font-size: 16px;
	}

	.testimonial-item-footer{
		padding-top: 30px;
	}

	.testimonial-pagination.swiper-pagination-bullets{
		margin-top: 20px;
	}

	.company-supports-slider-box{
		margin-top: 30px;
	}

	.company-supports-content{
		margin-bottom: 30px;
	}

	.company-supports-content h3{
		font-size: 18px;
	}

	.company-supports-content hr{
		width: 20%;
	}

	.our-blog{
		padding: 50px 0;
	}

	.post-item-body{
		padding: 20px 10px 10px;
	}

	.post-item-meta{
		margin-bottom: 15px;
	}

	.main-footer{
		padding: 50px 0 0;
	}

	.footer-header{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.footer-newsletter-form .form-group{
		padding: 8px;
	}

	.footer-links h3{
		margin-bottom: 20px;
	}

	.footer-contact-links ul{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.footer-contact-links ul li{
		margin-bottom: 10px;
	}

	.footer-copyright{
		padding: 30px 0;
		margin-top: 30px;
	}

	.page-header{
        padding: 170px 0 80px;
    }

    .page-header-box h1{
        font-size: 52px;
    }

	.our-approach{
		padding: 50px 0;
	}

	.approach-item-body{
		right: 20px;
		bottom: 20px;
		left: 20px;
	}

	.approach-item-body .icon-box{
		margin-bottom: 20px;
	}

	.our-approach .company-supports-slider-box{
        margin-top: 10px;
    }

	.our-achievements{
		padding: 50px 0;
	}

	.achievement-items-list{
		gap: 30px;
	}

	.achievements-content-btn{
		margin-top: 30px;
	}

	.our-skills{
		padding: 50px 0;
	}

	.skills-schedule-circle img{
		max-width: 160px;
		border-width: 5px;
	}

	.skillbar .skill-data{
		margin-bottom: 15px;
	}

	.skillbar .skill-data .skill-title,
	.skillbar .skill-data .skill-no{
		font-size: 18px;
	}

	.our-skills-btn{
		margin-top: 30px;
	}

	.skills-achievement-box{
		padding: 30px 20px 20px;
	}

	.page-schedules{
		padding: 50px 0 20px;
	}

	.page-schedule-nav .nav-tabs{
		max-width: 450px;
		gap: 20px;
	}

	.page-schedule-nav ul li{
		width: calc(33.33% - 13.33px);
	}

	.page-schedule-nav{
		margin-bottom: 40px;
	}

	.page-schedule-nav ul li .nav-link{
		padding: 15px;
	}

	.schedule-item-body{
		padding: 20px 10px 10px;
	}

	.schedule-item-meta{
		margin-bottom: 20px;
	}

	.schedule-item-meta ul{
		gap: 15px;
	}

	.schedule-item-meta ul li{
		gap: 5px;
		font-size: 14px;
	}

	.schedule-item-btn .btn-default{
		padding: 15px;
	}

	.page-schedule-single{
		padding: 50px 0;
	}

	.page-single-sidebar,
	.page-category-list{
		position: initial;
		margin: 0 0 30px;
	}

	.page-category-list h3{
		padding: 15px 20px;
	}

	.sidebar-cta-body{
		margin-bottom: 20px;
	}

	.sidebar-cta-image{
		max-width: 400px;
		margin: 0 0 0 auto;
    	margin-right: -100px;
    	margin-bottom: -85px;
	}

	.schedule-entry p{
		margin-bottom: 15px;
	}

	.schedule-entry h2{
		font-size: 38px;
		margin-bottom: 15px;
	}

	.schedule-entry ul li{
		padding-left: 25px;
	}

	.schedule-entry ul li::before{
		font-size: 16px;
	}

	.schedule-expect-box-list{
		padding-top: 20px;
		margin-top: 20px;
	}

	.page-features{
		padding: 50px 0 20px;
	}

	.page-blog{
		padding: 50px 0;
	}

	.page-pagination{
		margin-top: 10px;
	}

	.page-single-post{
        padding: 50px 0;
    }
    
    .post-image{
        margin-bottom: 20px;
    }
    
    .post-entry h2{
        font-size: 38px;
    }
    
    .post-entry p{
        margin-bottom: 15px;
    }
    
    .post-entry ol li,
    .post-entry ul li{
		font-size: 16px;
        margin-bottom: 10px;
    }
    
    .post-entry blockquote{
        background-position: 20px 20px;
        background-size: 40px;
        padding: 20px 20px 20px 70px;
        margin-bottom: 20px;
    }
    
    .post-entry blockquote p{
        font-size: 18px;
    }
    
    .post-tags{
        margin-bottom: 20px;
    }
    
    .post-tags .tag-links a{
        padding: 12px 15px;
    }
    
    .post-social-sharing ul{
        text-align: left;
    }

	.page-speaker{
		padding: 50px 0 20px;
	}

	.page-speaker-single{
		padding: 50px 0;
	}

	.speaker-single-image{
		margin-bottom: 30px;
	}

	.speaker-single-image img{
		aspect-ratio: 1 / 0.9;
	}

	.member-skill-list .skills-progress-bar{
		margin-bottom: 30px;
	}

	.speaker-contact-form{
        padding: 20px;
    }

	.page-pricing{
		padding: 50px 0;
	}

	.page-testimonials{
		padding: 50px 0 20px;
	}

	.page-gallery{
        padding: 50px 0 20px;
    }

	.page-video-gallery{
        padding: 50px 0 20px;
    }

	.page-faqs{
        padding: 50px 0;
    }

	.page-faqs .page-single-faqs{
        margin-bottom: 40px;
    }

	.page-contact-us{
		padding: 50px 0;
	}

	.contact-info-list{
		right: 20px;
        bottom: 20px;
        left: 20px;
	}

	.page-contact-us .contact-form{
		padding: 30px 20px;
	}

	.contact-form form .form-control{
		padding: 12px 15px;
	}

	.error-page{
		padding: 50px 0px;
	}
	
	.error-page-image{
		margin-bottom: 20px;
	}
}

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

	.section-row{
		margin-bottom: 30px;
	}

	.section-title h1{
		font-size: 28px;
	}

	.section-title h2{
		font-size: 26px;
	}

	.hero-content-body{
		gap: 30px;
	}

	.video-play-button h3{
		font-size: 14px;
	}

	.hero-countdown-title{
        margin-bottom: 20px;
    }

	.hero-countdown-title hr{
		display: none;
	}

	.hero-countdown-title h3{
		font-size: 16px;
	}

	.hero-countdown-body .countdown{
		gap: 10px;
	}

	.hero-countdown-body .countdown .counter-box{
		min-width: 75px;
		border-radius: 10px;
		padding: 10px;
	}

	.hero-countdown-body .countdown .counter-box span{
		font-size: 28px;
	}

	.hero-countdown-body .countdown .counter-box p{
		font-size: 14px;
	}

	.scrolling-content span{
		font-size: 22px;
	}

	.about-image-circle-box{
 	   width: 37%;
	}

	.about-us-image figure{
		margin-right: -170px;
	}

	.years-experience-circle{
		margin: 15px 15px 10px 0;
	}
	
	.years-experience-circle figure img{
		max-width: 105px;
	}
	
	.years-experience-circle .years-experience-counter-box{
		width: 54px;
		height: 54px;
	}
	
	.years-experience-circle .years-experience-counter-box h2{
		font-size: 18px;
	}

	.about-achievement-box{
		width: 63%;
	}

	.about-achievement-box-header,
	.about-achievement-box-body{
		padding: 15px;
	}

	.about-achievement-image{
		margin-bottom: 20px;
	}

	.about-achievement-image figure img{
		max-width: 80px;
	}

	.about-achievement-content h3{
		font-size: 14px;
	}

	.about-achievement-content p{
		font-size: 14px;
		margin-top: 5px;
	}

	.about-achievement-box-body h3{
		font-size: 16px;
	}

	.about-mission-vision-nav .nav-tabs{
		border-radius: 12px;
		gap: 10px;
	}

	.about-mission-vision-nav ul li{
		width: calc(33.33% - 6.67px);
	}

	.about-mission-vision-nav ul li .nav-link{
		font-size: 14px;
		padding: 15px 10px;
	}

	.about-us-item-list{
		gap: 20px;
	}

	.about-us-item{
		width: 100%;
	}

	.about-us-item-content h3,
	.about-contact-box-content h3{
		font-size: 18px;
	}

	.about-us-footer{
		padding-top: 20px;
		margin-top: 20px;
	}

	.about-us-footer{
		gap: 20px;
	}

	.about-contact-box .icon-box{
		width: 44px;
		height: 44px;
	}

	.about-contact-box .icon-box img{
		max-width: 22px;
	}

	.feature-item{
		padding: 20px;
	}

	.feature-item-content h3{
		font-size: 18px;
	}

	.section-footer-text ul li{
		font-size: 16px;
	}

	.benefits-item .icon-box{
		width: 50px;
		height: 50px;
	}

	.benefits-item .icon-box img{
		max-width: 24px;
	}

	.benefits-item-content{
		width: 100%;
	}

	.benefits-item-content h3{
		font-size: 18px;
	}

	.our-benefits-img.image-1{
		width: 70%;
		padding-bottom: 80px;
	}

	.our-benefits-img.image-2{
		width: 30%;
	}

	.our-benefits-img.image-2 figure{
		margin-left: -120px;
	}

	.our-benefits-images::before, .our-benefits-images::after{
		width: 50px;
		height: 50px;
	}

	.our-benefits-images::before{
		right: 20px;
		top: 20px;
	}

	.our-benefits-images::after{
		bottom: 15px;
		left: 20px;
	}

	.event-schedule-nav .nav-tabs{
		gap: 10px;
	}

	.event-schedule-nav ul li{
		width: calc(33.33% - 6.67px);
	}

	.event-schedule-nav ul li .nav-link{
		font-size: 18px;
	}

	.event-schedule-item{
		gap: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.event-schedule-item h3{
		font-size: 18px;
	}

	.event-schedule-item p{
		margin: 5px 0 0;
	}

	.schedule-image-box{
		width: 100%;
		gap: 15px;
	}

	.schedule-image figure img{
		max-width: 50px;
	}

	.schedule-image-content{
		width: calc(100% - 65px);
	}

	.schedule-item-content,
	.schedule-item-venue{
		width: 100%;
	}

	.schedule-item-venue-content p{
		margin: 0;
	}

	.speaker-item-content h2{
		font-size: 18px;
	}

	.interactive-process-layout .interactive-process-item{
		width: 100%;
	}

	.interactive-process-layout .interactive-inner-process{
		padding: 100px 0 0;
	}

	.process-content-wap{
		padding: 20px 15px;
	}

	.interactive-process-item-title-wap h3{
		font-size: 18px;
	}

	.pricing-item-header-box{
		margin-bottom: 20px;
	}

	.pricing-item-header-content h3{
		font-size: 18px;
	}

	.pricing-item-price h2{
		font-size: 28px;
	}

	.pricing-item-body-content h3{
		font-size: 18px;
	}

	.pricing-benefit-list ul{
		gap: 10px;
	}

	.pricing-benefit-list ul li{
		font-size: 14px;
	}

	.pricing-benefit-list ul li img{
		max-width: 16px;
		margin-right: 5px;
	}

	.intro-video-image img{
        aspect-ratio: 1 / 0.7;
    }

	.faqs-image figure img{
		aspect-ratio: 1 / 1;
	}

	.faqs-cta-image-box{
		position: relative;
		max-width: 100%;
		border: none;
		margin: 20px 0 0 0;
		border-radius: 20px;
	}

	.faqs-cta-image-box::before,
	.faqs-cta-image-box::after{
		display: none;
	}

	.faqs-cta-box-title{
		margin-bottom: 20px;
	}

	.faq-accordion .accordion-header .accordion-button{
		padding: 12px 40px 12px 15px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		right: 15px;
	}

	.faq-accordion .accordion-item .accordion-body{
		padding: 12px 15px;
	}

	.testimonial-client-box{
		min-height: initial;
		margin-bottom: 30px;
	}

	.testimonial-client-body-content h3{
		font-size: 18px;
	}

	.testimonial-client-box-btn{
		margin-top: 20px;
	}

	.testimonial-item{
		padding: 20px;
		gap: 20px;
	}

	.testimonial-rating i{
		font-size: 18px;
	}

	.testimonial-item-footer{
		gap: 10px;
		padding-top: 20px;
	}

	.testimonial-author{
		width: calc(100% - 50px);
	}

	.testimonial-author-image{
		margin-right: 10px;
	}

	.testimonial-author-image figure img{
		max-width: 45px;
	}

	.testimonial-author-content{
		width: calc(100% - 55px);
	}

	.testimonial-author-content h3{
		font-size: 18px;
	}

	.testimonial-author-content p{
		font-size: 14px;
	}

	.company-supports-content{
		margin-bottom: 20px;
	}

	.company-supports-content hr{
		display: none;
	}

	.company-supports-content h3{
		font-size: 16px;
	}

	.post-item-content h2{
		font-size: 18px;
	}

	.post-item-list .post-item .post-featured-image{
		width: 100%;
	}

	.post-item-list .post-item .post-item-body{
		width: 100%;
		padding: 20px 10px;
	}

	.footer-links{
		max-width: 100%;
	}

	.footer-links h3{
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-links ul li{
		margin-bottom: 10px;
	}

	.footer-contact-links ul{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.footer-copyright{
		padding: 15px 0;
	}
	
	.page-header-box h1{
        font-size: 28px;
    }

	.approach-item-content h3{
		font-size: 18px;
	}

	.achievements-image figure{
		width: 100%;
		height: 100%;
	}

	.achievement-items-list{
		gap: 20px;
	}

	.achievement-item{
		width: 100%;
	}

	.achievement-item-content h3{
		font-size: 18px;
	}

	.skills-image-box-1,
	.skills-image-box-2{
		gap: 10px;
	}

	.skills-image-box-1{
		margin-bottom: 10px;
	}

	.skills-image.image-1, .skills-image.image-4{
		width: calc(44% - 5px);
	}

	.skills-image.image-2, .skills-image.image-3{
		width: calc(56% - 5px);
	}

	.skills-image.image-1 figure img,
	.skills-image.image-3 figure img{
		aspect-ratio: 1 / 1.1;
	}

	.skills-schedule-circle img{
		max-width: 120px;
	}

	.skills-content-body .expert-skills-box{
		width: 100%;
	}

	.skills-progress-bar{
		margin-bottom: 20px;
	}

	.skills-achievement-box{
		max-width: 100%;
	}

	.page-schedule-nav .nav-tabs{
		gap: 10px;
	}

	.page-schedule-nav ul li{
		width: calc(33.33% - 6.67px);
	}

	.page-schedule-nav ul li .nav-link{
		padding: 15px 12px;
		font-size: 18px;
	}

	.schedule-item-body-content h3{
		font-size: 18px;
	}

	.schedule-item-btn{
		margin-top: 20px;
		padding-top: 20px;
	}

	.sidebar-cta-image{
		margin-top: 0;
		margin-left: 100px;
		margin-right: -65px;
		margin-bottom: -45px;
	}

	.page-single-image img{
		aspect-ratio: 1 / 0.65;
	}

	.page-category-list h3,
	.sidebar-cta-content h3,
	.sidebar-cta-contact-item-content h3{
		font-size: 18px;
	}

	.schedule-entry h2{
		font-size: 28px;
	}

	.schedule-entry h3{
		font-size: 18px;
	}

	.schedule-expect-box-list ul{
		gap: 10px;
	}

	.schedule-expect-box-list ul li,
	.schedule-expect-image{
		width: 100%;
	}

	.schedule-speaker-box .speaker-item-image a figure img{
		aspect-ratio: 1 / 1.1;
	}

	.schedule-speaker-item-header{
		gap: 10px;
	}

	.schedule-speaker-item-title{
		width: calc(100% - 50px);
	}

	.post-single-meta ol li,
	.post-single-meta ol li i{
		font-size: 16px;
	}

	.post-image img{
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote{
		background-position: 15px 15px;
		padding: 60px 15px 15px 15px;
	}

	.post-entry blockquote p{
		font-size: 16px;
	}

	.post-entry h2{
		font-size: 26px;
	}
	
	.tag-links{
		font-size: 18px;
	}

	.speaker-single-image img{
		aspect-ratio: 1 / 1.156;
	}

	.speaker-contact-item{
		width: 100%;
	}

	.speaker-what-we-item{
		padding: 15px;
	}

	.speaker-what-we-item-header .icon-box{
		margin-right: 10px;
	}

	.speaker-what-we-item-title{
		width: calc(100% - 60px);
	}

	.speaker-what-we-item-title h3{
		font-size: 18px;
	}

	.speaker-what-we-item-content{
		padding-top: 15px;
		margin-top: 15px;
	}

	.speaker-what-we-item-content ul li::before{
		font-size: 16px;
	}

	.contact-us-image figure img{
		aspect-ratio: 1 / 1.2;
	}

	.contact-info-list{
		gap: 20px;
	}

	.contact-info-item{
		width: 100%;
		flex-direction: initial;
		gap: 15px;
	}

	.contact-info-item::before{
		display: none;
	}

	.contact-info-item.location-item{
		border-top: none;
		padding-top: 0;
	}

	.contact-info-content{
		width: calc(100% - 65px);
	}

	.contact-info-content h3{
		font-size: 18px;
	}

	.page-contact-us .contact-form{
		padding: 30px 20px;
	}

	.google-map-iframe{
		height: 350px;
	}
}

/************************************/
/***   34. Home - Version 2 css   ***/
/************************************/

.main-header.header-metal{
    top: 30px;
    background: none;
    backdrop-filter: none;
}

.main-header.header-metal .header-sticky{
	border-radius: 100px;
    max-width: 1500px;
	margin: 0 auto;
}

header.main-header.header-metal .header-sticky.active{
	border-radius: 0 0 10px 10px; 
}

.main-header.header-metal .navbar{
	padding: 20px 15px;
}

.hero-metal{
    position: relative;
    background-image: url('../images/hero-bg-image-metal.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0 130px;
	backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    overflow: hidden;
}

.hero-metal::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    opacity: 85%;
    z-index: 1;
}

.hero-metal::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 0;
}

.hero-metal .container{
	position: relative;
	z-index: 1;
}

.hero-content-metal{
    height: 100%;
    align-content: center;
}

.hero-sub-heading-metal{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background-color: var(--dark-divider-color);
    border-radius: 100px;
    margin-bottom: 10px;
    padding: 10px;
}

.hero-sub-heading-metal .satisfy-client-image{
	margin-left: -10px;
}

.hero-sub-heading-metal .satisfy-client-image:first-child{
	margin: 0;
}

.hero-sub-heading-metal .satisfy-client-image figure img{
	max-width: 20px;
}

.hero-body-metal{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}

.hero-content-metal .section-title h1 .hero-title-image-metal img{
    width: 116px;
    height: 48px;
    border-radius: 100px;
    object-fit: cover;
}

.hero-content-metal .section-title h1 .icon-box{
    background: #39b4f8;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.hero-content-metal .section-title h1 .icon-box img{
    width: 100%;
    max-width: 24px;
}

.hero-countdown-metal{
    margin-top: 80px;
}

.hero-countdown-content-metal{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    text-align: center;
}

.hero-countdown-content-metal p{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 10px 0 0;
}

.hero-countdown-content-metal hr{
    height: 1px;
    width: 40%;
    color: var(--dark-divider-color);
    opacity: 1;
    margin: 0;
}

.hero-countdown-body-metal .countdown{
    max-width: 480px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 60px;
    z-index: 1;
}

.hero-countdown-body-metal .counter-box{
    position: relative;
    width: calc(25% - 45px);
    text-align: center;
}

.hero-countdown-body-metal .counter-box::before{
    content: '';
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    right: -30px;
    background-image: url('../images/hero-countdown-image-metal.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 6px;
    height: 16px;
}

.hero-countdown-body-metal .counter-box:nth-child(4n + 4):before{
	display: none;
}

.hero-countdown-body-metal .counter-box span{
    font-size: 30px;
    font-weight: 700;
	line-height: 1.1em;
    color: #fff;
}

.hero-countdown-body-metal .counter-box p{
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}

.hero-image-metal{
	position: relative;
    height: 100%;
    align-content: end;
    text-align: right;
    z-index: 1;
}

.hero-image-metal figure{
    display: block;
    border-radius: 20px 20px 0 0;
}

.hero-image-metal figure img{
    width: 100%;
    aspect-ratio: 1 / 1.343;
    margin-bottom: -150px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}

.about-us-metal{
    padding: 100px 0;
}

.about-us-image-box-metal{
    height: 100%;
    position:relative;
    width:100%;
}

.about-us-image-box-1-metal{
    position: relative;
    width: 75%;
    padding-bottom: 130px;
    background-image: url('../images/about-us-image-3-metal.png');
    background-repeat: no-repeat;
    background-size: 105px auto;
    background-position: bottom 60px left 6.771vw;
}

.about-us-image-metal{
    height: 100%;
    position: relative;
    z-index: 1;
}
.about-us-image-box-2-metal .about-us-image-metal{
    overflow:hidden;
}
.about-us-image-metal figure{
    height: 100%;
    display: block;
    border-radius: 20px;
}

.about-us-image-metal figure img{
    width: 100%;
}

.about-us-image-box-1-metal .contact-us-circle-metal{
    position: absolute;
    top: 35px;
    right: -70px;
    z-index: 2;
}

.contact-us-circle-metal a{
    display: block;
    border: 5px solid var(--white-color);
    border-radius: 50%;
}

.contact-us-circle-metal img{
    width: 100%;
    max-width: 120px;
    border-radius: 50%;
    animation: infiniterotate 20s infinite linear;
}

.contact-us-circle-metal img:hover{
    animation-play-state: paused;
}

.about-us-image-box-2-metal {
    position: absolute;
    width: 65%;
    z-index: 1;
    right: 20px;
    bottom: 0;
}
.about-us-image-box-2-metal .about-us-image-metal figure{
    border: 6px solid var(--white-color);
}

.about-us-image-box-2-metal .about-us-image-metal img{
    border-radius: 12px;
}

.about-us-content-metal{
    margin-left: 15px;
    height: 100%;
    align-content: center;
}

.about-us-item-list-metal{
    border-top: 1px solid var(--divider-color);
    padding-top: 40px;
    margin-top: 40px;
}

.about-us-list-metal ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.about-us-list-metal ul li{
    position: relative;
    line-height: 1.5em;
    padding-left: 30px;
    width: calc(50% - 15px);
}

.about-us-list-metal ul li::before{
    content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: #39b4f8;
    top: 2px;
    left: 0;
}

.about-us-client-box-metal{
    background: var(--secondary-color);
    border-radius: 20px;
    border-left: 4px solid #39b4f8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 25px 30px;
    margin-top: 40px;
    align-items: center;
}

.about-client-content-metal{
    width: calc(50% - 15px);
}

.about-client-content-metal h3{
    font-size: 20px;
    line-height: 1.3em;
}

.about-us-footer-metal{
    display: flex;
    flex-wrap: wrap;
	align-items: center;
    gap: 20px 30px;
    margin-top: 40px;
}

.about-email-box-metal{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.about-email-box-metal .icon-box{
    background: #39b4f8;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-email-box-metal .icon-box img{
    width: 100%;
    max-width: 24px;
}

.about-email-box-content-metal{
    width: calc(100% - 70px);
}

.about-email-box-content-metal h3{
    font-size: 20px;
}
.about-email-box-content-metal p{
   margin: 5px 0 0;
}

.about-email-box-content-metal a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.about-email-box-content-metal a:hover{
	color: #39b4f8;
}

.about-us-section-footer-metal{
    margin-top: 60px;
}

.about-us-section-footer-metal .section-footer-text{
    margin: 0;
}

.our-feature-metal{
	position: relative;
	background-image: url('../images/service-bg-image-metal.png');
	background-size: 100% auto;
    padding: 100px 0;
}

.our-feature-metal .container{
	position: relative;
	z-index: 1;
}

.feature-item-metal{
    background: var(--dark-divider-color);
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30%;
    min-height: 330px;
    border-radius: 20px;
}

.feature-item-metal.box-bg-shape{
    position: relative;
}

.box-bg-shape::before{
    content: '';
    position: absolute;
    right: -1px;
    bottom: -1px;
    mask: url('../images/viewservice-btn-bg-shape-metal.svg');
    -webkit-mask: url('../images/viewservice-btn-bg-shape-metal.svg');
    background-color: #fff;
    mask-repeat: no-repeat;
    mask-position: right bottom;
    mask-size: cover;
    width: 120px;
    height: 110px;
    z-index: 1;
}

.feature-item-metal::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #39b4f8;
    border-radius: 20px;
    width: 0;
    height: 0;
    transition: all 0.4s ease-in-out;
}

.feature-item-metal:hover::after{
    width: 100%;
	height: 100%;
}

.feature-item-metal.box-bg-shape::before{
    background: var(--primary-color);
}

.feature-item-header-metal{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.feature-item-title-metal{
    width: calc(100% - 55px);
}

.feature-item-title-metal h3{
    font-size: 20px;
    color: #fff;
    transition: all 0.4s ease-in-out;
}

.feature-item-no-metal h4{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    transition: all 0.4s ease-in-out;
}

.feature-item-body-metal{
    border-top: 1px solid var(--dark-divider-color);
    padding-top: 25px;
    margin-top: 25px;
}

.feature-item-body-metal p{
    margin: 0;
    color: #fff;
    transition: all 0.4s ease-in-out;
}

.feature-item-metal .feature-item-btn-metal a{
    color: #fff;
}

.feature-item-btn-metal a::before{
    filter: brightness(0) invert(1); 
}

.feature-item-icon-metal{
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.feature-item-icon-metal{
    background: #39b4f8;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-item-icon-metal img{
    width: 100%;
    max-width: 24px;
}

.feature-item-metal .feature-item-content-metal,
.feature-item-metal .feature-item-btn-metal{
    position: relative;
    z-index: 1;
}

.feature-slider-metal .feature-pagination-metal{
	text-align: center;
	margin-top: 60px;
}

.feature-slider-metal .feature-pagination-metal .swiper-pagination-bullet{
    position: relative;
    height: 10px;
    width: 10px;
    background: var(--dark-divider-color);
    margin: 0 5px;
	transition: all 0.3s ease-in-out;
}

.feature-slider-metal .feature-pagination-metal .swiper-pagination-bullet:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0;
    width: 0;
    border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.feature-slider-metal .feature-pagination-metal .swiper-pagination-bullet-active{
	background: #39b4f8;
    width: 30px;
    border-radius: 12px;
}

.feature-slider-metal .feature-pagination-metal .swiper-pagination-bullet-active:before{
    background: #39b4f8;
    width: 30px;
    border-radius: 12px;
}

.key-benefits-metal{
    padding: 100px 0;
}

.benefits-image-box-metal{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.benefits-image-box-1-metal{
    position: relative;
    margin-top: 165px;
    width: calc(53% - 10px);
}

.benefits-image-box-1-metal .benefits-image-metal{
    height: 100%;
}

.benefits-image-metal figure{
    height: 100%;
    display: block;
    border-radius: 20px;
}

.benefits-image-metal figure img{
    width: 100%;
    aspect-ratio: 1 / 1.495;
    object-fit: cover;
    border-radius: 20px;
}

.benefits-image-box-1-metal .contact-us-circle-metal{
    position: absolute;
    bottom: 50%;
    right: -10px;
    transform: translate(50%, 50%);
    z-index: 2;
}

.benefits-image-box-2-metal{
    height: 100%;
    width: calc(47% - 10px);
}

.benefits-image-box-2-metal .benefits-image-metal img{
    aspect-ratio: 1 / 1.4;
}

.benefits-rating-box-metal{
    background: var(--bg-color);
    border: 1px solid var(--divider-color);
    border-radius: 20px;
    margin-top: 30px;
    padding: 30px 35px;
}

.benefits-rating-counter-metal{
    margin-bottom: 40px;
}

.benefits-rating-counter-metal h2{
    font-size: 30px;
}

.benefits-rating-star-metal i{
    font-size: 16px;
    color: #39b4f8;
    margin-top: 12px;
}

.benefits-rating-counter-content-metal p{
    margin-bottom: 0;
}

.benefits-content-metal{
    margin-left: 15px;
}

.benefits-body-metal{
    background: var(--secondary-color);
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 20px;    
}

.benefits-body-image-box-metal{
    position: relative;
    width: calc(40% - 15px);
}

.benefits-body-image-metal{
	height: 100%;
}

.benefits-body-image-metal figure{
    display: block;
	height: 100%;
    border-radius: 20px;
}

.benefits-body-image-metal figure img{
	height: 100%;
    width: 100%;
    aspect-ratio: 1 / 0.7;
    object-fit: cover;
    border-radius: 20px;
}

.benefits-body-image-metal figure::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--primary-color);
    opacity: 40%;
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.video-play-button-metal{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-play-button-metal a{
    position: relative;
    height: 50px;
    width: 50px;
    background: #39b4f8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.4s ease-in-out;
}

.video-play-button-metal a:hover{
	background-color: #fff;
}

.video-play-button-metal a i{
	font-size: 16px;
	color: #fff;
	transition: all 0.4s ease-in-out;
}

.video-play-button-metal a:hover i{
	color: var(--primary-color);
}

.benefits-body-item-list-metal{
    width: calc(60% - 15px);
	align-content: center;
}

.benefits-body-item-list-metal ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.benefits-body-item-list-metal ul li{
    position: relative;
    line-height: 1.5em;
    padding-left: 25px;
    margin-bottom: 20px;
}

.benefits-body-item-list-metal ul li:last-child{
    margin-bottom: 0;
}

.benefits-body-item-list-metal ul li::before{
    content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: #39b4f8;
    top: 0px;
    left: 0;
}

.benefits-btn-metal{
    border-top: 1px solid var(--divider-color);
    padding-top: 30px;
    margin-top: 30px;
}

.company-supports-slider-box-metal{
    margin-top: 80px;
}

.company-supports-content-metal{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    text-align: center;
    margin-bottom: 40px;
}

.company-supports-content-metal hr{
    height: 1px;
    width: 32%;
    color: var(--divider-color);
    opacity: 1;
    margin: 0;
}

.company-supports-content-metal h3{
    font-size: 20px;
    margin-bottom: 0;
}

.company-supports-slider-metal{
    margin: 0 2.604vw;
}

.company-supports-logo-metal{
	text-align: center;
}

.company-supports-logo-metal img{
	width: 100%;
	height: 40px;
}
.our-event-metal{
    padding: 70px 0;
    position: relative;	
    background-image: url('../images/event-section-bg.jpg');
    background-size: cover;
    width: 100%;
    z-index: 1;
}
.our-event-metal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(45deg, #08071d, #20157eab);
}
.our-event-metal .container{
    position: relative;
    z-index: 1;
}
.our-event-nav-metal{
    text-align: center;
    margin-bottom: 60px;
}
.our-event-nav-metal ul{
    list-style: none;
    text-align: center;
    display: inline-flex;
	gap: 10px;
    padding: 12px;
    margin: 0;
    border: 1px solid #cccccc40;
    border-radius: 100px;
    overflow: hidden;
}

.our-event-nav-metal ul li{
    position: relative;
    display: inline-block;
    text-align: center;
}

.our-event-nav-metal ul li .nav-link{
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 14px 40px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.our-event-nav-metal ul li .nav-link.active,
.our-event-nav-metal ul li .nav-link:hover{
    background: #39b4f8;
}

.event-item-metal{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    background: #ffffff1a;
    backdrop-filter: blur(20px) saturate(100%);
    -webkit-backdrop-filter: blur(20px) saturate(100%);
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 40px;
}

.event-item-metal:last-child{
    margin-bottom: 0;
}

.event-item-image-metal{
    width: calc(25% - 20px);
}

.event-item-image-metal a{
	
	overflow: hidden;
}

.event-item-image-metal figure{
    display: block;
    height: 100%;
    border-radius: 20px;
	overflow: hidden;
}

.event-item-image-metal figure img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 0.60;
    object-fit: cover;
    border-radius: 20px;
	transition: all 0.6s ease-in-out;
}

.event-item-metal:hover .event-item-image-metal img{
	transform: scale(1.06);
}

.event-item-body-box-metal{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(75% - 20px);
    padding: 20px 20px 20px 0;
}

.event-item-content-box-metal{
    width: 75%;
}

.event-info-list-metal ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap: 10px 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

.event-info-list-metal ul li{
    color: #fff;
    line-height: 1.6em;
    border-right: 1px solid #cccccc94;
    padding-right: 20px;
    margin-right: 20px;
}

.event-info-list-metal ul li:last-child{
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.event-info-list-metal ul li img{
    max-width: 24px;
    margin-right: 10px;
}

.event-info-list-metal ul li span{
    font-weight: 700;
}

.event-item-content-metal{
    border-top: 1px solid #cccccc94;
    padding-top: 15px;
    margin-top: 15px;
}
.event-item-content-metal ul{
    position:relative;
    width:100%;
    margin:0px 0px 0px 15px;
    padding:0px;
}
.event-item-content-metal ul li{
    color:#fff;
    line-height:22px;
     font-size:14px;
}
.event-item-content-metal h3{
    font-size: 20px;
    color: #fff;
}
.event-item-content-metal h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin: 10px 0px;
}
.event-item-content-metal h3 a{
	color: inherit;
}

.event-item-content-metal p{
    color: #fff;
    margin: 10px 0 0;
    font-size:14px;
}
.our-event-section-footer-metal{
    margin-top: 60px;
}

.our-event-section-footer-metal .section-footer-text{
    margin: 0;
}

.what-we-do-metal{
    padding: 100px 0;
}

.what-we-do-body-metal{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.what-we-body-item-metal{
    width: calc(50% - 15px);
}

.what-we-body-item-metal .icon-box{
    position: relative;
	height: 60px;
	width: 60px;
	background-color: #39b4f8;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
    margin-bottom: 20px;
	overflow: hidden;
}

.what-we-body-item-metal .icon-box::before{
    content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.what-we-body-item-metal:hover .icon-box::before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.what-we-body-item-metal .icon-box img{
    position: relative;
	width: 100%;
	max-width: 30px;
	transition: all 0.4s ease-in-out;
	z-index: 1
}

.what-we-body-item-content-metal h3{
    font-size: 20px;
}

.what-we-body-item-content-metal p{
    margin: 10px 0 0;
}

.what-we-content-list-metal, 
.what-we-content-footer-metal{
    border-top: 1px solid var(--divider-color);
    padding-top: 40px;
    margin-top: 40px;
}

.what-we-content-list-metal ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.what-we-content-list-metal ul li{
    position: relative;
    width: calc(50% - 10px);
    line-height: 1.5em;
    padding-left: 25px;
}

.what-we-content-list-metal ul li::before{
    content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: #39b4f8;
    top: 0;
    left: 0;
}

.what-we-content-footer-metal{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

.what-we-images-metal{
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
}

.what-we-image-1-metal{
    width: 70%;
}

.what-we-image-1-metal figure{
    height: 100%;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}

.what-we-image-1-metal figure img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1.25;
    object-fit: cover;
    border-radius: 20px;
}

.what-we-image-2-metal{
    position: relative;
    width: 30%;
    align-content: end;
    z-index: 1;
}

.what-we-image-2-metal figure{
    display: block;
    border-radius: 20px;
    border: 6px solid var(--white-color);
    margin-left: -100px;
    margin-bottom: 30px;
    overflow: hidden;
    max-width: 277px;
    transform: rotate(15deg);
}

.what-we-image-2-metal figure img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1.114;
}

.what-we-footer-metal{
    margin-top: 60px;
}

.what-we-footer-list-metal ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 24px;
    list-style: none;
    max-width: 910px;
    padding: 0;
    margin: 0 auto;
}

.what-we-footer-list-metal ul li{
    position: relative;
    border: 1px solid var(--divider-color);
    font-weight: 400;
    color: var(--primary-color);
    padding: 10px 16px 10px 35px;
    border-radius: 100px;
    transition: all 0.4s ease-in-out;
}

.what-we-footer-list-metal ul li:hover{
	background-color: var(--primary-color);
	color: #fff;
}

.what-we-footer-list-metal ul li::before{
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: #39b4f8;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    transition: all 0.4s ease-in-out;
}

.what-we-footer-list-metal ul li:hover::before{
	background: var(--white-color);
}

.intro-video-metal{
    position: relative;
    background-image: url('../images/intro-video-bg-image-metal.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    padding: 100px 0;
}

.intro-video-metal::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--primary-color);
    opacity: 70%;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.intro-video-metal .container{
    position: relative;
    z-index: 2;
}

.intro-video-content-metal{
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}

.intro-video-content-metal .section-title{
    margin-bottom: 0;
}

.intro-video-circle-metal{
    margin: 140px 0;
}

.intro-video-circle-metal a{
    display: inline-block;
    border-radius: 50%;
}

.intro-video-circle-metal a img{
    width: 100%;
    max-width: 140px;
    border-radius: 50%;
    animation: infiniterotate 20s infinite linear;
}

.intro-video-circle-metal a:hover img{
	animation-play-state: paused;
}

.intro-video-counter-list-metal{
    display: flex;
    flex-wrap: wrap;
    gap: 30px 90px;
    border-top: 1px solid var(--dark-divider-color);
    padding-top: 60px;
}

.intro-video-item-metal{
    position: relative;
    width: calc(20% - 72px);
    text-align: center;
}

.intro-video-item-metal::before{
    content: '';
    position: absolute;
    right: -45px;
    top: 0;
    bottom: 0;
    background: var(--dark-divider-color);
    width: 1px;
    height: 100%;
}

.intro-video-item-metal:nth-child(5n + 5):before,
.intro-video-item-metal:last-child:before{
    display: none;
}

.intro-video-item-metal h2{
    font-size: 48px;
    color: #fff;
    font-weight: 600;
}

.intro-video-item-metal p{
    color: #fff;
    margin: 10px 0 0;
}

.our-speaker-metal{
    padding: 70px 0;
}

.speaker-item-metal{
    position: relative;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.speaker-item-image-metal a,
.speaker-item-image-metal figure{
    display: block;
    border-radius: 20px;
    overflow: hidden;
}

.speaker-item-image-metal figure:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 20px;
    background: linear-gradient(180deg, transparent 58.21%, rgba(22, 26, 45, 1) 90.01%);
    z-index: 1;
}

.speaker-item-image-metal img{
    width: 100%;
	aspect-ratio: 1 / 1.247;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.speaker-item-metal:hover .speaker-item-image-metal img{
	transform: scale(1.1);
}

.speaker-item-body-metal{
    position: absolute;
    right: 10px;
    bottom: 30px;
    left: 10px;
    transform: translateY(40px);
    text-align: center;
    transition: all 0.4s ease-in-out;
    z-index: 2;
}

.speaker-item-metal:hover .speaker-item-body-metal{
    transform: translateY(0);
}

.speaker-item-content-metal h3 {
    color: #fff;
    font-size: 18px;
}

.speaker-item-content-metal h3 a{
    color: inherit;
}

.speaker-item-content-metal p {
    color: #fff;
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 20px;
}

.speaker-social-list-metal{
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.speaker-item-metal:hover .speaker-social-list-metal{
    margin-top: 20px;
    opacity: 1;
    visibility: visible;
}

.speaker-social-list-metal ul{
	display: flex;
	justify-content: center;
	gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.speaker-social-list-metal ul li a{
	width: 36px;
	height: 36px;
	color: #fff;
	background: transparent;
	border-radius: 50%;
	border: 1px solid var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease-in-out;
}

.speaker-social-list-metal ul li:hover a{
	color: #39b4f8;
	border-color: #39b4f8;
}

.speaker-social-list-metal ul li a i{
    font-size: 18px;
    color: inherit;
}

.our-faqs-metal{
    position: relative;
    padding: 100px 0;
}

.our-faqs-metal::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('../images/faqs-bg-image-metal.png') no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.our-faqs-metal .container{
    position: relative;
    z-index: 1;
}

.faqs-image-metal{
    position: relative;
    height: 100%;
    margin-right: 15px;
}

.faqs-img-metal{
    height: 100%;
}

.faqs-img-metal figure{
    display: block;
    height: 100%;
    border-radius: 20px;
}

.faqs-img-metal figure img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1.26;
    object-fit: cover;
    border-radius: 20px;
}

.faq-cta-box-metal{
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    background: var(--dark-divider-color);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 30px;
}

.faq-cta-content-metal{
    width: 58%;
}

.faq-cta-content-metal h3{
    font-size: 20px;
    color: #fff;
}

.faq-cta-content-metal p{
    color: #fff; 
    margin: 15px 0 0;
}

.faq-cta-content-metal p a{
    color: inherit;
    transition: all 0.3s ease-in-out;
}

.faq-cta-content-metal p a:hover{
    color: #39b4f8;
}

.faq-content-metal{
    height: 100%;
    align-content: center;
    margin-left: 20px;
}

.faq-accordion-metal .accordion-item{
	position: relative;
	background: var(--dark-divider-color);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	border-radius: 20px;
	margin-bottom: 25px;
	overflow: hidden;
}

.faq-accordion-metal .accordion-item:last-child{
	margin-bottom: 0;
}

.faq-accordion-metal .accordion-header .accordion-button{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.333em;
    background: transparent;
    color: #fff;
	padding: 22px 55px 22px 30px;
}

.faq-accordion-metal .accordion-item .accordion-button::after, 
.faq-accordion-metal .accordion-item .accordion-button.collapsed::after{
    content: '\2b';
    font-family: 'FontAwesome';
    position: absolute;
    right: 30px;
    top: 50%;
	font-size: 20px;
    transform: translateY(-50%);
	color: #fff;
    transition: all 0.4s ease-in-out;
}

.faq-accordion-metal .accordion-button:not(.collapsed)::after{
    content: '\f068';
	color: #fff;
}

.faq-accordion-metal .accordion-item .accordion-body{
	border-top: 1px solid var(--dark-divider-color);
	background: transparent;
	padding: 22px 30px;
}

.faq-accordion-metal .accordion-item .accordion-body p{
	margin: 0;
    color: #fff;
}

.our-pricing-metal{
	padding: 100px 0;
}

.pricing-item-metal{
	background-color: var(--secondary-color);
	border-radius: 20px;
	padding: 15px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.pricing-item-header-metal{
	padding: 25px 25px 0;
	margin-bottom: 30px;
}

.pricing-item-header-box-metal{
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.pricing-item-header-box-metal .icon-box{
	position: relative;
	height: 60px;
	width: 60px;
	background-color: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	overflow: hidden;
}

.pricing-item-header-box-metal .icon-box:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.pricing-item-metal:hover .pricing-item-header-box-metal .icon-box:before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.pricing-item-header-box-metal .icon-box img{
	position: relative;
	width: 100%;
	max-width: 30px;
	z-index: 1;
}

.pricing-item-header-content-metal h3{
	font-size: 20px;
}

.pricing-item-header-content-metal p{
	margin: 10px 0 0;
}

.pricing-item-price-metal h2{
	font-size: 50px;
}

.pricing-item-price-metal h2 sub{
	font-size: 20px;
	font-weight: 600;
	bottom: 0;
}

.pricing-item-btn-metal{
	margin-top: 20px;
}

.pricing-item-btn-metal .btn-default{
	width: 100%;
	text-align: center;
}

.pricing-item-list-metal{
	background-color: #fff;
	border-radius: 20px;
	padding: 30px;
}

.pricing-item-list-metal h3{
	font-size: 20px;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.pricing-item-list-metal ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.pricing-item-list-metal ul li{
	position: relative;
	line-height: 1.5em;
	padding-left: 25px;
	margin-bottom: 15px;
}

.pricing-item-list-metal ul li:last-child{
	margin-bottom: 0;
}

.pricing-item-list-metal ul li::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: #39b4f8;
    top: 0;
    left: 0;
}

.pricing-benefit-list-metal{
    margin-top: 30px;
}

.pricing-benefit-list-metal ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px 60px;
}

.pricing-benefit-list-metal ul li{
    display: inline-flex;
    align-items: center;
}

.pricing-benefit-list-metal ul li img{
    width: 100%;
    max-width: 20px;
    margin-right: 10px;
}

.our-testimonials-metal{
	padding: 100px 0;
}
.testimonial-item-metal{
	background: var(--dark-divider-color);
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
	border-radius: 20px;
	min-height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
	padding: 40px;
}

.testimonial-item-header-metal{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.testimonial-item-logo-metal img{
	width: 100%;
	max-width: 166px;
}

.testimonial-item-quote-metal img{
	width: 100%;
	max-width: 40px;
}

.testimonial-item-content-metal p{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}

.testimonials-author-content-metal{
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 40px;
	margin-top: 40px;
}

.testimonials-author-content-metal h3{
	color: #fff;
	font-size: 20px;
}

.testimonials-author-content-metal p{
	color: #fff;
	margin: 5px 0 0;
}

.our-testimonials-metal .section-footer-text{
    margin-top: 60px;
}

.main-footer-metal{
	position: relative;
	padding: 100px 0 0;
}

.main-footer-metal:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url('../images/footer-bg-image-metal.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.main-footer-metal .container{
	position: relative;
	z-index: 1;
}

.footer-header-metal{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	background-color: var(--dark-divider-color);
	border-radius: 20px;
	padding: 40px;
}

.footer-header-metal .section-title{
	width: calc(100% - 600px);
	margin-bottom: 0;
}

.footer-header-metal .section-title h2{
	font-size: 26px;
}

.footer-newsletter-form-metal{
	width: 100%;
	max-width: 570px;
}

.footer-newsletter-form-metal .form-group{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	background-color: var(--dark-divider-color);
	border-radius: 100px;
	padding: 10px;
}

.footer-newsletter-form-metal .form-group .form-control{
	width: calc(100% - 150px);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	color: #fff;
	background: transparent;
	border: none;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	padding: 8px 20px;
}

.footer-newsletter-form-metal .form-group .form-control::placeholder{
	color: #fff;
}

.footer-newsletter-form-metal .form-group .btn-default{
	text-align: center;
	margin-right: 0;
}

.footer-newsletter-form-metal .form-group .btn-default::before{
	display: none;
}

.footer-body-metal{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-top: 60px;
}

.footer-logo-metal img{
	width: 100%;
	max-width: 177px;
}

.footer-contact-list-metal{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 30px 6.25vw;
}

.footer-contact-item-metal{
	position: relative;
	max-width: 45%;
}

.footer-contact-item-metal::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -3.125vw;
    background: var(--dark-divider-color);
    width: 1px;
    height: 100%;
}
 
.footer-contact-item-metal:last-child::before{
	display: none;
}

.footer-contact-item-metal h3{
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
}

.footer-contact-item-metal p{
	color: #fff;
    display: flex;
    align-items: center;
	gap: 10px;
    margin: 0;
}

.footer-contact-item-metal p img{
	width: 100%;
	max-width: 20px;
}

.footer-contact-item-metal p a{
	color: inherit;
	transition: all 0.4s ease-in-out;
}

.footer-contact-item-metal p a:hover{
	color: #39b4f8;
}

.footer-menu-box-metal{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px 30px;
    border-top: 1px solid var(--dark-divider-color);
    margin-top: 40px;
    padding-top: 40px;
}

.footer-menu-metal ul{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-metal ul li a{
    line-height: 1.6em;
    text-transform: capitalize;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.footer-menu-metal ul li a:hover{
	color: #39b4f8;
}

.footer-privacy-policy-metal ul{
    display: flex;
    align-items: center;
	gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-privacy-policy-metal ul li{
	position: relative;
    line-height: normal;
    color: #fff;
}

.footer-privacy-policy-metal ul li::before{
    content: '';
    position: absolute;
    top: 50%;
    right: -23px;
    background: #39b4f8;
    border-radius: 100px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
}

.footer-privacy-policy-metal ul li:last-child:before{
	display: none;
}

.footer-privacy-policy-metal ul li a{
    color: inherit;
    transition: all 0.3s ease-in-out;
}

.footer-privacy-policy-metal ul li a:hover{
	color: #39b4f8;
}

.footer-copyright-text-metal{
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 40px;
	padding: 40px 0 60px;
	text-align: center;
}

.footer-copyright-text-metal p{
	color: #fff;
	margin: 0;
}

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

    .main-header.header-metal .header-sticky{
        width: calc(100% - 30px);
    }
}

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

	.hero-body-metal{
		margin-top: 30px;
	}

	.hero-countdown-metal{
		margin-top: 50px;
	}

	.feature-item-metal{
        padding: 30px;
    }

    .benefits-image-box-1-metal .contact-us-circle-metal{
        bottom: 60%;
    }

	.benefits-rating-box-metal{
        padding: 25px;
    }

    .benefits-body-item-list-metal ul li{
        margin-bottom: 15px;
    }

    .company-supports-content-metal hr{
        width: 30%;
    }

	.our-event-nav-metal{
        margin-bottom: 50px;
    }

    .event-item-metal{
        gap: 30px;
    }

    .event-item-image-metal{
        width: calc(20% - 15px);
    }

    .event-item-body-box-metal{
        width: calc(80% - 15px);
    }
    .what-we-content-list-metal,
	.what-we-content-footer-metal{
        padding-top: 30px;
        margin-top: 30px;
    }

	.intro-video-circle-metal{
        margin: 100px 0;
    }

	.faq-cta-box-metal{
        bottom: 20px;
        left: 20px;
        right: 20px;
        padding: 20px 15px 20px 25px;
    }

    .faq-cta-content-metal p{
        margin: 10px 0 0;
    }

    .faq-accordion-metal .accordion-header .accordion-button{
        padding: 18px 50px 18px 25px;
    }

    .faq-accordion-metal .accordion-item .accordion-body{
        padding: 18px 25px;
    }

    .faq-accordion-metal .accordion-item .accordion-button::after,
    .faq-accordion-metal .accordion-item .accordion-button.collapsed::after{
        right: 25px;
    }

	.pricing-item-header-metal{
		padding: 15px 15px 0;
	}

	.testimonial-item-metal{
		padding: 30px;
	}

    .pricing-item-list-metal{
        padding: 20px;
    }

	.testimonials-author-content-metal{
		padding-top: 30px;
		margin-top: 30px;
	}
}

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

 	.main-header.header-metal .navbar{
        padding: 20px 5px;
    }

	.hero-content-metal{
		height: auto;
        margin-bottom: 30px;
    }
	
	.hero-image-metal{
		max-width: 600px;
		height: auto;
		margin: 0 auto;
	}

    .about-us-image-box-metal{
        max-width: 700px;
        height: auto;
        margin: 0 auto 20px;
    }

    .about-us-image-box-1-metal{
        background-position: bottom 60px center;
    }

    .about-us-content-metal{
        height: auto;
        margin: 0;
    }

    .about-client-content-metal{
        width: auto;
    }

	.benefits-image-box-metal{
        height: auto;
        max-width: 600px;
        margin: 0 auto 30px;
    }

    .benefits-image-box-1-metal{
        margin-top: 135px;
    }

    .benefits-image-box-1-metal .contact-us-circle-metal{
        bottom: 50%;
    }

    .benefits-content-metal{
        margin: 0;
    }

    .company-supports-content-metal hr{
        width: 24%;
    }

	.our-event-nav-metal ul li .nav-link{
        padding: 14px 30px;
    }

    .event-item-body-box-metal{
        padding: 15px 0;
    }

    .event-info-list-metal ul li img{
        max-width: 22px;
    }

    .event-item-content-metal{
        padding-top: 20px;
        margin-top: 20px;
    }
	.what-we-do-content-metal{
        margin-bottom: 30px;
    }

    .what-we-images-metal{
        max-width: 700px;
        margin: 0 auto;
    }

    .intro-video-counter-list-metal{
        gap: 30px;
	}

    .intro-video-item-metal{
        width: calc(20% - 24px);
    }

    .intro-video-item-metal::before{
        right: -15px;
    }

	.speaker-item-image-metal img{
        aspect-ratio: 1 / 1.05;
    }

	.faqs-image-metal{
        margin: 0 0 30px 0;
    }

    .faqs-image-metal,
    .faqs-img-metal,
    .faqs-img-metal figure,
    .faqs-img-metal figure img{
        height: auto;
    }

    .faqs-img-metal figure img{
        aspect-ratio: 1 / 0.66;
    }

    .footer-header-metal{
        padding: 30px;
    }

	.footer-header-metal .section-title,
	.footer-newsletter-form-metal{
		width: 100%;
	}

	.footer-newsletter-form-metal{
		max-width: 100%;
	}

	.footer-newsletter-form-metal .form-group{
		padding: 5px;
	}

	.footer-contact-item-metal{
		max-width: 100%;
	}
}

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

	.main-header.header-metal{
        top: 0px;
    }

    .main-header.header-metal .header-sticky{
        width: 100%;
		border-radius: 0;
    }

	header.main-header.header-metal .header-sticky.active{
		border-radius: 0; 
	}

    .main-header.header-metal .navbar{
        padding: 20px 0px;
    }

	.hero-metal{
        padding: 140px 0 0px;
    }

    .hero-content-metal .section-title h1 .hero-title-image-metal img{
        width: 95px;
        height: 40px;
    }
    
    .hero-content-metal .section-title h1 .icon-box{
        width: 40px;
        height: 40px;
    }

    .hero-content-metal .section-title h1 .icon-box img{
        max-width: 20px;
    }

    .hero-countdown-metal{
        margin-top: 30px;
    }

	.hero-countdown-content-metal{
		margin-bottom: 30px;
	}

	.hero-countdown-body-metal .countdown{
		gap: 20px 40px;
	}

	.hero-countdown-body-metal .counter-box{
		width: calc(25% - 30px);
	}

	.hero-countdown-body-metal .counter-box::before{
		right: -23px;
	}

	.hero-countdown-body-metal .counter-box span{
		font-size: 26px;
	}

    .hero-image-metal figure img{
        margin-bottom: 0px;
    }

	.about-us-metal{
        padding: 50px 0;
    }

    .about-us-list-metal ul li{
        padding-left: 25px;
    }

    .about-us-list-metal ul li::before{
        font-size: 16px;
    }

	.about-us-client-box-metal{
		padding: 20px;
        margin-top: 30px;
	}

    .about-us-footer-metal,
    .about-us-section-footer-metal{
        margin-top: 30px;
    }

	.our-feature-metal{
        padding: 50px 0;
    }

    .feature-item-metal{
        min-height: 270px;
        padding: 20px;
    }

	.feature-item-body-metal{
        padding-top: 20px;
        margin-top: 20px;
    }

    .feature-slider-metal .feature-pagination-metal{
        margin-top: 30px;
    }

    .our-feature-metal .section-footer-text{
        margin-top: 20px;
    }

	.key-benefits-metal{
        padding: 50px 0;
    }

	.benefits-rating-box-metal{
        padding: 20px;
    }

	.benefits-rating-counter-metal h2{
        font-size: 26px;
    }

    .benefits-rating-counter-metal{
        margin-bottom: 30px;
    }

    .benefits-body-item-list-metal ul li::before{
        font-size: 16px;
    }

    .company-supports-slider-box-metal{
        margin-top: 30px;
    }

	.company-supports-content-metal hr{
		width: 20%;
	}

	.company-supports-content-metal h3{
		font-size: 18px;
	}

	.our-event-metal{
        padding: 50px 0;
    }

    .our-event-nav-metal{
        margin-bottom: 30px;
    }

    .our-event-nav-metal ul{
        padding: 8px;
    }

    .our-event-nav-metal ul li .nav-link{
        padding: 10px 20px;
    }

    .event-item-metal{
        margin-bottom: 30px;
    }

    .event-item-metal{
        gap: 20px;
    }

    .event-item-image-metal,
	.event-item-body-box-metal{
        width: 100%;
    }

	.event-item-image-metal figure,
	.event-item-image-metal figure img{
		height: auto;
	}

	.event-item-body-box-metal{
		padding: 0 10px 10px;
        gap: 20px;
	}

    .event-item-content-box-metal{
        width: 100%;
    }  

    .event-customer-info-metal{
        width: 100%;
        height: auto;
        border: none;
        padding: 0;
        margin: 0;
    }

    .event-info-btn-metal{
        margin-top: 20px;
    }

	.our-event-section-footer-metal{
		margin-top: 30px;
	}

	.what-we-do-metal{
        padding: 50px 0;
    }

    .what-we-body-item-metal .icon-box{
        height: 50px;
        width: 50px;
    }

    .what-we-body-item-metal .icon-box img{
        max-width: 24px;
    }

    .what-we-content-list-metal ul{
        gap: 10px 20px;
    }

    .what-we-content-list-metal ul li::before{
       font-size: 16px;
    }

    .what-we-footer-metal{
        margin-top: 30px;
    }

    .what-we-footer-list-metal ul{
        gap: 15px;
    }

    .what-we-footer-list-metal ul li{
        padding: 8px 10px 8px 23px;
        font-size: 14px;
    }

    .what-we-footer-list-metal ul li::before{
        left: 10px;
    }

    .what-we-do-metal .section-footer-text{
        margin-top: 20px;
    }

	.intro-video-metal{
        padding: 40px 0;
    }

    .intro-video-circle-metal{
        margin: 40px 0;
    }

    .intro-video-circle-metal a img{
        max-width: 120px;
    }

    .intro-video-counter-list-metal{
		padding-top: 40px;
    }

    .intro-video-item-metal{
        width: calc(33.33% - 20px);
    }

	.intro-video-item-metal:nth-child(5n + 5):before{
		display: block;
	}

	.intro-video-item-metal:nth-child(3n + 3):before,
	.intro-video-item-metal:last-child:before{
		display: none;
	}

    .intro-video-item-metal h2{
        font-size: 38px;
    }

	.our-speaker-metal{
        padding: 50px 0;
    }

	.speaker-item-body-metal{
    	right: 20px;
    	bottom: 20px;
    	left: 20px;
	}

	.speaker-item-metal:hover .speaker-social-list-metal{
		margin-top: 15px;
	}

	.our-faqs-metal{
        padding: 50px 0;
    }

    .faq-accordion-metal .accordion-item{
        margin-bottom: 20px;
    }

    .faq-accordion-metal .accordion-header .accordion-button{
        padding: 15px 45px 15px 20px;
    }

    .faq-accordion-metal .accordion-item .accordion-button::after,
    .faq-accordion-metal .accordion-item .accordion-button.collapsed::after{
        right: 20px;
        font-size: 18px;
    }

    .faq-accordion-metal .accordion-item .accordion-body{
        padding: 15px 20px;
    }

	.our-pricing-metal{
		padding: 50px 0;
	}

	.pricing-item-header-metal{
		padding: 5px 5px 0;
		margin-bottom: 20px;
	}

	.pricing-item-header-box-metal .icon-box{
		height: 50px;
		width: 50px;
	}

	.pricing-item-header-box-metal .icon-box img{
		max-width: 24px;
	}

	.pricing-item-header-box-metal{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.pricing-item-price-metal h2{
		font-size: 38px;
	}

	.pricing-item-price-metal h2 sub{
		font-size: 18px;
	}

	.pricing-item-list-metal h3{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.pricing-item-list-metal ul li{
		margin-bottom: 10px;
	}

	.pricing-item-list-metal ul li::before{
		font-size: 16px;
	}

	.pricing-benefit-list-metal{
        margin-top: 10px;
    }

	.pricing-benefit-list-metal ul{
        gap: 15px 30px;
    }

	.our-testimonials-metal{
		padding: 50px 0;
	}

	.testimonial-item-metal{
		min-height: 400px;
		padding: 20px;
	}

	.testimonial-item-logo-metal img{
		max-width: 140px;
	}

	.testimonial-item-quote-metal img{
		max-width: 30px;
	}

	.testimonial-item-content-metal p{
		font-size: 18px;
	}

	.testimonials-author-content-metal{
        padding-top: 20px;
        margin-top: 20px;
    }

	.our-testimonials-metal .section-footer-text{
		margin-top: 30px;
	}

	.main-footer-metal{
		padding: 50px 0 0;
	}

	.footer-header-metal{
        padding: 20px;
    }

	.footer-header-metal .section-title h2{
		font-size: 24px;
	}

    .footer-body-metal{
        margin-top: 30px;
        gap: 20px;
    }

	.about-footer-metal{
		width: 100%;
	}

	.footer-contact-list-metal{
		max-width: 100%;
		gap: 30px;
	}

	.footer-contact-item-metal::before{
		display: none;
	}

	.footer-contact-item-metal h3{
		margin-bottom: 15px;
	}

	.footer-menu-box-metal{
		margin-top: 30px;
		padding-top: 30px;
	}

	.footer-menu-metal ul{
		gap: 10px 20px;
	}

	.footer-copyright-text-metal{
        margin-top: 30px;
        padding: 30px 0;
    }
}

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

	.hero-content-metal .section-title h1 .hero-title-image-metal img{
        width: 65px;
        height: 24px;
    }

    .hero-content-metal .section-title h1 .icon-box{
        width: 30px;
        height: 30px;
    }

    .hero-content-metal .section-title h1 .icon-box img{
        max-width: 14px;
    }

	.hero-countdown-content-metal{
        margin-bottom: 20px;
    }

	.hero-countdown-content-metal p{
		font-size: 16px;
		margin: 0;
	}

	.hero-countdown-content-metal hr{
		display: none;
	}

	.hero-countdown-body-metal .countdown{
        gap: 20px 30px;
    }

	.hero-countdown-body-metal .counter-box{
		width: calc(25% - 22.5px);
	}

	.hero-countdown-body-metal .counter-box::before{
        right: -18px;
    }

	.hero-countdown-body-metal .counter-box span{
        font-size: 22px;
    }

    .hero-countdown-body-metal .counter-box p{
        font-size: 14px;
    }

	.about-us-image-box-1-metal{
        background-position: bottom 30px center;
        padding-bottom: 100px;
    }

    .about-us-image-box-1-metal .contact-us-circle-metal{
        top: 20px;
        right: -55px;
    }

    .contact-us-circle-metal img{
        max-width: 100px;
    }

    .about-us-image-box-2-metal .about-us-image-metal{
        margin-left: -110px;
    }

    .about-us-list-metal{
        width: 100%;
    }

    .about-us-list-metal ul{
        gap: 10px;
    }

	.about-us-list-metal ul li{
		width: 100%;
	}

    .about-us-client-box-metal{
        gap: 20px;
    }

    .about-client-content-metal h3{
        font-size: 18px;
    }

    .about-us-footer-metal{
        gap: 20px;
    }

    .about-email-box-metal{
        gap: 10px;
    }

	.about-email-box-metal .icon-box{
		height: 44px;
		width: 44px;
	}

	.about-email-box-metal .icon-box img{
		max-width: 20px;
	}

    .about-email-box-content-metal{
        width: calc(100% - 54px);
   	}

    .about-email-box-content-metal h3{
        font-size: 18px;
    }

    .feature-item-title-metal h3{
        font-size: 18px;
    }

    .benefits-image-box-1-metal{
        width: 100%;
        margin-top: 0px;
    }

    .benefits-image-box-2-metal{
        width: 100%;
        height: auto;
    }

    .benefits-image-box-1-metal .contact-us-circle-metal{
        bottom: -10px;
        right: 50%;
        transform: translate(50%, 50%);
    }

    .benefits-image-box-2-metal .benefits-image-metal img,
    .benefits-image-metal figure img{
        aspect-ratio: 1 / 1.1;
    }

    .benefits-rating-box-metal{
        margin-top: 20px;
    }
    
    .benefits-rating-counter-metal{
        margin-bottom: 15px;
    }

    .benefits-rating-counter-metal h2{
        font-size: 22px;
    }

    .benefits-body-metal{
        gap: 20px;
    }

	.benefits-body-image-box-metal,
	.benefits-body-item-list-metal{
		width: 100%;
	}

	.benefits-body-image-metal,
	.benefits-body-image-metal figure{
		height: auto;
	}

    .benefits-body-item-list-metal ul li{
        margin-bottom: 10px;
    }

	.company-supports-content-metal hr{
		display: none;
	}

    .company-supports-content-metal h3{
        width: auto;
        font-size: 16px;
    }

    .company-supports-content-metal{
        margin-bottom: 20px;
    }

    .our-event-nav-metal ul li .nav-link{
        font-size: 16px;
    }

    .event-item-image-metal,
	.event-item-body-box-metal{
        width: 100%;
    }

    .event-info-list-metal ul li{
        font-size: 14px;
        border: none;
        padding: 0;
        margin: 0;
    }

    .event-info-list-metal ul li img{
        max-width: 18px;
    }

    .event-item-content-metal h3{
        font-size: 18px;
    }

	.what-we-body-item-metal{
        width: 100%;
    }

    .what-we-body-item-content-metal h3{
        font-size: 18px;
    }

    .what-we-content-list-metal ul li{
        width: 100%;
    }

    .what-we-content-footer-metal{
        gap: 20px;
    }

	.what-we-image-1-metal figure img{
        aspect-ratio: 1 / 1.5;
    }

    .what-we-image-2-metal figure{
        max-width: 180px;
    }

    .what-we-footer-list-metal ul{
        gap: 10px;
    }

    .what-we-footer-list-metal ul li{
        padding: 8px 10px 8px 23px;
    }

	.intro-video-circle a img{
        max-width: 100px;
    }

    .intro-video-item-metal h2{
        font-size: 26px;
    }

    .intro-video-item-metal p{
        font-size: 14px;
        margin: 5px 0 0;
    }

	.speaker-item-content-metal h3{
        font-size: 18px;
    }

    .speaker-item-content-metal p{
        margin: 5px 0 0;
    }

	.faqs-img-metal figure img{
        aspect-ratio: 1 / 1.2;
    }

    .faq-cta-box-metal{
        border-radius: 20px;
        padding: 20px;
    }

    .faq-cta-content-metal,
    .faq-cta-btn-metal{
        width: 100%;
    }

    .faq-cta-content-metal h3{
        font-size: 18px;
    }

    .faq-accordion-metal .accordion-header .accordion-button{
        padding: 12px 40px 11px 15px;
    }

    .faq-accordion-metal .accordion-item .accordion-body{
        padding: 12px 15px;
    }

	.pricing-item-header-content-metal h3{
		font-size: 18px;
	}

	.pricing-item-price-metal h2{
        font-size: 28px;
    }

	.pricing-item-price-metal h2 sub{
        font-size: 16px;
    }

	.pricing-item-list-metal h3{
		font-size: 18px;
	}

	.pricing-benefit-list-metal{
        margin-top: 5px;
    }

    .pricing-benefit-list-metal ul{
        gap: 10px;
    }

	.pricing-benefit-list-metal ul li{
        font-size: 14px;
    }

    .pricing-benefit-list-metal ul li img{
        max-width: 16px;
        margin-right: 5px;
    }

	.testimonial-item-metal{
		min-height: auto;
	}

	.testimonial-item-content-metal p{
		font-size: 16px;
	}

	.testimonials-author-content-metal h3{
		font-size: 18px;
	}

	.footer-header-metal .section-title h2{
		font-size: 22px;
	}

	.footer-newsletter-form-metal .form-group .form-control{
        padding: 8px 12px;
		width: calc(100% - 100px);
	}

	.footer-newsletter-form-metal .form-group .btn-default{
		padding: 15px 12px;
		font-size: 14px;
	}

	.footer-contact-item-metal{
		width: 100%;
	}

	.footer-contact-item-metal h3{
		font-size: 18px;
        margin-bottom: 10px;
    }

	.footer-menu-box-metal{
        justify-content: center;
        margin-top: 20px;
        padding-top: 20px;
    }

	.footer-menu-metal ul{
		gap: 5px 15px;
	}

	.footer-privacy-policy-metal ul{
		justify-content: center;
		gap: 5px 30px;
	}

	.footer-privacy-policy-metal ul li::before{
		right: -18px;
	}

	.footer-copyright-text-metal{
		padding: 15px 0;
        margin-top: 20px;
	}
}

/************************************/
/***   35. Home - Version 3 css   ***/
/************************************/

.main-header.header-gold{
	border-bottom: 1px solid var(--dark-divider-color);
}

.main-header.header-gold .header-sticky{
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	background-color: transparent;
}

.hero-gold{
	background: linear-gradient(180deg, var(--primary-color) 0%, #39b4f8 50%, Var(--white-color) 100%);
	padding: 215px 0 0;
}

.hero-content-gold{
	position: relative;
	padding-right: 7.813vw;
	z-index: 1;
}

.hero-content-gold .section-title{
	margin-bottom: 0;
}

.hero-sub-heading-gold{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background-color: var(--dark-divider-color);
	border-radius: 100px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 10px;
	margin-bottom: 10px;
}

.hero-sub-heading-gold .satisfy-client-image{
	margin-left: -8px;
}

.hero-sub-heading-gold .satisfy-client-image:first-child{
	margin: 0;
}

.hero-sub-heading-gold .satisfy-client-image figure img{
	max-width: 20px;
}

.hero-sub-heading-gold .satisfy-client-content p{
	font-size: 14px;
}

.hero-info-box-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 30px;
	margin-top: 100px;
}

.hero-info-list-gold{
	position: relative;
	width: calc(32% - 15px);
	background-color: #39b4f8;
    mask-image: url('../images/hero-info-list-gold-bg-mask-gold.svg');
	mask-repeat: repeat-y;
    mask-position: top center;
    mask-size: 100% auto;
    border-radius: 30px;
	padding: 40px;
}

.hero-info-item-gold{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.hero-info-item-gold:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.hero-info-item-gold .icon-box{
	position: relative;
	height: 50px;
	width: 50px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	overflow: hidden;
}

.hero-info-item-gold .icon-box:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.hero-info-item-gold:hover .icon-box:before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.hero-info-item-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.hero-info-item-gold:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.hero-info-item-content-gold{
	width: calc(100% - 65px);
}

.hero-info-item-content-gold h3{
	font-size: 20px;
	color: #fff;
}

.hero-info-item-content-gold p{
	color: #fff;
	margin: 10px 0 0;
}

.hero-image-gold{
	width: calc(68% - 15px);
}

.hero-image-gold figure{
	display: block;
	margin-top: -430px;
	border-radius: 10px;
}

.hero-image-gold img{
	width: 100%;
	aspect-ratio: 1 / 0.904;
    object-fit: cover;
	border-radius: 10px;
}

.our-scrolling-ticker-gold{
	margin-top: 30px;
}

.scrolling-ticker-box-gold{
	--gap: 20px;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
}

.scrolling-content-gold{
	flex-shrink: 0;
	display: flex;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll 140s linear infinite;
}

.scrolling-content-gold span{
	display: inline-flex;
	font-size: 80px;
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
	color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px var(--primary-color);
}

.scrolling-content-gold span img{
	width: 100%;
	max-width: 30px;
	margin-right: 20px;
}

.about-us-gold{
	padding: 100px 0;
}

.about-us-image-box-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	background-image: url('../images/about-us-image-box-bg-gold.png');
	background-repeat: no-repeat;
	background-position: top 55px right 30px;
	background-size: auto;
	margin-right: 15px;
}

.about-us-image-box-1-gold{
	position: relative;
	width: 78%;
	margin-bottom: 55px;
	padding-left: 40px;
}

.about-us-image-gold figure{
	display: block;
	border-radius: 20px;
}

.about-us-image-gold figure img{
	width: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.about-us-image-box-1-gold figure img{
	aspect-ratio: 1 / 1.187;
}

.about-designers-box-gold{
	position: absolute;
	left: 0;
	bottom: 100px;
	max-width: 300px;
	background-color: var(--primary-color);
	border: 5px solid var(--white-color);
	border-radius: 20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 25px;
	z-index: 2;
}

.about-designers-box-gold .icon-box{
	position: relative;
	height: 60px;
	width: 60px;
	background-color: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	overflow: hidden;
}

.about-designers-box-gold .icon-box:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--white-color);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.about-designers-box-gold:hover .icon-box:before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.about-designers-box-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 30px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.about-designers-box-gold:hover .icon-box img{
	filter: brightness(0) invert(0);
}

.about-designers-box-content-gold{
	width: calc(100% - 80px);
}

.about-designers-box-content-gold h2{
	font-size: 40px;
	color: #fff;
}

.about-designers-box-content-gold p{
	color: #fff;
	margin: 0;
}

.about-us-image-box-2-gold{
	position: relative;
	width: 22%;
	z-index: 1;
}

.about-us-image-box-2-gold .about-us-image-gold{
	position: relative;
	margin-left: -220px;
	z-index: 1;
}

.about-us-image-box-2-gold figure{
	border: 5px solid var(--white-color);
}

.about-us-image-box-2-gold figure img{
	aspect-ratio: 1 / 1.08;
	border-radius: 14px;
}

.about-schedule-gold{
	position: absolute;
    top: 0;
    left: 0;
	transform: translate(-50%, -50%);
	border: 5px solid var(--white-color);
	border-radius: 50%;
    z-index: 1;
}

.about-schedule-gold a{
	display: block;
	border-radius: 50%;
}

.about-schedule-gold img{
	width: 100%;
	max-width: 120px;
	border-radius: 50%;
	animation: infiniterotate 20s infinite linear;
}

.about-schedule-gold img:hover{
	animation-play-state: paused;
}

.about-body-item-gold{
	background-color: var(--secondary-color);
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	padding: 30px;
	margin-bottom: 30px;
}

.about-body-item-gold:last-child{
	margin-bottom: 0;
}

.about-body-item-gold .icon-box{
	position: relative;
	height: 50px;
	width: 50px;
	background-color: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	overflow: hidden;
}

.about-body-item-gold .icon-box:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.about-body-item-gold:hover .icon-box:before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.about-body-item-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.about-body-item-content-gold{
	width: calc(100% - 70px);
}

.about-body-item-content-gold h3{
	font-size: 20px;
}

.about-body-item-content-gold p{
	margin: 10px 0 0;
}

.about-us-footer-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 30px;
	margin-top: 40px;
}

.about-contact-box-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.about-contact-box-gold .icon-box{
	position: relative;
	background: #39b4f8;
	border-radius: 10px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	overflow: hidden;
}

.about-contact-box-gold .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform:  scale(0) rotate(180deg);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.about-contact-box-gold:hover .icon-box::before{
	border-radius: 0;
	transform: scale(1) rotate(0);
}

.about-contact-box-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.about-contact-box-content-gold{
	width: calc(100% - 65px);
}

.about-contact-box-content-gold h3{
	font-size: 20px;
}

.about-contact-box-content-gold p{
	margin: 5px 0 0;
}

.about-contact-box-content-gold p a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.about-contact-box-content-gold p a:hover{
	color: #39b4f8;
}

.our-feature-gold{
	position: relative;
	padding: 100px 0;
}

.our-feature-gold:before{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('../images/service-bg-gold.png') no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.our-feature-gold .container{
	position: relative;
	z-index: 1;
}

.feature-item-gold{
	background-color: var(--dark-divider-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 10px;
}

.feature-item-image-gold{
	margin-bottom: 30px;
}

.feature-item-image-gold{
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.feature-item-image-gold figure{
	display: block;
}

.feature-item-image-gold img{
	width: 100%;
	aspect-ratio: 1 / 0.616;
	object-fit: cover;
	transition: all 0.6s ease-in-out;
}

.feature-item-gold:hover .feature-item-image-gold img{
	transform: scale(1.06);
}	

.feature-item-body-gold{
	padding: 0 20px 20px;
}

.feature-item-body-gold .icon-box{
	position: relative;
	height: 50px;
	width: 50px;
	background-color: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	overflow: hidden;
}

.feature-item-body-gold .icon-box:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--white-color);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.feature-item-gold:hover .feature-item-body-gold .icon-box:before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.feature-item-body-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 25px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.feature-item-gold:hover .feature-item-body-gold .icon-box img{
	filter: brightness(0) invert(0);
}

.feature-item-content-gold h3{
	font-size: 20px;
	color: #fff;
}

.feature-item-content-gold h3 a{
	color: inherit;
}

.feature-item-content-gold p{
	color: #fff;
	margin: 10px 0 0;
}

.feature-item-btn-gold{
	margin-top: 25px;
}

.feature-item-btn-gold .readmore-btn{
	color: #fff;
}

.feature-item-btn-gold .readmore-btn:hover{
	color: #39b4f8;
}

.feature-item-btn-gold .readmore-btn:before{
	background-image: url('../images/arrow-white.svg');
}

.feature-item-btn-gold .readmore-btn:hover:before{
	background-image: url('../images/arrow-accent.svg');
}

.key-benefits-gold{
	padding: 100px 0;
}

.key-benefits-image-box-gold{
	position: relative;
	height: 100%;
	margin-right: 15px;
}

.key-benefits-image-gold{
	height: 100%;
}

.key-benefits-image-gold figure{
	display: block;
	height: 100%;
	border-radius: 20px;
}

.key-benefits-image-gold img{
	height: 100%;
	width: 100%;
    aspect-ratio: 1 / 0.8;
    object-fit: cover;
    border-radius: 20px;
}

.key-benefits-cta-box-gold{
	max-width: 430px;
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	background-color: var(--dark-divider-color);
	border-radius: 20px;
	backdrop-filter: blur(20px) saturate(100%);
    -webkit-backdrop-filter: blur(20px) saturate(100%);
	padding: 30px;
	z-index: 2;
}

.key-benefits-cta-header-gold h3{
	font-size: 20px;
	color: #fff;
}

.key-benefits-cta-header-gold p{
	color: #fff;
	margin: 10px 0 0;
}

.key-benefits-cta-body-gold{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 25px;
	padding-top: 25px;
}

.key-benefits-cta-body-content-gold span{
	display: inline-block;
}

.key-benefits-cta-body-content-gold span i{
	color: #39b4f8;
}

.key-benefits-cta-body-content-gold p{
	color: #fff;
	margin: 5px 0 0;
}

.key-benefits-list-gold ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}

.key-benefits-list-gold ul li{
	width: calc(50% - 15px);
	position: relative;
	line-height: 1.5em;
	padding-left: 25px;
}

.key-benefits-list-gold ul li::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: #39b4f8;
    top: 0;
    left: 0;
}

.key-benefits-body-gold,
.key-benefits-btn-gold{
	border-top: 1px solid var(--divider-color);
	padding-top: 40px;
	margin-top: 40px;
}

.key-benefits-body-gold{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
}

.benefits-body-item-gold{
	position: relative;
	width: calc(33.33% - 40px);
	text-align: center;
}

.benefits-body-item-gold::before{
	content: '';
	position: absolute;
	top: 0;
	right: -30px;
	bottom: 0;
	background-color: var(--divider-color);
	height: 100%;
	width: 1px;
}

.benefits-body-item-gold:nth-child(3n + 3):before,
.benefits-body-item-gold:last-child:before{
	display: none;
}

.benefits-body-item-gold .icon-box{
	position: relative;
	height: 50px;
	width: 50px;
	background-color: #39b4f8;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	overflow: hidden;
}

.benefits-body-item-gold .icon-box:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.benefits-body-item-gold:hover .icon-box:before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.benefits-body-item-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.benefits-body-item-content-gold h3{
	font-size: 20px;
}

.benefits-body-item-content-gold p{
	margin: 10px 0 0;
}

.our-event-gold{
	position: relative;
	padding: 100px 0;
}

.our-event-gold:before{
	content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('../images/event-bg-image-gold.png') no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.our-event-gold .container{
	position: relative;
	z-index: 2;
}

.our-event-content-gold{
	position: sticky;
	top: 20px;
}

.event-item-gold{
	background-color: var(--dark-divider-color);
	border-radius: 20px;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 30px;
}

.event-item-gold:last-child{
	margin-bottom: 0;
}

.event-item-image-gold{
	width: calc(31% - 15px);
}

.event-item-image-gold figure{
	display: block;
	display: inline-block;
    mask-image: url('../images/event-image-bg-mask-gold.svg');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
    border-radius: 20px;
}

.event-item-image-gold figure,
.event-item-image-gold a{
	height: 100%;
	display: block;
	border-radius: 20px;
}

.event-item-image-gold img{
	height: 100%;
	width: 100%;
    aspect-ratio: 1 / 0.81;
	object-fit: cover;
	border-radius: 20px;
	transition: all 0.6s ease-in-out;
}

.event-item-gold:hover .event-item-image-gold img{
	transform: scale(1.06);
}

.event-item-body-gold{
	width: calc(69% - 15px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px 60px;
	padding: 20px 20px 20px 0;
}

 .event-schedule-content-gold{
	width: calc(40% - 30px);
	text-align: center;
}

.event-schedule-content-gold h2{
	color: #fff;
	font-size: 48px;
}

.event-schedule-content-gold p{
	color: #fff;
	margin: 5px 0 0;
}

.event-item-info-gold{
	position: relative;
	width: calc(60% - 30px);
}

.event-item-info-gold:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	background-color: var(--dark-divider-color);
	width: 1px;
	height: 100%;
}

.event-item-body-content-gold h3{
	color: #fff;
	font-size: 20px;
	line-height: 1.4em;
}

.event-item-body-content-gold h3 a{
	color: inherit;
}

.event-item-body-content-gold p{
	color: #fff;
	margin: 20px 0 0;
}

.event-item-btn-gold{
	margin-top: 25px;
}

.our-pricing-gold{
	padding: 100px 0;
}

.pricing-item-gold{
    background-color: var(--secondary-color);
    border-radius: 20px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 20px;
}

.pricing-item-header-gold{
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
}

.pricing-item-header-box-gold{
    display: flex;
    flex-wrap: wrap;
	align-items: center;
}

.pricing-item-header-box-gold .icon-box{
	position: relative;
    background-color: #39b4f8;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-right: 15px;
    transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.pricing-item-header-box-gold .icon-box:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--primary-color);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.pricing-item-gold:hover .pricing-item-header-box-gold .icon-box:before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.pricing-item-header-box-gold .icon-box img{
	position: relative;
    width: 100%;
    max-width: 24px;
	z-index: 1;
}

.pricing-item-header-content-gold{
    width: calc(100% - 65px);
}

.pricing-item-header-content-gold h3{
    font-size: 20px;
}

.pricing-item-header-content-gold p{
    margin: 10px 0 0 0;
}

.pricing-item-price-gold{
	margin-top: 30px;
}

.pricing-item-price-gold h2{
    font-size: 48px;
}

.pricing-item-price-gold sub{
    font-size: 16px;
    font-weight: 400;
    color: var(--text-color);
    bottom: 0;
}

.pricing-item-body-gold{
	position: relative;
	border-top: 2px dashed var(--divider-color);
	margin-top: 40px;
	padding: 40px 10px 10px;
}

.pricing-item-body-gold:before,
.pricing-item-body-gold:after{
	content: '';
	position: absolute;
	height: 50px;
	width: 50px;
	background-color: #fff;
	border-radius: 50%;
	top: -25px;
	left: -45px;
	z-index: 1;
}

.pricing-item-body-gold:after{
	left: auto;
	right: -45px;
}

.pricing-item-list-gold h3{
    font-size: 20px;
	margin-bottom: 25px;
}

.pricing-item-list-gold ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.pricing-item-list-gold ul li{
    position: relative;
    line-height: 1.5em;
    padding-left: 25px;
    margin-bottom: 15px;
}

.pricing-item-list-gold ul li:last-child{
    margin-bottom: 0;
}

.pricing-item-list-gold ul li::before{
    content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: #39b4f8;
    top: 0;
    left: 0;
}

.pricing-item-btn-gold{
	margin-top: 40px;
}

.pricing-item-btn-gold .btn-default{
	width: 100%;
	text-align: center;
}

.pricing-benefit-list-gold{
    margin-top: 30px;
}

.pricing-benefit-list-gold ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px 60px;
}

.pricing-benefit-list-gold ul li{
    display: inline-flex;
    align-items: center;
}

.pricing-benefit-list-gold ul li img{
    width: 100%;
    max-width: 20px;
    margin-right: 10px;
}

.our-story-gold{
	position: relative;
	background-image: url('../images/our-story-bg-image-gold.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 80px 0;
	align-content: end;
	min-height: 900px;
}

.our-story-gold:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, transparent -40.06%, var(--primary-color) 100%);
	height: 100%;
	width: 100%;
	z-index: 1;
}

.our-story-gold .container{
	position: relative;
	z-index: 2;
}

.our-story-header-gold{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.our-story-header-gold .section-title{
    max-width: 740px;
    margin: 0;
}

.our-story-button-gold.video-play-button{
	margin-right: 30px;
}

.our-story-button-gold.video-play-button a{
	width: 100px;
	height: 100px;
}

.our-story-button-gold.video-play-button a i{
	font-size: 32px;
}

.story-footer-list-gold{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 80px;
	padding-top: 60px;
}

.story-footer-item-gold{
	position: relative;
	width: calc(20% - 48px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.story-footer-item-gold:after{
	content: '';
	position: absolute;
	top: 0;
	right: -30px;
	bottom: 0;
	background-color: var(--dark-divider-color);
	height: 100%;
	width: 1px;	
}

.story-footer-item-gold:nth-child(5n + 5):after,
.story-footer-item-gold:last-child:after{
	display: none;
}

.story-footer-item-gold .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #39b4f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	overflow: hidden;
}

.story-footer-item-gold .icon-box:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: var(--white-color);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg) scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.story-footer-item-gold:hover .icon-box:before{
	border-radius: 0;
	transform: rotate(0) scale(1);
}

.story-footer-item-gold .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.story-footer-item-gold:hover .icon-box img{
	filter: brightness(0) invert(0);
}

.story-footer-item-content-gold{
	width: calc(100% - 70px);
}

.story-footer-item-content-gold h3{
	font-size: 20px;
	line-height: 1.3em;
	color: #fff;
}

.our-speakers-gold{
	padding: 100px 0;
}

.speakers-item-gold{
	background-color: var(--secondary-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 10px 10px 30px 10px;
}

.speakers-image-box-gold{
	position: relative;
	margin-bottom: 30px;
}

.speakers-item-image-gold a,
.speakers-item-image-gold figure{
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.speakers-item-image-gold figure::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 20px;
	background: linear-gradient(180deg, transparent 53%, var(--primary-color) 100%);
	transition: all 0.3s ease-in-out;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}

.speakers-item-gold:hover .speakers-item-image-gold figure:before{
	opacity: 1;
	visibility: visible;
}

.speakers-item-image-gold a figure img{
	width: 100%;
	aspect-ratio: 1 / 1.262;
	object-fit: cover;
	transition: all 0.6s ease-in-out;
}

.speakers-item-gold:hover .speakers-item-image-gold a figure img{
	transform: scale(1.06);
}

.speakers-social-list-gold{
	position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
	opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.speakers-item-gold:hover .speakers-social-list-gold{
    opacity: 1;
    visibility: visible;
	transform: translateY(0);
}

.speakers-social-list-gold ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.speakers-social-list-gold ul li a{	
	width: 36px;
	height: 36px;
	color: #fff;
	border: 1px solid var(--white-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease-in-out;
}

.speakers-social-list-gold ul li:hover a{
	border-color: #39b4f8;
	color: #39b4f8;
}

.speakers-social-list-gold ul li a i{
    font-size: 18px;
    color: inherit;
}

.speakers-item-content-gold{
	text-align: center;
}

.speakers-item-content-gold h3{
	font-size: 20px;
}

.speakers-item-content-gold h3 a{
	color: inherit;
}

.speakers-item-content-gold p{
	margin: 10px 0 0;
}

.upcoming-event-gold{
	position: relative;
	background-image: url('../images/coming-event-bg-image-gold.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
}

.upcoming-event-gold:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--primary-color);
	opacity: 80%;
	z-index: 1;
}

.upcoming-event-gold .container{
	position: relative;
	z-index: 2;
}

.upcoming-event-content-gold{
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.upcoming-event-content-gold .section-title p{
	max-width: 590px;
	margin: 0 auto;
	margin-top: 20px;
}

.upcoming-event-countdown-gold .countdown{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 60px;
}

.upcoming-event-countdown-gold .counter-box{
	position: relative;
	min-width: 110px;
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border-radius: 10px;
	padding: 15px;
}

.upcoming-event-countdown-gold .counter-box::before{
	content: ':';
	position: absolute;
	top: 11px;
	right: -35px;
	font-size: 50px;
	line-height: normal;
	color: #39b4f8;
}

.upcoming-event-countdown-gold .counter-box:last-child:before{
	display: none;
}

.upcoming-event-countdown-gold .counter-box span{
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2em;
	color: #fff;
}

.upcoming-event-countdown-gold .counter-box p{
	color: #fff;
	font-weight: 500;
	margin: 5px 0 0;
}

.upcoming-event-btn-gold{
	margin-top: 40px;
}

.our-testimonials-gold{
	padding: 100px 0;
}

.testimonials-image-box-gold{
	position: relative;
	height: 100%;
	margin-right: 15px;
}

.testimonials-image-gold{
	height: 100%;
}

.testimonials-image-gold figure{
	display: block;
	height: 100%;
	border-radius: 20px;
}

.testimonials-image-gold img{
	height: 100%;
	width: 100%;
	aspect-ratio: 1 / 1.112;
	object-fit: cover;
	border-radius: 20px;
}

.testimonials-cta-box-gold{
	position: absolute;
	bottom: 30px;
	left: 30px;
	max-width: 200px;
	background-color: #39b4f8;
	border-radius: 20px;
	padding: 30px;
	z-index: 1;
}

.testimonials-cta-box-gold .satisfy-client-image{
	border-color: #39b4f8;
}

.testimonials-cta-content-gold{
	margin-top: 15px;
}

.testimonials-cta-content-gold h2{
	font-size: 48px;
	color: #fff;
}

.testimonials-cta-content-gold p{
	color: #fff;
	margin: 5px 0 0;
}
.testimonial-content-box-gold{
	background-color: var(--secondary-color);
	border-radius: 20px;
	padding: 40px;
}

.testimonial-item-header-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.testimonial-item-rating-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.testimonial-item-rating-gold p{
	margin: 0;
}

.testimonial-item-rating-gold span{
	line-height: 1.6em;
}

.testimonial-item-rating-gold span i{
	font-size: 18px;
	color: #39b4f8;
}

.testimonial-item-quote img{
	width: 100%;
	max-width: 30px;
}

.testimonial-item-content-gold{
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.testimonial-item-content-gold p{
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}

.testimonial-author-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-top: 40px;
}

.testimonial-author-image-gold figure{
	display: block;
	border-radius: 50%;
}

.testimonial-author-image-gold figure img{
	width: 100%;
	max-width: 50px;
	border-radius: 50%;
}

.testimonial-author-content-gold h3{
	font-size: 20px;
}

.testimonial-author-content-gold p{
	margin: 5px 0 0;
}

.testimonial-btn-gold{
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: right;
	z-index: 2;
}

.testimonial-slider-gold .testimonial-button-next-gold,
.testimonial-slider-gold .testimonial-button-prev-gold{
	position: relative;
	width: 50px;
	height: 50px;
	background-color: var(--secondary-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.testimonial-slider-gold .testimonial-button-next-gold{
	margin-left: 20px;
}

.testimonial-slider-gold .testimonial-button-next-gold:hover,
.testimonial-slider-gold .testimonial-button-prev-gold:hover{
	background: #39b4f8;
}

.testimonial-slider-gold .testimonial-button-next-gold::before,
.testimonial-slider-gold .testimonial-button-prev-gold::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background: url('../images/arrow-accent.svg') no-repeat center center;
	background-size: cover;
	transform: translate(-50%, -50%) rotate(180deg);
	width: 22px;
	height: 22px;
	transition: all 0.4s ease-in-out;
}

.testimonial-slider-gold .testimonial-button-next-gold::before{
	transform: translate(-50%, -50%) rotate(0deg);
}

.testimonial-slider-gold .testimonial-button-next-gold:hover::before,
.testimonial-slider-gold .testimonial-button-prev-gold:hover::before{
	filter: brightness(0) invert(1);
}

.our-faqs-gold{
	position: relative;
	padding: 100px 0;
}

.our-faqs-gold:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url('../images/faqs-bg-image-gold.png') no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.our-faqs-gold .container{
	position: relative;
	z-index: 2;
}

.faqs-content-gold{
	position: sticky;
	top: 20px;
}

.faq-award-box-gold{
	max-width: 480px;
	background-color: var(--dark-divider-color);
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	padding: 40px;
}

.faq-award-image-gold img{
	width: 100%;
	max-width: 170px;
}

.faq-award-box-info-gold{
	width: calc(100% - 200px);
}

.faq-award-box-content-gold h2{
	font-size: 48px;
	color: #fff;
}

.faq-award-box-content-gold p{
	color: #fff;
	margin: 5px 0 0;
}

.faq-award-box-btn-gold{
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 20px;
	padding-top: 20px;
}

.faq-accordion-gold .accordion-item-gold{
	position: relative;
	background-color: var(--dark-divider-color);
	border-radius: 10px;
	margin-bottom: 30px;
	padding: 0;
	overflow: hidden;
}

.faq-accordion-gold .accordion-item-gold:last-child{
	margin-bottom: 0;
}

.faq-accordion-gold .accordion-header .accordion-button{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.333em;
	color: #fff;
	padding: 20px 60px 20px 30px;
	transition: all 0.4s ease-in-out;
}

.faq-accordion-gold .accordion-item-gold .accordion-button::after, 
.faq-accordion-gold .accordion-item-gold .accordion-button.collapsed::after{
	content: '\2b';
	font-family: 'FontAwesome';
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 400;
	color: #39b4f8;
	border: 1px solid #39b4f8;
	border-radius: 50%;
	height: 24px;
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.faq-accordion-gold .accordion-button:not(.collapsed)::after{
	content: '\f068';
	background: #39b4f8;
	color: #fff;
}

.faq-accordion-gold .accordion-item-gold .accordion-body{
	border-top: 1px solid var(--dark-divider-color);
	padding: 20px 30px;
}

.faq-accordion-gold .accordion-item-gold .accordion-body p{
	color: #fff;
	margin: 0;
}

.main-footer-gold{
	padding: 100px 0 0;
}

.footer-header-gold,
.footer-body-gold,
.footer-copyright-gold{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}

.about-footer-gold{
	max-width: 360px;
}

.about-footer-content-gold{
	margin-top: 30px;
}

.about-footer-content-gold p{
	color: #fff;
	margin: 0;
}

.footer-social-icons-gold{
	margin-top: 30px;
}

.footer-social-icons-gold ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-social-icons-gold ul li a{	
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #39b4f8;
	border: 1px solid #39b4f8;
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.footer-social-icons-gold ul li:hover a{
	border-color: #fff;
	color: #fff;
}

.footer-social-icons-gold ul li a i{
    font-size: 18px;
    color: inherit;
}

.footer-links-box-gold{
	max-width: 60%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}

.footer-links-gold{
	max-width: 33%;
}

.footer-links-gold h3{
	font-size: 20px;
	color: #fff;
	margin-bottom: 30px;
}

.footer-links-gold ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-links-gold ul li{
	text-transform: capitalize;
	color: #fff;
	line-height: 1.5em;
	margin-bottom: 15px;
}

.footer-links-gold ul li:last-child{
	margin-bottom: 0;
}

.footer-links-gold ul li a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.footer-links-gold ul li a:hover{
	color: #39b4f8;
}

.footer-contact-box-gold{
	max-width: 37%;
}

.footer-contact-item-gold{
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.footer-contact-item-gold:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0px;
}

.footer-contact-item-gold h4{
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px;
}

.footer-contact-item-gold h4 a{
	color: inherit;
}

.footer-contact-item-gold p{
	color: #fff;
	margin: 0;
}

.footer-contact-item-gold p a{
	color: inherit;
}

.footer-body-gold{
	align-items: center;
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 60px;
	padding-top: 40px;
}

.footer-body-gold .section-title{
	max-width: calc(100% - 510px);
	margin-bottom: 0;
}

.footer-body-gold .section-title p{
	max-width: 540px;
}

.footer-newsletter-form-gold{
	width: 100%;
	max-width: 480px;
}

.footer-newsletter-form-gold .form-group{
	display: flex;
	background: var(--dark-divider-color);
	border: none;
	border-radius: 12px;
	padding: 10px;
}

.footer-newsletter-form-gold .form-group .form-control{
	width: calc(100% - 40px);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2em;
	color: #fff;
	background: transparent;
	border: none;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	padding: 6px 15px;
}

.footer-newsletter-form-gold .form-group .form-control::placeholder{
	color: #fff;
}

.footer-newsletter-form-gold .form-group .newsletter-btn{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #39b4f8;
	border: none;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
}

.footer-newsletter-form-gold .form-group .newsletter-btn:hover{
	background-color: #fff;
}

.footer-newsletter-form-gold .form-group .newsletter-btn i{
	font-size: 20px;
	color: #fff;
	margin-right: 2px;
	transition: all 0.3s ease-in-out;
}

.footer-newsletter-form-gold .form-group .newsletter-btn:hover i{
	color: var(--primary-color);
}

.footer-copyright-gold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	border-top: 1px solid var(--dark-divider-color);
	padding: 40px 0 60px;
	margin-top: 40px;
}

.footer-copyright-text-gold p{
	color: #fff;
	margin-bottom: 0;
}

.footer-privacy-policy-gold ul{
	display: flex;
	flex-wrap: wrap;
	gap: 5px 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-privacy-policy-gold ul li{
	position: relative;
	line-height: 1.5em;
	color: #fff;
}

.footer-privacy-policy-gold ul li::before{
	content: '';
	position: absolute;
	top: 50%;
	right: -18px;
	background: #39b4f8;
	border-radius: 100px;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
}

.footer-privacy-policy-gold ul li:last-child::before{
	display: none;
}

.footer-privacy-policy-gold ul li a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.footer-privacy-policy-gold ul li a:hover{
	color: #39b4f8;
}

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

	.hero-content-gold{
		padding-right: 0;
	}

	.hero-info-box-gold{
		margin-top: 50px;
	}

	.hero-info-list-gold{
		padding: 30px;
	}

	.hero-info-item-gold{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.hero-info-item-content-gold p{
		font-size: 14px;
	}

	.hero-image-gold figure{
		margin-top: -380px;
	}

	.about-us-image-box-gold{
		margin-right: 0;
	}

	.about-designers-box-gold{
		padding: 20px;
	}

	.about-us-image-box-2-gold .about-us-image-gold{
		margin-left: -180px;
	}

	.about-body-item-gold{
		padding: 20px;
	}

	.feature-item-image-gold{
		margin-bottom: 20px;
	}
	
	.feature-item-body-gold{
		padding: 0 10px 10px;
	}

	.feature-item-body-gold .icon-box{
		margin-bottom: 20px;
	}

	.feature-item-btn-gold{
		margin-top: 20px;
	}

	.key-benefits-cta-body-gold{
		margin-top: 20px;
		padding-top: 20px;
		gap: 20px;
	}

	.key-benefits-body-gold{
		gap: 30px;
	}

	.benefits-body-item-gold{
		width: calc(33.33% - 20px);
	}

	.benefits-body-item-gold::before{
		right: -15px;
	}

	.event-item-body-gold{
		gap: 30px;
	}

	.event-schedule-content-gold{
		width: calc(40% - 15px);
	}

	.event-item-info-gold{
		width: calc(60% - 15px);
	}

	.event-item-info-gold:after{
		left: -15px;
	}

	.pricing-item-header-gold{
		padding: 20px;
	}

	.pricing-item-body-gold{
		margin-top: 30px;
		padding: 30px 10px 10px;
	}

	.pricing-item-body-gold:before,
	.pricing-item-body-gold:after{
		height: 40px;
		width: 40px;
		top: -20px;
		left: -40px;
	}

	.pricing-item-body-gold:after{
		right: -40px;
		left: auto;
	}

	.pricing-item-btn-gold{
		margin-top: 30px;
	}

	.our-story-gold{
		min-height: 750px;
	}

	.story-footer-list-gold{
		gap: 30px;
	}

	.story-footer-item-gold{
		width: calc(20% - 24px);
	}

	.story-footer-item-gold:after{
		right: -15px;
	}

	.testimonials-cta-box-gold{
		padding: 20px;
	}

	.testimonial-content-box-gold{
		padding: 30px;
	}

	.testimonial-item-content-gold{
		margin-top: 30px;
		padding-top: 30px;
	}

	.testimonial-author-gold{
		margin-top: 30px;
	}

	.faq-award-box-gold{
		padding: 30px;
	}
}

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

	.hero-info-box-gold{
		padding: 0;
		margin-top: 30px;
	}
	
	.hero-info-list-gold{
		width: 50%;
		mask-image: none;
        padding: 20px;
		border-radius: 20px;
    }

	.hero-image-gold{
		width: 100%;
	}

	.about-us-image-box-gold{
		max-width: 700px;
		background-size: 150px auto;
		background-position: top 130px right 40px;
		margin: 0 auto 30px;
	}

	.key-benefits-image-box-gold{
		height: auto;
		margin: 0 0 30px;
	}

	.key-benefits-image-gold,
	.key-benefits-image-gold figure,
	.key-benefits-image-gold img{
		height: auto;
	}

	.our-event-content-gold{
		position: initial;
		margin-bottom: 40px;
	}

	.story-footer-list-gold{
		margin-top: 40px;
		padding-top: 40px;
	}

	.story-footer-item-gold{
        width: calc(33.33% - 20px);
    }

	.story-footer-item-gold:nth-child(5n + 5):after{
		display: block;
	}

	.story-footer-item-gold:nth-child(3n + 3):after,
	.story-footer-item-gold:last-child:after{
		display: none;
	}

	.speakers-item-image-gold a figure img{
		aspect-ratio: 1 / 1.06;
	}

	.testimonials-image-box-gold{
		margin: 0 0 30px;
	}

	.testimonials-image-box-gold,
	.testimonials-image-gold,
	.testimonials-image-gold figure,
	.testimonials-image-gold img{
		height: auto;
	}

	.testimonials-image-gold img{
		aspect-ratio: 1 / 0.7;
	}

	.faqs-content-gold{
		position: initial;
		margin-bottom: 40px;
	}

	.footer-body-gold .section-title,
	.footer-body-gold .section-title p,
	.footer-newsletter-form-gold{
		max-width: 100%;
		width: 100%;
	}
}

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

	.hero-gold{
		padding: 140px 0 0;
	}

	.hero-image-gold figure{
        margin-top: -280px;
    }

	.scrolling-content-gold span img{
		max-width: 26px;
	}

	.scrolling-content-gold span{
		font-size: 54px;
	}

	.about-us-gold{
		padding: 50px 0;
	}

	.about-designers-box-gold{
		padding: 15px;
	}

	.about-designers-box-gold .icon-box{
		height: 50px;
		width: 50px;
		margin-right: 15px;
	}

	.about-designers-box-gold .icon-box img{
		max-width: 24px;
	}

	.about-designers-box-content-gold{
		width: calc(100% - 65px);
	}

	.about-designers-box-content-gold h2{
		font-size: 34px;
	}

	.about-schedule-gold img{
		max-width: 100px;
	}

	.about-body-item-gold{
		margin-bottom: 20px;
	}

	.our-feature-gold{
		padding: 50px 0;
	}

	.feature-item-image-gold{
		margin-bottom: 20px;
	}

	.key-benefits-gold{
		padding: 50px 0;
	}

	.key-benefits-cta-box-gold{
		max-width: 385px;
		padding: 20px;
		right: 20px;
		bottom: 20px;
		left: 20px;
	}

	.key-benefits-cta-body-gold{
        margin-top: 15px;
        padding-top: 15px;
		gap: 15px;
    }

	.key-benefits-list-gold ul li::before{
		font-size: 16px;
	}

	.key-benefits-body-gold,
	.key-benefits-btn-gold{
		margin-top: 30px;
		padding-top: 30px;
	}

	.our-event-gold{
		padding: 50px 0;
	}

	.our-event-content-gold{
		margin-bottom: 30px;
	}

	.event-item-body-gold{
		padding: 10px 10px 10px 0;
	}

	.event-schedule-content-gold{
		width: calc(36% - 15px);
	}

	.event-schedule-content-gold h2{
		font-size: 38px;
	}

	.event-item-info-gold{
		width: calc(64% - 15px);
	}

	.event-item-body-content-gold p{
		margin: 10px 0 0;
	}

	.event-item-btn-gold{
		margin-top: 20px;
	}

	.our-pricing-gold{
		padding: 50px 0;
	}

	.pricing-item-price-gold{
		margin-top: 20px;
	}

	.pricing-item-price-gold h2{
		font-size: 38px;
	}

	.pricing-item-list-gold h3{
		margin-bottom: 15px;
	}

	.pricing-item-list-gold ul li{
		margin-bottom: 10px;
	}

	.pricing-item-list-gold ul li::before{
		font-size: 16px;
	}

	.pricing-benefit-list-gold{
		margin-top: 10px;
	}

	.pricing-benefit-list-gold ul{
		gap: 15px 30px;
	}

	.pricing-item-btn-gold .btn-default{
		padding: 15px;
	}

	.our-story-gold{
        min-height: auto;
		padding: 50px 0;
    }

	.our-story-header-gold .section-title{
		text-align: center;
		max-width: 100%;
		width: 100%;
	}

	.our-story-button-gold.video-play-button{
		margin: 0 auto;
	}

	.our-story-button-gold.video-play-button a{
		width: 80px;
		height: 80px;
	}

	.our-story-button-gold.video-play-button a i{
		font-size: 26px;
	}

	.our-speakers-gold{
		padding: 50px 0;
	}
	
	.speakers-item-gold{
		padding-bottom: 20px;
	}

	.speakers-image-box-gold{
		margin-bottom: 20px;
	}

	.upcoming-event-gold{
		padding: 50px 0;
	}

	.upcoming-event-countdown-gold .countdown{
		gap: 40px;
	}

	.upcoming-event-countdown-gold .counter-box::before{
		right: -25px;
		top: 15px;
		font-size: 40px;
	}

	.upcoming-event-countdown-gold .counter-box span{
		font-size: 26px;
	}

	.upcoming-event-btn-gold{
		margin-top: 30px;
	}

	.our-testimonials-gold{
		padding: 50px 0;
	}

	.testimonials-cta-box-gold{
		bottom: 20px;
		left: 20px;
	}

	.testimonials-cta-content-gold h2{
		font-size: 38px;
	}

	.testimonial-item-content-gold{
		margin-top: 20px;
		padding-top: 20px;
	}

	.testimonial-item-content-gold p{
		font-size: 18px;
	}

	.our-faqs-gold{
		padding: 50px 0;
	}

	.faq-award-box-gold{
		max-width: 430px;
		padding: 20px;
    }

	.faq-award-image-gold img{
	    max-width: 130px;
	}

	.faq-award-box-info-gold{
		width: calc(100% - 160px);
	}

	.faq-award-box-content-gold h2{
		font-size: 38px;
	}

	.faq-accordion-gold .accordion-item-gold{
		margin-bottom: 20px;
	}

	.faq-accordion-gold .accordion-header .accordion-button{
        padding: 15px 45px 15px 20px;
    }

	.faq-accordion-gold .accordion-item-gold .accordion-button::after,
	.faq-accordion-gold .accordion-item-gold .accordion-button.collapsed::after{
		right: 20px;
		width: 20px;
        height: 20px;
        font-size: 12px;
    }

	.faq-accordion-gold .accordion-item-gold .accordion-body{
        padding: 15px 20px;
    }

	.main-footer-gold{
		padding: 50px 0 0;
	}

	.about-footer-gold,
	.footer-links-box-gold{
		max-width: 100%;
	}

	.about-footer-content-gold{
		margin-top: 20px;
	}

	.footer-social-icons-gold{
        margin-top: 20px;
    }

	.footer-links-gold h3{
		margin-bottom: 20px;
	}

	.footer-links-gold ul li{
		margin-bottom: 10px;
	}

	.footer-contact-item-gold{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.footer-contact-item-gold h4{
		margin-bottom: 5px;
	}

	.footer-body-gold{
		margin-top: 30px;
		padding-top: 30px;
	}

	.footer-newsletter-form-gold .form-group{
		padding: 6px;
	}

	.footer-copyright-gold{
		margin-top: 30px;
		padding: 30px 0;
	}
}

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

	.hero-info-list-gold{
		width: 100%;
	}

	.hero-info-item-content-gold h3{
		font-size: 18px;
	}

	.hero-image-gold figure{
		margin-top: 0;
	}

	.our-scrolling-ticker-gold{
		margin-top: 20px;
	}

	.scrolling-ticker-box-gold{
		--gap: 15px;
	}

	.scrolling-content-gold span{
		font-size: 28px;
	}

	.scrolling-content-gold span img{
		max-width: 22px;
		margin-right: 15px;
	}

	.about-us-image-box-gold{
		background-size: 90px auto;
		background-position: top 100px right 20px;
	}

	.about-us-image-box-1-gold{
		padding: 50px 0 0 0;
	}

	.about-designers-box-gold{
		top: 0;
        bottom: auto;
		left: 20px;
    }

	.about-designers-box-content-gold h2{
        font-size: 28px;
    }

	.about-us-image-box-2-gold .about-us-image-gold{
        margin-left: -130px;
	}
	
	.about-schedule-gold img{
        max-width: 80px;
    }

	.about-body-item-gold .icon-box{
		margin: 0 0 20px 0;
	}

	.about-body-item-gold .icon-box img{
		max-width: 22px;
	}

	.about-body-item-content-gold{
		width: 100%;
	}

	.about-body-item-content-gold h3{
		font-size: 18px;
	}

	.about-us-footer-gold{
		gap: 20px;
	}

	.about-contact-box-gold .icon-box{
		width: 44px;
		height: 44px;
		margin-right: 10px;
	}

	.about-contact-box-gold .icon-box img{
		max-width: 20px;
	}

	.about-contact-box-content-gold{
		width: calc(100% - 54px);
	}

	.about-contact-box-content-gold h3{
		font-size: 18px;
	}

	.about-contact-box-content-gold p{
    	margin: 0;
	}

	.feature-item-body-gold{
		padding: 0 5px 10px;
	}

	.feature-item-content-gold h3{
		font-size: 18px;
	}

	.key-benefits-cta-box-gold{
		position: initial;
		background-color: var(--primary-color);
		margin-top: 20px;
	}

	.key-benefits-cta-header-gold h3{
		font-size: 18px;
	}

	.key-benefits-cta-header-gold p{
		font-size: 14px;
	}

	.key-benefits-cta-body-content-gold{
        width: 100%;
    }

	.key-benefits-list-gold ul{
		gap: 10px;
	}

	.key-benefits-list-gold ul li{
		width: 100%;
	}

	.key-benefits-body-gold{
		gap: 20px;
	}

	.benefits-body-item-gold{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
        text-align: left;
	}
	
	.benefits-body-item-gold:before{
		display: none;
	}

	.benefits-body-item-gold .icon-box{
		margin: 0 15px 0 0;
	}

	.benefits-body-item-content-gold{
		width: calc(100% - 65px);
	}

	.benefits-body-item-content-gold h3{
		font-size: 18px;
	}

	.benefits-body-item-content-gold p{
		margin-top: 5px;
	}

	.event-item-gold{
		gap: 20px;
	}

	.event-item-image-gold,
	.event-item-body-gold,
	.event-schedule-content-gold,
	.event-item-info-gold,
	.event-item-body-content-gold{
		width: 100%;
	}

	.event-item-image-gold a,
	.event-item-image-gold figure,
	.event-item-image-gold img{
		height: auto;
	}

	.event-item-image-gold figure{
		mask-image: none;
	}

	.event-item-image-gold img{
		aspect-ratio: 1 / 0.6;
	}
	
	.event-item-body-gold{
		gap: 30px;
		padding: 0 10px 10px;
	}

	.event-schedule-content-gold h2{
		font-size: 26px;
    }

	.event-item-info-gold{
		text-align: center;
	}

	.event-item-info-gold:after{
		top: -15px;
		right: 0;
		bottom: auto;
		left: 0;
		height: 1px;
		width: 100%;
	}

	.event-item-body-content-gold h3{
		font-size: 18px;
	}

	.event-item-body-content-gold p{
		margin-top: 5px;
	}

	.pricing-item-header-gold{
        padding: 15px;
    }

	.pricing-item-header-content-gold h3{
		font-size: 18px;
	}

	.pricing-item-price-gold h2{
        font-size: 26px;
    }

	.pricing-item-list-gold h3{
		font-size: 18px;
	}

	.pricing-benefit-list-gold ul{
		gap: 15px;
	}
	
	.pricing-benefit-list-gold ul li{
		font-size: 14px;
	}
	
	.pricing-benefit-list-gold ul li img{
		max-width: 16px;
		margin-right: 5px;
	}

	.our-story-button-gold.video-play-button a{
		width: 60px;
		height: 60px;
	}

	.our-story-button-gold.video-play-button a i{
        font-size: 20px;
    }

	.story-footer-list-gold{
		padding-top: 30px;
	}

	.story-footer-item-gold{
        width: 100%;
    }

	.story-footer-item-gold:after{
		right: 0;
		bottom: -15px;
		left: 0;
		top: auto;
		height: 1px;
		width: 100%;
	}

	.story-footer-item-gold:nth-child(3n + 3):after{
		display: block;
	}

	.story-footer-item-gold:last-child:after{
		display: none;
	}

	.story-footer-item-content-gold h3{
		font-size: 18px;
	}

	.speakers-item-content-gold h3{
		font-size: 18px;
	}

	.speakers-item-content-gold p{
		margin-top: 5px;
	}

	.upcoming-event-countdown-gold .countdown{
        gap: 20px;
    }

	.upcoming-event-countdown-gold .counter-box{
		min-width: 70px;
		padding: 10px 8px;
	}

	.upcoming-event-countdown-gold .counter-box::before{
        right: -12px;
        font-size: 30px;
    }

	.upcoming-event-countdown-gold .counter-box span{
        font-size: 22px;
    }

	.upcoming-event-countdown-gold .counter-box p{
		font-size: 14px;
	}

	.testimonials-image-gold img{
        aspect-ratio: 1 / 1.112;
    }

	.testimonials-cta-box-gold{
		max-width: 180px;
		padding: 15px;
		bottom: 15px;
		left: 15px;
	}

	.testimonials-cta-content-gold h2{
        font-size: 26px;
    }

	.testimonial-content-box-gold{
        padding: 20px;
    }

	.testimonial-item-rating-gold span i,
	.testimonial-item-content-gold p{
		font-size: 16px;
	}

	.testimonial-author-gold{
        margin-top: 20px;
    }

	.testimonial-author-content-gold h3{
		font-size: 18px;
	}

	.testimonial-btn-gold{
		position: initial;
		justify-content: center;
		margin-top: 30px;
	}

	.testimonial-slider-gold .testimonial-button-next-gold,
	.testimonial-slider-gold .testimonial-button-prev-gold{
		width: 40px;
		height: 40px;
	}

	.testimonial-slider-gold .testimonial-button-next-gold{
		margin-left: 15px;
	}

	.testimonial-slider-gold .testimonial-button-next-gold::before,
	.testimonial-slider-gold .testimonial-button-prev-gold::before{
		width: 18px;
		height: 18px;
	}

	.faq-award-box-gold{
		gap: 20px;
	}

	.faq-award-image-gold img{
        max-width: 90px;
    }

	.faq-award-box-info-gold{
        width: calc(100% - 110px);
    }

	.faq-award-box-content-gold h2{
        font-size: 28px;
    }

	.faq-accordion-gold .accordion-header .accordion-button{
        padding: 12px 40px 12px 12px;
    }

	.faq-accordion-gold .accordion-item-gold .accordion-button::after,
	.faq-accordion-gold .accordion-item-gold .accordion-button.collapsed::after{
        right: 12px;
    }

	.faq-accordion-gold .accordion-item-gold .accordion-body{
        padding: 12px;
    }

	.footer-links-gold,
	.footer-contact-box-gold{
		max-width: 100%;
	}

	.footer-links-gold h3{
		font-size: 18px;
        margin-bottom: 15px;
    }

	.footer-contact-item-gold{
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

	.footer-contact-item-gold h4{
		font-size: 18px;
	}

	.footer-body-gold{
		gap: 20px;
        margin-top: 20px;
        padding-top: 20px;
    }

	.footer-copyright-gold{
		padding: 15px 0;
		flex-direction: column-reverse;
		justify-content: center;
		text-align: center;
	}

	.footer-privacy-policy-gold ul{
		justify-content: center;
		gap: 5px 20px;
	}

	.footer-privacy-policy-gold ul li::before{
		right: -12px;
		width: 4px;
		height: 4px;
	}
}

/*============================================================================================
	custom css by rajeev singh
============================================================================================*/
.navbar-brand img{
	height: 80px;
}
.our-patrons{
	position: relative;
	width: 100%;
	padding: 60px 0px 50px 0px!important;
	background: #f7f8f9;
}
.our-patrons .section-row{
	position: relative;
	margin-bottom: 30px!important;
}
.our-patrons .swiper-slide{
	position: relative;
	width: 100%;
	padding: 15px 0px;
}
.patrons-item{
	position: relative;
	width: 100%;
	max-width: 160px;
	height: 130px;
	border-radius: 8px;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
	padding: 10px;
	box-shadow: 0px 0px 10px #ccc;
}
.patrons-item img{
	position: relative;
	width: 100%;
}
.associational-institutional-partners{
	position: relative;
	background: url('../images/section-bg2.jpg') 0% 100% no-repeat;
	background-size: cover;
	width: 100%;
	padding: 60px 0px;
}
.associational-institutional-partners .section-row{
	position: relative;
	margin-bottom: 30px!important;
}
.associational-institutional-partners .swiper-slide{
	position: relative;
	width: 100%;
	padding: 15px 0px;
}
.associational-institutional-partners-item{
	position: relative;
	width: 100%;
	max-width: 160px;
	height: 130px;
	border-radius: 8px;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
	padding: 10px;
	box-shadow: 0px 0px 10px #ccc;
}
.associational-institutional-partners-item img{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width: 95%;
	margin:0 auto;
}
/*=====================================================================
Why Us join css start here
======================================================================*/
.why-join-us-3dgem {
    position: relative;
    width: 100%;
    padding: 70px 0px 45px;
    background: #f7f8f9;
}
.single-intro-text {
    width: 100%;
    padding: 20px 50px 25px 25px;
    -webkit-box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
    position: relative;
    background: #fff;
    z-index: 2;
    margin-bottom: 25px;
    min-height: 170px;
}
.single-intro-text h3 {
    font-size: 22px !important;
    line-height: 26px;
    color: #000 !important;
    font-weight: 600 !important;
    margin-bottom: 5px;
}
.single-intro-text p {
    font-size: 14px !important;
    line-height: 22px;
    color: #333 !important;
    font-weight: 400 !important;
    margin: 0px!important;
}
.single-intro-text .count-number {
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #ff6900;
    color: #fff;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    padding: 25px 30px;
}
.why-join-us-3dgem .btn {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #ff6900;
    height: 50px;
    padding: 0 35px;
    line-height: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}
.text-anime-style-3 span{
	color: #0d8cd7;
}
.section-title p{
	margin-bottom: 10px;
}
.our-event-metal .section-row {
    margin-bottom: 25px;
}
.sponsor-area{
	position: relative;
	width: 100%;
	padding: 70px 0px 40px;
}
.sponsor-area .section-row {
    margin-bottom: 25px;
}
.swiper-container .swiper-slide{
	position: relative;
	padding: 15px 0px;
}
.sponsor-area .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #37b5fc;
    position: relative;
}
.sponsor-area .nav-pills .nav-link.active:before {
    background-color: #37b5fc;
    position: absolute;
    width: 10px;
    height: 10px;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
    bottom: -5px;
}
.sponsor-area .nav-pills .nav-link, .nav-pills .show>.nav-link {
    background-color: #ff6900;
    color: #fff;
    margin-right: 10px;
}
.video-section {
	width: 100%;
	padding: 70px 0px;
    background: #1c1a4f;
    min-height: 480px;
    position: relative;
    background: url(../images/video-bg.png) 100% 100% no-repeat;
    background-size: cover;
}
.single-video{
	position: relative;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}
/*====================
20. Service css 
======================*/

.service-area {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 70px 0px;
  width: 100%;
}
.service-card {
    position: relative;
    padding: 25px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 0px 10px #ccc;
    transition: .28s ease;
    min-height: 340px;
    background: url('../images/card-box-bg.jpg') center center no-repeat;
    background-size: cover;
    overflow: hidden;    
}
.service-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0e066ca8;
    opacity: 1;
    transition: .28s ease;
}
.service-ikon {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 4px;
    display: grid;
    place-items: center;
    background:#fff0f1;
    color:#333;
    font-size: 28px;
    margin-bottom: 22px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.service-ikon img {
    width: 110%;
    height: 110%;
    object-fit: contain;
    border-radius: 4px;
}

.service-card h3 {
    position: relative;
    font-size: 18px;
    margin-bottom: 12px;
    color: #fff;
}
.service-card p {
    position: relative;
    color:#fff;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 18px;
}
.service-card a {
    position: relative;
    color: #ff6900;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.service-area .section-row{
	margin-bottom: 25px;
}
.service-item {
  position: relative;
  margin-bottom: 25px;
  padding: 10px;
  background:#fff;
  border-radius: 10px;
  transition: all .5s ease-in-out;
  box-shadow: 0px 0px 10px #ccc;
  z-index: 1;
}

.service-img {
  position: relative;
  z-index: 1;
}

.service-img img{
  border-radius: 10px;
}

.service-content {
  position: relative;
  padding: 10px;
  margin-top: 5px;
}

.service-icon {
  position: absolute;
  width: 90px;
  height: 90px;
  line-height: 78px;
  background: var(--theme-color);
  border-radius: 50px;
  font-size: 50px;
  color: var(--color-white);
  text-align: center;
  border: 4px solid var(--color-white);
  left: 50%;
  bottom: -40px;
  box-shadow: var(--box-shadow);
  transform: translateX(-50%);
  z-index: 1;
}

.service-shadow-icon{
  position: absolute;
  right: 10px;
  bottom: 0px;
  font-size: 150px;
  line-height: 1;
  color: var(--theme-color);
  opacity: .1;
  z-index: -1;
}

.service-title a {
  font-size: 20px;
  font-weight: 600;
  margin-top: 42px;
  margin-bottom: 10px;
  color:  var(--color-dark);
}

.service-title a:hover {
  color: var(--theme-color);
}

.service-arrow {
  margin-top: 12px;
}

.service-arrow a{
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--theme-color);
}

.service-arrow a i{
  margin-left: 5px;
}
.hero-video-section{
	position:relative;
	width: 100%;
	height: 950px;
}
.hero-video {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 89%;
    object-fit: cover;
    z-index: -2;
    margin-top: 100px;
}
.AboutProVideo{
    position:relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background: #1c1276;
    opacity: 0.7;
}
.hero-content-box{
    position:absolute;
    top:0;
    left:0%;
    right: 0%;
    margin: 0 auto;
    width:85%;
    height:100%;
    padding-top:190px;

    text-align:center;

    z-index:5;

    transform-style:preserve-3d;

    perspective:1200px;
}
.hero-content-box h1{

    font-size:72px;

    font-weight:800;

    color:#fff;

    letter-spacing:4px;

    margin-bottom:15px;

    text-transform:uppercase;

    text-shadow:
    0 2px 0 rgba(255,255,255,.08),
    0 8px 20px rgba(0,0,0,.45),
    0 20px 45px rgba(0,0,0,.35);

}
.hero-content-box h3 {
    position: relative;
    font-size: 24px;
    color: #ff6900;
    margin-bottom: 40px;
    margin-top: 20px;
}
.timer-days {
    background: linear-gradient(45deg, #0c0c30e3, #2a28a5c4) !important;
}
.timer-hour {
    background: #28279f !important;
}
.timer-mint {
    background: #ff6900 !important;
}
.timer-second {
    background: #0d8cd7 !important;
}
.gem-primary-color{

    display:inline-block;

    padding:6px 20px;

    border-radius:15px;

    background:rgba(242,139,57,.20);

    border:1px solid rgba(255,255,255,.2);

    backdrop-filter:blur(15px);

    box-shadow:
    0 10px 25px rgba(0,0,0,.3);

}
.gem-secondry-color{

    display:inline-block;

    padding:6px 20px;

    border-radius:15px;

    background:rgba(55,181,255,.18);

    border:1px solid rgba(255,255,255,.2);

    backdrop-filter:blur(15px);

    box-shadow:
    0 10px 25px rgba(0,0,0,.3);

}
.counter-box{

    position:relative;

    border-radius:18px;

    overflow:hidden;

    transition:.4s;

    box-shadow:

    0 18px 40px rgba(0,0,0,.35);
    border:2px solid #fff;

}
.counter-box:hover{

    transform:

    translateY(-10px)

    rotateX(12deg)

    rotateY(-8deg)

    scale(1.05);

}
.counter-box::before{

content:"";

position:absolute;

left:-100%;

top:0;

width:80px;

height:100%;

background:

rgba(255,255,255,.25);

transform:skewX(-30deg);

transition:.8s;

}

.counter-box:hover::before{

left:150%;

}
@keyframes heroFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}

.hero-content-box{

animation:heroFloat 6s ease-in-out infinite;

}

.associational-institutional-partners .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #37b5fc;
    position: relative;
}
.associational-institutional-partners .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #37b5fc;
    position: relative;
}
.associational-institutional-partners .nav-pills .nav-link, .nav-pills .show>.nav-link {
    background-color: #ff6900;
    color: #fff;
    margin-right: 10px;
}
.associational-institutional-partners .nav-pills .nav-link.active:before {
    background-color: #37b5fc;
    position: absolute;
    width: 10px;
    height: 10px;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
    bottom: -5px;
}
.footer-links.footer-contact-links{
	font-size: 14px;
}
.footer-links.footer-contact-links li{
	position: relative;
	padding-left: 20px;
}
.footer-links.footer-contact-links li i{
	position: absolute;
	left: 0;
	top: 4px;
}
.breadcrumb-list{
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: center;
	list-style: none;
}
.breadcrumb-list li{
	display: inline-block;
	position: relative;
	padding: 0px 10px;
	color: #fff!important;
	font-size: 18px;
	font-weight: 600;	
}
.breadcrumb-list li a{
	display: inline-block;
	position: relative;
	color: #fff!important;
	font-size: 18px;
	font-weight: 600;
}
.hero-title span{
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border:1px solid rgba(255,255,255,.25);
    border-radius:18px;
    padding:10px 25px;
    box-shadow:0 15px 35px rgba(0,0,0,.3);
}
.associational-institutional-partners::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(45deg, #08071d, #20157eab);
}
.associational-institutional-partners .container {
	position: relative;
	z-index: 2;
}
.associational-institutional-partners .section-title h2 {
	color: #fff;
}
.associational-institutional-partners .section-title h3{
	color: #fff;
}
.speaker-on-follow{
	position: relative;
	width: 100%;
	display: inline-block;
	margin-bottom: 25px;
}
.speaker-on-follow span {
    position: relative;
    margin-right: 20px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    color: #000;
}
.speaker-on-follow ul{
	position: relative;
	list-style: none;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
.speaker-on-follow ul li{
	position: relative;
	list-style: none;
	margin-right: 15px;
	display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;	
}
.speaker-on-follow ul li.fb {
    background: #4C69B1;
}
.speaker-on-follow ul li.tw {
    background: #38B1E3;
}
.speaker-on-follow ul li.yt {
    background: #FF0100;
}
.speaker-on-follow ul li.insta {
    background: #C3355E;
}
.speaker-on-follow ul li a{
	position: relative;
	color: #fff;
	font-size: 16px;
	display: inline-block;
}
/*=======================================================
	Media Room CSS Start here
=======================================================*/
.page-media-room{
	position: relative;
	width: 100%;
	padding: 70px 0px;
}
.media-room-card-box {
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 25px;
    background: #191762;
    padding: 5px;
    box-shadow: 0px 0px 15px #666;
}
.media-room-image{
	position: relative;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 15px;
}
.media-room-image img{
	width: 100%;
	display: block;
	transition: transform 0.5s ease;
	transform: scale(1);
}
.media-room-card-box:hover .media-room-image img{
	transform: scale(1.1);
}
.media-room-text-box{
	position: relative;
	background: #fff;
	padding: 10px;
	border-radius: 4px;
}
.media-room-text-box h3 {
    position: relative;
    font-size: 20px;
    margin: 0px 0px 20px;
    padding: 0px;
    line-height: 26px;
}
.media-room-text-box p {
    position: relative;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
    color: #333;
    padding: 0px;
    line-height: 22px;
}
.read-more-media-room-news{
	position: relative;
	text-decoration: none;
	color: #ff6900;
	margin-bottom: 15px;
	display: block;
}
.page-media-room-detail{
	position: relative;
	width: 100%;
	padding: 60px 0px;
}
.media-room-detail-box{
	position: relative;
	width: 100%;
	display: inline-block;
}
.media-room-detail-image{
	position: relative;
	width: 50%;
	float: left;
	margin: 0 auto;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-right: 25px;
}
.media-room-detail-image img{
	position: relative;
	width: 100%;
	margin: 0 auto;
	border-radius: 8px;
}
.tag-to{
	color: #000;
	font-weight: 600;
}
.media-room-detail-box h3 {
    position: relative;
    font-size: 28px;
    margin: 0px 0px 20px;
    padding: 0px;
    line-height: 32px;
}
.media-room-detail-box p{
	position: relative;
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
.page-organizers{
	position: relative;
	width: 100%;
	padding: 70px 0px;
}
.organizers-page-content-box{
	position: relative;
	width: 100%;
}
.organizers-image-box{
	position: relative;
	width: 100%;
	border-radius: 8px;
	margin-bottom: 15px;
	overflow: hidden;
}
.organizers-image-box img{
	position: relative;
	width: 100%;
}
.page-single-faqs ul {
    position: relative;
    width: 100%;
    list-style: disc;
    margin: 10px 0px 10px 15px;
    padding: 0px;
}
.page-single-faqs ul li {
    position: relative;
    width: 100%;
    list-style: disc;
    font-size: 15px;
    line-height: 22px;
    color: #333;
}
.page-single-faqs h5 {
    position: relative;
    font-size: 20px;
    margin-bottom: 5px;
    color: #333;
}
.mb25{
	margin-bottom: 25px;
}
.light-para{
	position: relative;
	width: 100%;
	background: #f4f5f6;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 10px;
}
.light-para h6{
	position: relative;
	margin: 0px 0px 10px 0px;
	color: #000;
}
.our-speaker-metal .col-xl-3 {
    flex: 0 0 auto;
    width: 20%;
}
.top-header{
    position: relative;
    width: 100%;
    background: #0d8cd7;
    height: 32px;
    overflow: hidden;
}

.text-hilight-box{
    position: relative;
    width: 100%;
    text-align: center;
}

.text-hilight-box p{
    position: relative;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    color: #fff;
    line-height: 32px;
}

.text-hilight-box p span{
    animation: blinkOffer 1s infinite;
}

@keyframes blinkOffer{
    0%{
        color:#ff0000;
    }
    50%{
        color:#ffff00;
    }
    100%{
        color:#ff0000;
    }
}
.registration-type-text-box{
	position: relative;
	width: 100%;
	text-align: center;
	display: inline-block;
}
.registration-type-text-box a {
    position: relative;
    width: auto;
    padding: 15px 25px;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    border-radius: 25px;
    margin: 0px 5px;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px solid #fff;
}
.registration-type-text-box .btn-orange {
    background: #ff6900;
}
.registration-type-text-box .btn-blue {
    background:#0d8cd7;
}
.registration-type-text-box .btn-orange:hover{
    background: #0d8cd7;
}
.registration-type-text-box .btn-blue:hover {
    background:#ff6900;
}
.hero-para{
	position: relative;
	margin: 0px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
}
.magnific-popup-image-item{
    position: relative;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.magnific-popup-image-item img{
    position: relative;
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

.magnific-popup-image-item:hover img{
    transform: scale(1.08);
}
.magnific-popup-image-slider .swiper-slide{
	position: relative;
	text-align: center;
} 
.magnific-popup-image-slider .swiper-slide h4{
	font-size: 16px;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 25px;
	z-index: 1;
	color: #fff;
} 
.magnific-popup-image-slider .swiper-slide figure:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 58.21%, rgba(22, 26, 45, 1) 90.01%);
    z-index: 1;
}
.speaker-card {
	position: relative;
	width: 100%;
    margin-bottom: 25px;
}
.speaker-card .speaker-image {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    position: relative;
}
.speaker-card .speaker-image::before {
    position: absolute;
    content: "";
    background: rgba(206, 20, 70, 0.4);
    inset: 0;
    opacity: 0;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.speaker-card .speaker-image img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}
.speaker-card .speaker-image .speaker-social-icons {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: 0;
}
.speaker-card .speaker-image .speaker-social-icons li {
    height: 20%;
    border-bottom: 1px solid #99072e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.speaker-card .speaker-image .speaker-social-icons li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #24156c;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.speaker-card .speaker-image .speaker-social-icons li i {
    display: block;
    text-align: center;
    width: inherit;
    padding: 0 20px;
    line-height: 1;
    color: #ffffff;
}
.speaker-card .speaker-info {
    text-align: center;
    background: #24156c;
    -webkit-box-shadow: 0px 0px 15px rgba(45, 55, 60, 0.05);
    box-shadow: 0px 0px 15px rgba(45, 55, 60, 0.05);
    border-radius: 0px 0px 5px 5px;
    color: #fff;
    padding: 20px 5px;
}
.speaker-card .speaker-info .speaker-name {
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    color: #ffffff;
}
.speaker-card .speaker-info .speaker-name a {
    color: inherit;
}
.speaker-card .speaker-info p {
    margin-top: 3px;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: #ffffff;
    margin-bottom: 0;
}
.speaker-card:hover .speaker-image .speaker-social-icons li {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.page-our-team{
	position: relative;
	width: 100%;
	padding: 70px 0px 45px 0px ;
}
.supporting-member-title-box{
	position: relative;
	width: 100%;
	background: #ff6900;
	padding: 10px 20px;
	border-radius: 4px;
	margin-bottom: 25px;
}
.supporting-member-title-box h2{
	position: relative;
	font-size: 32px;
	margin: 0px;
	color: #fff;
}
.supporting-member-card-box {
    position: relative;
    width: 100%;
    background: #f7f8f9;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 15px #ccc;
    min-height: 130px;
}
.supporting-member-card-box h4{
	position: relative;
	font-size: 20px;
	margin: 0px 0px 10px 0px;
	color: #25146a;
}
.supporting-member-card-box p{
	position: relative;
	font-size: 14px;
	margin: 0px;
	color: #333;
}
.what3d{
	position: relative;
	width: 100%;
	text-align: center;
}
.what3d p {
    position: relative;
    text-transform: uppercase;
    margin: 0px;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}
.word-seperator{
	position: relative;
	display: inline-block;
	margin: 0px 10px;
	color: #0d8cd7;
}

.registration-type-text-box span{
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #fff;
    line-height: 24px;
}

.registration-type-text-box  span{
    animation: blinkOffer 1s infinite;
}

@keyframes blinkOffer{
    0%{
        color:#ff0000;
    }
    50%{
        color:#ffff00;
    }
    100%{
        color:#ff0000;
    }
}

.page-3D-gem-event-year{
	position: relative;
	width: 100%;
	padding: 70px 0px;
}
.threeD-gem-event-image-item{
	position: relative;
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 25px;
}
.threeD-gem-event-image-item img{
	position: relative;
	width: 100%;
}
.magnific-popup-image-gallery{
	position: relative;
	width: 100%;
	padding: 30px 0px 0px 0px;
}
.magnific-popup-image-gallery .section-row{
	position: relative;
	margin-bottom: 15px;
}
.magnific-popup-image-gallery h2.text-anime-style-3{
	position: relative;
	font-size: 28px;
}
.page-awards{
	position: relative;
	width: 100%;
	padding: 70px 0px;
}
.awards-page-content-box{
	position: relative;
	width: 100%;
}
.awards-image-box{
	position: relative;
	width: 100%;
	border-radius: 8px;
	margin-bottom: 15px;
	overflow: hidden;
}
.awards-image-box img{
	position: relative;
	width: 100%;
}
.page-national-grand-challenge{
	position: relative;
	width: 100%;
	padding: 70px 0px;
}
.national-grand-challenge-page-content-box{
	position: relative;
	width: 100%;
}
.national-grand-challenge-image-box{
	position: relative;
	width: 100%;
	border-radius: 8px;
	margin-bottom: 15px;
	overflow: hidden;
}
.national-grand-challenge-image-box img{
	position: relative;
	width: 100%;
}

.page-conference-section-second {
    width: 100%;
    padding: 70px 0px;
    background-color: #161a2d;
    background-image: url(../images/dark-section-bg-shape.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
    margin-bottom:50px;
}
.page-conference-section-second .event-schedule-nav ul li .nav-link {
    border: 1px solid #ccc;
}
.page-conference-section-second .event-schedule-nav ul li {
    width: calc(50% - 20px);
}
.white-text{
	color: #fff!important;
}
.event-schedule-nav .nav-tabs {
    max-width:inherit!important;
}
.page-conference-section-second .event-schedule-item th {
    background: transparent;
    color: #fff;
}
.page-conference-section-second .event-schedule-item td {
    font-size: 14px;
    line-height: 22px;
    background: transparent;
    color: #fff;
    white-space: nowrap;
}
.page-conference-section-second .event-schedule-item td p{
	font-size: 14px;
    line-height: 22px;
    color: #fff;
}
.page-conference-section-second .event-schedule-item table{
	background: transparent;
}
.page-conference-section-first{
	position: relative;
	width: 100%;
	padding: 60px 0px 0px 0px;
}
.page-conference-section-first .conference-overfiew-box{
	position: relative;
	width: 100%;	
}
.page-conference-section-first .conference-overfiew-box h2 {
    position: relative;
    font-size: 28px;
    margin: 0px 0px 15px 0px;
    color: #fff;
}
.conference-overfiew-box {
    padding: 45px;
    background: linear-gradient(135deg, #251a7a 0%, #3a2daf 100%);
    border: 1px solid #e4edf8;
    border-radius: 20px;
    margin-bottom: 50px;
}
.conference-overview-description {
    position:relative;
    width:100%;
}
.conference-overview-description p{
    color:#fff;
}

/* Heading */
.conference-main-heading {
    margin-bottom: 30px;
}

.conference-main-heading h2 {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 700;
    color: #06194d;
    margin: 0;
}

.conference-main-heading h2 span {
    color: #0874e5;
}


/* Event Focus */
.event-focus-box {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 20px 25px;
    border: 1px solid #2585f5;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 25px;
}

.event-focus-icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef6ff;
    color: #086dd8;
    font-size: 32px;
}

.event-focus-content {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
}

.event-focus-content strong {
    color: #086dd8;
    font-size: 18px;
    white-space: nowrap;
    padding-top: 2px;
}

.event-focus-content p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #252525;
}


/* Info Cards */
.event-info-row {
    margin-bottom: 30px;
}

.event-info-card {
    height: 100%;
    background: #fff;
    border-radius: 15px;
    padding: 22px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 6px 25px rgba(15, 76, 150, 0.10);
    border-bottom: 4px solid #1881ec;
}

.event-info-icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0877e4, #073f9f);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
}

.event-info-content strong {
    display: block;
    font-size: 18px;
    color: #086dd8;
    margin-bottom: 4px;
}

.event-info-content p {
    margin: 0;
    font-size: 17px;
    line-height: 1.45;
    color: #171717;
}


/* Introduction */
.conference-intro-box {
    position: relative;
    background: #fff;
    border: 1px solid #b8d8fa;
    border-radius: 17px;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 74, 153, 0.07);
}

.conference-intro-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    background: #0878e6;
}

.conference-intro-title {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 25px;
}

.intro-title-icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0879e7, #063c96);
    color: #fff;
    border-radius: 12px;
    font-size: 28px;
}

.conference-intro-title h3 {
    font-size: 29px;
    line-height: 1.3;
    color: #071a4d;
    font-weight: 700;
    margin: 2px 0 0;
}

.introduction-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}

.introduction-heading h4 {
    color: #0873dd;
    font-size: 25px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
}

.introduction-heading:after {
    content: "";
    height: 1px;
    flex: 1;
    background: #0873dd;
    opacity: .45;
}

.conference-intro-box > p {
    font-size: 17px;
    line-height: 1.75;
    color: #333;
    margin-bottom: 18px;
}

.conference-intro-box > p:last-child {
    margin-bottom: 0;
}


/* Responsive */
@media(max-width: 991px) {

    .conference-overfiew-box {
        padding: 30px;
    }

    .conference-main-heading h2 {
        font-size: 36px;
    }

    .event-info-card {
        margin-bottom: 20px;
    }

    .event-focus-content {
        display: block;
    }

    .event-focus-content strong {
        display: block;
        margin-bottom: 7px;
    }
}


@media(max-width: 767px) {

    .conference-overfiew-box {
        padding: 20px 15px;
        border-radius: 14px;
    }

    .conference-main-heading h2 {
        font-size: 29px;
    }

    .conference-main-heading h2 br {
        display: none;
    }

    .event-focus-box {
        align-items: flex-start;
        padding: 18px;
    }

    .event-focus-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        font-size: 23px;
    }

    .event-focus-content p {
        font-size: 15px;
    }

    .conference-intro-box {
        padding: 25px 20px 25px 27px;
    }

    .conference-intro-title h3 {
        font-size: 22px;
    }

    .intro-title-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        font-size: 22px;
    }

    .introduction-heading h4 {
        font-size: 22px;
    }

    .conference-intro-box > p {
        font-size: 15px;
    }
}
.page-speaker-single {
    padding: 80px 0;
    background: #f6f9fd;
}


/* Main Box */

.speaker-profile-wrapper {
    position: relative;
    background: #fff;
    padding: 45px;
    border-radius: 22px;
    box-shadow: 0 10px 40px rgba(0, 50, 120, 0.08);
    overflow: hidden;
}

.speaker-profile-wrapper:before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    right: -100px;
    top: -100px;
    border-radius: 50%;
    background: rgba(25, 126, 235, 0.08);
}


/* Image */

.speaker-image-box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(
        145deg,
        #eaf4ff,
        #d5eaff
    );

    padding: 10px;
}

.speaker-image-box:before {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    top: -40px;
    left: -40px;

    background-image: radial-gradient(
        #3ba7f2 2px,
        transparent 2px
    );

    background-size: 13px 13px;
    opacity: .25;
}

.speaker-image-box img {
    width: 100%;
    height: 530px;
    object-fit: cover;
    object-position: top center;

    border-radius: 15px;
    position: relative;
    z-index: 2;
}


/* Content */

.speaker-single-content {
    padding: 20px 20px 20px 30px;
}


/* Heading */

.speaker-title-box {
    position: relative;
    padding-left: 25px;
    margin-bottom: 35px;
}

.speaker-title-box:before {
    content: "";
    position: absolute;

    left: 0;
    top: 4px;

    width: 5px;
    height: 40px;

    background: #1680e8;
    border-radius: 5px;
}

.speaker-title-box h2 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #06174a;
    margin: 0;
}


/* Description */

.speaker-description {
    margin-bottom: 35px;
}

.speaker-description p {
    font-size: 17px;
    line-height: 1.8;
    color: #373737;
    margin-bottom: 15px;
}


/* Follow */

.speaker-follow-box {
    margin-top: 25px;
}

.speaker-follow-box h4 {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;

    color: #071747;
    margin-bottom: 17px;
}

.speaker-follow-box ul {
    padding: 0;
    margin: 0;

    display: flex;
    flex-wrap: wrap;

    gap: 14px;

    list-style: none;
}

.speaker-follow-box ul li {
    margin: 0;
}

.speaker-follow-box ul li a {
    min-width: 135px;

    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius: 6px;

    color: #fff;

    font-size: 16px;
    font-weight: 500;

    text-decoration: none;

    transition: .3s;
}

.speaker-follow-box ul li a:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 18px rgba(0,0,0,.15);
}


.speaker-follow-box .facebook {
    background: #4267B2;
}

.speaker-follow-box .twitter {
    background: #32abe1;
}

.speaker-follow-box .linkedin {
    background: #0077b5;
}

.speaker-follow-box .instagram {
    background: linear-gradient(
        45deg,
        #f09433,
        #e6683c,
        #dc2743,
        #cc2366,
        #bc1888
    );
}


/* Info Row */

.speaker-info-row {
    margin-top: 40px;
}


/* Info Card */

.speaker-info-card {
    position: relative;
    min-height: 180px;
    padding: 15px 10px;
    background: #fff;
    border: 1px solid #e4edf8;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    box-shadow: 0 7px 25px rgba(0, 70, 140, .08);
    border-left: 7px solid #147ce5;
}

.speaker-info-card:after {
    content: "";

    position: absolute;

    right: -30px;
    bottom: -30px;

    width: 130px;
    height: 130px;

    background-image: radial-gradient(
        #1983e9 2px,
        transparent 2px
    );

    background-size: 12px 12px;

    opacity: .12;
}


/* Info Icon */

.speaker-info-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #2b8cef, #0746b2);
    color: #fff;
    font-size: 24px;
    box-shadow: 0 8px 18px rgba(16, 94, 200, .25);
}


/* Info Content */

.speaker-info-content {
    position: relative;
    z-index: 2;
}

.speaker-info-content span {
    display: inline-block;

    font-size: 16px;
    color: #165fc1;

    margin-bottom: 12px;
}

.speaker-info-content span:after {
    content: "";

    width: 45px;
    height: 3px;

    display: block;

    background: #1581e8;

    margin-top: 8px;
}

.speaker-info-content h3 {
    font-size: 18px;
    line-height: 1.35;

    font-weight: 700;

    color: #171717;

    margin: 0;
}


/* Tablet */

@media (max-width: 991px) {

    .speaker-profile-wrapper {
        padding: 30px;
    }

    .speaker-image-box img {
        height: 430px;
    }

    .speaker-single-content {
        padding: 10px 0 10px 20px;
    }

    .speaker-title-box h2 {
        font-size: 38px;
    }

    .speaker-info-card {
        min-height: 170px;
        padding: 25px 20px;
    }

    .speaker-info-icon {
        width: 70px;
        height: 70px;
        min-width: 70px;
        font-size: 28px;
    }

    .speaker-info-content h3 {
        font-size: 20px;
    }
}


/* Mobile */

@media (max-width: 767px) {

    .page-speaker-single {
        padding: 50px 0;
    }

    .speaker-profile-wrapper {
        padding: 15px;
        border-radius: 15px;
    }

    .speaker-image-box {
        margin-bottom: 30px;
    }

    .speaker-image-box img {
        height: auto;
    }

    .speaker-single-content {
        padding: 0;
    }

    .speaker-title-box {
        padding-left: 17px;
        margin-bottom: 25px;
    }

    .speaker-title-box:before {
        height: 42px;
    }

    .speaker-title-box h2 {
        font-size: 31px;
    }
    .speaker-description p {
        font-size: 15px;
        line-height: 1.7;
    }

    .speaker-follow-box ul {
        gap: 10px;
    }

    .speaker-follow-box ul li a {
        min-width: auto;
        padding: 0 15px;
        font-size: 14px;
    }

    .speaker-info-row {
        margin-top: 30px;
    }

    .speaker-info-card {
        margin-bottom: 20px;

        min-height: auto;

        padding: 22px;

        gap: 18px;
    }

    .speaker-info-icon {
        width: 60px;
        height: 60px;

        min-width: 60px;

        font-size: 24px;
    }

    .speaker-info-content h3 {
        font-size: 18px;
    }
}
/*=================================================================
Six Key Activities Section css start here
=============================================================*/
.six-key-activity-section {
    position: relative;
    padding: 60px 25px;
    background: #f7f9fc;
    overflow: hidden;
}

/* LEFT CONTENT */

.key-activity-content {
    padding: 30px 40px 30px 10px;
}

.key-activity-content > h3 {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #0d2552;
    padding-left: 25px;
    margin-bottom: 35px;
}

.key-activity-content > h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background: #2daff7;
    border-radius: 50%;
    transform: translateY(-50%);
}

.key-activity-content h2 {
    font-size: 58px;
    line-height: 1.05;
    font-weight: 700;
    color: #0d1b3e;
    margin-bottom: 25px;
}

.key-activity-content h2 span {
    color: #2daff7;
}

.activity-title-line {
    width: 60px;
    height: 4px;
    background: #ff8a25;
    border-radius: 10px;
    margin-bottom: 35px;
}

.key-activity-content p {
    max-width: 420px;
    font-size: 18px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 30px;
}

.key-activity-content .btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 17px 30px;
    background: #ff8a25;
    color: #fff;
    border: 0;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .3s ease;
}

.key-activity-content .btn:hover {
    background: #0d5ed7;
    color: #fff;
}


/* ACTIVITY CARD */
.activity-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    min-height: 325px;
    padding: 20px 15px;
    background: #fff;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 15px 35px rgba(0, 35, 90, 0.08);
    transition: all .35s ease;
    overflow: hidden;
}

.activity-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 35, 90, 0.15);
}


/* ICON */
.activity-icon {
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 10px #ccc;
    padding: 10px;
    overflow: hidden;
}

.activity-icon img {
    width:100%;
    height:100%;
    object-fit: contain;
}


/* TITLE */

.activity-card h3 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    color: #0d1b3e;
    margin: 0;
}


/* ORANGE LINE */

.activity-line {
    display: block;
    width: 55px;
    height: 4px;
    background: #ff7b16;
    border-radius: 10px;
    margin: 18px auto;
}


/* DESCRIPTION */

.activity-card p {
    font-size: 14px;
    line-height: 20px;
    color: #4b5568;
    margin: 0;
}


/* HOVER EFFECT */

.activity-card:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 4px;

    background: #ff7b16;

    transform: scaleX(0);
    transform-origin: left;

    transition: all .35s ease;
}

.activity-card:hover:before {
    transform: scaleX(1);
}

.activity-card:hover h3 {
    color: #0876e8;
}


/* TABLET */

@media (max-width: 991px) {

    .why-join-us-3dgem {
        padding: 60px 15px;
    }

    .key-activity-content {
        padding: 0 0 40px;
    }

    .key-activity-content h2 {
        font-size: 46px;
    }

    .activity-card {
        min-height: 390px;
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .why-join-us-3dgem {
        padding: 50px 10px;
    }

    .key-activity-content h2 {
        font-size: 38px;
    }

    .key-activity-content p {
        font-size: 16px;
    }

    .activity-card {
        min-height: auto;
        padding: 30px 20px;
    }

    .activity-icon {
        width: 135px;
        height: 135px;
    }

    .activity-icon img {
        width: 110px;
        height: 110px;
    }

}

/*=======================================================================
	Who attend 3d gem evnet section css 
	=====================================================================*/
.who-attend-3dgem-event-section {
    position: relative;
    padding: 90px 0;
    background: #f7f9fc;
    overflow: hidden;
}
.who-attend-3dgem-event-section .section-row {
    margin-bottom: 40px;
}
.who-attend-3dgem-event-section:before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: rgba(38, 169, 242, 0.08);
    top: -180px;
    left: -180px;
}

.who-attend-3dgem-event-section:after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 136, 42, 0.08);
    right: -140px;
    bottom: -160px;
}

.who-attend-3dgem-event-section .container {
    position: relative;
    z-index: 2;
}

.who-attend-3dgem-event-section .section-title {
    margin-bottom: 55px;
}

.who-attend-3dgem-event-section .section-title h3 {
    font-size: 18px;
    font-weight: 600;
    color: #10172d;
    margin-bottom: 18px;
}

.who-attend-3dgem-event-section .section-title h3:before {
    background: #2daff7;
}

.who-attend-3dgem-event-section .section-title h2 {
    font-size: 54px;
    line-height: 1.15;
    font-weight: 700;
    color: #11182f;
}

.who-attend-3dgem-event-section .section-title h2 span {
    color: #2daff7;
}

.who-attend-subtitle {
    max-width: 680px;
    margin: 20px auto 0;
    font-size: 17px;
    line-height: 1.7;
    color: #5d6472;
}


/* CARD */
.attendee-item {
    min-height: 80px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #edf1f6;
    box-shadow: 0 8px 25px rgba(12, 43, 88, 0.06);
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
}


/* BOTTOM LINE */
.attendee-item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #168ce5;
}


/* EVEN CARDS ORANGE LINE */
.attendee-grid > div:nth-child(even) .attendee-item:before {
    background: #ff8218;
}


/* ICON CIRCLE */
.attendee-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #edf6ff;
    color: #168ce5;

    font-size: 28px;
}


/* EVEN ICON ORANGE */
.attendee-grid > div:nth-child(even) .attendee-icon {
    background: #fff2e8;
    color: #ff8218;
}


/* TITLE */
.attendee-item h4 {
    margin: 0;
    color: #0b1d4d;
    font-size: 19px;
    font-weight: 700;
}


/* HOVER */
.attendee-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(12, 43, 88, .12);
}


/* INDUSTRY LEADERS */
.attendee-highlight {
    background: linear-gradient(135deg, #1766d5, #158fe8);
    border: none;
}

.attendee-highlight:before {
    display: none;
}

.attendee-highlight .attendee-icon {
    background: rgba(255,255,255,.15) !important;
    color: #fff !important;
}

.attendee-highlight h4 {
    color: #fff;
}

.page-conference-section-third{
	position: relative;
	width: 100%;
	padding: 60px 0px;
}
.page-conference-section-third .text-area{
	position: relative;
	width: 100%;
}
.page-conference-section-third .text-area h3 {
    position: relative;
    font-size: 24px;
    margin: 0px 0px 10px 0px;
    background: #fc7421;
    padding: 10px 20px;
    border-radius: 4px;
    color: #fff;
}
.page-conference-section-third .text-area p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
}
.page-conference-section-third .text-area p strong{
	position: relative;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 0px;
}
.page-conference-section-third .text-area strong {
    position: relative;
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
}
.page-conference-section-third .text-area h4 {
    position: relative;
    font-size: 20px;
    margin: 0px 0px 10px 0px;
    color: #fc7421;
    font-weight: 600;
}
.page-conference-section-third .text-area ul {
    position: relative;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
.page-conference-section-third .text-area ul li{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
}
.page-conference-section-third .text-area ul li strong {
    position: relative;
    font-size: 14px;
    margin-bottom: 0px;
    display: inline-block;
}




.page-speaker-list {
    padding: 80px 0;
    background: #f8fbff;
}


/* Section Heading */

.page-speaker-list .speaker-section-heading {
    max-width: 750px;
    margin: 0 auto 50px;
}

.page-speaker-list .speaker-section-heading span {
    display: inline-block;
    color: #0b79e5;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.page-speaker-list .speaker-section-heading h2 {
    font-size: 44px;
    line-height: 1.2;
    color: #071a4d;
    font-weight: 700;
    margin-bottom: 18px;
}

.page-speaker-list .speaker-section-heading p {
    font-size: 17px;
    line-height: 1.7;
    color: #65728a;
    margin: 0;
}


/* Speaker Card */

.page-speaker-list .speaker-card {
    height: 100%;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e3ebf5;
    box-shadow: 0 8px 25px rgba(0, 55, 120, 0.08);
    transition: all .3s ease;
}

.speaker-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 70, 150, 0.15);
}


/* Image */

.page-speaker-list .speaker-card-image {
    position: relative;
    background: #eaf4ff;
    overflow: hidden;
}

.page-speaker-list .speaker-card-image img {
    width: 100%;
    height: 315px;
    object-fit: cover;
    object-position: top center;
    transition: all .4s ease;
}

.page-speaker-list .speaker-card:hover .speaker-card-image img {
    transform: scale(1.04);
}
.page-speaker-list .speaker-card-icon {
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-50%);

    width: 58px;
    height: 58px;

    border-radius: 50%;

    background: linear-gradient(135deg, #1689ef, #0850bc);
    border: 4px solid #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    font-size: 20px;

    box-shadow: 0 5px 15px rgba(0, 91, 190, .25);

    z-index: 2;
}


/* Content */

.page-speaker-list .speaker-card-content {
    padding: 15px;
}

.page-speaker-list .speaker-card-content h3 {
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 5px;
}

.page-speaker-list .speaker-card-content h3 a {
    color: #071a4d;
    text-decoration: none;
}

.page-speaker-list .speaker-card-content h3 a:hover {
    color: #0b79e5;
}


/* Meta */

.page-speaker-list .speaker-meta {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5edf6;
}

.page-speaker-list .speaker-meta:last-child {
    margin-bottom: 0;
}

.page-speaker-list .speaker-meta-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;

    background: #eef6ff;
    color: #0978e6;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
}

.page-speaker-list .speaker-meta p {
    margin: 3px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #343c4b;
}


/* Company */

.page-speaker-list .speaker-company {
    border-bottom: none;
    padding-bottom: 0;
}


/* Responsive */

@media (max-width: 1199px) {

    .page-speaker-list .speaker-card-image img {
        height: 280px;
    }

    .page-speaker-list .speaker-card-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-speaker-list .speaker-card-content h3 {
        font-size: 21px;
    }
}


@media (max-width: 991px) {

    .page-speaker-list .speaker-section-heading h2 {
        font-size: 36px;
    }

    .page-speaker-list .speaker-card-image img {
        height: 370px;
    }
}


@media (max-width: 767px) {

    .page-speaker-list .page-speaker {
        padding: 50px 0;
    }

    .page-speaker-list .speaker-section-heading {
        margin-bottom: 35px;
    }

    .page-speaker-list .speaker-section-heading h2 {
        font-size: 30px;
    }

    .page-speaker-list .speaker-section-heading p {
        font-size: 15px;
    }

    .page-speaker-list .speaker-card-image img {
        height: auto;
        max-height: 430px;
    }
}

/*======================================================
Teak page css start here
=====================================================*/
.page-our-team {
    padding: 80px 0;
    background: #f7faff;
}


/* =========================
   Heading
========================= */

.team-section-heading {
    max-width: 750px;
    margin: 0 auto 50px;
}

.team-section-heading > span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #0879e5;
    margin-bottom: 12px;
}

.team-section-heading h2 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 700;
    color: #071a4d;
    margin-bottom: 15px;
}

.team-section-heading p {
    font-size: 17px;
    line-height: 1.7;
    color: #66758d;
    margin: 0;
}


/* =========================
   Team Card
========================= */

.our-team-card {
    height: 100%;
    background: #fff;
    border: 1px solid #e4ebf4;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 52, 115, 0.08);
    transition: all .35s ease;
}

.our-team-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 71, 150, 0.16);
}


/* =========================
   Image
========================= */

.team-image-box {
    position: relative;
    height: 310px;
    background: #eaf4ff;
}

.team-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition: all .45s ease;
}

.our-team-card:hover .team-image-box img {
    transform: scale(1.04);
}


/* Floating Icon */

.team-icon-box {
    position: absolute;
    left: 30px;
    bottom: -28px;

    width: 58px;
    height: 58px;

    border-radius: 50%;
    border: 4px solid #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(135deg, #1689ef, #0750ba);

    color: #fff;
    font-size: 20px;

    box-shadow: 0 6px 18px rgba(0, 83, 180, 0.25);

    z-index: 2;
}


/* =========================
   Content
========================= */
.team-card-content {
    position: relative;
    padding: 30px 15px 15px;
}
.team-card-content h3 {
    font-size: 20px;
    line-height: 1.3;
    color: #081a48;
    font-weight: 700;
    margin: 0;
}

/* =========================
   Info
========================= */
.team-info-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    border-top: 1px solid #e4ebf4;
    margin-top: 10px;
    padding-top: 10px;
}

.team-info-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #edf6ff;
    color: #0879e5;

    font-size: 15px;
}

.team-info-text {
    flex: 1;
}

.team-info-text span {
    display: block;
    font-size: 13px;
    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .5px;

    color: #8994a7;

    margin-bottom: 5px;
}

.team-info-text p {
    margin: 0;

    font-size: 14px;
    line-height: 1.55;

    color: #252e3d;
    font-weight: 500;
}


/* Last item */

.company-info {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}


/* =========================
   Responsive
========================= */

@media (max-width: 1199px) {

    .team-image-box {
        height: 360px;
    }

    .team-card-content h3 {
        font-size: 23px;
    }

}


@media (max-width: 991px) {

    .page-our-team {
        padding: 65px 0;
    }

    .team-section-heading h2 {
        font-size: 36px;
    }

    .team-image-box {
        height: 420px;
    }

}


@media (max-width: 767px) {

    .page-our-team {
        padding: 50px 0;
    }

    .team-section-heading {
        margin-bottom: 35px;
    }

    .team-section-heading > span {
        font-size: 14px;
    }

    .team-section-heading h2 {
        font-size: 30px;
    }

    .team-section-heading p {
        font-size: 15px;
    }

    .team-image-box {
        height: auto;
    }

    .team-image-box img {
        height: auto;
        max-height: 450px;
    }

    .team-card-content {
        padding: 42px 22px 25px;
    }

    .team-card-content h3 {
        font-size: 22px;
    }

}




/*=======================================================================
	Latest News and Blogs section css 
	=====================================================================*/
.latest-news-and-blog-section {
    position: relative;
    padding: 90px 0;
    background: #f7f9fc;
    overflow: hidden;
}
.latest-news-and-blog-section .section-row {
    margin-bottom: 40px;
}
.latest-news-and-blog-section:before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: rgba(38, 169, 242, 0.08);
    top: -180px;
    left: -180px;
}

.latest-news-and-blog-section:after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 136, 42, 0.08);
    right: -140px;
    bottom: -160px;
}

.latest-news-and-blog-section .container {
    position: relative;
    z-index: 2;
}
.page-about-our-event-section{
    position:relative;
    width:100%;
    padding:60px 0px;
}

.page-our-team-supporting-member-secion {
    background: #fff;
    padding: 60px 0px;
    width: 100%;
}

.supporting-member-section h2 {
    color: #0c1f4a;
    font-size: 30px;
}

.supporting-member-card {
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.supporting-member-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.10);
}

.member-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #f0f5fd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-icon i {
    font-size: 24px;
    color: #1464d2;
}

.member-content h5 {
    font-size: 16px;
    color: #111;
}

.member-content p {
    font-size: 14px;
    line-height: 1.5;
}

.member-line {
    width: 28px;
    height: 2px;
    background: #2b78e4;
}
.text-blue {
    color: #1464d2 !important;
    font-weight: 600;
}
/*===============================================================================
	Page Activity Page Section css start here
===============================================================================*/
.page-activity-section{
	position: relative;
	width: 100%;
	padding: 60px 0px;
}
.page-activity-section .section-row {
    margin-bottom: 20px;
}
.page-activity-section h2{
	position: relative;
	font-size: 36px;
	margin: 0px 0px 15px 0px;
}
.activity-gallery-box {
    box-shadow: 0px 0px 7px #252059;
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    padding: 5px;
    background: #252059;
}
.activity-gallery-box img{
	position: relative;
	width: 100%;
	border-radius: 5px;
}

.page-activity-section p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	margin: 0px 0px 15px 0px;
}

.activity-page-content-box{
	position: relative;
	width: 100%;
}
.activity-page-content-box ul {
    position: relative;
    width: 100%;
    display: inline-block;
    list-style: disc;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
}
.activity-page-content-box ul li{
	position: relative;
	width: 47.5%;
	float: left;
	list-style: disc;
	font-size: 14px;
	line-height: 24px;
	margin-left: 20px;
}
.activity-page-content-box h3 {
    position: relative;
    font-size: 24px;
    font-weight: 500;
}
.activity-page-content-box h4 {
    position: relative;
    font-size: 24px;
    font-weight: 500;
}
.activity-image-box{
	position: relative;
	width: 100%;
	border-radius: 8px;
	margin-bottom: 15px;
	overflow: hidden;
}
.activity-image-box img{
	position: relative;
	width: 100%;
}
.page-activity-exhibition-section .page-section-title{
	position: relative;
	width: 100%;
	text-align: center;
}
.page-activity-exhibition-section .page-section-title h2{
	position: relative;
    position: relative;
    font-size: 24px;
    font-weight: 500;	
}
.page-activity-exhibition-section .page-section-title h4{
	position: relative;
    position: relative;
    font-size: 18px;
    font-weight: 500;	
    color: #1C1276;
}
.page-activity-exhibition-section .page-section-title h4 span{
	position: relative;
    position: relative;
    font-size: 18px;
    font-weight: 500;	
    color: #ae1859;
}
.stall-booking-section {
   background: #ffffff;
}

.stall-booking-section .stall-booking-section-badge {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 8px 18px;
   background: #fff0e6;
   color: #9d3c00;
   border-radius: 50px;
   font-size: 14px;
   font-weight: 700;
}

.stall-booking-section .stall-booking-section-badge i {
   color: #ff6a00;
}

.stall-booking-section .stall-booking-section-line {
   width: 110px;
   height: 3px;
   background: #ff6a00;
   margin: 18px auto 0;
   border-radius: 10px;
}

.stall-booking-section .stall-booking-section-status {
   background: #f8f7ff;
   border: 1px solid #ddd9ff;
   border-radius: 14px;
   padding: 25px 20px;
}

.stall-booking-section .stall-booking-section-status h4 {
   margin: 0;
   font-size: 24px;
   line-height: 1.6;
   font-weight: 700;
   color: #241770;
}

.stall-booking-section .stall-booking-section-status h4 span {
   color: #b7185c;
}

.stall-booking-section .stall-booking-section-card {
   background: #fff;
   border: 1px solid #eceaf8;
   border-top: 5px solid #4e3cb3;
   border-radius: 18px;
   padding: 40px 30px;
   text-align: center;
   box-shadow: 0 10px 30px rgba(34, 25, 90, 0.08);
   transition: all 0.3s ease;
}

.stall-booking-section .stall-booking-section-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 18px 40px rgba(34, 25, 90, 0.14);
}

.stall-booking-section .stall-booking-section-card-pink {
   border-top-color: #c2185b;
}

.stall-booking-section .stall-booking-section-icon {
   width: 76px;
   height: 76px;
   margin: 0 auto 22px;
   border-radius: 50%;
   background: #f2efff;
   color: #4e3cb3;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 30px;
}

.stall-booking-section .stall-booking-section-card-pink
.stall-booking-section-icon {
   background: #fff0f5;
   color: #c2185b;
}

.stall-booking-section .stall-booking-section-card h3 {
   font-size: 23px;
   line-height: 1.45;
   font-weight: 700;
   color: #4e3cb3;
   max-width: 420px;
   margin: 0 auto;
}

.stall-booking-section .stall-booking-section-card-pink h3 {
   color: #c2185b;
}

.stall-booking-section .stall-booking-section-divider {
   width: 70px;
   height: 2px;
   background: #ddd;
   margin: 22px auto;
   position: relative;
}

.stall-booking-section .stall-booking-section-divider:after {
   content: "";
   width: 8px;
   height: 8px;
   background: #4e3cb3;
   border-radius: 50%;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.stall-booking-section .stall-booking-section-card-pink
.stall-booking-section-divider:after {
   background: #c2185b;
}

.stall-booking-section .stall-booking-section-card h4 {
   font-size: 21px;
   font-weight: 800;
   color: #171b33;
   margin-bottom: 8px;
}

.stall-booking-section .stall-booking-section-card p {
   font-size: 17px;
   line-height: 1.7;
   color: #555b70;
   margin-bottom: 25px;
}

.stall-booking-section .stall-booking-section-contact {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   width: fit-content;
   margin: 14px auto 0;
   text-decoration: none;
   color: #4e3cb3;
   font-size: 17px;
   font-weight: 600;
}

.stall-booking-section .stall-booking-section-card-pink
.stall-booking-section-contact {
   color: #c2185b;
}

.stall-booking-section .stall-booking-section-small-icon {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   background: #f2efff;
   display: flex;
   align-items: center;
   justify-content: center;
}

.stall-booking-section .stall-booking-section-card-pink
.stall-booking-section-small-icon {
   background: #fff0f5;
}

.stall-booking-section .stall-booking-section-contact strong {
   font-weight: 800;
}

.stall-booking-section .stall-booking-section-contact:hover {
   color: #ff6a00;
}


@media(max-width: 767px) {

   .stall-booking-section .stall-booking-section-header h2 {
      font-size: 34px;
   }

   .stall-booking-section .stall-booking-section-status h4 {
      font-size: 19px;
   }

   .stall-booking-section .stall-booking-section-card {
      padding: 30px 20px;
   }

   .stall-booking-section .stall-booking-section-card h3 {
      font-size: 20px;
   }

   .stall-booking-section .stall-booking-section-contact {
      font-size: 15px;
   }
}
.qr-scanner-for-payment{
    position: relative;
    width: 100%;
    background: repeating-linear-gradient(45deg, #24107f, #01a6de 100px);
    padding: 15px;
}
.qr-scanner-for-payment img{
    position: relative;
    width: 100%;
}
.bank-information-for-payment {
    position: relative;
    width: 100%;
    background: repeating-linear-gradient(45deg, #24107f, #01a6de 100px);
    padding: 15px;
}
.bank-details-table table tr td {
    font-size: 14px;
    line-height: 21.5px;
}
.bank-details-table table thead tr th {
    font-size: 18px;
    line-height: 21.5px;
    text-transform: uppercase;
    color: #c2185b;
}
.row.mt-20{
	margin-top: 20px;

}
.exhibition-booking-cta {
    padding: 25px 0;
}

.exhibition-booking-cta .exhibition-booking-cta-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 38px 40px;
    overflow: hidden;
    border-radius: 14px;
    background: linear-gradient(120deg, #21156f 0%, #271b86 55%, #3e28d0 100%);
    box-shadow: 0 12px 30px rgba(33, 21, 111, 0.18);
}

/* Dotted Decoration */
.exhibition-booking-cta .exhibition-booking-cta-inner::before,
.exhibition-booking-cta .exhibition-booking-cta-inner::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    opacity: 0.25;
    background-image: radial-gradient(
        rgba(255, 255, 255, 0.8) 2px,
        transparent 2px
    );
    background-size: 11px 11px;
}

.exhibition-booking-cta .exhibition-booking-cta-inner::before {
    top: -15px;
    left: -15px;
}

.exhibition-booking-cta .exhibition-booking-cta-inner::after {
    right: -15px;
    bottom: -20px;
}


/* Icon */
.exhibition-booking-cta .exhibition-booking-cta-icon {
    position: relative;
    z-index: 2;
    width: 82px;
    min-width: 82px;
    height: 82px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #7356e8, #5841d4);
    color: #ffffff;
    font-size: 32px;
}


/* Content */
.exhibition-booking-cta .exhibition-booking-cta-content {
    position: relative;
    z-index: 2;
    flex: 1;
}

.exhibition-booking-cta .exhibition-booking-cta-content h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
}

.exhibition-booking-cta .exhibition-booking-cta-content p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 16px;
    line-height: 1.6;
}


/* Button */
.exhibition-booking-cta .exhibition-booking-cta-action {
    position: relative;
    z-index: 2;
    margin-left: auto;
}

.exhibition-booking-cta .exhibition-booking-cta-action a {
    min-width: 245px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 26px;
    border-radius: 50px;
    background: #ff6800;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.exhibition-booking-cta .exhibition-booking-cta-action a:hover {
    background: #ffffff;
    color: #251879;
    transform: translateY(-2px);
}

.exhibition-booking-cta .exhibition-booking-cta-action a i {
    font-size: 15px;
}


/* Tablet */
@media (max-width: 991px) {

    .exhibition-booking-cta .exhibition-booking-cta-inner {
        flex-wrap: wrap;
        padding: 30px;
    }

    .exhibition-booking-cta .exhibition-booking-cta-content {
        flex: 1 1 calc(100% - 110px);
    }

    .exhibition-booking-cta .exhibition-booking-cta-action {
        width: 100%;
        margin-left: 110px;
    }
}


/* Mobile */
@media (max-width: 767px) {

    .exhibition-booking-cta .exhibition-booking-cta-inner {
        display: block;
        padding: 30px 20px;
        text-align: center;
    }

    .exhibition-booking-cta .exhibition-booking-cta-icon {
        width: 70px;
        min-width: 70px;
        height: 70px;
        margin: 0 auto 18px;
        font-size: 28px;
    }

    .exhibition-booking-cta .exhibition-booking-cta-content h3 {
        font-size: 23px;
    }

    .exhibition-booking-cta .exhibition-booking-cta-content p {
        font-size: 15px;
    }

    .exhibition-booking-cta .exhibition-booking-cta-action {
        width: 100%;
        margin: 22px 0 0;
    }

    .exhibition-booking-cta .exhibition-booking-cta-action a {
        width: 100%;
        min-width: auto;
    }
}
.page-activity-exhibition-section{
	position: relative;
	width: 100%;
	padding: 60px 0px 0px 0px;
}
.page-activity-exhibition-section .section-row {
    margin-bottom: 20px;
}
/*===============================================================================
	Page Delegate Registration Section css start here
===============================================================================*/
.delegate-registration-section {
   background: #f7f8fc;
   font-family: 'Open Sans', sans-serif;
   color: #202020;
}

.delegate-registration-section .container {
   max-width: 1300px;
}

.delegate-registration-section .delegate-registration-section-title {
   background: linear-gradient(135deg, #ba1457, #df175f);
   padding: 35px 30px;
   border-radius: 15px;
   position: relative;
   overflow: hidden;
}

.delegate-registration-section .delegate-registration-section-title:before {
   content: "";
   width: 220px;
   height: 220px;
   border-radius: 50%;
   background: rgba(255,255,255,.08);
   position: absolute;
   top: -100px;
   right: -30px;
}

.delegate-registration-section .delegate-registration-section-title h1 {
   color: #fff;
   font-size: 42px;
   font-weight: 800;
   margin: 0;
}

.delegate-registration-section .delegate-registration-card {
   background: #fff;
   border: 1px solid #e9e9ef;
   border-radius: 15px;
   box-shadow: 0 8px 30px rgba(19, 20, 51, 0.06);
   overflow: hidden;
}

.delegate-registration-section .delegate-registration-heading {
   display: flex;
   align-items: center;
   gap: 15px;
   padding: 22px 30px;
   border-bottom: 1px solid #eee;
}

.delegate-registration-section .delegate-registration-heading span {
   width: 45px;
   height: 45px;
   background: #21177e;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 17px;
   font-weight: 800;
}

.delegate-registration-section .delegate-registration-heading h2 {
   margin: 0;
   font-size: 27px;
   font-weight: 800;
   color: #17135d;
}

.delegate-registration-section .delegate-registration-content {
   padding: 28px 32px;
}

.delegate-registration-section .delegate-registration-content p,
.delegate-registration-section .delegate-registration-content li {
   font-size: 17px;
   line-height: 1.8;
}

.delegate-registration-section .delegate-registration-content ul {
   margin-bottom: 0;
}

.delegate-registration-section .delegate-registration-content li {
   margin-bottom: 10px;
}

.delegate-registration-section .delegate-registration-highlight-text {
   color: #21177e;
}

.delegate-registration-section .delegate-registration-blue-banner {
   background: linear-gradient(135deg, #20146e, #31258c);
   border-radius: 14px;
   padding: 28px 35px;
   box-shadow: 0 10px 25px rgba(34,22,123,.12);
}

.delegate-registration-section .delegate-registration-blue-banner h2 {
   color: #fff;
   font-size: 29px;
   font-weight: 800;
   margin: 0;
   text-align: center;
}

.delegate-registration-section .delegate-registration-sub-banner {
   background: linear-gradient(135deg, #b61354, #d91b65);
   color: #fff;
   padding: 22px 30px;
   border-radius: 12px;
}

.delegate-registration-section .delegate-registration-sub-banner h3 {
   margin: 0;
   font-size: 22px;
   color: #fff;
   font-weight: 700;
}

.delegate-registration-section .delegate-registration-benefit-card {
   background: #fff;
   border: 1px solid #e5e6ef;
   border-radius: 15px;
   padding: 28px 22px;
   text-align: center;
   box-shadow: 0 8px 24px rgba(20,20,50,.06);
   transition: .3s;
}

.delegate-registration-section .delegate-registration-benefit-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 14px 35px rgba(20,20,50,.12);
}

.delegate-registration-section .delegate-registration-benefit-icon {
   width: 65px;
   height: 65px;
   border-radius: 50%;
   background: #f2edff;
   color: #21177e;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 18px;
   font-size: 26px;
}

.delegate-registration-section .delegate-registration-benefit-card h4 {
   font-size: 19px;
   font-weight: 800;
   color: #21177e;
}

.delegate-registration-section .delegate-registration-benefit-card p {
   font-size: 15px;
   line-height: 1.65;
   margin-bottom: 0;
}

.delegate-registration-section .delegate-registration-pink-heading,
.delegate-registration-section .delegate-registration-pink-text {
   color: #ba1457;
}

.delegate-registration-section .delegate-registration-red-banner {
   background: linear-gradient(135deg, #c91f29, #e33436);
   padding: 28px 35px;
   border-radius: 14px;
}

.delegate-registration-section .delegate-registration-red-banner h2 {
   color: #fff;
   font-size: 29px;
   font-weight: 800;
   margin: 0;
}

.delegate-registration-section .delegate-registration-red-text {
   color: #d2262e;
}

.delegate-registration-section .delegate-registration-terms p {
   font-size: 16px;
   line-height: 1.7;
   padding-bottom: 13px;
   border-bottom: 1px dashed #e7e7e7;
}

.delegate-registration-section .delegate-registration-special-term {
   background: #bc1457;
   color: #fff;
   border-radius: 8px;
   padding: 18px 22px;
}

.delegate-registration-section .delegate-registration-badge-term {
   background: #08cb84;
   border-radius: 8px;
   padding: 18px 22px;
}

.delegate-registration-section .delegate-registration-step-card {
   background: #fff;
   border: 1px solid #e4e4ea;
   border-radius: 15px;
   padding: 25px;
   box-shadow: 0 7px 22px rgba(20,20,50,.06);
}

.delegate-registration-section .delegate-registration-step-number {
   display: inline-block;
   background: #21177e;
   color: #fff;
   padding: 8px 20px;
   border-radius: 30px;
   font-weight: 800;
   margin-bottom: 20px;
}

.delegate-registration-section .delegate-registration-step-card h4 {
   font-size: 18px;
   color: #d2262e;
   font-weight: 800;
   line-height: 1.5;
}

.delegate-registration-section .delegate-registration-step-card p,
.delegate-registration-section .delegate-registration-step-card li {
   font-size: 14px;
   line-height: 1.7;
}

.delegate-registration-section .delegate-registration-orange-box {
   background: #ff7200;
   border-radius: 12px;
   padding: 25px 30px;
}

.delegate-registration-section .delegate-registration-orange-box p {
   margin: 0;
   font-size: 18px;
   line-height: 1.7;
   color: #111;
}

.delegate-registration-section .delegate-registration-form-link a {
   display: inline-block;
   color: #ba1457;
   font-size: 30px;
   font-weight: 800;
   word-break: break-word;
}

.delegate-registration-section .delegate-registration-form-link i {
   margin-right: 8px;
}

.delegate-registration-section .delegate-registration-contact-box {
   background: #fff;
   border-radius: 15px;
   padding: 25px;
   border: 1px solid #e5e5ea;
}

.delegate-registration-section .delegate-registration-contact-box h3 {
   font-size: 21px;
   font-weight: 800;
}

.delegate-registration-section .delegate-registration-section-subtitle h2 {
   font-size: 30px;
   color: #b71557;
   font-weight: 800;
}

.delegate-registration-section .delegate-registration-fee-table {
   background: #fff;
   margin-bottom: 0;
}

.delegate-registration-section .delegate-registration-fee-table thead th {
   background: #21177e;
   color: #fff;
   padding: 16px;
   text-align: center;
   font-size: 17px;
}

.delegate-registration-section .delegate-registration-fee-table tbody td {
   padding: 18px;
   font-size: 15px;
   line-height: 1.6;
}

.delegate-registration-section .delegate-registration-fee-table tbody td:last-child {
   text-align: center;
   vertical-align: middle;
   font-size: 20px;
}

.delegate-registration-section .delegate-registration-bank-section {
   background: #fff;
   border: 1px solid #e6e6eb;
   padding: 35px;
   border-radius: 16px;
   box-shadow: 0 10px 30px rgba(20,20,50,.06);
}

.delegate-registration-section .delegate-registration-bank-title {
   background: #111;
   color: #fff;
   padding: 20px;
   text-align: center;
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 20px;
}

.delegate-registration-section .delegate-registration-bank-table th {
   background: #efefef;
}

.delegate-registration-section .delegate-registration-bank-table th,
.delegate-registration-section .delegate-registration-bank-table td {
   padding: 10px 15px;
   font-size: 15px;
}

.delegate-registration-section .delegate-registration-qr-box {
   background: #f7f7fa;
   padding: 25px;
   border-radius: 15px;
}

.delegate-registration-section .delegate-registration-qr-box h3 {
   font-size: 21px;
   font-weight: 800;
   margin-bottom: 20px;
}

.delegate-registration-section .delegate-registration-qr-image {
   background: #fff;
   padding: 15px;
   border-radius: 12px;
   border: 1px solid #ddd;
}

.delegate-registration-section .delegate-registration-qr-image img {
   max-width: 100%;
}


/* Responsive */

@media(max-width: 991px) {

   .delegate-registration-section .delegate-registration-section-title h1 {
      font-size: 34px;
   }

   .delegate-registration-section .delegate-registration-blue-banner h2,
   .delegate-registration-section .delegate-registration-red-banner h2 {
      font-size: 24px;
   }

   .delegate-registration-section .delegate-registration-form-link a {
      font-size: 23px;
   }

}

@media(max-width: 767px) {

   .delegate-registration-section {
      padding-left: 5px;
      padding-right: 5px;
   }

   .delegate-registration-section .delegate-registration-section-title {
      padding: 28px 18px;
   }

   .delegate-registration-section .delegate-registration-section-title h1 {
      font-size: 28px;
   }

   .delegate-registration-section .delegate-registration-content {
      padding: 20px;
   }

   .delegate-registration-section .delegate-registration-content p,
   .delegate-registration-section .delegate-registration-content li {
      font-size: 15px;
   }

   .delegate-registration-section .delegate-registration-blue-banner,
   .delegate-registration-section .delegate-registration-red-banner {
      padding: 22px 18px;
   }

   .delegate-registration-section .delegate-registration-blue-banner h2,
   .delegate-registration-section .delegate-registration-red-banner h2 {
      font-size: 21px;
   }

   .delegate-registration-section .delegate-registration-sub-banner h3 {
      font-size: 18px;
   }

   .delegate-registration-section .delegate-registration-bank-section {
      padding: 20px 12px;
   }

   .delegate-registration-section .delegate-registration-form-link a {
      font-size: 19px;
   }

}


.page-activity-section .poster-presentation-content-box {
    padding: 35px 0;
}

.page-activity-section .poster-presentation-description ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.page-activity-section .poster-presentation-description ul li {
    position: relative;
    background: #ffffff;
    border: 1px solid #e8e7f0;
    border-radius: 16px;
    padding: 25px 25px 25px 75px;
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #25283a;
    box-shadow: 0 8px 25px rgba(31, 25, 80, 0.07);
    min-height: 150px;
    transition: all 0.3s ease;
}

.page-activity-section .poster-presentation-description ul li::before {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    left: 25px;
    top: 25px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f7e9f1;
    color: #b8185b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.page-activity-section .poster-presentation-description ul li:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 35px rgba(31, 25, 80, 0.12);
}

.page-activity-section .poster-presentation-description ul li strong {
    font-weight: 800;
    color: #171a2f;
}

.page-activity-section .poster-presentation-description ul li:nth-child(2)::before {
    background: #eeeaff;
    color: #4937c6;
}

.page-activity-section .poster-presentation-description ul li:nth-child(3)::before {
    background: #eaf3ff;
    color: #176bc1;
}

.page-activity-section .poster-presentation-description ul li:nth-child(4)::before {
    background: #eaf8ec;
    color: #18872b;
}

@media (max-width: 991px) {

    .page-activity-section .poster-presentation-description ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {

    .page-activity-section .poster-presentation-description ul li {
        padding: 20px 18px 20px 62px;
        font-size: 15px;
        min-height: auto;
    }

    .page-activity-section .poster-presentation-description ul li::before {
        left: 18px;
        top: 20px;
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
}
.page-activity-section.page-activity-poster-presentation h2 {
    font-size: 28px;
    background: #20206a;
    line-height: 36px;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
}
.page-activity-section.page-activity-poster-presentation .activity-page-content-box ul {
    position: relative;
    width: 100%;
    display: inline-block;
    list-style: disc;
    margin: 0px;
    padding: 15px;
    margin-bottom: 20px;
    background: #f7f8f9;
}
/* =====================================================
   POSTER PRESENTATION - FIRST SECTION ONLY
   Safe Scoped CSS
===================================================== */


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .page-activity-poster-presentation
    .poster-presentation-first-content > ul {
        grid-template-columns: 1fr;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .page-activity-poster-presentation
    .poster-presentation-first-section {
        padding: 15px 0 30px;
    }

    .page-activity-poster-presentation
    .poster-presentation-first-content > ul {
        gap: 15px;
    }

    .page-activity-poster-presentation
    .poster-presentation-first-content > ul > li {

        min-height: auto;

        padding: 22px 18px 22px 65px !important;

        font-size: 15px;
        line-height: 1.6;

        border-radius: 14px;
    }

    .page-activity-poster-presentation
    .poster-presentation-first-content > ul > li::before {

        left: 18px;
        top: 22px;

        width: 34px;
        height: 34px;

        font-size: 13px;
    }

}

.page-activity-section.page-activity-poster-presentation p {
    margin: 0px 0px 15px 15px;
}


.page-activity-section.page-activity-design-challenge h2 {
    font-size: 28px;
    background: #20206a;
    line-height: 36px;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
}
.page-activity-section.page-activity-design-challenge ul {
    position: relative;
    width: 100%;
    display: inline-block;
    list-style: disc;
    margin: 0px;
    padding: 15px;
    margin-bottom: 20px;
    background: #f7f8f9;
}
.page-activity-section.page-activity-design-challenge ol {
    position: relative;
    width: 100%;
    display: inline-block;
    list-style: disc;
    margin: 0px;
    padding: 15px;
    margin-bottom: 20px;
    background: #f7f8f9;
}
.activity-page-content-box ol li {
    position: relative;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin-left: 20px;
}
.page-activity-section.page-activity-design-challenge p {
    margin: 0px 0px 15px 15px;
}


.page-activity-section.page-activity-national-grand-challenge h2 {
    font-size: 28px;
    background: #20206a;
    line-height: 36px;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
}
.page-activity-section.page-activity-national-grand-challenge ul {
    position: relative;
    width: 100%;
    display: inline-block;
    list-style: disc;
    margin: 0px;
    padding: 15px;
    margin-bottom: 20px;
    background: #f7f8f9;
}
.page-activity-section.page-activity-national-grand-challenge ol {
    position: relative;
    width: 100%;
    display: inline-block;
    list-style: disc;
    margin: 0px;
    padding: 15px;
    margin-bottom: 20px;
    background: #f7f8f9;
}
.page-activity-section.page-activity-national-grand-challenge ol li {
    position: relative;
    width: 100%;
    list-style: disc;
    font-size: 14px;
    line-height: 24px;
    margin-left: 20px;
}
.page-activity-section.page-activity-national-grand-challenge p {
    margin: 0px 0px 15px 15px;
}
.page-activity-section.page-activity-awards h2 {
    font-size: 28px;
    background: #20206a;
    line-height: 36px;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
}
.page-activity-section.page-activity-awards ul {
    position: relative;
    width: 100%;
    display: inline-block;
    list-style: disc;
    margin: 0px;
    padding: 15px;
    margin-bottom: 20px;
    background: #f7f8f9;
}
.page-activity-section.page-activity-awards ol {
    position: relative;
    width: 100%;
    display: inline-block;
    list-style: disc;
    margin: 0px;
    padding: 15px;
    margin-bottom: 20px;
    background: #f7f8f9;
}
.page-activity-section.page-activity-awards ol li {
    position: relative;
    width: 100%;
    list-style: disc;
    font-size: 14px;
    line-height: 24px;
    margin-left: 20px;
}
.page-activity-section.page-activity-awards p {
    margin: 0px 0px 15px 15px;
}
/* =====================================================
   3D GEM - DELEGATE REGISTRATION PAGE
   Fully Scoped CSS
===================================================== */

.page-activity-delegate-registration {
    padding: 70px 0 0px;
    background:
        radial-gradient(circle at 0% 0%, rgba(25, 89, 165, 0.08), transparent 28%),
        radial-gradient(circle at 100% 30%, rgba(0, 166, 153, 0.07), transparent 25%),
        #f6f8fb;
}


/* =====================================================
   COMMON CONTENT BOX
===================================================== */

.page-activity-delegate-registration .activity-page-content-box {
    position: relative;
    background: #ffffff;
    border: 1px solid #e4e9f0;
    border-radius: 18px;
    padding: 38px 42px;
    margin-bottom: 32px;
    box-shadow: 0 10px 35px rgba(23, 43, 77, 0.07);
    overflow: hidden;
    transition: all 0.3s ease;
}

.page-activity-delegate-registration .activity-page-content-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 45px rgba(23, 43, 77, 0.11);
}


/* Top Decorative Line */

.page-activity-delegate-registration .activity-page-content-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #063b78, #0878c9, #00a99d);
}


/* =====================================================
   MAIN SECTION HEADINGS
===================================================== */

.page-activity-delegate-registration .activity-page-content-box > h2 {
    position: relative;
    font-size: 27px;
    line-height: 1.35;
    font-weight: 800;
    color: #102a43;
    margin: 0 0 28px;
    padding: 0 0 16px 22px;
    letter-spacing: -0.3px;
}

.page-activity-delegate-registration .activity-page-content-box > h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 5px;
    height: 32px;
    border-radius: 10px;
    background: linear-gradient(180deg, #0878c9, #00a99d);
}


/* =====================================================
   H4
===================================================== */

.page-activity-delegate-registration .activity-page-content-box h4 {
    font-size: 18px;
    line-height: 1.6;
    color: #1e3a5f;
    margin: 20px 0 15px;
    font-weight: 600;
}


/* =====================================================
   PARAGRAPH
===================================================== */

.page-activity-delegate-registration .activity-page-content-box p {
    font-size: 15px;
    line-height: 1.8;
    color: #536273;
    margin-bottom: 13px;
}

.page-activity-delegate-registration .activity-page-content-box p strong {
    color: #243b53;
    font-weight: 700;
}


/* =====================================================
   NORMAL LIST DESIGN
===================================================== */

.page-activity-delegate-registration .activity-page-content-box ul {
    list-style: none;
    padding: 0;
    margin: 18px 0 25px;
}

.page-activity-delegate-registration .activity-page-content-box ul li {
    position: relative;
    padding: 14px 18px 14px 48px;
    margin-bottom: 10px;
    background: #f8fafc;
    border: 1px solid #e8edf3;
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.7;
    color: #52606d;
    transition: all 0.25s ease;
    list-style: none;
}

.page-activity-delegate-registration .activity-page-content-box ul li::before {
    content: "✓";
    position: absolute;
    left: 15px;
    top: 14px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5f5ff;
    color: #0878c9;
    font-size: 12px;
    font-weight: 800;
    border-radius: 50%;
}
.page-activity-section.page-activity-delegate-registration .container .row:first-child .activity-page-content-box{
    background: linear-gradient(135deg, #251a7a 0%, #3a2daf 100%);
    color: #ffffff;
    border: 1px solid #e8e9f1;
    border-radius: 18px;
    padding: 35px 38px;
    margin-bottom: 28px;
    box-shadow: 0 10px 30px rgba(30, 27, 75, 0.06);  
}
.page-activity-section.page-activity-delegate-registration .container .row:first-child .activity-page-content-box h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 5px;
    height: 32px;
    border-radius: 10px;
    background: linear-gradient(180deg, #0878c9, #00a99d);
    display:none;
}
.page-activity-section.page-activity-delegate-registration .container .row:first-child .activity-page-content-box ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5f5ff;
    color: #000;
    font-size: 12px;
    font-weight: 800;
    border-radius: 50%;
}
.page-activity-section.page-activity-delegate-registration .container .row:first-child .activity-page-content-box ul li {
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
    color: #fff;
    padding-left: 33px !important;
    margin: 0px 0px 15px 0px;
    padding: 0;
}
.page-activity-section.page-activity-delegate-registration .container .row:first-child .activity-page-content-box ul li strong{
    position: relative;
    font-weight:600;
    color:#fff;
}
.page-activity-section.page-activity-delegate-registration .container .row:first-child .activity-page-content-box p {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}
.page-activity-section.page-activity-delegate-registration .container .row:first-child .activity-page-content-box p strong {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}
.page-activity-section.page-activity-delegate-registration .container .row:first-child .activity-page-content-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
     background: linear-gradient(90deg, #063b78, #0878c9, #00a99d); 
     display:none;
}
.page-activity-section.page-activity-delegate-registration .container .row:first-child .activity-page-content-box h2 {
    position: relative;
    font-size: 27px;
    line-height: 1.35;
    font-weight: 800;
    color: #fff;
    margin: 0;
    padding: 0 0 10px 0px;
    letter-spacing: -0.3px;
}

.page-activity-delegate-registration .activity-page-content-box ul li:hover {
    background: #ffffff;
    border-color: #b9d9ef;
    transform: translateX(3px);
    box-shadow: 0 5px 16px rgba(16, 42, 67, 0.06);
}

.page-activity-delegate-registration .activity-page-content-box ul li strong {
    color: #173b5e;
}


/* =====================================================
   SECOND SECTION - DELEGATE REGISTRATION
===================================================== */

.page-activity-delegate-registration
.row:nth-of-type(2)
.activity-page-content-box > p:first-of-type {
    display: inline-block;
    background: #eaf6ff;
    color: #075b9d;
    border-radius: 8px;
    padding: 10px 16px;
    margin-bottom: 15px;
}

.page-activity-delegate-registration
.row:nth-of-type(2)
.activity-page-content-box > p:first-of-type strong {
    color: #075b9d;
}


/* =====================================================
   BENEFITS SECTION
===================================================== */

.page-activity-delegate-registration
.row:nth-of-type(3)
.activity-page-content-box {
    background: #ffffff;
}

.page-activity-delegate-registration
.row:nth-of-type(3)
.activity-page-content-box ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    list-style: none;
}

.page-activity-delegate-registration
.row:nth-of-type(3)
.activity-page-content-box ul li {
    margin: 0;
    height: 100%;
    padding: 18px 18px 18px 50px;
    list-style: none;
}

.page-activity-delegate-registration
.row:nth-of-type(3)
.activity-page-content-box ul li::before {
    top: 18px;
}


/* Sub Headings inside Benefits */

.page-activity-delegate-registration
.row:nth-of-type(3)
.activity-page-content-box h4:not(:first-of-type) {
    position: relative;
    margin-top: 35px;
    padding: 15px 20px;
    background: linear-gradient(90deg, #eef7ff, #f5fbfa);
    border-left: 4px solid #0878c9;
    border-radius: 0 10px 10px 0;
    color: #123b5d;
}


/* =====================================================
   TERMS & CONDITIONS
===================================================== */


/* =====================================================
   LINKS
===================================================== */

.page-activity-delegate-registration .activity-page-content-box a {
    color: #0878c9;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s ease;
}

.page-activity-delegate-registration .activity-page-content-box a:hover {
    color: #054c83;
    text-decoration: underline;
}


/* =====================================================
   RESPONSIVE - TABLET
===================================================== */

@media (max-width: 991px) {

    .page-activity-delegate-registration {
        padding: 50px 0;
    }

    .page-activity-delegate-registration .activity-page-content-box {
        padding: 30px 28px;
    }

    .page-activity-delegate-registration .activity-page-content-box > h2 {
        font-size: 24px;
    }

    .page-activity-delegate-registration
    .row:nth-of-type(3)
    .activity-page-content-box ul {
        grid-template-columns: 1fr;
    }
}


/* =====================================================
   RESPONSIVE - MOBILE
===================================================== */

@media (max-width: 767px) {

    .page-activity-delegate-registration {
        padding: 30px 0;
    }

    .page-activity-delegate-registration .activity-page-content-box {
        padding: 24px 18px;
        margin-bottom: 22px;
        border-radius: 13px;
    }

    .page-activity-delegate-registration .activity-page-content-box > h2 {
        font-size: 21px;
        padding-left: 17px;
        margin-bottom: 22px;
    }

    .page-activity-delegate-registration
    .activity-page-content-box > h2::before {
        width: 4px;
        height: 27px;
    }

    .page-activity-delegate-registration
    .activity-page-content-box > h2::after {
        left: 17px;
    }

    .page-activity-delegate-registration .activity-page-content-box h4 {
        font-size: 16px;
    }

    .page-activity-delegate-registration .activity-page-content-box p,
    .page-activity-delegate-registration .activity-page-content-box ul li {
        font-size: 14px;
        line-height: 1.7;
    }

    .page-activity-delegate-registration .activity-page-content-box ul li {
        padding: 13px 13px 13px 43px;
    }

    .page-activity-delegate-registration
    .activity-page-content-box ul li::before {
        left: 12px;
        width: 21px;
        height: 21px;
    }

}


/* Extra Small */

@media (max-width: 480px) {

    .page-activity-delegate-registration .activity-page-content-box {
        padding: 21px 15px;
    }

    .page-activity-delegate-registration .activity-page-content-box > h2 {
        font-size: 19px;
    }

}
.page-activity-delegate-registration-payment-option-section{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}
.page-activity-delegate-registration-payment-option-section .delegate-fee-heading{
	position: relative;
	width: 100%;
	text-align: center;
}
.page-activity-delegate-registration-payment-option-section .delegate-fee-heading h2 {
    position: relative;
    font-size: 28px;
    background: #1e2a90;
    color: #fff;
    padding: 5px 20px;
    border-radius: 6px;
}
.page-activity-delegate-registration-payment-option-section h4{
	position: relative;
	font-size: 18px;
	margin-bottom: 20px;
}
.page-activity-delegate-registration-payment-option-section .table{
    position: relative;
    text-align: left!important;
}
.page-activity-section.page-activity-delegate-registration{
	position: relative;
	width: 100%;
}

/* =========================================================
   DELEGATE PAYMENT & REGISTRATION
   Parent: .delegate-payment-registration-section
========================================================= */

.delegate-payment-registration-section {
    position: relative;
    padding: 30px 0;
    background: #f8fafc;
}


/* =========================================================
   PAYMENT NOTICE
========================================================= */

.delegate-payment-registration-section .delegate-payment-notice {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 35px 45px;
    margin-bottom: 30px;
    background: linear-gradient(135deg, #ff8500 0%, #ff6400 100%);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(255, 105, 0, 0.18);
}


/* Decorative dots */

.delegate-payment-registration-section .delegate-payment-notice::after {
    content: "";
    position: absolute;
    right: -35px;
    top: -45px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(255,255,255,.18) 3px, transparent 4px);
    background-size: 22px 22px;
}


/* Notice Icon */

.delegate-payment-registration-section .delegate-notice-icon {
    position: relative;
    z-index: 2;
    width: 105px;
    height: 105px;
    min-width: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);
}

.delegate-payment-registration-section .delegate-notice-icon i {
    font-size: 45px;
    color: #ff6b00;
}


/* Notice Content */

.delegate-payment-registration-section .delegate-notice-content {
    position: relative;
    z-index: 2;
    padding-left: 30px;
    border-left: 1px dashed rgba(255,255,255,.75);
}

.delegate-payment-registration-section .delegate-notice-content p {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.65;
    font-weight: 600;
    margin: 0;
}


/* =========================================================
   GOOGLE FORM BOX
========================================================= */

.delegate-payment-registration-section .delegate-google-form-box {
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 22px 28px;
    margin: 0 55px 35px;
    border: 1px solid #e4e8ef;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(30, 50, 80, 0.10);
}


/* Link Icon */

.delegate-payment-registration-section .delegate-link-icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #c11d61, #a90e52);
}

.delegate-payment-registration-section .delegate-link-icon i {
    color: #ffffff;
    font-size: 30px;
}


/* URL */

.delegate-payment-registration-section .delegate-form-link {
    flex: 1;
    padding: 0 25px;
}

.delegate-payment-registration-section .delegate-form-link a {
    display: inline-block;
    color: #b8195b;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
    text-decoration: underline;
    word-break: break-all;
    transition: all 0.3s ease;
}

.delegate-payment-registration-section .delegate-form-link a:hover {
    color: #85103f;
}


/* Divider */

.delegate-payment-registration-section .delegate-link-action {
    padding-left: 25px;
    border-left: 1px solid #e2e5e9;
}


/* Click Button */

.delegate-payment-registration-section .delegate-form-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 22px;
    background: linear-gradient(135deg, #c51c61, #a80c4d);
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    border-radius: 50px;
    box-shadow: 0 7px 18px rgba(184, 25, 91, 0.20);
    transition: all 0.3s ease;
}

.delegate-payment-registration-section .delegate-form-btn i {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #b8195b;
    border-radius: 50%;
}

.delegate-payment-registration-section .delegate-form-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(184, 25, 91, 0.28);
}


/* =========================================================
   QUERY HEADING
========================================================= */

.delegate-payment-registration-section .delegate-query-heading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 24px 35px;
    margin-bottom: 35px;
    background: linear-gradient(135deg, #172b65 0%, #21157d 100%);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(24, 31, 100, 0.15);
}


/* Dots */

.delegate-payment-registration-section .delegate-query-heading::before,
.delegate-payment-registration-section .delegate-query-heading::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 100%;
    top: 0;
    opacity: .3;
    background:
        radial-gradient(circle, rgba(255,255,255,.5) 2px, transparent 3px);
    background-size: 14px 14px;
}

.delegate-payment-registration-section .delegate-query-heading::before {
    left: -20px;
}

.delegate-payment-registration-section .delegate-query-heading::after {
    right: -20px;
}


/* Heading */

.delegate-payment-registration-section .delegate-query-heading h3 {
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0;
    text-align: center;
}


/* Headphone */

.delegate-payment-registration-section .delegate-query-icon {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    min-width: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255,255,255,.22);
    border-radius: 50%;
}

.delegate-payment-registration-section .delegate-query-icon i {
    color: #ffffff;
    font-size: 26px;
}




.delegate-payment-registration-section .delegate-heading-line::before,
.delegate-payment-registration-section .delegate-heading-line::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    background: #f7bc32;
    border-radius: 50%;
    transform: translateY(-50%);
}

.delegate-payment-registration-section .delegate-heading-line::before {
    left: 0;
}

.delegate-payment-registration-section .delegate-heading-line::after {
    right: 0;
}


/* =========================================================
   CONTACT CARDS
========================================================= */

.delegate-payment-registration-section .delegate-contact-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 150px;
    padding: 28px 32px;
    margin-bottom: 20px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-top: 4px solid #0878c9;
    border-radius: 15px;
    box-shadow: 0 10px 28px rgba(30, 50, 80, 0.09);
    transition: all 0.3s ease;
}

.delegate-payment-registration-section .col-lg-5:nth-child(2) .delegate-contact-card {
    border-top-color: #009c9a;
}

.delegate-payment-registration-section .delegate-contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 35px rgba(30, 50, 80, 0.14);
}


/* Phone Icon */

.delegate-payment-registration-section .delegate-contact-icon {
    width: 82px;
    height: 82px;
    min-width: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf4ff;
    border-radius: 50%;
}

.delegate-payment-registration-section .delegate-contact-icon i {
    color: #0878c9;
    font-size: 38px;
}

.delegate-payment-registration-section
.col-lg-5:nth-child(2)
.delegate-contact-icon {
    background: #e7f7f6;
}

.delegate-payment-registration-section
.col-lg-5:nth-child(2)
.delegate-contact-icon i {
    color: #009c9a;
}


/* Contact Details */

.delegate-payment-registration-section .delegate-contact-info {
    flex: 1;
}

.delegate-payment-registration-section .delegate-contact-info h4 {
    color: #18263b;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0 0 13px;
    padding-bottom: 13px;
    border-bottom: 1px dashed #b8c7d8;
}

.delegate-payment-registration-section .delegate-contact-info a {
    display: inline-block;
    color: #0878c9;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    text-decoration: none;
}

.delegate-payment-registration-section
.col-lg-5:nth-child(2)
.delegate-contact-info a {
    color: #009c9a;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .delegate-payment-registration-section {
        padding: 50px 0;
    }

    .delegate-payment-registration-section .delegate-payment-notice {
        padding: 30px;
    }

    .delegate-payment-registration-section .delegate-notice-icon {
        width: 85px;
        height: 85px;
        min-width: 85px;
    }

    .delegate-payment-registration-section .delegate-notice-icon i {
        font-size: 36px;
    }

    .delegate-payment-registration-section .delegate-notice-content {
        padding-left: 22px;
    }

    .delegate-payment-registration-section .delegate-notice-content p {
        font-size: 17px;
    }

    .delegate-payment-registration-section .delegate-google-form-box {
        margin-left: 0;
        margin-right: 0;
    }

    .delegate-payment-registration-section .delegate-form-link a {
        font-size: 19px;
    }

    .delegate-payment-registration-section .delegate-heading-line {
        width: 50px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .delegate-payment-registration-section {
        padding: 35px 0;
    }


    /* Notice */

    .delegate-payment-registration-section .delegate-payment-notice {
        display: block;
        padding: 25px 20px;
        text-align: center;
        border-radius: 14px;
    }

    .delegate-payment-registration-section .delegate-notice-icon {
        width: 72px;
        height: 72px;
        min-width: 72px;
        margin: 0 auto 20px;
    }

    .delegate-payment-registration-section .delegate-notice-icon i {
        font-size: 30px;
    }

    .delegate-payment-registration-section .delegate-notice-content {
        padding-left: 0;
        padding-top: 18px;
        border-left: 0;
        border-top: 1px dashed rgba(255,255,255,.7);
    }

    .delegate-payment-registration-section .delegate-notice-content p {
        font-size: 15px;
        line-height: 1.7;
    }


    /* Form */

    .delegate-payment-registration-section .delegate-google-form-box {
        display: block;
        padding: 22px 18px;
        text-align: center;
        margin-bottom: 25px;
    }

    .delegate-payment-registration-section .delegate-link-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        margin: 0 auto 15px;
    }

    .delegate-payment-registration-section .delegate-link-icon i {
        font-size: 25px;
    }

    .delegate-payment-registration-section .delegate-form-link {
        padding: 0;
        margin-bottom: 18px;
    }

    .delegate-payment-registration-section .delegate-form-link a {
        font-size: 16px;
    }

    .delegate-payment-registration-section .delegate-link-action {
        padding: 17px 0 0;
        border-left: 0;
        border-top: 1px solid #e4e7eb;
    }


    /* Query */

    .delegate-payment-registration-section .delegate-query-heading {
        padding: 20px 15px;
        gap: 12px;
    }

    .delegate-payment-registration-section .delegate-query-heading h3 {
        font-size: 19px;
    }

    .delegate-payment-registration-section .delegate-query-icon {
        width: 45px;
        height: 45px;
        min-width: 45px;
    }

    .delegate-payment-registration-section .delegate-query-icon i {
        font-size: 21px;
    }

    .delegate-payment-registration-section .delegate-heading-line {
        display: none;
    }


    /* Contact */

    .delegate-payment-registration-section .delegate-contact-card {
        min-height: auto;
        padding: 22px 20px;
        gap: 18px;
    }

    .delegate-payment-registration-section .delegate-contact-icon {
        width: 65px;
        height: 65px;
        min-width: 65px;
    }

    .delegate-payment-registration-section .delegate-contact-icon i {
        font-size: 30px;
    }

    .delegate-payment-registration-section .delegate-contact-info h4 {
        font-size: 19px;
    }

    .delegate-payment-registration-section .delegate-contact-info a {
        font-size: 21px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .delegate-payment-registration-section .delegate-contact-card {
        display: block;
        text-align: center;
    }

    .delegate-payment-registration-section .delegate-contact-icon {
        margin: 0 auto 18px;
    }

    .delegate-payment-registration-section .delegate-contact-info h4 {
        font-size: 18px;
    }

    .delegate-payment-registration-section .delegate-contact-info a {
        font-size: 20px;
    }

}


/* ============================================================
   FINAL CSS
   HOW TO REGISTER AS A DELEGATE
   Exact HTML Structure: p1 to p16
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    column-gap: 20px;
    row-gap: 0;

    position: relative;
    padding: 0 25px 28px;
    margin-bottom: 35px;

    background: #f7faff;
    border: 1px solid #dce6f1;
    border-radius: 14px;
    overflow: hidden;

    box-shadow: 0 12px 35px rgba(21, 47, 77, 0.08);
}


/* ============================================================
   MAIN HEADING
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > h2 {
    grid-column: 1 / -1;

    position: relative;

    margin: 0 -25px 14px;
    padding: 21px 30px 21px 82px;

    background: linear-gradient(90deg, #071d4d 0%, #0758bd 100%);

    color: #fff;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 800;
    text-transform: uppercase;

    border-radius: 14px 14px 0 0;
}


/* heading icon */

.page-activity-delegate-registration .delegate-registration-section-four > h2::before {
    content: "\f044";
    font-family: FontAwesome;

    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid #66b4ff;
    border-radius: 50%;

    color: #fff;
    font-size: 17px;
}


/* ============================================================
   INTRO INFO
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > h4 {
    grid-column: 1 / -1;

    position: relative;

    margin: 0 0 20px;
    padding: 12px 16px 12px 48px;

    background: #eef6ff;
    border: 1px solid #bad9f8;
    border-radius: 7px;

    color: #123f79;

    font-size: 14px;
    line-height: 1.5;
}


/* info circle */

.page-activity-delegate-registration .delegate-registration-section-four > h4::before {
    content: "i";

    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);

    width: 22px;
    height: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #075fc0;
    color: #fff;

    border-radius: 50%;

    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
}


/* ============================================================
   COMMON P
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p {
    position: relative;
    margin: 0;

    color: #30465b;
    font-size: 14px;
    line-height: 1.6;
}

.page-activity-delegate-registration .delegate-registration-section-four > p strong {
    color: inherit;
    font-weight: 500;
}


/* ============================================================
   GRID MAPPING
============================================================ */

/* STEP 1 */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(1) {
    grid-column: 1;
    grid-row: 3 / span 2;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2) {
    grid-column: 2;
    grid-row: 3;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(3) {
    grid-column: 2;
    grid-row: 4;
}


/* STEP 2 */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4) {
    grid-column: 1;
    grid-row: 5 / span 3;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5) {
    grid-column: 2;
    grid-row: 5;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(6) {
    grid-column: 2;
    grid-row: 6;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(7) {
    grid-column: 2;
    grid-row: 7;
}


/* STEP 3 */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(8) {
    grid-column: 1;
    grid-row: 8 / span 6;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9) {
    grid-column: 2;
    grid-row: 8;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(10) {
    grid-column: 2;
    grid-row: 9;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(11) {
    grid-column: 2;
    grid-row: 10;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(12) {
    grid-column: 2;
    grid-row: 11;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(13) {
    grid-column: 2;
    grid-row: 12;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(14) {
    grid-column: 2;
    grid-row: 13;
}


/* completed */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(15) {
    grid-column: 1 / -1;
    grid-row: 14;
}


/* invoice */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(16) {
    grid-column: 1 / -1;
    grid-row: 15;
}


/* ============================================================
   LEFT SIDE STEP 1 / 2 / 3
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(1),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(8) {

    position: relative;

    padding-top: 58px;

    text-align: center;

    color: #0759c7;

    font-size: 13px;
    font-weight: 800;
}


/* original Step text */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(1) strong,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4) strong,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(8) strong {
    font-weight: 800;
}


/* number circles */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(1)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(8)::before {

    position: absolute;

    left: 50%;
    top: 3px;
    transform: translateX(-50%);

    width: 47px;
    height: 47px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #0759c7;
    color: #fff;

    border-radius: 50%;

    font-size: 18px;
    font-weight: 800;

    box-shadow: 0 5px 14px rgba(7, 89, 199, 0.22);
}


.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(1)::before {
    content: "01";
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4)::before {
    content: "02";
    background: #ff6800;
}

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(8)::before {
    content: "03";
}


/* step 2 orange */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4) {
    color: #ff6800;
}


/* dotted line */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(1)::after,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4)::after {

    content: "";

    position: absolute;

    left: 50%;
    top: 96px;
    bottom: 10px;

    border-left: 2px dotted #6ba8ec;
}


/* ============================================================
   WHITE STEP CARD - COMMON
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(3),

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(6),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(7),

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(10),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(11),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(12),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(13),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(14) {

    min-height: 46px;

    padding: 12px 18px 12px 130px;

    background: #fff;

    border-left: 1px solid #e0e8f0;
    border-right: 1px solid #e0e8f0;
}


/* ============================================================
   TOP OF EACH CARD
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9) {

    margin-top: 3px;

    padding-top: 18px;

    border-top: 1px solid #e0e8f0;

    border-radius: 11px 11px 0 0;
}


/* extra gap before step 2 */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5) {
    margin-top: 18px;
}


/* extra gap before step 3 */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9) {
    margin-top: 18px;
}


/* ============================================================
   BOTTOM OF CARD
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(3),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(7),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(14) {

    padding-bottom: 18px;

    border-bottom: 1px solid #e0e8f0;

    border-radius: 0 0 11px 11px;

    box-shadow: 0 7px 20px rgba(22, 49, 80, 0.07);
}


/* ============================================================
   DIVIDER BETWEEN POINTS
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(3),

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(6),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(7),

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(10),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(11),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(12),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(13),
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(14) {

    border-top: 1px solid #edf1f5;
}


/* ============================================================
   GREEN CHECK ICONS
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(3)::before,

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(6)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(7)::before,

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(10)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(11)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(12)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(13)::before,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(14)::before {

    content: "✓";

    position: absolute;

    left: 108px;
    top: 14px;

    width: 18px;
    height: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #15a66a;

    border: 1px solid #15a66a;
    border-radius: 50%;

    font-size: 9px;
    font-weight: 900;
}


/* ============================================================
   LARGE ICONS
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2)::after,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5)::after,
.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9)::after {

    position: absolute;

    left: 25px;
    top: 22px;

    width: 67px;
    height: 67px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    font-family: FontAwesome;
    font-size: 27px;
    z-index: 2;
}


/* Step 1 */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2)::after {

    content: "\f2bb";

    background: #e8f3ff;
    color: #0874dd;
}


/* Step 2 */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5)::after {

    content: "\f09d";

    background: #fff0e4;
    color: #ff7000;
}


/* Step 3 */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9)::after {

    content: "\f15c";

    background: #e8f3ff;
    color: #0874dd;
}


/* ============================================================
   COMPLETED BOX
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(15) {

    position: relative;

    margin-top: 22px;

    padding: 16px 20px 16px 62px;

    background: linear-gradient(90deg, #eefbf5, #f8fffb);

    border: 1px solid #9ddfbe;
    border-left: 4px solid #20ab70;

    border-radius: 8px;

    color: #173b2b;
}


.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(15) strong {
    font-weight: 800;
}


.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(15)::before {

    content: "✓";

    position: absolute;

    left: 16px;
    top: 50%;
    transform: translateY(-50%);

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #20ad70;
    color: #fff;

    border-radius: 50%;

    font-size: 17px;
    font-weight: 800;
}


/* ============================================================
   INVOICE BOX
============================================================ */

.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(16) {

    position: relative;

    margin-top: 9px;

    padding: 14px 20px 14px 62px;

    background: #fff9ef;

    border: 1px solid #ffc57a;
    border-left: 4px solid #ff7900;

    border-radius: 8px;

    color: #34475a;
}


.page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(16)::before {

    content: "\f15c";

    font-family: FontAwesome;

    position: absolute;

    left: 16px;
    top: 50%;
    transform: translateY(-50%);

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ff7900;
    color: #fff;

    border-radius: 50%;

    font-size: 13px;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991px) {

    .page-activity-delegate-registration .delegate-registration-section-four {
        grid-template-columns: 75px minmax(0, 1fr);
        column-gap: 15px;
    }

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(3),

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(6),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(7),

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(10),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(11),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(12),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(13),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(14) {

        padding-left: 115px;
    }

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(3)::before,

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(6)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(7)::before,

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(10)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(11)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(12)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(13)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(14)::before {

        left: 94px;
    }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

    .page-activity-delegate-registration .delegate-registration-section-four {

        display: block;

        padding: 0 14px 20px;
    }


    /* header */

    .page-activity-delegate-registration .delegate-registration-section-four > h2 {

        margin-left: -14px;
        margin-right: -14px;

        padding: 18px 14px 18px 58px;

        font-size: 19px;
    }


    .page-activity-delegate-registration .delegate-registration-section-four > h2::before {

        left: 14px;

        width: 32px;
        height: 32px;

        font-size: 14px;
    }


    .page-activity-delegate-registration .delegate-registration-section-four > h2::after {
        display: none;
    }


    /* intro */

    .page-activity-delegate-registration .delegate-registration-section-four > h4 {
        font-size: 13px;
    }


    /* Step labels */

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(1),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(8) {

        margin: 18px 0 8px;

        padding: 11px 12px 11px 55px;

        text-align: left;

        background: #edf6ff;

        border-radius: 7px;
    }


    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4) {
        background: #fff1e7;
    }


    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(1)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(8)::before {

        left: 10px;
        top: 50%;

        transform: translateY(-50%);

        width: 34px;
        height: 34px;

        font-size: 13px;
    }


    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(1)::after,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(4)::after {

        display: none;
    }


    /* points */

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(3),

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(6),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(7),

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(10),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(11),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(12),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(13),
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(14) {

        padding: 11px 12px 11px 40px;

        font-size: 13px;
    }


    /* Hide large icon on mobile */

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2)::after,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5)::after,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9)::after {

        display: none;
    }


    /* Move checks */

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(2)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(3)::before,

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(5)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(6)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(7)::before,

    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(9)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(10)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(11)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(12)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(13)::before,
    .page-activity-delegate-registration .delegate-registration-section-four > p:nth-of-type(14)::before {

        left: 12px;
        top: 13px;
    }

}

/* =========================================================
   DELEGATE REGISTRATION - BENEFITS SECTION
   SORT ORDER 2
========================================================= */

.page-activity-delegate-registration .delegate-registration-benefits-section {
    padding: 30px 32px;
    background: #ffffff;
    border: 1px solid #e6ebf1;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(20, 45, 75, 0.05);
}


/* Main Heading */

.page-activity-delegate-registration .delegate-registration-benefits-section > h2 {
    position: relative;
    margin: 0 0 22px;
    padding: 0 0 14px 18px;
    color: #123b63;
    font-size: 26px;
    line-height: 1.35;
    font-weight: 800;
}

.page-activity-delegate-registration .delegate-registration-benefits-section > h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 5px;
    height: 30px;
    background: #0878c9;
    border-radius: 20px;
}

/* Intro Heading */

.page-activity-delegate-registration .delegate-registration-benefits-section h4 {
    margin: 22px 0 12px;
    color: #173b5e;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
}


/* Paragraph */

.page-activity-delegate-registration .delegate-registration-benefits-section p {
    margin-bottom: 15px;
    color: #526273;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   LIST - FULL WIDTH
========================================================= */

.page-activity-delegate-registration .delegate-registration-benefits-section ul {
    grid-template-columns: none !important;
    gap: 0 !important;

    width: 100%;
    padding: 0;
    margin: 10px 0 25px;

    list-style: none;
}


/* Each LI */

.page-activity-delegate-registration .delegate-registration-benefits-section ul li {
    position: relative;

    display: block !important;
    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 13px 10px 13px 34px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid #e8edf2 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    color: #4b5e70;
    font-size: 15px;
    line-height: 1.7;

    transform: none !important;
}


/* Last li no divider */

.page-activity-delegate-registration .delegate-registration-benefits-section ul li:last-child {
    border-bottom: 0 !important;
}


/* Small Check */

.page-activity-delegate-registration .delegate-registration-benefits-section ul li::before {
    content: "✓";

    position: absolute;
    left: 4px;
    top: 16px;

    width: 18px;
    height: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eaf8f2;
    color: #15945e;

    border: 1px solid #b9e2cf;
    border-radius: 50%;

    font-size: 9px;
    font-weight: 900;
}


/* No hover card effect */

.page-activity-delegate-registration .delegate-registration-benefits-section ul li:hover {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}


/* Bold text */

.page-activity-delegate-registration .delegate-registration-benefits-section ul li strong {
    color: #173b5e;
    font-weight: 700;
}


/* =========================================================
   SUB HEADINGS
========================================================= */

.page-activity-delegate-registration .delegate-registration-benefits-section h4:not(:first-of-type) {
    margin-top: 30px;
    padding: 12px 15px;

    background: #f4f8fc;

    border-left: 4px solid #0878c9;
    border-radius: 4px;

    color: #173b5e;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .page-activity-delegate-registration .delegate-registration-benefits-section {
        padding: 22px 16px;
    }

    .page-activity-delegate-registration .delegate-registration-benefits-section > h2 {
        font-size: 21px;
    }

    .page-activity-delegate-registration .delegate-registration-benefits-section h4 {
        font-size: 16px;
    }

    .page-activity-delegate-registration .delegate-registration-benefits-section p,
    .page-activity-delegate-registration .delegate-registration-benefits-section ul li {
        font-size: 14px;
    }

    .page-activity-delegate-registration .delegate-registration-benefits-section ul li {
        padding: 11px 5px 11px 31px !important;
    }

    .page-activity-delegate-registration .delegate-registration-benefits-section ul li::before {
        left: 2px;
        top: 13px;
    }
}

/* =====================================================
   WEBINAR PAGE ONLY
===================================================== */

.page-activity-webinar {
    background: #fff;
}


/* =========================================
   FIRST CONTENT SECTION
========================================= */

.page-activity-webinar .activity-page-content-box {
    color: #25293a;
}

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 42px;
    margin-bottom: 45px;
    border: 1px solid #ececf3;
    box-shadow: 0 10px 35px rgba(30, 25, 85, 0.07);
}


/* Main Heading */

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box > h2:first-child {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 800;
    color: #171a35;
    margin-bottom: 28px;
    position: relative;
    padding-bottom: 18px;
}

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box > h2:first-child::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90px;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(90deg, #251a7a, #b8185b);
}


/* Paragraph */

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box p {
    font-size: 16px;
    line-height: 1.85;
    color: #42465a;
    margin-bottom: 18px;
}


/* Audience / Sector List */

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box ul {
    list-style: none;
    padding: 25px;
    margin: 25px 0 30px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 30px;

    background: #f8f7ff;
    border: 1px solid #e8e5ff;
    border-radius: 18px;
}

.page-activity-webinar > .container > .row:first-child .activity-page-content-box ul li {
    position: relative;
    padding: 13px 10px 13px 40px;
    border-bottom: 1px solid #e5e3ef;
    font-size: 14px;
    line-height: 1.5;
    color: #292d41;
    width: 100%;
    list-style: none;
    margin: 0px;
}

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box ul li::before {
    content: "\f00c";
    font-family: FontAwesome;

    position: absolute;
    left: 8px;
    top: 13px;

    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eeeaff;
    color: #4d3bc8;

    font-size: 11px;
}


/* Registration URL */

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box > h2:last-child {
    margin: 28px 0 0;
    padding: 0;
}

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box > h2:last-child a {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 18px 24px;

    background: linear-gradient(90deg, #f1efff, #faf9ff);
    border: 1px solid #dcd7ff;
    border-radius: 14px;

    color: #3121b5;

    font-size: 20px;
    font-weight: 700;

    text-decoration: none;

    overflow-wrap: anywhere;

    transition: 0.3s ease;
}

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box > h2:last-child a::before {
    content: "\f0c1";
    font-family: FontAwesome;

    width: 42px;
    height: 42px;

    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ddd8ff;
    color: #4c36cc;

    font-size: 18px;
}

.page-activity-webinar > .container > .row:first-child
.activity-page-content-box > h2:last-child a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(48, 33, 177, 0.12);
}


/* =========================================
   IMAGE + CONTENT WEBINAR SECTION
========================================= */

.page-activity-webinar > .container > .row:nth-child(2) {
    align-items: stretch;
    margin-bottom: 50px;
}

/* Left Image Card */

.page-activity-webinar > .container > .row:nth-child(2)
.activity-content-box {
    width: 100%;
    background: #ffffff;
    padding: 10px;

    border: 1px solid #e7e7ef;
    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(28, 25, 80, 0.08);
}


.page-activity-webinar > .container > .row:nth-child(2)
.activity-image-box img {
    width: 100%;
    border-radius: 14px;
}


/* Right Content Card */

.page-activity-webinar > .container > .row:nth-child(2)
.activity-page-content-box {
    width: 100%;

    background: #ffffff;

    padding: 35px 35px;

    border: 1px solid #e7e7ef;
    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(28, 25, 80, 0.08);
}


/* Webinar Number */

.page-activity-webinar > .container > .row:nth-child(2)
.activity-page-content-box > h2 {
    display: inline-block;

    background: #251a7a;
    color: #ffffff;

    padding: 8px 18px;

    border-radius: 50px;

    font-size: 17px;
    font-weight: 700;

    margin-bottom: 20px;
}


/* Main Webinar Heading */

.page-activity-webinar > .container > .row:nth-child(2)
.activity-page-content-box h3 {
    font-size: 27px;
    line-height: 1.35;
    color: #171a35;
    font-weight: 800;
    margin-bottom: 18px;
}


/* Sub Headings */

.page-activity-webinar > .container > .row:nth-child(2)
.activity-page-content-box h4 {
    font-size: 21px;
    font-weight: 800;

    color: #251a7a;

    margin-top: 24px;
    margin-bottom: 8px;

    position: relative;

    padding-left: 16px;
}

.page-activity-webinar > .container > .row:nth-child(2)
.activity-page-content-box h4::before {
    content: "";

    position: absolute;
    left: 0;
    top: 4px;

    width: 4px;
    height: 22px;

    border-radius: 5px;

    background: #b8185b;
}


/* Right Content Paragraph */

.page-activity-webinar > .container > .row:nth-child(2)
.activity-page-content-box p {
    font-size: 15.5px;
    line-height: 1.75;
    color: #45495c;
    margin-bottom: 14px;
}

.page-activity-webinar > .container > .row:nth-child(2)
.activity-page-content-box strong {
    color: #171a35;
}


/* Links */

.page-activity-webinar
.activity-page-content-box a {
    color: #3b2fc2;
    font-weight: 700;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .page-activity-webinar > .container > .row:first-child
    .activity-page-content-box ul {
        grid-template-columns: 1fr;
    }

    .page-activity-webinar > .container > .row:nth-child(2)
    .col-xl-6 {
        display: block;
        margin-bottom: 25px;
    }

    .page-activity-webinar > .container > .row:nth-child(2)
    .activity-image-box img {
        min-height: auto;
        height: auto;
    }
}


@media (max-width: 767px) {

    .page-activity-webinar > .container > .row:first-child
    .activity-page-content-box {
        padding: 25px 20px;
    }

    .page-activity-webinar > .container > .row:first-child
    .activity-page-content-box > h2:first-child {
        font-size: 30px;
    }

    .page-activity-webinar > .container > .row:first-child
    .activity-page-content-box ul {
        padding: 15px;
    }

    .page-activity-webinar > .container > .row:first-child
    .activity-page-content-box > h2:last-child a {
        font-size: 15px;
        padding: 15px;
    }

    .page-activity-webinar > .container > .row:nth-child(2)
    .activity-page-content-box {
        padding: 25px 20px;
    }

    .page-activity-webinar > .container > .row:nth-child(2)
    .activity-page-content-box h3 {
        font-size: 23px;
    }

}

.page-activity-exhibition h2{
	position: relative;
	background: linear-gradient(120deg, #21156f 0%, #271b86 55%, #3e28d0 100%);
	color: #fff;
	padding: 5px 20px;
	border-radius: 4px;
	line-height: 40px;
	font-size: 28px;
}
.page-activity-section.page-activity-exhibition {
    padding: 30px 0px !important;
}

.poster-presentation-click-link-box{
	position: relative;
	width: 100%;
	text-align: center;
}

.poster-presentation-click-link-box a {
    min-width: 245px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 26px;
    border-radius: 50px;
    background: #ff6800;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-bottom: 40px;
}
.poster-presentation-handbook-image-box {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    padding: 5px;
    background: #20206a;
    margin-bottom: 25px;
}
.poster-presentation-handbook-image-box img{
	position: relative;
	width: 100%;
	border-radius: 12px;
}

/* =====================================================
   VISITOR REGISTRATION PAGE ONLY
===================================================== */

.page-activity-visitor-registration {
    background: #f8f9fc;
    padding: 45px 0 0px;
}
.page-activity-visitor-registration ol li{
	list-style: none;
}

.page-activity-visitor-registration ul li{
	list-style: disc;
}

/* =========================================
   COMMON CONTENT BOX
========================================= */

.page-activity-visitor-registration .activity-page-content-box {
    background: #ffffff;
    border: 1px solid #e8e9f1;
    border-radius: 18px;
    padding: 35px 38px;
    margin-bottom: 28px;
    box-shadow: 0 10px 30px rgba(30, 27, 75, 0.06);
}


/* =========================================
   SECTION HEADINGS
========================================= */

.page-activity-visitor-registration .activity-page-content-box > h2 {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 800;
    color: #171a35;
    margin-bottom: 25px;
    padding-bottom: 15px;
    position: relative;
}

.page-activity-visitor-registration .activity-page-content-box > h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(90deg, #251a7a, #b8185b);
}


/* =========================================
   INTRO SECTION
========================================= */

.page-activity-visitor-registration
> .container
> .row:first-child
.activity-page-content-box {
    background: linear-gradient(135deg, #251a7a 0%, #3a2daf 100%);
    color: #ffffff;
}

.page-activity-visitor-registration
> .container
> .row:first-child
.activity-page-content-box h2 {
    color: #ffffff;
}

.page-activity-visitor-registration
> .container
> .row:first-child
.activity-page-content-box h2::after {
    background: #ff6a00;
}

.page-activity-visitor-registration
> .container
> .row:first-child
.activity-page-content-box p {
    margin: 0;
    font-size: 17px;
    line-height: 1.8;
    color: rgba(255,255,255,0.93);
}

.page-activity-visitor-registration
> .container
> .row:first-child
.activity-page-content-box strong {
    color: #ffffff;
}


/* =========================================
   TERMS & CONDITIONS
========================================= */

.page-activity-visitor-registration .activity-page-content-box ol {
    padding-left: 0;
    margin: 0;
    list-style: none;
    counter-reset: visitor-counter;
}

.page-activity-visitor-registration .activity-page-content-box ol > li {
    counter-increment: visitor-counter;
    position: relative;

    padding: 18px 20px 18px 58px;
    margin-bottom: 12px;

    background: #fafaff;
    border: 1px solid #ececf4;
    border-radius: 12px;

    font-size: 16px;
    line-height: 1.7;
    color: #303448;
}

.page-activity-visitor-registration .activity-page-content-box ol > li::before {
    content: counter(visitor-counter);

    position: absolute;
    left: 18px;
    top: 17px;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #251a7a;
    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
}


/* nested ul */

.page-activity-visitor-registration .activity-page-content-box ol ul,
.page-activity-visitor-registration .activity-page-content-box > ul {
    margin-top: 10px;
    padding-left: 20px;
}

.page-activity-visitor-registration .activity-page-content-box ul li {
    margin-bottom: 8px;
    line-height: 1.65;
}


/* Terms paragraph numbering */
.page-activity-visitor-registration .activity-page-content-box p {
    font-size: 16px;
    line-height: 1.75;
    color: #404459;
}


/* =========================================
   HOW TO REGISTER SECTION
========================================= */

.page-activity-visitor-registration
> .container
> .row:nth-child(3)
.activity-page-content-box {
    background: linear-gradient(120deg, #251a7a, #3c2ec1);
    border: 0;
    text-align: center;
}

.page-activity-visitor-registration
> .container
> .row:nth-child(3)
.activity-page-content-box h2 {
    color: #ffffff;
    margin-bottom: 12px;
    padding-bottom: 0;
}

.page-activity-visitor-registration
> .container
> .row:nth-child(3)
.activity-page-content-box h2::after {
    display: none;
}

.page-activity-visitor-registration
> .container
> .row:nth-child(3)
.activity-page-content-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-activity-visitor-registration
> .container
> .row:nth-child(3)
.activity-page-content-box ul li {
    color: rgba(255,255,255,0.92);
    font-size: 17px;
}


/* =========================================
   STEPS SECTION
========================================= */

.page-activity-visitor-registration
> .container
> .row:nth-child(4)
.activity-page-content-box {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.page-activity-visitor-registration
> .container
> .row:nth-child(4)
.activity-page-content-box > h2 {
    margin-bottom: 30px;
}


/* Step headings */
.page-activity-visitor-registration
> .container
> .row:nth-child(4)
.activity-page-content-box h4 {
    display: inline-flex;
    align-items: center;

    padding: 9px 18px;
    margin: 18px 0 12px;

    border-radius: 50px;

    background: #251a7a;
    color: #ffffff;

    font-size: 18px;
    font-weight: 700;
}


/* Step lists */
.page-activity-visitor-registration
> .container
> .row:nth-child(4)
.activity-page-content-box h4 + ul {
    list-style: none;
    padding: 22px 25px;
    margin: 0 0 20px;

    background: #ffffff;
    border: 1px solid #e8e9f1;
    border-radius: 15px;

    box-shadow: 0 8px 25px rgba(28, 25, 75, 0.06);
}

.page-activity-visitor-registration
> .container
> .row:nth-child(4)
.activity-page-content-box h4 + ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
}

.page-activity-visitor-registration
> .container
> .row:nth-child(4)
.activity-page-content-box h4 + ul li::before {
    content: "\f00c";
    font-family: FontAwesome;

    position: absolute;
    left: 0;
    top: 2px;

    color: #b8185b;
    font-size: 14px;
}


/* =========================================
   STRONG TEXT
========================================= */

.page-activity-visitor-registration .activity-page-content-box strong {
    color: #171a35;
    font-weight: 700;
}
.page-activity-section.page-activity-visitor-registration
.container > .row:nth-child(4)
.activity-page-content-box h4 strong {
    color: #fff !important;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .page-activity-visitor-registration {
        padding: 30px 0 50px;
    }

    .page-activity-visitor-registration .activity-page-content-box {
        padding: 25px 20px;
        border-radius: 14px;
    }

    .page-activity-visitor-registration .activity-page-content-box > h2 {
        font-size: 24px;
    }

    .page-activity-visitor-registration .activity-page-content-box ol > li {
        padding: 15px 15px 15px 52px;
        font-size: 15px;
    }

    .page-activity-visitor-registration .activity-page-content-box ol > li::before {
        left: 15px;
        top: 15px;
    }

}
.event-info-list-metal ul li a{
    color:#fff!important;
}
.why-join-3dgem-section .why-join-3dgem-content {
    position: relative;
}

.why-join-3dgem-section .why-join-3dgem-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.6;
}

.why-join-3dgem-section .why-join-3dgem-description p {
    margin-bottom: 0;
}

.why-join-3dgem-section .why-join-3dgem-content.active .why-join-3dgem-description {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
}

.why-join-3dgem-section .why-join-3dgem-toggle {
    display: inline-block;
    margin-top: 8px;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: #ff6900;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

.why-join-3dgem-section .why-join-3dgem-toggle:hover {
    text-decoration: underline;
}

.why-join-3dgem-section .why-join-3dgem-toggle:focus {
    outline: none;
    box-shadow: none;
}

.magnific-popup-image-slider .swiper-slide{
	position: relative;
	text-align: center;
} 
.magnific-popup-image-slider .swiper-slide h4{
	font-size: 16px;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 25px;
	z-index: 1;
	color: #fff;
} 
.magnific-popup-image-slider .swiper-slide figure:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 58.21%, rgba(22, 26, 45, 1) 90.01%);
    z-index: 1;
}
.page-activity-awards-form-link-section{
    position:relative;
    padding:0px;
    width:100%;
}
.page-activity-section.page-activity-awards {
    padding:60px 0px 0px 0px;
}
.page-activity-design-challenge-form-link-section{
    padding: 0px;
}
.page-activity-section.page-activity-design-challenge{
    padding:60px 0px 10px 0px;
}
/* =========================================
   POSTER PRESENTATION - FIRST SECTION
========================================= */

.page-activity-section .poster-presentation-first-section {
    background: linear-gradient(135deg, #211878 0%, #4333bb 100%);
    border-radius: 28px;
    padding: 45px 55px;
    margin-bottom: 40px;
}


/* Content */
.page-activity-section .poster-presentation-first-section
.poster-presentation-first-content {
    width: 100%;
}


/* UL */
.page-activity-section .poster-presentation-first-section
.poster-presentation-first-content ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}


/* LI - Full Width One By One */
.page-activity-section .poster-presentation-first-section
.poster-presentation-first-content ul li {
    position: relative;

    width: 100%;
    display: block;

    margin: 0 0 18px 0;
    padding: 0 0 0 35px;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #ffffff !important;
    font-size: 18px;
    line-height: 1.7;
}


/* Last LI */
.page-activity-section .poster-presentation-first-section
.poster-presentation-first-content ul li:last-child {
    margin-bottom: 0;
}


/* Remove Default Bullet */
.page-activity-section .poster-presentation-first-section
.poster-presentation-first-content ul li::marker {
    content: "";
}


/* Orange Check Icon */
.page-activity-section .poster-presentation-first-section
.poster-presentation-first-content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    background: transparent !important;
    color: #fff !important;
    font-size: 21px;
    line-height: 1.7;
    font-weight: 800;
}


/* Strong / Bold Text */
.page-activity-section .poster-presentation-first-section
.poster-presentation-first-content ul li strong {
    color: #ffffff !important;
    font-weight: 700;
}


/* =========================================
   TABLET / MOBILE
========================================= */

@media (max-width: 767px) {

    .page-activity-section .poster-presentation-first-section {
        padding: 30px 25px;
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .page-activity-section .poster-presentation-first-section
    .poster-presentation-first-content ul li {
        padding-left: 28px;
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 1.6;
    }

    .page-activity-section .poster-presentation-first-section
    .poster-presentation-first-content ul li::before {
        font-size: 18px;
        line-height: 1.6;
    }
}

/* =========================================
   Government / Partner Logo Section
========================================= */

.gov-partner-logo-box {
    position: relative;
    height: 230px;
    background: #ffffff;
    border: 1px solid #e8edf5;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 8px 30px rgba(25, 55, 95, 0.08);
}

/* Decorative background glow */
.gov-partner-logo-box::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    top: -60px;
    right: -60px;
    background: rgba(0, 112, 192, 0.08);
    border-radius: 50%;
    transition: all 0.5s ease;
}

/* Bottom accent line */
.gov-partner-logo-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        #0066b3,
        #16a9e1
    );
    transform: translateX(-50%);
    transition: width 0.4s ease;
}


/* Logo */
.gov-partner-logo-box img {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 100%;
    max-height: 165px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: all 0.45s ease;
}


/* =========================
   HOVER EFFECT
========================= */

.gov-partner-logo-box:hover {
    transform: translateY(-10px);
    border-color: rgba(0, 112, 192, 0.25);
    box-shadow:
        0 18px 45px rgba(18, 62, 105, 0.15),
        0 0 0 1px rgba(0, 112, 192, 0.05);
}

.gov-partner-logo-box:hover::before {
    width: 260px;
    height: 260px;
    top: -130px;
    right: -130px;
    background: rgba(0, 112, 192, 0.10);
}

.gov-partner-logo-box:hover::after {
    width: 70%;
}

.gov-partner-logo-box:hover img {
    transform: scale(1.07);
}


/* =========================
   COLUMN SPACING
========================= */

.gov-partner-logo-box {
    margin-bottom: 25px;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .gov-partner-logo-box {
        height: 210px;
        padding: 25px;
    }

    .gov-partner-logo-box img {
        max-height: 145px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .gov-partner-logo-box {
        height: 190px;
        padding: 25px;
        border-radius: 14px;
    }

    .gov-partner-logo-box img {
        max-height: 135px;
    }

    .gov-partner-logo-box:hover {
        transform: translateY(-5px);
    }
}

.inline-para{
    position:relative;
    display:inline-block !important;
    width:100%;
    margin:0px;
}
.inline-para a {
    position: relative;
    display: inline-block !important;
    color: #000 !important;
}
.event-year-page-title-box {
    position: relative;
    text-align: center;
    width: 100%;
    background: #202067;
    border-radius: 8px;
    margin-bottom: 25px;
    display: inline-block;
}
.event-year-page-title-box h2 {
    position: relative;
    font-size: 32px;
    color: #fff !important;
    line-height: 46px;
    display: inline-block;
}
.contact-info-para {
    line-height: 22px;
    margin: 0px;
    color: #000;
}
.contact-info-para a{
    line-height: 22px;
    margin: 0px;
    color: #000 !important;
}
.contact-card.p2p{
    position:relative;
    width:100%;
    display:inline-block;
}
.contact-card.p2p .contact-info{
    position:relative;
    width:50%;
    float:left;
    display:inline-block;
}
.contact-card.p2p .contact-info:first-child{
    position:relative;
    width:60%;
    float:left;
    display:inline-block;
}
.contact-card.p2p .contact-info:last-child{
    position:relative;
    width:40%;
    float:left;
    display:inline-block;
}

/* =========================================
   CONFERENCE CONCLUSION SECTION
========================================= */

.page-conference-section-conclusion {
    padding:20px;
    position:relative;
    width:100%;
}

.page-conference-section-conclusion .page-conference-conclusion-box {
    position: relative;
    background: #f8faff;
    border: 1px solid #e1e8f3;
    border-radius: 22px;
    padding: 40px 45px;
    box-shadow: 0 12px 35px rgba(25, 30, 70, 0.07);
    overflow: hidden;
}

/* Left Accent */
.page-conference-section-conclusion .page-conference-conclusion-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(to bottom, #251a7a, #b8185b);
}

/* Heading */
.page-conference-section-conclusion .page-conference-conclusion-box h2 {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 15px;
    color: #171a35;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.page-conference-section-conclusion .page-conference-conclusion-box h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 70px;
    height: 4px;

    border-radius: 10px;
    background: #ff6b00;
}

/* Strong Text */
.page-conference-section-conclusion .page-conference-conclusion-box strong {
    color: #000;
    font-weight: 700;
}
.page-conference-conclusion-content h4{
    position:relative;
    margin-bottom:15px;
}
.conference-hall-row + tr {
    display: none;
}
/* Last important paragraphs */
.page-conference-section-conclusion .page-conference-conclusion-box p:nth-last-child(-n+2) {
    background: #ffffff;
    border-left: 4px solid #251a7a;
    border-radius: 10px;

    padding: 14px 18px;
    margin-bottom: 12px;

    box-shadow: 0 5px 18px rgba(25, 30, 70, 0.05);
    margin-top:15px;
}

/* Mobile */
@media (max-width: 767px) {

    .page-conference-section-conclusion {
        padding: 30px 0 40px;
    }

    .page-conference-section-conclusion .page-conference-conclusion-box {
        padding: 28px 22px;
        border-radius: 16px;
    }

    .page-conference-section-conclusion .page-conference-conclusion-box h2 {
        font-size: 27px;
    }

    .page-conference-section-conclusion .page-conference-conclusion-box p {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* ==================================================
   CONFERENCE SECTION 9 & 10
================================================== */

.page-conference-section-nineTen {
    padding: 45px 0 65px;
    background: #f8f9fc;
}

.page-conference-section-nineTen .page-conference-nineTen-box {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}


/* Individual Section */
.page-conference-section-nineTen .page-conference-nineTen-item {
    position: relative;
    background: #ffffff;
    border: 1px solid #e6e8f0;
    border-radius: 20px;
    padding: 38px 42px;
    box-shadow: 0 10px 30px rgba(25, 30, 70, 0.07);
    overflow: hidden;
}


/* Left Accent */
.page-conference-section-nineTen .page-conference-nineTen-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(to bottom, #251a7a, #b8185b);
}


/* Heading */
.page-conference-section-nineTen .page-conference-nineTen-heading h2 {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 15px;

    color: #171a35;
    font-size: 31px;
    line-height: 1.3;
    font-weight: 800;
}

.page-conference-section-nineTen .page-conference-nineTen-heading h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 75px;
    height: 4px;

    border-radius: 20px;
    background: #ff6b00;
}


/* Paragraph */
.page-conference-section-nineTen .page-conference-nineTen-content p {
    margin-bottom: 15px;
    color: #3c4052;
    font-size: 16px;
    line-height: 1.8;
}


/* Strong */
.page-conference-section-nineTen .page-conference-nineTen-content strong {
    color: #171a35;
    font-weight: 700;
}


/* Lists */
.page-conference-section-nineTen .page-conference-nineTen-content ul,
.page-conference-section-nineTen .page-conference-nineTen-content ol {
    margin: 18px 0 20px;
    padding: 0;
    list-style: none;
}


/* List Items */
.page-conference-section-nineTen .page-conference-nineTen-content ul li,
.page-conference-section-nineTen .page-conference-nineTen-content ol li {
    position: relative;
    margin-bottom: 10px;
    padding: 12px 15px 12px 42px;

    background: #f8f9ff;
    border: 1px solid #ececf4;
    border-radius: 10px;

    color: #34384c;
    font-size: 15.5px;
    line-height: 1.65;
}


/* Check Icon */
.page-conference-section-nineTen .page-conference-nineTen-content ul li::before,
.page-conference-section-nineTen .page-conference-nineTen-content ol li::before {
    content: "\f00c";
    font-family: FontAwesome;

    position: absolute;
    left: 15px;
    top: 13px;

    color: #b8185b;
    font-size: 13px;
}


/* Sub Headings from CKEditor */
.page-conference-section-nineTen .page-conference-nineTen-content h3,
.page-conference-section-nineTen .page-conference-nineTen-content h4,
.page-conference-section-nineTen .page-conference-nineTen-content h5,
.page-conference-section-nineTen .page-conference-nineTen-content h6 {
    margin-top: 25px;
    margin-bottom: 12px;

    color: #251a7a;
    font-weight: 700;
    line-height: 1.4;
}


/* Second Section Slight Variation */
.page-conference-section-nineTen
.page-conference-nineTen-item:nth-child(2)::before {
    background: linear-gradient(to bottom, #ff6b00, #b8185b);
}


/* Mobile */
@media (max-width: 767px) {

    .page-conference-section-nineTen {
        padding: 30px 0 45px;
    }

    .page-conference-section-nineTen .page-conference-nineTen-item {
        padding: 28px 22px;
        border-radius: 15px;
    }

    .page-conference-section-nineTen .page-conference-nineTen-heading h2 {
        font-size: 25px;
    }

    .page-conference-section-nineTen .page-conference-nineTen-content p,
    .page-conference-section-nineTen .page-conference-nineTen-content ul li,
    .page-conference-section-nineTen .page-conference-nineTen-content ol li {
        font-size: 15px;
    }
}

.byrs-title{
    position:relative;
    text-align:center;
    color:#fff;
    font-size:24px;
    margin-bottom:25px;
}
.day-session-speaker{
    position:relative;
    width:100%;
    text-align:center;
    margin:15px 0px;
}
.day-session-speaker ul{
    position:relative;
    width:100%;
    text-align:center;
    list-style:none;
    display:inline-block;
}
.day-session-speaker ul li {
    position: relative;
    text-align: center;
    list-style: none;
    display: inline-block;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin: 0px 15px;
}
.day-session-speaker ul li span {
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #ff6900;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
}
.group-speaker-picture{
    position:relative;
    width:100%;
    text-align:center;    
    margin:30px 0px;
}
.group-speaker-picture ul {
    position: relative;
    width: auto;
    text-align: center;
    list-style: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.group-speaker-picture ul li.hero-speakers-images {
    position: relative;
    text-align: center;
    list-style: none;
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-left: -15px;
}
.group-speaker-picture ul li.hero-speakers-images img{
    position:relative;
    width:100%;
    height:100%;
}
.hero-speaker-count {
    position: relative;
    width: auto;
    display: inline-block;
    max-width: 150px;
    padding-left: 35px;
    margin-left: 15px;
}
.hero-speaker-count p {
    position: relative;
    font-size: 12px;
    color: #fff;
    margin: 0px;
    line-height: 15px;
    display: inline-block;
    text-align: left;
}
.hero-speaker-count p span {
    position: absolute;
    font-size: 20px;
    color: #fff;
    margin: 0px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #ff6900;
    display: inline-block;
    left: -36px;
    text-align: center;
    border-radius: 2px;
}
.upcoming-event-btn {
    font-size: 14px;
    position: relative;
    width: 100%;
    border-radius: 25px;
    height: 40px;
    line-height: 37px;
    background: #000;
    margin-bottom: 25px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border:2px solid #fff;
}
.logo-color1{
    background:#302d6f!important;
}
.logo-color2{
    background:#FD751F!important;
}
.logo-color3{
    background:#70CCFD!important;
}
/*================================================
    25-08-26
==============================================*/
/* =====================================================
   WEBINAR PAGE - SECTORS / TOPICS SECTION ONLY
   Targets only second content row
===================================================== */

.page-activity-webinar > .container > .row:nth-of-type(2)
.activity-page-content-box {
    background: #f8f7ff;
    border: 1px solid #e2defe;
    border-radius: 24px;
    padding: 42px 38px 34px;
    box-shadow: none;
}


/* Hide duplicate section heading inside box */
.page-activity-webinar > .container > .row:nth-of-type(2)
.activity-page-content-box > h2 {
    display: none;
}


/* Main heading */
.page-activity-webinar > .container > .row:nth-of-type(2)
.activity-page-content-box > p {
    margin: 0 0 22px;
}

.page-activity-webinar > .container > .row:nth-of-type(2)
.activity-page-content-box > p strong {
    display: block;
    font-size: 24px;
    line-height: 1.4;
    color: #171a35;
    font-weight: 700;
}


/* =========================
   UL - 2 COLUMN
========================= */

.page-activity-webinar > .container > .row:nth-of-type(2)
.activity-page-content-box ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 45px;

    margin: 0;
    padding: 0;
    list-style: none;
}


/* =========================
   LIST ITEMS
========================= */

.page-activity-webinar > .container > .row:nth-of-type(2)
.activity-page-content-box ul li {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 70px;

    margin: 0;
    padding: 15px 10px 15px 58px;

    border-bottom: 1px solid #ddddea;

    color: #171a35;
    font-size: 18px;
    line-height: 1.45;
    width:100%;
}


/* Remove any existing bullet */
.page-activity-webinar > .container > .row:nth-of-type(2)
.activity-page-content-box ul li::marker {
    display: none;
    content: "";
}


/* =========================
   ROUND CHECK ICON
========================= */

.page-activity-webinar > .container > .row:nth-of-type(2)
.activity-page-content-box ul li::before {
    content: "\f00c";

    font-family: FontAwesome;

    position: absolute;
    left: 10px;
    top: 50%;

    transform: translateY(-50%);

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ece9ff;

    color: #5142d8;

    font-size: 14px;
    font-weight: normal;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .page-activity-webinar > .container > .row:nth-of-type(2)
    .activity-page-content-box {
        padding: 25px 18px 20px;
        border-radius: 18px;
    }

    .page-activity-webinar > .container > .row:nth-of-type(2)
    .activity-page-content-box > p strong {
        font-size: 20px;
    }

    .page-activity-webinar > .container > .row:nth-of-type(2)
    .activity-page-content-box ul {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .page-activity-webinar > .container > .row:nth-of-type(2)
    .activity-page-content-box ul li {
        min-height: 62px;
        padding: 13px 5px 13px 52px;
        font-size: 16px;
    }

    .page-activity-webinar > .container > .row:nth-of-type(2)
    .activity-page-content-box ul li::before {
        left: 5px;
        width: 34px;
        height: 34px;
        font-size: 13px;
    }
}

/* =====================================================
   WEBINAR PAGE - FIRST SECTION BLUE DESIGN
===================================================== */

.page-activity-webinar > .container > .row:first-of-type
.activity-page-content-box {
    background: linear-gradient(110deg, #28207f 0%, #4232b8 100%);
    border-radius: 26px;
    padding: 50px 55px;
    border: none;
    box-shadow: 0 15px 40px rgba(36, 29, 112, 0.12);
}


/* Main Heading */
.page-activity-webinar > .container > .row:first-of-type
.activity-page-content-box > h2 {
    color: #ffffff !important;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 800;
    margin: 0 0 55px;
    position: relative;
    padding-bottom: 25px;
}


/* Orange/Pink line under heading */
.page-activity-webinar > .container > .row:first-of-type
.activity-page-content-box > h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 110px;
    height: 6px;
    border-radius: 20px;
    background: linear-gradient(90deg, #ff711c, #d21870);
}


/* All Paragraphs */
.page-activity-webinar > .container > .row:first-of-type
.activity-page-content-box p {
    color: #ffffff !important;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 22px;
}


/* All Strong / Bold Text */
.page-activity-webinar > .container > .row:first-of-type
.activity-page-content-box strong {
    color: #ffffff !important;
    font-weight: 700;
}


/* Links - if any */
.page-activity-webinar > .container > .row:first-of-type
.activity-page-content-box a {
    color: #ffffff !important;
}


/* Remove last paragraph bottom spacing */
.page-activity-webinar > .container > .row:first-of-type
.activity-page-content-box p:last-child {
    margin-bottom: 0;
}


/* ==========================
   TABLET
========================== */

@media (max-width: 991px) {

    .page-activity-webinar > .container > .row:first-of-type
    .activity-page-content-box {
        padding: 40px 35px;
        border-radius: 22px;
    }

    .page-activity-webinar > .container > .row:first-of-type
    .activity-page-content-box > h2 {
        font-size: 34px;
        margin-bottom: 40px;
    }
}


/* ==========================
   MOBILE
========================== */

@media (max-width: 767px) {

    .page-activity-webinar > .container > .row:first-of-type
    .activity-page-content-box {
        padding: 30px 22px;
        border-radius: 18px;
    }

    .page-activity-webinar > .container > .row:first-of-type
    .activity-page-content-box > h2 {
        font-size: 27px;
        line-height: 1.3;
        margin-bottom: 30px;
        padding-bottom: 18px;
    }

    .page-activity-webinar > .container > .row:first-of-type
    .activity-page-content-box > h2::after {
        width: 80px;
        height: 5px;
    }

    .page-activity-webinar > .container > .row:first-of-type
    .activity-page-content-box p {
        font-size: 16px;
        line-height: 1.7;
    }
}

.bank-details-table table td{
    position:relative;
    padding:5px 10px;
    width: 60%;
    line-height:26px;
}
.bank-details-table table th {
    position: relative;
    padding:5px 10px;
    line-height: 26px;
    width: 40%;
    border-right: 1px solid #333;
}

.page-activity-visitor-registration ul li {
    position: relative;
    width: 100%!important;
}
.page-activity-section.page-activity-visitor-registration
.row:nth-child(3)
.activity-page-content-box ul {
    list-style: none !important;
    padding-left: 0;
}

.page-activity-section.page-activity-visitor-registration ul
 {
    list-style: none !important;
}
.page-activity-section.page-activity-visitor-registration ul li
 {
    list-style: none !important;
}

.patron-type-image-box img{
    position:relative;
    height:210px;
}

.page-six-key-activities-box {
    position: relative;
    width: 100%;
    box-shadow: 0px 0px 15px #ccc;
    padding: 60px 15px 25px 15px;
    overflow: hidden;
    border-radius: 12px;
    margin: 15px 0px;
    background: #f7f8f9;
}
.page-six-key-activities-box h4 {
    position: absolute;
    width: 100%;
    text-align: center;
    background: #ff6900;
    color: #fff;
    line-height: 44px;
    text-align: center;
    left: 0;
    top: 0;
}
.page-six-key-activities-box p{
    position: relative;
    font-size:14px;
    line-height:20px;
    margin-bottom:10px;
}
.page-six-key-activities-box ul{
    position: relative;
}
.page-six-key-activities-box ul li {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}
.about-event-section-description ol li{
    position: relative;
    font-size:14px;
    line-height:24px;    
}
.about-event-main-content {
    background: linear-gradient(135deg, #251a7a 0%, #3a2daf 100%);
    color: #ffffff;
    border: 1px solid #e8e9f1;
    border-radius: 18px;
    padding: 35px 38px;
    margin-bottom: 28px;
    box-shadow: 0 10px 30px rgba(30, 27, 75, 0.06);    
}
.about-event-main-content h2 {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
    padding-bottom: 15px;
    position: relative;
}
.about-event-main-content h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    height: 4px;
    border-radius: 10px;
    background: #fff;
}
.six-key-page-title {
    position: relative;
    width: 100%;
    text-align: center;
    background: linear-gradient(135deg, #251a7a 0%, #3a2daf 100%);
    border-radius: 8px;
    margin: 30px 0px 20px 0px;
    display: inline-block;
}
.six-key-page-title h2{
    position: relative;
    color: #fff;
    font-size:28px;
    line-height: 55px;
}
.six-key-page-title p{
    position: relative;
    color: #fff;
    font-size:16px;
    line-height: 24px;
    margin-bottom:10px;
}

/* =====================================================
   EXHIBITION TERMS & CONDITIONS LIST
===================================================== */

.page-activity-exhibition .activity-page-content-box ol {
    list-style: none;
    padding: 0;
    margin: 25px 0 0;
    counter-reset: exhibitionTerms;
}

.page-activity-exhibition .activity-page-content-box ol > li {
    counter-increment: exhibitionTerms;
    position: relative;
    background: #ffffff;
    border: 1px solid #e1e3f0;
    border-radius: 15px;
    padding: 25px 30px 25px 70px;
    margin-bottom: 20px;
    min-height: 80px;
    font-size: 14px;
    line-height: 1.8;
    color: #4d4d60;
    box-shadow: 0 8px 25px rgba(31, 28, 92, 0.05);
    list-style: none;
    line-height: 22px;
}

.page-activity-exhibition .activity-page-content-box ol > li::before {
    content: counter(exhibitionTerms);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #30259b;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 7px 15px rgba(48, 37, 155, 0.22);
}

.page-activity-exhibition .activity-page-content-box ol > li strong {
    color: #171759;
    font-weight: 700;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .page-activity-exhibition .activity-page-content-box ol > li {
        padding: 22px 25px 22px 90px;
        font-size: 16px;
    }

    .page-activity-exhibition .activity-page-content-box ol > li::before {
        left: 22px;
        width: 48px;
        height: 48px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 575px) {

    .page-activity-exhibition .activity-page-content-box ol {
        margin-top: 20px;
    }

    .page-activity-exhibition .activity-page-content-box ol > li {
        padding: 65px 18px 20px 18px;
        margin-bottom: 15px;
        border-radius: 12px;
        font-size: 15px;
        line-height: 1.7;
    }

    .page-activity-exhibition .activity-page-content-box ol > li::before {
        left: 18px;
        top: 15px;
        transform: none;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

}

/* =====================================================
   POSTER PRESENTATION CSS OL LI
===================================================== */

.page-activity-poster-presentation ol {
    list-style: none;
    padding: 0;
    margin: 25px 0 0;
    counter-reset: exhibitionTerms;
}

.page-activity-poster-presentation ol > li {
    counter-increment: exhibitionTerms;
    position: relative;
    background: #ffffff;
    border: 1px solid #e1e3f0;
    border-radius: 15px;
    padding: 25px 30px 25px 70px;
    margin-bottom: 20px;
    min-height: 80px;
    font-size: 14px;
    line-height: 1.8;
    color: #4d4d60;
    box-shadow: 0 8px 25px rgba(31, 28, 92, 0.05);
    list-style: none;
    line-height: 22px;
}

.page-activity-poster-presentation ol > li::before {
    content: counter(exhibitionTerms);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #30259b;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 7px 15px rgba(48, 37, 155, 0.22);
}

.page-activity-poster-presentation ol > li strong {
    color: #171759;
    font-weight: 700;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .page-activity-poster-presentation ol > li {
        padding: 22px 25px 22px 90px;
        font-size: 16px;
    }

    .page-activity-poster-presentation ol > li::before {
        left: 22px;
        width: 48px;
        height: 48px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 575px) {

    .page-activity-poster-presentation ol {
        margin-top: 20px;
    }

    .page-activity-poster-presentation ol > li {
        padding: 65px 18px 20px 18px;
        margin-bottom: 15px;
        border-radius: 12px;
        font-size: 15px;
        line-height: 1.7;
    }

    .page-activity-poster-presentation ol > li::before {
        left: 18px;
        top: 15px;
        transform: none;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

}
.page-national-grand-challenge-first-image-section {
    padding: 60px 0 20px;
}

.page-national-grand-challenge-first-image-box {
    width: 100%;
    text-align: center;
}

.page-national-grand-challenge-first-image-box img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

@media (max-width: 767px) {
    .page-national-grand-challenge-first-image-section {
        padding: 30px 0 10px;
    }

    .page-national-grand-challenge-first-image-box img {
        border-radius: 10px;
    }
}

/* =========================================
   VISITOR REGISTRATION FEE TABLE
========================================= */

.visitor-registration-fee-table {
    background: #ffffff;
    border: 1px solid #e4e6f0;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 12px 35px rgba(22, 26, 53, 0.06);
    overflow: hidden;
}

.visitor-registration-fee-table h2 {
    margin: -30px -30px 25px;
    padding: 22px 28px;
    background: linear-gradient(90deg, #201875, #4030b7);
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    border-radius: 18px 18px 0 0;
}

.visitor-registration-fee-table figure.table {
    margin: 0;
    width: 100%;
    overflow-x: auto;
}

.visitor-registration-fee-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    background: #ffffff;
    border: 1px solid #dfe2ec;
    border-radius: 12px;
    overflow: hidden;
}

.visitor-registration-fee-table table thead th {
    background: #171a35;
    color: #ffffff;
    padding: 15px 18px;
    font-size: 16px;
    font-weight: 700;
    border: none;
}

.visitor-registration-fee-table table thead th:first-child {
    width: 72%;
    text-align: left;
}

.visitor-registration-fee-table table thead th:last-child {
    width: 28%;
    text-align: center;
}

.visitor-registration-fee-table table tbody td {
    padding: 18px 20px;
    border-top: 1px solid #e4e6ed;
    color: #303246;
    font-size: 15px;
    line-height: 1.65;
    vertical-align: middle;
}

.visitor-registration-fee-table table tbody tr:nth-child(even) td {
    background: #f7f7fb;
}

.visitor-registration-fee-table table tbody tr:hover td {
    background: #f1efff;
}

.visitor-registration-fee-table table tbody td:first-child strong {
    color: #171a35;
    font-weight: 800;
}

.visitor-registration-fee-table table tbody td:last-child {
    text-align: center;
    background: #f6f4ff;
    white-space: nowrap;
}

.visitor-registration-fee-table table tbody td:last-child strong {
    display: inline-block;
    background: #302393;
    color: #ffffff;
    padding: 9px 16px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 800;
}

@media (max-width: 767px) {
    .visitor-registration-fee-table {
        padding: 18px;
        border-radius: 14px;
    }

    .visitor-registration-fee-table h2 {
        margin: -18px -18px 18px;
        padding: 18px 15px;
        font-size: 22px;
        border-radius: 14px 14px 0 0;
    }

    .visitor-registration-fee-table table {
        min-width: 750px;
    }

    .visitor-registration-fee-table table tbody td {
        padding: 14px 15px;
        font-size: 14px;
    }

    .visitor-registration-fee-table table tbody td:last-child strong {
        font-size: 14px;
        padding: 8px 13px;
    }
}

/* =========================================
   VISITOR REGISTRATION IMPORTANT POINT LIST
========================================= */

.visitor-registration-important-point-list {
    margin-top: 35px;
    background: #ffffff;
    border: 1px solid #e4e6f0;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 12px 35px rgba(22, 26, 53, 0.06);
}

.visitor-registration-important-point-list h2 {
    margin: -30px -30px 25px;
    padding: 20px 28px;
    background: linear-gradient(90deg, #201875, #4030b7);
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.3;
    border-radius: 18px 18px 0 0;
}

.visitor-registration-important-point-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.visitor-registration-important-point-list ul li {
    position: relative;
    list-style: none;
    margin-bottom: 12px;
    padding: 16px 20px 16px 58px;
    background: #f8f8ff;
    border: 1px solid #e5e4f2;
    border-radius: 10px;
    color: #303246;
    font-size: 15px;
    line-height: 1.65;
    transition: all 0.25s ease;
}

.visitor-registration-important-point-list ul li:last-child {
    margin-bottom: 0;
}

.visitor-registration-important-point-list ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 18px;
    top: 16px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #302393;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: normal;
    box-shadow: 0 5px 12px rgba(48, 35, 147, 0.18);
}

.visitor-registration-important-point-list ul li:hover {
    background: #ffffff;
    border-color: #d8d4f3;
    transform: translateX(3px);
}

.visitor-registration-important-point-list ul li strong {
    color: #171a35;
    font-weight: 800;
}

@media (max-width: 767px) {
    .visitor-registration-important-point-list {
        margin-top: 25px;
        padding: 18px;
        border-radius: 14px;
    }

    .visitor-registration-important-point-list h2 {
        margin: -18px -18px 18px;
        padding: 17px 18px;
        font-size: 22px;
        border-radius: 14px 14px 0 0;
    }

    .visitor-registration-important-point-list ul li {
        padding: 14px 14px 14px 50px;
        font-size: 14px;
        line-height: 1.6;
    }

    .visitor-registration-important-point-list ul li::before {
        left: 14px;
        top: 13px;
        width: 26px;
        height: 26px;
        font-size: 10px;
    }
}

.bank-information-for-payment-title{
    position:relative;
    width:100%;
    text-align:center;
    border-radius: 18px 18px 0 0;
    padding:25px 5px;
    background: linear-gradient(90deg, #201875, #4030b7);
}
.bank-information-for-payment-title h2 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.3;
}
.nav-item.submenu ul li a{
    display:inline-block;
    line-height:20px;
} 
.patron-detail-description{
    position:relative;
    width:100%;    
}
.patron-detail-description ul li{
    position:relative;
    width:100%;
    margin-bottom:5px;
}
.page-activity-delegate-registration ol {
    position: relative;
    margin: 0px;
    padding:0px;
}
.page-activity-delegate-registration ol > li {
    counter-increment: visitor-counter;
    position: relative;
    padding: 18px 20px 18px 58px;
    margin-bottom: 12px;
    background: #fafaff;
    border: 1px solid #ececf4;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.7;
    color: #303448;
    list-style: none;
    margin-left: 0px;
}

.page-activity-delegate-registration ol > li::before {
    content: counter(visitor-counter);
    position: absolute;
    left: 18px;
    top: 17px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #251a7a;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
}


.page-conference-section-first .page-single-faqs{
    position:relative;
    width:100%;
}
.page-conference-section-first .page-single-faqs ol {
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
    counter-reset: conference-list;
}

.page-conference-section-first .page-single-faqs ol li {
    position: relative;
    width: 100%;
    line-height: 24px;
    list-style: none;
    padding-left: 35px;
    min-height: 35px;
    counter-increment: conference-list;
}

.page-conference-section-first .page-single-faqs ol li::before {
    content: counter(conference-list);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #251a7a;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
}
.page-activity-section.page-activity-design-challenge h4 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #20206a;
    margin-bottom: 5px;
}
.page-activity-section.page-activity-design-challenge p strong{
    font-size: 17px;
    color: #20206a;      
}
.page-activity-section.page-activity-design-challenge ul li {
    font-size: 15px;
    line-height: 24px;
    margin-left: 20px;
    color: #000;
}
.page-activity-section.page-activity-awards h4 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #20206a;
    margin-bottom: 5px;
}
.page-activity-section.page-activity-awards p strong{
    font-size: 17px;
    color: #20206a;      
}
.page-activity-section.page-activity-awards ul li{
    font-size: 15px;
    line-height: 24px;
    margin-left: 20px;
    color: #000;    
}
.page-activity-section.page-activity-national-grand-challenge h4 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #20206a;
    margin-bottom: 15px;
}
.page-activity-section.page-activity-national-grand-challenge p strong{
    font-size: 17px;
    color: #20206a;      
}
.page-activity-section.page-activity-national-grand-challenge ul li{
    font-size: 15px;
    line-height: 24px;
    margin-left: 20px;
    color: #000;    
}

.page-activity-section.page-activity-design-challenge > .container > .row:first-of-type
.activity-page-content-box {
    background: linear-gradient(110deg, #28207f 0%, #332693 48%, #4434bd 100%);
    border-radius: 26px;
    padding: 25px;
    border: 0;
    box-shadow: 0 15px 40px rgba(36, 29, 120, 0.15);
    margin-bottom:30px;
}
.page-activity-section.page-activity-design-challenge > .container > .row:first-of-type .activity-page-content-box > h2 {
    color: #ffffff !important;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
    margin: 0 0 0px;
    padding-bottom: 22px;
    position: relative;
    background: transparent;
}
.page-activity-section.page-activity-design-challenge > .container > .row:first-of-type
.activity-page-content-box p {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
}
.page-activity-section.page-activity-design-challenge > .container > .row:first-of-type
.activity-page-content-box strong {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
}
.page-activity-national-grand-challenge > .container > .row:first-of-type
.activity-page-content-box {
    background: linear-gradient(110deg, #28207f 0%, #332693 48%, #4434bd 100%);
    border-radius: 26px;
    padding: 25px;
    border: 0;
    box-shadow: 0 15px 40px rgba(36, 29, 120, 0.15);
    margin-bottom:30px;
}
.page-activity-national-grand-challenge > .container > .row:first-of-type .activity-page-content-box > h2 {
    color: #ffffff !important;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 800;
    margin: 0 0 0px;
    padding-bottom: 22px;
    position: relative;
    background: transparent;
}
.page-activity-national-grand-challenge > .container > .row:first-of-type
.activity-page-content-box > h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 110px;
    height: 6px;
    border-radius: 20px;
    background: linear-gradient(90deg, #302393, #d0186c);
    display:none;
}
.page-activity-national-grand-challenge > .container > .row:first-of-type
.activity-page-content-box p {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
}
.page-activity-national-grand-challenge > .container > .row:first-of-type
.activity-page-content-box strong {
    color: #ffffff !important;
    font-weight: 800;
}
.page-activity-national-grand-challenge > .container > .row:first-of-type .activity-page-content-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 16px;
    background: transparent;
    margin-bottom:20px;
}
.page-activity-national-grand-challenge > .container > .row:first-of-type
.activity-page-content-box ul li {
    position: relative;
    list-style: none;
    color: #ffffff !important;
    font-size: 16px;
    line-height: 1.65;
    width:100%;
    padding: 12px 10px 0px 34px;
}

/* Check */
.page-activity-national-grand-challenge > .container > .row:first-of-type
.activity-page-content-box ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 15px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
}

@media (max-width: 767px) {

    .page-activity-national-grand-challenge > .container > .row:first-of-type
    .activity-page-content-box {
        padding: 30px 22px;
        border-radius: 18px;
    }

    .page-activity-national-grand-challenge > .container > .row:first-of-type
    .activity-page-content-box > h2 {
        font-size: 27px;
    }

    .page-activity-national-grand-challenge > .container > .row:first-of-type
    .activity-page-content-box ul {
        grid-template-columns: 1fr;
        padding: 18px;
    }
}

    .event-item-metal:first-child .logo-color2,
    .event-item-metal:first-child .logo-color3 {
        display: none;
    }
    .event-item-metal:nth-child(2) .logo-color1{
        display:none;
    } 
    
.event-customer-info-metal {
    width: calc(25% - 25px);
    height: 100%;
    align-content: center;
    border-left: 1px solid #cccccc40;
    padding-left: 15px;
    margin-left: 25px;
}    

.activity-sponsor-logo-slider {
    position: relative;
    width: 100%;
}

.activity-sponsor-logo-slider .swiper {
    padding: 15px 5px 30px;
}

.activity-sponsor-logo-slider .swiper-slide {
    height: auto;
}

.activity-sponsor-logo-slider .activity-sponsor-logo-card {
    width: 100%;
    height: 180px;
    background: #ffffff;
    border: 1px solid #e8e8ee;
    border-radius: 14px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.3s ease;
}

.activity-sponsor-logo-slider .activity-sponsor-logo-card:hover {
    transform: translateY(-5px);
    border-color: #d7d3ef;
    box-shadow: 0 12px 30px rgba(28, 24, 76, 0.10);
}

.activity-sponsor-logo-slider .activity-sponsor-logo-card img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 110px !important;
    object-fit: contain !important;
    margin: 0 auto;
}


/* Tablet */

@media (max-width: 991px) {

    .activity-sponsor-logo-slider .activity-sponsor-logo-card {
        height: 160px;
        padding: 22px;
    }

    .activity-sponsor-logo-slider .activity-sponsor-logo-card img {
        max-height: 95px !important;
    }
}


/* Mobile */

@media (max-width: 575px) {

    .activity-sponsor-logo-slider .activity-sponsor-logo-card {
        height: 135px;
        padding: 18px;
        border-radius: 10px;
    }

    .activity-sponsor-logo-slider .activity-sponsor-logo-card img {
        max-height: 80px !important;
    }
}

.page-activity-exhibition-section h2 {
    position: relative;
    background: linear-gradient(120deg, #21156f 0%, #271b86 55%, #3e28d0 100%);
    color: #fff;
    padding: 5px 20px;
    border-radius: 4px;
    line-height: 40px;
    font-size: 28px;
}
.Industry-Sector-section{
    position:relative;
    width:100%;
    padding:70px 0px;
}
.Industry-Sector-section .magnific-popup-image-item img{
    height:180px;
}
.page-sponsor-single {
    padding: 70px 0;
    background: #f7f8fc;
}

.page-sponsor-single .sponsor-profile-wrapper {
    background: #ffffff;
    border: 1px solid #e7e8ef;
    border-radius: 20px;
    padding: 35px;
    box-shadow: 0 15px 45px rgba(25, 24, 68, 0.08);
}

.page-sponsor-single .sponsor-image-box {
    width: 100%;
    min-height: 320px;
    padding: 35px;
    border-radius: 18px;
    background: #fafbff;
    border: 1px solid #e8e9f2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.page-sponsor-single .sponsor-image-box img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 230px !important;
    object-fit: contain;
}

.page-sponsor-single .sponsor-single-content {
    padding-left: 25px;
}

.page-sponsor-single .sponsor-title-box {
    margin-bottom: 18px;
}

.page-sponsor-single .sponsor-title-box h2 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #12142b;
    margin: 0;
}

.page-sponsor-single .sponsor-description {
    font-size: 17px;
    line-height: 1.8;
    color: #55576a;
    margin-bottom: 30px;
}

.page-sponsor-single .sponsor-description p:last-child {
    margin-bottom: 0;
}

.page-sponsor-single .sponsor-info-row {
    row-gap: 18px;
}

.page-sponsor-single .sponsor-info-card {
    height: 100%;
    min-height: 100px;
    padding: 20px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e6e7ef;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.3s ease;
}

.page-sponsor-single .sponsor-info-card:hover {
    transform: translateY(-4px);
    border-color: #d5d0f1;
    box-shadow: 0 10px 30px rgba(41, 33, 116, 0.08);
}

.page-sponsor-single .sponsor-info-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 12px;
    background: linear-gradient(135deg, #292173, #6b46c1);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
}

.page-sponsor-single .sponsor-info-content {
    min-width: 0;
}

.page-sponsor-single .sponsor-info-content span {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    color: #86889a;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 6px;
}

.page-sponsor-single .sponsor-info-content a,
.page-sponsor-single .sponsor-info-content p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #17182d;
    margin: 0;
    text-decoration: none;
    word-break: break-word;
}

.page-sponsor-single .sponsor-info-content a:hover {
    color: #4731a5;
}

@media (max-width: 991px) {

    .page-sponsor-single {
        padding: 50px 0;
    }

    .page-sponsor-single .sponsor-profile-wrapper {
        padding: 25px;
    }

    .page-sponsor-single .sponsor-single-content {
        padding-left: 10px;
    }

    .page-sponsor-single .sponsor-title-box h2 {
        font-size: 34px;
    }

    .page-sponsor-single .sponsor-image-box {
        min-height: 280px;
    }

    .page-sponsor-single .sponsor-image-box img {
        max-height: 190px !important;
    }
}

@media (max-width: 767px) {

    .page-sponsor-single .sponsor-single-content {
        padding-left: 0;
        padding-top: 30px;
    }

    .page-sponsor-single .sponsor-title-box h2 {
        font-size: 30px;
    }

    .page-sponsor-single .sponsor-image-box {
        min-height: 230px;
    }

    .page-sponsor-single .sponsor-image-box img {
        max-height: 160px !important;
    }
}
.join-with-whatsapp {
    position: relative;
    width: auto;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    background: #67aa03;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px !important;
}
.join-with-whatsapp:hover {
    color: #fff !important;
}
/* ===============================================
    WhatsApp BUtton
------------------------*/
.whatsApp {
    position: fixed;
    left: 34px;
    bottom: 40px;
    z-index: 999;
    width: 55px;
    height: 55px;
    background: #25D366;
    color: #fff;
    font-size: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    animation: jumpup 2s infinite;
}

.whatsApp::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(37,211,102,.6);
    z-index: -1;
    animation: rays 1.8s infinite;
}

@keyframes jumpup{
    0%{transform: translateY(0);}
    50%{transform: translateY(-8px);}
    100%{transform: translateY(0);}
}

@keyframes rays{
    0%{
        transform: scale(1);
        opacity: .8;
    }
    100%{
        transform: scale(1.8);
        opacity: 0;
    }
}

.conference-overview-section.conference-overview-second ul {
    position: relative;
    width: 100%;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
.conference-overview-section.conference-overview-second ul li{
    position:relative;
    width:100%;
    margin:0px 0px 5px 0px;
    padding:0px;
    color:#fff;
    line-height:24px;
}
.conference-overview-section.conference-overview-second h4{
    color:#fff;
}

.page-conference-section-conclusion ul{
    position: relative;
    width: 100%;
    margin: 0px 0px 0px 20px;
    padding: 0px;  
}
.page-conference-section-conclusion ul li{
    position:relative;
    width:100%;
    margin:0px 0px 5px 0px;
    padding:0px;
    color:#000;
    line-height:24px;
}
.conference-schedule-details h4{
    color:#fff;
    font-size:18px;
    margin-bottom:10px;
}
.page-conference-session-section{
    position: relative;
    width: 100%;
    margin: 0px 0px 40px 0px;
    padding: 0px;      
}

.page-conference-image-box{
    position: relative;
    width: 100%;
    border-radius:12px;
    overflow:hidden;
}
.page-conference-image-box img{
    position: relative;
    width: 100%;
    border-radius:12px;
    overflow:hidden;
}

/*===================================
table responsive css start here
===================================*/
.table-responsive {
    position: relative;
    width: 100%;
}
.page-conference-section-second .conference-schedule-table {
    width: 100%;
    table-layout: auto;
}

.page-conference-section-second .conference-schedule-table th:first-child,
.page-conference-section-second .conference-schedule-table td:first-child {
    width: 220px;
    min-width: 220px;
}

.page-conference-section-second .conference-schedule-table td,
.page-conference-section-second .conference-schedule-table th {
    vertical-align: middle;
}

.page-conference-section-second .conference-schedule-details p:last-child {
    margin-bottom: 0;
}
@media (max-width: 767px) {

    .page-conference-section-second .event-schedule-item .table-responsive {
        overflow-x: scroll;
    }

    .page-conference-section-second .conference-schedule-table {
        width: 100%;
        table-layout: fixed;
    }

    .page-conference-section-second .conference-schedule-table th:first-child,
    .page-conference-section-second .conference-schedule-table td:first-child {
        width: 34%;
        min-width: 0;
    }

    .page-conference-section-second .conference-schedule-table th:nth-child(2),
    .page-conference-section-second .conference-schedule-table td:nth-child(2) {
        width: 66%;
    }

    .page-conference-section-second .conference-schedule-table th,
    .page-conference-section-second .conference-schedule-table td {
        padding: 12px;
        font-size: 15px;
        line-height: 1.5;
        word-break: normal;
        overflow-wrap: break-word;
        vertical-align: top;
    }

    .page-conference-section-second .conference-schedule-time strong {
        font-size: 15px;
        white-space: normal;
    }

    .page-conference-section-second .conference-schedule-content h5 {
        font-size: 16px;
        line-height: 1.5;
    }

    .page-conference-section-second .conference-schedule-details p {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .page-conference-section-second .conference-hall-row th {
        width: 100% !important;
        padding: 10px 12px;
        font-size: 24px;
        line-height: 1.3;
    }

}