@font-face {
	font-family: "Garet-Heavy";
	src: url("/fonts/Garet-Heavy.woff2") format("woff2"),
	     url("/fonts/Garet-Heavy.woff") format("woff");
	font-weight: bold;
}
@font-face {
	font-family: "Garet-Book";
	src: url("/fonts/Garet-Book.woff2") format("woff2"),
	     url("/fonts/Garet-Book.woff") format("woff");
	font-weight: regular;
}

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

.main-slider-sec{ display:block; width:100%; position:relative; }
.banner-slider-outer{ display:block; width:100%; }
.main-slider-sec .banner-slider-outer{ padding: 0 0; } 
.banner-slider-outer .item{ display:block; width:100%; height: 750px; }
.banner-slider-box{ display: inline-block !important; position: absolute !important; left: 10%; top: 50%; transform: translate(0%, -50%); background: #fff; border-radius: 200px; padding: 80px 120px 60px 120px !important; box-sizing: border-box !important; width: 865px; color: #000 !important }    
.banner-slider-box .slick-dots{ display: block; width: 100%; padding: 0; margin: 0px 0 0; list-style: none; text-align: center; position: absolute; top: 35px; left: 0; text-align: left; padding-left: 120px; }
.banner-slider-box h2{ font-family: "Garet-Book"; text-transform: capitalize; font-weight: 300 !important; font-size: 62px; color: #000 !important; display: block; line-height: 1.2; padding-bottom: 3px; }
.banner-slider-box p{ margin-bottom: 20px; max-width: 480px; font-size: 16px; line-height: 26px; font-weight: 300; font-family: "Garet-Book"; }
/*.banner-slider-box a{ --button-background: #f4d465; --button-hover: black; position: relative !important; font-size: 16px !important; background: #f4d465 !important; color: #000 !important; line-height: 2 !important; height: 30px !important; border-radius: 999px !important; border: none !important; padding: 0 15px 0 15px !important; transition: 150ms !important; font-weight: bold; display: inline-block; }*/
.banner-slider-box a:hover{ background: transparent; transition: all 0.3s ease-in-out; }
.banner-slider-box .slick-dots li{ width:12px; height:12px; }
.banner-slider-box .slick-dots li button:before{ display:none; }
.banner-slider-box .slick-dots li button{ width: 15px; height: 15px; background:transparent; border: 1px solid #4580f8; border-radius: 50% }
.banner-slider-box .slick-dots li.slick-active button{ background:#4580f8; }
.welcome-sec{ padding-bottom:0; }
.welcome-sec .flex:has(.home-about) .lg\:w-1\/2 img{ position:relative; top: inherit; bottom: inherit; left: inherit; width: auto; max-width: 100%; margin-bottom: -60px; }
.welcome-sec .sec-title h6{ display: inline-flex; font-family: "Garet-Heavy"; font-size: 20px; font-weight: 900; line-height: 1.75rem; text-transform: uppercase; color:#000; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.welcome-sec .sec-title h6:after{ content:''; display:block; width:300px; height:6px; position:absolute; left:0; bottom: 0; background:#d0ea8d; }
.welcome-sec .sec-title h3{ font-family: "Garet-Book"; text-transform: capitalize; font-weight: 300 !important; font-size: 62px; color: #000 !important; display: block; line-height: 1.2; }
.center-sec{ display:block; width:100%; height:750px; }
.desc-box{ display: inline-block !important; background: #fff; border-radius: 200px; padding: 50px 100px 50px 100px !important; box-sizing: border-box !important; width: 800px; color: #000 !important; } 
.center-sec .flex{ height: 100%; justify-content: center; }
.desc-box .sec-title h6{ display: inline-flex; font-family: "Garet-Heavy"; font-size: 20px; font-weight: 900; line-height: 1.75rem; text-transform: uppercase; color: #000; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.desc-box .sec-title h6:after{ content: ''; display: block; width: 300px; height: 6px; position: absolute; left: 50%; bottom: -6px; background: #d0ea8d; transform: translate(-50%, 0%); }
.desc-box .sec-title h3{ font-family: "Garet-Book"; text-transform: capitalize; font-weight: 300 !important; font-size: 64px; color: #000 !important; display: block; line-height: 1.2; }
.center-sec .flex.left-push{ justify-content:start; }
.services-sec{ display:block; width:100%; padding: 90px 0 90px 0; box-sizing:border-box; }
.services-sec .two-col{ display: flex; justify-content: space-between; }
.services-sec .two-col .col-left{ width:48%; margin-left:0; }
.services-sec .two-col .col-right{ width:48%; margin-right:0; padding-top: 280px; }
.services-cell{ display:block; width:100%; }
.services-img{ height:200px; border-radius:100px; margin-bottom: 20px; }
.services-box-grp{ display:block; width:100%; }
.services-box-grp .services-cell{ margin-bottom: 150px; }
.services-box-grp .services-cell:last-child{ margin-bottom: 0px; }
.services-cell .sec-title h6{ display: inline-flex; font-family: "Garet-Heavy"; font-size: 20px; line-height: 1.75rem; text-transform: uppercase; color: #000; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.services-cell .sec-title h6:after{ content: ''; display: block; width: 300px; height: 6px; position: absolute; left: 0; bottom: -6px; background: #d0ea8d; }
.services-cell .sec-title h3{ font-family: "Garet-Book"; text-transform: capitalize; font-weight: 300 !important; font-size: 62px; color: #000 !important; display: block; line-height: 1.2; }
.welcome-sec .btn, .sec-title .btn{ text-transform: none !important; font-weight: bold; }
.round-bg-img{ width: 630px; height:630px; border-radius: 50%; margin-bottom: -80px; position:relative; }
.round-bg-img .round-link{ display:inline-block; position:absolute; left: -25px; top: 40px; width: 230px; } 
.round-bg-img .round-link img{ display: block; width: 100% !important; left: 0 !important; position: relative !important; top: inherit !important; bottom: inherit !important; }
.hover-btn-outer{ display:inline-block; overflow: hidden; padding-right: 50px; transition: all 0.3s ease-in-out; margin-top: 20px; }
.hover-btn-outer:hover{ padding-right: 0; }
.hover-btn{ display:flex; align-items: center; text-decoration:none !important; transition: all 0.3s ease-in-out !important; position:relative; }
.hover-btn .round-arrow{ width: 50px; height:50px; border-radius: 50%; background:#f4d465; transition: all 0.3s ease-in-out; position:absolute; left:-50px; top: 50%; transform: translate(0%, -50%); }
.round-arrow-right{ right: -50px; left: inherit !important; }
.hover-btn-outer:hover .hover-btn{ margin-left: 50px; }
.round-arrow:before{ content:''; display:block; position:absolute; left:14px; top: 15px; width: 22px; height:20px; background:url(../img/new-home/arrow-btn.png) no-repeat; background-size:cover; transition: all 0.3s ease-in-out; }
.hover-btn:hover .round-arrow-right:before{ transform: scale(0.1); }
.round-arrow-left:before{  transform: scale(0.1); }
.hover-btn:hover .round-arrow-left:before{ transform: scale(1); }
.hover-btn span{ display: inline-block; background:#f4d465; font-size:18px; line-height:1.223; color:#000; font-family: "Garet-Heavy"; padding:14px 25px; box-sizing:border-box; border-radius: 50px; }
.center-sec .sec-title p{ max-width: 550px; display: block; margin: 0 auto; }
.services-sec .col-left p{ display: block; max-width: 450px; }
.services-box-grp h4{ font-family: "Garet-Book"; font-size: 36px; line-height: 1.2; font-weight: 100; margin-bottom: 20px; letter-spacing: 2px; padding-right: 40px; box-sizing: border-box; }
.services-sec .services-cell .sec-title h6, .services-sec .services-cell .sec-title h3, .services-sec .col-left .services-cell .sec-title p{ margin-left: 40px !important; box-sizing:border-box; }
.services-sec .col-left .services-cell .sec-title .hover-btn-outer{ margin-left: 40px !important; box-sizing:border-box; }
.welcome-sec p, .center-sec .sec-title p, .services-sec .col-left p, .sec-title p{ font-family: "Garet-Book"; }
.welcome-sec .sec-title{ margin-bottom:6rem; } 

/*office hours event page*/
.banner-circle-sec{ padding: 80px 0 80px 0; box-sizing: border-box; background: #3183FF; position: relative; }
.banner-circle-sec:before{ content:''; display:block; position: absolute; left:0; top: 0; width: 453px; height:247px; background-image: url(https://kelvix-staging.frb.io/img/bg-left-top.png); background-size:cover; }
.banner-circle-sec:after{ content:''; display:block; position: absolute; right:0; bottom: 0; width: 362px; height:338px; background-image: url(https://kelvix-staging.frb.io/img/bg-right-btm.png); background-size:cover; }
.banner-circle-sec .container{ text-align: center; position: relative; z-index: 1; }
.banner-circle-sec h1{ font-family: 'Garet', Arial, sans-serif; font-weight: 700!important; color: #fff; text-transform: capitalize; font-size:72px; line-height: 86px; font-weight: 700; max-width: 1200px; display:block; margin: 0 auto; margin-bottom: 15px; padding: 0; }
.banner-circle-sec p{ color: #F3E8FF; font-size: 24px; line-height: 32px; font-weight: 400; max-width: 800px; display:block; margin: 0 auto; margin-bottom:35px; font-family: "Open Sans", sans-serif; }
.center-event-btn{ display: block; text-align:center; margin-bottom: 15px; }
.center-event-btn .month-event{ font-size: 12px; line-height: 16px; color: #fff; display: inline-block; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 4px 10px; }
.banner-circle-sec .center-cell .event-info{ font-size: 16px; line-height: 24px; color: #fff;; font-weight: 400; display: inline-block; padding-left: 28px; box-sizing:border-box; margin-right: 17px; position: relative; font-family: "Inter", sans-serif; }
.banner-circle-sec .center-cell .event-info:last-child{ margin-right: 0; }
.livestream-sec{ display: block; padding: 65px 0 64px 0; background: #fafbfc; }
.livestream-sec .container{ text-align: center; }
.livestream-sec h3{ font-family: 'Garet', Arial, sans-serif; font-weight: 700!important; font-size: 36px; line-height: 40px; color: #0A0A0A; text-transform: none; margin-bottom: 5px; }
.livestream-sec p{ font-size: 20px; line-height: 28px; color: #585858; margin-bottom: 40px; font-family: "Open Sans", sans-serif; } 
.video-area{ display:block; width:100%; margin: 0 auto; }
.video-area iframe{ box-shadow: 0px 25px 50px -12px #00000040;  border-radius:16px; overflow:hidden; width: 100%; height: 721px; }
.event-info:before{ content:''; display:block; position: absolute; left:0; top: 1px; width: 20px; height:20px; background-size:cover; }
.event-date:before{ background-image: url(https://kelvix-staging.frb.io/img/calendar-icon.svg); }
.event-time:before{ top: 2px; background-image: url(https://kelvix-staging.frb.io/img/clock-icon.svg); }
.event-content-box p:last-child{ margin-bottom: 0; }
.banner-circle-sec .center-cell{ padding-top: 35px; }

.sessions-list{ display:block; width:100%; }
.session-item{ display:block; width:100%; }
.session-item .session-content{ display:flex; flex-wrap:wrap; padding: 88px 0; border-bottom: 2px solid #C1C1C1; }
.sessions-list .session-item:last-child .session-content{ border-bottom: 0; }
.session-item .session-content .session-left{ display:inline-block; margin-left:0; width:50%; padding-right: 70px; box-sizing: border-box; }
.session-item .session-content .session-right{ display:inline-block; margin-right:0; width:50%; }
.session-video{ display:block; width:100%; }
.session-video iframe{ display:block; width:100%; min-height: 400px; border-radius: 14px; }
.session-content h4{ font-size: 22px; line-height:28px; color:#3183FF; font-weight: 700; text-transform: uppercase; margin-bottom:10px; }
.session-description{ display:block; width:100%; padding-top:30px; }
.session-item hr{ border: 1px solid #C1C1C1; }
.session-description ul{ padding-top:5px; }

/*updated on 23.03*/
.collateral-item{ display:block; width:100%; margin-bottom: 50px; }
.collateral-item h2{ font-family: Roboto, Helvetica, sans-serif; font-size: 19px; line-height: 26px; font-weight: 400; position:relative; padding-left: 9px; }
.collateral-item h2:before{ content:''; display:block; position:absolute; left:0; top: 0; width: 3px; height: 26px; background:#4580f8; }
.iframe-wrapper{ height: 70vh; width: 700px; margin: 0 auto !important; }
.iframe-wrapper iframe{ height: 70vh; width: 700px !important; margin: 0 auto; max-width: auto !important; }


@media screen and (min-width: 768px){
	body.homepageNew.sticky-header-ready{ padding-top: 148px; }
}

@media (max-width:1500px){
	.banner-slider-box{ left: 5%; }
}

@media (max-width:1400px){
	.banner-slider-box{ left: 4%; }
	.banner-slider-outer .item{ height: 650px; }
	.center-sec{ height: 650px; }
	.round-bg-img{ width: 500px; height:500px;margin-bottom: -200px; }	
	.round-bg-img .round-link{ left: -25px; top: 40px; width: 150px; }
	.video-area iframe{ width: 1210px; height: 680px; margin: 0 auto; }
}

@media (max-width:1250px){
	.video-area iframe{ width: 1050px; height: 594px; }
}

@media (max-width:1109px){
	.round-bg-img{ margin-bottom: 50px; }	
	.welcome-sec .items-center{ display: flex; align-items: center; justify-content: center; }
	.welcome-sec .sec-title{ margin-bottom: 0rem; }
	.video-area iframe{ width: 960px; height: 540px; }
}

@media (max-width:1024px){
	.banner-slider-box{ left: 4%; padding: 80px 60px 60px 60px !important; width: 600px; }
	.banner-slider-outer .item{ height: 550px; }
	.center-sec{ height: 550px; }
	.welcome-sec .flex:has(.home-about) .lg\:w-1\/2 img{ margin-bottom: 0; }
	.welcome-sec{ padding-bottom: 6rem; }
	.desc-box{  padding: 40px 40px 40px 40px !important; width: 550px; }	
	.round-bg-img{ width: 500px; height: 500px; margin-bottom: 50px; }
	.banner-slider-box h2, .welcome-sec .sec-title h3, .desc-box .sec-title h3, .services-cell .sec-title h3{ font-size: 42px; letter-spacing: 2px; padding-bottom:5px; }
	.desc-box .sec-title h6, .services-cell .sec-title h6, .welcome-sec .sec-title h6{ font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; }
	.desc-box .sec-title h6:after, .services-cell .sec-title h6:after, .welcome-sec .sec-title h6:after{ width: 250px; height: 4px; bottom: -3px; }
	.services-box-grp .services-cell{ margin-bottom: 100px; }
	.services-sec .two-col .col-right{ padding-top: 240px; }
	.banner-slider-box .slick-dots{ top: 42px; padding-left: 62px; }
	.welcome-sec .items-center{ display: flex; align-items: center; justify-content: center; }
	.services-box-grp h4{ font-size: 28px; }
	.services-img{ height: 160px; }
	.services-sec .services-cell .sec-title h6, .services-sec .services-cell .sec-title h3, .services-sec .services-cell .sec-title p, .services-sec .services-cell .sec-title a.btn, .services-sec .col-left .services-cell .sec-title p, .services-sec .col-left .services-cell .sec-title .hover-btn-outer{ margin-left: 0px !important; }
	.video-area iframe{ width: 700px; height: 395px; }
	.banner-circle-sec h1{ font-size: 44px; line-height: 56px; margin-bottom: 15px; }
	.banner-circle-sec p{ font-size: 20px; line-height: 28px; margin-bottom: 28px;	}
	.banner-circle-sec:before{ width: 220px; height: 119px; }
	.banner-circle-sec:after{ width: 157px; height: 150px; }
	.banner-circle-sec .center-cell{ padding-top: 28px; }
	.session-video iframe{ min-height: 250px; }
}

@media (max-width:767px){
	.banner-slider-box{ left: 4%; padding: 80px 60px 60px 60px !important; width: 550px; }
	.banner-slider-outer .item{ height: 550px; }
	.center-sec{ height: 550px; }
	.welcome-sec .flex:has(.home-about) .lg\:w-1\/2 img{ margin-bottom: 0; }
	.welcome-sec{ padding-bottom: 6rem; }
	.desc-box{  padding: 40px 40px 40px 40px !important; width: 550px; }	
	.round-bg-img .round-link{ left: -25px; top: 25px; width: 100px; }
	.services-sec .services-cell .sec-title h6, .services-sec .services-cell .sec-title h3, .services-sec .services-cell .sec-title p, .services-sec .services-cell .sec-title a.btn{ margin-left: 0px !important; }
	.hover-btn span{ font-size: 15px; line-height: 1.2; padding: 10px 20px; }
	.hover-btn .round-arrow{ width: 38px; height: 38px; left: -38px; }
	.round-arrow-right{ right: -38px; }
	.round-arrow:before{ left: 12px; top: 13px; width: 16px; height: 14px; }
	.hover-btn-outer{ padding-right: 38px; }
	.hover-btn:hover{ margin-left: 38px; }
	.services-sec .col-left .services-cell .sec-title .hover-btn-outer, .services-sec .col-left .services-cell .sec-title p{ margin-left: 0px !important; box-sizing:border-box; }
	.services-sec .two-col .col-right{ padding-top: 200px; }
	.services-box-grp h4{ font-size: 28px; }
	.hover-btn-outer:hover .hover-btn{ margin-left: 38px; }
	.video-area iframe{ width: 580px; height: 327px; }
	.banner-circle-sec h1{ font-size: 38px; margin-bottom: 15px; }
	.banner-circle-sec p{ font-size: 20px; line-height: 28px; margin-bottom: 28px;	}
	.banner-circle-sec:before{ width: 220px; height: 119px; }
	.banner-circle-sec:after{ width: 157px; height: 150px; }
	.livestream-sec h3{ font-size: 32px; line-height: 35px; }
	.session-description{ padding-top:30px; }

	.iframe-wrapper{ height: 400px; width: 100%; margin: 0 auto !important; }
	.iframe-wrapper iframe{ height: 400px; width: 100% !important; margin: 0 auto; max-width: auto !important; }
}

@media (max-width:641px){
	.services-sec{ padding: 40px 0 40px 0; }
	.services-sec .two-col{ flex-wrap:wrap; }
	.services-sec .two-col .col-left{ width:100%; margin-bottom: 40px; }
	.services-box-grp .services-cell{ margin-bottom: 40px; }
	.services-box-grp .services-cell:last-child{ margin-bottom: 0px; }
	.services-sec .two-col .col-right{ width:100%; padding-top:0; }
	.welcome-sec{ padding-bottom: 2.75rem; }
	.desc-box .sec-title h6:after{ bottom: -1px; }
	.center-sec{ height: 550px; }
	.services-cell .sec-title h3{ font-size: 2.441rem; }
	.services-img{ height: 105px; }
	.banner-slider-box{ border-radius: 80px; width:92%; padding: 80px 30px 40px 30px !important; }
	.desc-box{ border-radius: 80px; }
	.services-cell{ position:relative !important; left: inherit !important; top: inherit !important; widht: 100% !important; }
	.banner-slider-box .slick-dots{ padding-left: 28px; }
	.round-bg-img{ width: 300px; height: 300px; margin-bottom: 40px; }
	.welcome-sec .items-center{ display: flex; align-items: center; justify-content: center; }
	.banner-slider-box h2, .welcome-sec .sec-title h3, .desc-box .sec-title h3, .services-cell .sec-title h3{ font-size: 32px; letter-spacing: 1px; padding-bottom:5px; }
	.services-box-grp h4{ font-size: 26px; letter-spacing: 1px; margin-bottom: 10px; }
	.video-area iframe{ width: 340px; height: 191px; }
	.banner-circle-sec h1{ font-size: 38px; margin-bottom: 15px; }
	.banner-circle-sec p{ font-size: 20px; line-height: 28px; margin-bottom: 28px;	}
	.banner-circle-sec:before{ width: 220px; height: 119px; }
	.banner-circle-sec:after{ width: 157px; height: 150px; }
	.livestream-sec h3{ font-size: 32px; line-height: 35px; }

	.session-item .session-content{ padding: 40px 0; flex-wrap:wrap; }
	.session-item .session-content .session-left{ width:100%; padding-right: 0px; padding-bottom: 30px; }
	.session-item .session-content .session-right{ width:100%; }
	.session-video iframe{ min-height: 300px; border-radius: 10px; }
	.session-description{ padding-top:30px; }
	.session-item hr{ border: 1px solid #C1C1C1; }

	.iframe-wrapper{ height: 280px; }
	.iframe-wrapper iframe{ height: 280px; }

}

@media (min-width:640px){
    .banner-circle-sec{ margin-top: -4rem; }
}
.pagination {
  margin: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}

.pagination a {
  padding: 8px 14px;
  background: #2b7cff;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  text-decoration: none;
}

.pagination a:hover {
  background: #1a5fcc;
}

.pagination .page-number {
  font-size: 14px;
  color: #555;
}