:root{
	--primaryColor:#0F62FE;
	--secondaryColor:#5CE1E6;
	--greenColor:#34C759;
	--whiteColor:#F2F2F7;
	--fontOne:"Roboto", serif;
	--fontTwo:"Rozha One", serif;
	--fontThree:"Rock Salt", serif;
}
body{font-family:var(--fontOne);font-size:16px;background-color: #000000;}
.btn{padding:16px 28px;line-height:normal;height:48px;display:inline-flex;align-items:center;font-weight:700;letter-spacing: 0.5px;border-radius: 0;}
.btn img{margin-left:10px;}
.btn i{transition:all 0.3s ease;}
.btn:focus, .btn:active, .btn:active:focus{outline: none;box-shadow: none;background-color:var(--primaryColor);color:white;border-color:var(--primaryColor);}
.btn:hover i{ transform: rotate(-30deg);}
.btn-primary{background-color:var(--primaryColor); border-color: var(--primaryColor);}
.btn-primary:hover{background-color:#0C4DC7;border-color:#0C4DC7;color:white;}
.btn-outline-primary{border:2px solid var(--primaryColor);color:white;}
.btn-outline-primary:hover{background-color:var(--primaryColor);color:white;}

.title2{font-family:var(--fontTwo);font-size:42px;font-weight:400; margin-bottom: 0;}
.title3{color:var(--greenColor);font-family:var(--fontTwo);font-size:28px;font-weight:400;margin-bottom:24px;text-transform: uppercase;}
.title3::after{content:'';background-color:var(--greenColor);width:96px;height:1px;display:inline-block;vertical-align:middle;margin-left:16px;}
.subtag{font-size:20px;font-weight:400;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:18px;}

/** **/
.home_video_top{position:relative;left:0;right:0;top:0;bottom:0;width:100%;overflow:hidden;}

.main_header{padding:10px;position:absolute;top:0;z-index:9999;width:100%;}
header .nav{padding:0 20px;}
header .nav li{margin:14px 22px;}
header .nav li a{color:#FFF;font-size:18px;font-weight:500;padding:0 0 6px;transition:all 0.3s ease;display:inline-block;position:relative;}
header .nav li a::after{border-bottom:3px solid transparent;transition:all 0.3s ease;width:0;content:'';display:inline-block;position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;}
header .nav li a:hover:after,header .nav li a.active:after{border-color:var(--secondaryColor);width:80%;}
header .nav li a.active, header .nav li a:hover{color:var(--secondaryColor); }
.main_header .btn{float: right;}
.main_header .btn:hover{ border-color: var(--primaryColor);}

.carousel-caption{text-align:left;top:50%;transform:translateY(-50%);max-width: 730px;left: 9%;right: 9%;}
.carousel-caption h1{font-size:60px;font-weight:400;font-family:var(--fontTwo); margin-bottom: 0;}
.carousel-caption p{font-size:24px;font-weight:400;width:90%;margin:34px 0 64px;font-weight:400;}
.carousel-indicators{bottom:110px;margin-bottom:0;}
.carousel .carousel-indicators button{width:13px;height:13px;background-color:#B2C0C3;opacity:1;padding:0;line-height:normal;border: none;border-radius: 13px;}
.carousel .carousel-indicators button.active{background-color:var(--primaryColor);width:35px;}

.bar_logo{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px 80px;position:relative;gap:30px;}
.bar_logo li{background:#222;flex:1;padding:30px 20px;min-height:140px;display:flex;align-items:center;justify-content:center;}
.bar_logo li a{ display: block;text-align: center;}
.container:has(.bar_logo){filter:drop-shadow(0px 0px 40px rgba(15,98,254,0.62));}
.bar_logo img{ transition: all 0.3s ease;}
.bar_logo img:hover{ transform: scale(1.1);}

.studio_engagements{background-color:#080915;background-image:url(../images/studio_engagements_bg.jpg);background-size:cover;padding:70px 0;}
.studio_engagements h2{color:white;}
.studio_engagements .subtag{color:var(--greenColor);}
.studio_engagements .tab-content{margin-top:140px;}
.studio_engagements .nav-tabs{border-bottom:none;justify-content:flex-end;}
.studio_engagements .nav-tabs .nav-link{background:#000000;border:2px solid var(--primaryColor);color:#FFF;text-align:center;font-size:22px;font-weight:700;padding:16px 36px;line-height:normal;border-radius:0;}
.studio_engagements .nav-tabs .nav-link.active{background-color:var(--primaryColor);}
.listing_studio{display:flex;gap:95px;}
.listing_studio .listing_item{width:33.3%;border-radius:6px;overflow:hidden;}
.listing_studio .listing_item_center{box-shadow:0px 0px 50px 0px rgba(15,98,254,0.85);transform:scale(1.15);}
.studio_engagements .studio_row{padding:16px 20px;list-style:none;display:flex;align-items:center;background:white;gap:20px;margin-bottom:0;}
.studio_engagements .studio_item{border-radius:6px;width:100%;}

.exp_design{background-image:url(../images/exp_design_bg.jpg);background-size:cover;padding: 74px 0;min-height: 585px;}
.exp_design h2{ color: #fff;}
.exp_design .subtag{color:#fff;}
.exp_design h3{color:var(--whiteColor);font-size:24px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:24px 0;}
.exp_design ul{padding-left:13px;margin-bottom:40px;}
.exp_design ul li{color:#AFAFAF;font-size:18px;font-weight:400;margin-bottom:6px;}
.exp_design ul li:last-child{margin-bottom:0;}
.exp_design_inner{background:#1D2022;backdrop-filter:blur(2px);border-radius:4px;padding:36px;min-height:432px;display:flex;flex-direction:column;}
.exp_design_inner .btn{margin-top:auto;width:max-content;}
.exp_design_inner:hover{ background-color: #5CE1E6;}
.exp_design_inner:hover h3, .exp_design_inner:hover ul li{ color: #000;}
.exp_design_inner:hover svg path{ fill: #000;}
.exp_design_inner:hover .btn{ background-color: #000;border-color: #000;}

.team{background-image:url(../images/team_bg.jpg);background-size:cover;padding: 74px 0;}
.team h2{ color: #fff;}
.team .subtag{color:#fff;}
.box_team img{width:100%;}
.box_team h3{color:var(--whiteColor);font-size:20px;font-style:normal;font-weight:700;margin:16px 0;}
.box_team ul{list-style:none;padding:0;display:flex;align-items:center;justify-content:center;gap:16px;}
.box_team ul li a{color:#C7C7CC;font-size:20px;}
.box_team ul li a:hover{color:var(--secondaryColor);}
.box_team .btn{background-color:#002B7B;border-color:#002B7B;}
.box_team .btn:hover{background-color:var(--primaryColor);border-color:var(--primaryColor);}

.exp_design h2 + p{color:#8E8E93;font-size:18px;font-weight:400;margin-top:16px;margin-bottom:0;}
.communiyt_item{position:relative;clip-path:polygon(12% 0,100% 0%,88% 100%,0% 100%);overflow:hidden;}
.communiyt_item *{transition:all 0.3s ease;}
.commuevent_imgniyt_item .{position:relative;}
.communiyt_item .event_img::before{content:'';background-color:rgba(0,0,0,0.6);width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.communiyt_item .inside_event{position:absolute;bottom:0;left:0;padding:20px 40px;z-index:2;}
.communiyt_item .inside_event p{color:white;margin-bottom:0;color:#C7C7CC;}

.faq{background-color:#080915;background-image:url(../images/faq_bg.jpg);background-size:cover;padding: 74px 0;}
.faq h2{ color: #fff;}
.faq .subtag{color:#fff;}
.faq .accordion-item{margin-bottom:16px;border:1px solid #475988;background:rgba(0,122,255,0.15);border-radius:0;}
.faq .accordion-item .accordion-button{border:none;background:transparent;color:#F2F4F8;font-size:20px;font-style:normal;font-weight:700;}
.faq .accordion-item .accordion-button:focus{ box-shadow: none;}
.accordion-button::after{margin-left:auto;content:"\F64D";font-family:bootstrap-icons;background:transparent;}
.accordion-button:not(.collapsed)::after{content:"\F63B";background:transparent;}
.faq .accordion{margin-left:20rem;	margin-right: 20rem;}
.faq .accordion-body{color:white;}
.faq .accordion-button:not(.collapsed){border-bottom:1px solid #475988;}

.newsletter{background:#000;padding:30px 0;background-position:bottom center;}
.newsletter .form-control{height:70px;border-radius:0;padding:16px;font-size:30px;}
.newletter_form{background:#222222;padding:50px 0;}
.newsletter .btn{font-size:30px;height:70px;font-weight:normal;}

.main_footer{background:#000;padding:0 0 60px 0;}
.main_footer .footer_logo{margin-bottom:28px;display:inline-block;}
.main_footer h4{color:#FFF;font-size:20px;font-weight:700;margin-bottom:24px;}
.main_footer ul{padding:0;margin:0;list-style:none;}
.main_footer ul li{margin-bottom:16px;}
.main_footer ul li:last-child{margin-bottom:0;}
.main_footer p,.main_footer ul li a{text-decoration:none;color:#B0B0B0;font-size:16px;font-weight:500;}
.main_footer ul li a:hover{color:var(--primaryColor);text-decoration:underline;}
.main_footer .social{list-style:none;padding:0;display:flex;align-items:center;justify-content:flex-start;gap:16px; margin-bottom: 16px;}
.main_footer .social li{ margin-bottom: 0;}
.main_footer .social li a{color:#fff;font-size:20px;}
.main_footer .container{ border-top: 1px solid;padding-top: 60px;}

.page_banner{background-image:url(../images/inner_bg.jpg);background-size:cover;min-height:320px;display:flex;align-items:flex-end;position:relative;padding-bottom:30px;}
.page_banner::before{content:'';background:linear-gradient(0deg,rgba(0,18,52,0.85) 13.28%,rgba(0,0,0,0.75) 95.31%);position:absolute;width:100%;height:100%;left:0px;top:0px;}
.page_banner h1{position:relative;color:#fff;font-family:var(--fontTwo);font-size:42px;font-weight:400;margin-bottom:0;}
.page_banner .event_strip{background:#34C759;color:var(--whiteColor);font-size:16px;font-weight:700;padding:8px 20px;display:inline-block;gap:10px;clip-path:polygon(6% 0,100% 0%,94% 100%,0% 100%);margin-bottom:20px;}

.contact_section{padding:70px 0 120px;}
.contact_form{background:#004AAD;padding:40px;border-radius: 10px;}
.contact_form h3{color:#FFF;font-size:42px;font-weight:600;font-family:var(--fontOne);margin-bottom:30px;}
.contact_form label{color:#F3EFF0;font-size:14px;letter-spacing:0.5px;}
.contact_form .form-control{background:transparent;border-left:none;border-right:none;border-top:none;border-bottom:1px solid #BBBBBB;border-radius:0;padding-left:0;min-height:48px;color:#CACACA;}
.contact_form textarea.form-control{resize:none;}
.contact_form .form-control::placeholder{color:#CACACA;opacity:0.6;}
.contact_form .form-control:focus{box-shadow:none;}
.sitemap{list-style:none;display:flex;align-items:center;padding-left: 0; margin-top: 40px;}
.sitemap li::after{border-right:1px solid white;content:'';margin-right:10px;padding-right:10px;line-height:normal;}
.sitemap li:last-child::after{ display: none;}
.sitemap li a{color:white;text-decoration:none;line-height:normal;font-size: 14px;font-weight: 400;}
.sitemap li a:hover{ text-decoration: underline;color: var(--secondaryColor);}
.contact_info{ margin: 40px 0;}
.contact_info a{color:#FFF;font-size:16px;font-weight:400;line-height:normal;display:flex;align-items:center;margin-bottom:20px;gap:16px;text-decoration:none;font-weight:400;}
.follow_title{color:#FFFFFF;display:inline-block;}
.social{list-style:none;padding:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:16px;margin-left:10px;}
.social li a{color:#FFFFFF;font-size:20px;}
.copyright{margin-top:40px;}
.copyright p{color:#FFF;font-size:16px;font-weight:400;line-height:normal;display:flex;gap:10px;}
.copyright p a{color:#FFF;font-size:16px;font-weight:400;line-height:normal;}
.copyright p a:hover{ color: var(--secondaryColor);}

.eventlist{background-color:#080915;background-image:url(../images/faq_bg.jpg);background-size:cover;padding:74px 0;}
.evetn_box{border-radius:6px;border:1px solid #0F62FE;background:#000;box-shadow:0px 14px 8px 13px rgba(0,0,0,0.01);display:flex;padding:18px;gap:30px;margin-bottom:20px;text-decoration:none;}
.evetn_box .event_img{min-width:264px;width:264px;border-radius:6px;overflow:hidden;}
.evetn_box .event_strip{background:#34C759;color:var(--whiteColor);font-size:16px;font-weight:700;padding:8px 20px;display:inline-block;gap:10px;clip-path:polygon(6% 0,100% 0%,94% 100%,0% 100%);}
.evetn_box .event_dt h3{color:var(--whiteColor);font-size:24px;font-weight:700;margin:16px 0;}
.evetn_box .event_dt p{color:var(--whiteColor);font-size:16px;font-weight:400;margin-bottom:16px;}

.event_dtl{background-color:#080915;background-image:url(../images/faq_bg.jpg);background-size:cover;}
.about_event{padding:60px 0;}
.about_event h3{color:var(--Colors-Green,var(--Colors-Green,#34C759));font-family:"Rozha One";font-size:28px;font-style:normal;font-weight:400;}
.about_event p{color:white;}
.event_dtl .studio_engagements{background:none;padding:0 0 74px;}
.event_dtl .studio_engagements img{border-radius:6px;width:100%;}
.event_info{ padding-top: 74px;}
.event_dt_img img{ border-radius:6px;width: 100%;}
.ticket_row{display:flex;gap:20px;}
.ticket_item{border:0px solid #0D4DC4;background:#000;box-shadow:0px 0px 40px 0px rgba(15,98,254,0.62);padding:20px;width:50%;}
.ticket_item h4{color:var(--whiteColor);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.ticket_item h4 span{color:var(--greenColor);}
.ticket_vaild{color:var(--whiteColor);font-weight:500;}
.ticket_vaild span{display:block;}
.ticket_item a{margin-top:24px;display:inline-block;font-weight:500;}
.event_details{margin-bottom:30px;}
.event_details p{color:var(--whiteColor);font-size:20px;font-weight:400;margin-bottom:16px;}
.share_event{border-radius:0px 3px 3px 0px;border:1px solid #0F62FE;background:rgba(0,0,0,0.50);padding:30px;}
.share_event .share_ev{margin-top:24px;}
.share_event .share_ev span{color:var(--whiteColor);font-size:18px;font-weight:700;display:inline-block;margin-right:8px;}
.share_event .share_ev a{ margin: 0 8px;color: white;font-size: 24px;}

.about_company{padding:60px 0;}
.about_company img{ width: 100%;}
.about_company h3, .about_company p{ color: white;}

/** Responsive CSS **/

@media only screen and (max-width:1441px){
header .nav li{margin:14px 16px;}
header .nav li a{font-size:16px;}
.title2{font-size:40px;}
.subtag{font-size:18px;}
.faq .accordion{margin-left:10rem;margin-right:10rem;}
.listing_studio{gap:75px;}
.exp_design ul li{font-size:16px;}
.exp_design h3{font-size:14px;}
.communiyt_item .inside_event p{font-size:14px;}
.main_footer p,.main_footer ul li a{font-size:14px;}
.evetn_box .event_dt h3{font-size:20px;}
.evetn_box .event_dt p{font-size:14px;margin-bottom:12px;}
.evetn_box .event_strip{font-size:14px;}
.event_details p{font-size:16px;}
.ticket_item h4{font-size:18px;}
.ticket_vaild{font-size:14px;}
.title3{font-size:24px;}

}

@media only screen and (max-width:1199px){
.home_video_top{height:auto;}
.title2{font-size:36px;}
.btn{height:48px;font-size:14px;}
.hide_sm{display:none;}
header .navbar-collapse{position:fixed;background:#000;height:100%;left:0;top:0;width:260px;z-index:9;transform:translateX(-300px);transition:all 0.3 ease;}
header .show.navbar-collapse{transform:translateX(0);}
header .navbar-collapse .nav{border-radius:0;border:none;flex-direction:column;margin:20px 10px;}
header .nav li{margin:0px 0 18px;}
header .nav li a::after{left:-8px;}
header .navbar-toggler{border:2px solid #fff;color:#fff;}
header .navbar-toggler:focus{outline:none;box-shadow:none;}
.newsletter .form-control{font-size:14px;}
.main_footer h4{font-size:16px;margin-bottom:18px;}
.main_footer .social li a{font-size:16px;}
.carousel-caption h1{font-size:48px;}
.carousel-caption p{font-size:18px;margin:24px 0 24px;}
.bar_logo img{width:70%;}
.studio_engagements .studio_row{gap:10px;flex-wrap:wrap;padding:10px 8px;justify-content: center;}
.studio_engagements .studio_row li{width:22%;}
.exp_design ul{margin-bottom:30px;}
.communiyt_item{margin-bottom:30px;}
.faq .accordion{margin-left:5rem;margin-right:5rem;}
.studio_engagements .nav-tabs .nav-link{font-size:16px;}
.contact_form{margin-top:40px;}
.evetn_box{flex-direction:column;}
.evetn_box .event_img, .evetn_box .event_img img{width:100%;}
.share_event .share_ev span{font-size:16px;margin-right:4px;}
.share_event .share_ev a{margin:0 4px;font-size:16px;}
.newsletter .btn {
	font-size: 16px;
}
}

@media only screen and (max-width:991px){
.title2{font-size:30px;}
.main_footer p,.main_footer ul li a{font-size:14px;line-height:normal;}
.main_footer ul li{margin-bottom:10px;}
.main_footer h4{margin-bottom:20px;font-size:20px;}
.carousel-caption h1{font-size:30px;}
.carousel-caption p{font-size:14px;margin:16px 0;}
.carousel-indicators{bottom:70px;margin-bottom:0;}
.carousel .carousel-indicators button{width:10px;height:10px;}
.listing_studio{gap:40px;}
.box_team{margin-bottom:30px;}
.contact_section{padding:30px 0 60px;}
.copyright p{gap:6px;}
.event_details{margin-top:30px;}
.exp_design_inner{min-height:inherit;margin-bottom:20px;}
.communiyt_item{clip-path:none;padding:0 14px;}
.bar_logo{flex-wrap:wrap;}
.bar_logo li{width:calc(33.3% - 30px);flex:auto;}
.about_company img{ margin-bottom: 30px;}
}

@media only screen and (max-width:767px){
.custom_footer_col2,.custom_footer_col3,.custom_footer_col4{width:100%;padding:20px 48px;}
.main_footer address{margin-top:0;}
.bar_logo{padding:20px 30px;}
.carousel .carousel-item img{height:440px;object-fit:cover;}
.studio_engagements .subtag{text-align:center;}
.studio_engagements h2{text-align:center;}
.studio_engagements .nav-tabs{justify-content:center;margin-top:30px;}
.studio_engagements .tab-content{margin-top:40px;}
.studio_engagements .studio_row{gap:5px;}
.exp_design{padding:30px 0;min-height:585px;min-height:inherit;}
.team{padding:30px 0;}
.faq .accordion-item .accordion-button{font-size:16px;}
.faq{padding:30px 0;}
.faq .accordion{margin-left:0;margin-right:0;margin-top:0 !important;}
.main_footer{padding:30px 0;}
.main_footer h4{font-size:16px;margin-top:20px;}
.studio_engagements .pt-5.mt-5{margin-top:0 !important;}
.studio_engagements{padding:100px 0 30px;}
.title2{font-size:24px;}
.subtag{font-size:12px;}
.newsletter{padding:30px 0 10px;}
.newletter_form{margin-left:0;margin-right:0;}
.main_footer .container{padding-top:20px;}
.exp_design .mt-5.pt-5{margin-top:0 !important;}
.listing_studio .listing_item{width:42%;}
.sitemap{flex-wrap:wrap;margin-top:0;}
.page_banner{min-height:260px;}
.page_banner h1{font-size:36px;}
.navbar img{width:140px;}
.eventlist{padding:30px 0;}
.event_info{padding-top:30px;}
.event_dtl .studio_engagements{padding-bottom:30px;}
.about_event{padding:30px 0;}

}

@media only screen and (max-width:575px){
.listing_studio{flex-wrap:wrap;justify-content:center;gap:30px;}
.listing_studio .listing_item_center{transform:none;}
.newletter_form{margin-top:20px;}
.contact_form h3{font-size:36px;}
.sitemap{margin-bottom:0;}
.copyright{margin-top:20px;}
.copyright p,.copyright p a{font-size:14px;}
.contact_info{margin:20px 0;}
.contact_info a{font-size:14px;}
.contact_info a img{width:24px;}
.contact_form{margin-top:20px;padding:30px;}
.contact_form h3{font-size:24px;margin-bottom:20px;}
.page_banner h1{font-size:24px;}
.ticket_row{flex-wrap:wrap;}
.ticket_item{width:100%;}
.bar_logo li{width:calc(50% - 30px);}
}

@media only screen and (min-width:1442px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 85%;
}
}