@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../font/HelveticaNeue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Light.woff2') format('woff2'),
        url('../font/HelveticaNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('../font/HelveticaNeue-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Thin.woff2') format('woff2'),
        url('../font/HelveticaNeue-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../font/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



:root {
    --primary-color: #0C0B26;
    --black:#404040;
    --blue: #03B1EF;
    --blue2:#85EEFC;
    --text-color:#404040;
    --light-blue:#F0FDFF;
    --white: #ffffff;
    --yellow:#EDE500;
    --primary-font:'Helvetica Neue', sans-serif;
    --secondary-font:"Oswald", sans-serif;
    --font3:"Archivo Black", sans-serif;
    --caveat: "Caveat";
}
body{
    margin: 0;
    padding: 0;
    font-family: var(--primary-font)
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

li {
    list-style: none;line-height: 1.3;

}

img{
    max-width: 100%;
}
p, ul{
    font-size: 18px;
    font-weight: 300;line-height: 1.3;margin-bottom: 25px;
}
body{
    color: var(--text-color);
}
h1,h2,h3,h4,h5,h6{font-family: var(--secondary-font);line-height: 1.3;font-weight: 500;margin-bottom: 30px;}
h1, .h1{
    font-size: 108px;
}
h2, .h2{
    font-size: 80px;
}
h3, .h3{
    font-size: 60px;
}
h4, .h4{
    font-size: 40px;
}
h5, .h5{
    font-size: 25px;
}
h6, .h6{
    font-size: 20px;
}
.space-pd-lg{padding: 100px 0px;}
body{
    overflow-x: hidden;
}
video{
	max-width:100%
}
/*---------Desktop Menubar-------------*/
header.scrolled .nav-menu{
   
        position: fixed;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
        padding: 8px 0;
      background-color: var(--blue);
        animation: slideDown 0.35s ease-out;z-index: 111;
      
}
header.scrolled  img {
    max-width: 80%;height:auto
  }
  
 
  @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
  
.nav-menu{
    padding: 20px 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 22;
}
.nav-menu li{
    display: inline-block;
}
.menubar{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;align-items: center;
}
.menubar ul{margin: 0;}
header .menu{
    text-align: center;
}
.menu ul li a{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: white;
    margin: 0px 23px;
    padding: 3px 0;
    display: inline-block;
    transition: all .4s ease-in-out;
 font-family: var(--secondary-font);
    position: relative;
}
.menu ul li.current-menu-item a{
    color: var(--yellow);
}
.menu ul li:last-child a{margin-right: 0;}
.menu ul li a:after{
    content: "";
    width: 0%;
    height: 1px;
    background:  var(--yellow);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s ease-in-out;
}
.menu ul li a:hover{
    color: var(--yellow);
}
.menu ul li a:hover::after{
    width: 100%;
}
.menu ul li a.active{
    color:  var(--yellow);
}
.menu ul li a.active::after{
    width: 100%;
}
.menu-icon-box ul li a i{
    font-size: 14px;
    color:  var(--yellow);
    margin: 0px 7px;
    transition: all .3s ease-in-out;
}
.menu-icon-box ul li a:hover i{
    color:  var(--yellow);
}

/*-------Mobile Menubar----------*/
.mobile-toggle{
    position: absolute;
    right: 42px;
    top: 26px;
    display: none;
}

.mobile-toggle span{
    background: white;
    height: 2px;
    display: block;
    width: 27px;
    position: relative;
    transition: all 0.5s;
}
.mobile-toggle span:nth-child(2) {
    margin: 7px 0;
}
.mobile-toggle.menu-open span:first-child {
    transform: rotate(47deg) translateY(2px);
}
.mobile-toggle.menu-open span:nth-child(2) {
    display: none;
}
.mobile-toggle.menu-open span:last-child {
    transform: rotate(128deg) translateY(1px);
}
.mobile-toggle.menu-open{
    top: 32px;
}


.container{
    width: 1630px;max-width: 100%;
}
.space-pd{
    padding: 80px 0px;
}
.blue-bg{background-color: var(--primary-color);}
.blue-bg h2{color: white;}
.mbc-5{margin-bottom: 50px;}
.small-h2{font-size: 36px;}
.cus-btn{
    padding: 20px 60px;border-radius: 4px;font-size: 24px;font-weight: 500;color: var(--black);text-transform: uppercase;
    background-color: var(--yellow);font-family: var(--secondary-font);transition: all 0.5s;
}
.animate-btn{position: relative;}

.animate-btn:hover:before{
    opacity: 1;transition: all 0.5s;color: white;
}
.cus-btn:not(.animate-btn):hover{
    background-color: var(--blue);transition: all 0.5s;color: white;
}

.btn-width-icon {
    display: flex;align-items: center;justify-content: center;width: fit-content;
}
.btn-width-icon img{margin-left: 35px;transition: all 0.5s;width: 21px;height: 16px;}
/* .btn-width-icon:hover svg path{fill:white;transition: all 0.5s;} */
/** banner***/
.home-banner-section{
    background-image: url(../images/hm-bg.webp);
    background-size: cover;
    background-position:left bottom;
    background-color: var(--primary-color);padding-top: 100px;
}
.home-banner-section .row{
    min-height: 100vh;
}
.home-banner-section .img-sc img{
    position: absolute;
    left: 60px;
    top: 0;
    bottom: 0;
    width: calc(100% - 60px);
    height: 100%;
    object-fit: contain;
    object-position: left bottom;
}
.home-banner-section h1 {
    line-height: 1;font-weight: 400;
}
.home-banner-section h1 span{font-weight: 500;}
.home-banner-section h1 span{font-size: 149px;display: block;color: var(--blue);}
.home-banner-section p{
    font-size: 28px;color: white;font-size: 28px;margin-top: 70px;padding-left: 70px;font-family: var(--secondary-font);font-weight: 400;
}
.hm-logo-slider h2{margin-bottom: 40px;}
.hm-logo-slider{position: relative;z-index: 5;}
.hm-video-sc{
    padding: 270px 0px 190px 0px;background-color: var(--light-blue);position: relative;
}
.hm-video-sc video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.requested-topic-sc.clip-sc:after {
    content: '';
    width: 100%;
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
    height: 100px;
    background-color: #c2ccd4;
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: 2;
}
.hm-video-sc:after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.hm-video-sc:before{
content: '';
    width: 100%;
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
    height: 100px;background-color: #c2ccd4;
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: 5;
}
.hm-video-sc .container{
    position: relative;z-index: 3;
}
.hm-video-sc{
    background-size: cover;
    background-position: center bottom;
}
.hm-video-sc .btm-sc{margin-top: 30px;width: 500px;max-width: 100%;}
.hm-video-sc .btm-sc *{color: white;}
.hm-video-sc .content-sec{border-left: 1px solid white;}
.hm-video-sc .btm-sc h5{font-weight: 300;margin-bottom: 20px;margin-top: -5px;}
.hm-video-sc  .image-sc{flex-shrink: 0;}
.hm-video-sc .btm-sc p{margin-bottom: 0;}
.iam-in-sec {padding-top: 90px;}
.iam-in-sec .rgt-sc{
    padding: 80px 0px 30px 0px;
}
.iam-in-sec{background-color: var(--light-blue);overflow-x: hidden;}
.iam-in-sec p{font-size: 24px;}
.iam-in-sec  a{color: var(--text-color);transition: all 0.5s;}
.iam-in-sec a:hover{color: var(--yellow);transition: all 0.5s;}
.iam-in-sec .heading{
    position: relative;width: fit-content;
}
.iam-in-sec .heading img{
  width: 290px;
  height: 170px;
  position: absolute;max-width: unset;
  top: 10px;object-fit: contain;
  left: calc(100% - 25px);
}
.iam-in-sec .rgt-sc{padding-right: 20%;}
.trophy-sec {
    padding: 130px 0px;position: relative;
}
.raise-sec .container, .trophy-sec .container, .left-video-sec  .container{position: relative;z-index: 2;}
.trophy-sec:after{
    content: '';
    width: 330px;
    height: 930px;
    background-image: url('../../assets/images/pattern2.webp');
    background-size: contain;
    position: absolute;
    background-position: right center;
    right: 0;
    top: -365px;background-repeat: no-repeat;
}
.trophy-sec:before{
    content: '';
    width: 330px;
    height: 930px;
    background-image: url('../../assets/images/pattern3.png');
    background-size: contain;
    position: absolute;
    background-position: right center;
    left:  0;
    bottom: -365px;background-repeat: no-repeat;
}
.trophy-sec .inner-sc.text-wd-bg{
    height:190px;margin: auto;position: relative;width: auto;text-align: center;max-width: 60%;
}
.trophy-sec .inner-sc img{
    height: 100%;width: auto;
}
.trophy-sec .inner-sc.text-wd-bg p{
  
    top: 50%;text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);position: absolute;
   
}
.trophy-sec .inner-sc p{
    font-size: 36px;font-family: var(--secondary-font);color: white;font-weight: 300;margin: 0;
    text-align: center;
    width: 100%;text-transform: uppercase;
}
.trophy-sec .inner-sc.text-wd-img p{
margin-top: 30px;margin-left: auto;margin-right: auto;
}
.trophy-sec .row{
--bs-gutter-y: 180px;
}
.overflow-hidden{overflow: hidden;}
.reasons-sec{background-color: var(--light-blue);overflow: hidden;}
.reasons-sec .heading{width: 1070px;max-width: 100%;margin: auto;}
.reasons-sec .img-sc:after{
    content: '';
    width: 82%;
    height: 95%;
    background-color: var(--blue2);
    position: absolute;
    right: 0;
    bottom: 0;
}
.reasons-sec .img-sc img{position: relative;z-index: 2;}
.reasons-sec  .lft-sc{padding-left: 20%;}
.reasons-sec  .heading{
    margin-bottom: 100px;
}
.reasons-sec .lft-sc{
    display: flex;flex-direction: column;justify-content: space-between;
}
.reasons-sec .lft-sc h3{font-size: 40px;margin-bottom: 10px;}
.reasons-sec .lft-sc  p{font-size: 24px;margin-bottom: 10px;}
.left-video-sec{
    background-image: url(../../assets/images/bg3.png);margin-top: -50px;
    background-size: cover;
    background-position: top center;
    padding: 270px 0px 190px 0px;
}
.left-video-sec h3{font-size: 52px;}
.left-video-sec .row{
    --bs-gutter-x: 80px;
}
.left-video-sec p{font-size: 34px;margin-top: 40px;font-weight:400}
.raise-sec {padding-bottom: 130px;}
.raise-sec .btm-sec{margin-top: 70px;}
.raise-sec .btm-sec ul{font-size: 30px;line-height: 40px;padding-left: 15px;margin-bottom: 20px;border-left: 1px solid var(--yellow);}
.raise-sec .btm-sec  h4{margin-bottom: 75px;font-weight: 500;}
.raise-sec .btm-sec  span{font-style: italic;}
.raise-sec .btm-sec h4 span{font-style: normal;}
.raise-sec .btn-sc{margin-top: 85px;}
.raise-sec .heading{width: 83%;max-width: 100%;margin-left: auto;margin-right: auto;}
.raise-sec::after{
    content: '';
    width: 330px;
    height: 830px;
    background-image: url('../../assets/images/pattern4.png');
    background-size: contain;
    position: absolute;
    background-position: right center;
    right: 0;
    top: -260px;background-repeat: no-repeat;
}
.hm-video-sc.hm-video-sc2 .heading-title{width: 73%;}
.hm-video-sc.hm-video-sc2 .btm-sc{width: 70%;}
.hm-video-sc.hm-video-sc2 .btm-sc h5{
font-size: 22px;margin-bottom: 0px;    font-family: var(--primary-font);
}
.hm-video-sc.hm-video-sc2 .btm-sc p{
    font-size: 20px;margin-bottom: 5px;
}
.trust-sec{padding: 130px 0px;background-color: var(--light-blue);}
.trust-sec .heading{width: 50%;margin-bottom: 80px;}
.trust-sec.leading-people .heading{
width: 100%;
}
.trust-sec .top-sec p{font-size: 24px;}
.trust-sec .title{font-size: 64px;}
.trust-sec .content-block h4{text-transform: uppercase;font-weight: 500;color: #444444;margin-bottom: 15px;letter-spacing: 3px;}
.trust-sec .content-block{margin-bottom: 40px;}.trust-sec .content-block:last-child{margin-bottom: 0;}
.trust-sec .content-block  p{font-size: 24px;}
.trust-sec .top-sec {margin-bottom: 20px;}





.content-wrap {
    position: relative;
    padding-left: 30px;
    border-left: 1px solid var(--yellow);
  }
  
  .content-block {
    position: relative;
  }
  
  .content-block::before {
    content: "";
  position: absolute;
  left: -40px;
  top: 17px;
  width: 19px;
  height: 19px;
  background: #fff;
  border: 3px solid var(--yellow);
  border-radius: 50%;
  z-index: 1;box-shadow: 0px 0px 4px 0px #00000029;

  }
  
  .timeline-indicator {
    position: absolute;
    left: -10px;
    width: 20px;
    height: 20px;
    background: var(--yellow);;top: 17px;
    border-radius: 50%;
    z-index: 2;
    animation: timelineMove 6s infinite;

  }
 
  /* @keyframes timelineMove {
    0%   { top: 17px; }
    20%  { top: 17px; }
    33%  { top: calc(100% / 3 * 1); }
    53%  { top: calc(100% / 3 * 1); }
    66%  { top: calc(100% / 3 * 2); }
    86%  { top: calc(100% / 3 * 2); }
    100% { top: 17px; }
  } */
  .next-event-sec{padding: 150px 0px;}
  .next-event-sec:before, .leading-people:before{
    content: '';
    width: 100%;
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
    height: 100px;background-color: #c2ccd4;
    position: absolute;
    right: 0;
    top: -50px;
  }
  .next-event-sec:after{
    content: '';
    width: 100%;
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
    height: 100px;background-color: #c2ccd4;
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: 2;
  }
  .next-event-sec .heading{width: 50%;margin-bottom: 100px;text-align: center;}
.home .next-event-sec .heading{
	margin-bottom:0;
}
.home .next-event-sec  p.small{
	margin-bottom:60px;
}
  .next-event-sec .title{font-size: 20px;font-weight: 500;color: white;text-transform: uppercase;padding: 15px 20px;border-left: 7px solid var(--blue);
background-color: rgba(0, 0, 0, 0.7);position: absolute;width: 100%;transition: all 0.5s;
left: 0;bottom: 0;}
.next-event-sec .col-inner a:hover{
   opacity: 0.7;
}
.next-event-sec p{font-size: 16px;color: white;text-align: right;margin-top: 10px;}
.page-template-template-speaking .next-event-sec p.small{
	margin-bottom:50px;
}
.next-event-sec p.small{
	text-align:center;
	margin-top:50px;
}
.next-event-sec .row{
--bs-gutter-x:95px;--bs-gutter-y:55px;
}
.page-template-template-video .next-event-sec img{
	
	width:100%;
	object-fit:cover;
	object-position:20% center
}
.page-template-template-video .next-event-sec a.html5lightbox img{
	height:260px;
}
.home .next-event-sec .ev-vd-sc:first-child img{
	height:260px;object-fit:cover
}
.next-event-sec img{
    width: 100%;
}
.chat-sec{background-color: var(--light-blue);padding-top: 130px;}
.chat-sec .phn-no{margin-bottom: 15px;}

.chat-sec .phn-no a:hover{color: var(--yellow);transition: all 0.5s;}
.chat-sec .phn-no a{font-size: 36px;font-weight: 800;color: #404040;transition: all 0.5s;}
.chat-sec .heading{letter-spacing: 2px;}
.chat-sec p{font-size: 24px;}
  
.chat-sec::after{
    content: '';
    width: 180px;
    height: 830px;
    background-image: url('../../assets/images/bg6.png');
    background-size: contain;
    position: absolute;
    background-position: left center;
   left:  0;
    bottom: -415px;background-repeat: no-repeat;
}
.chat-sec .container{position: relative;z-index: 2;}
.chat-sec .btn-sc{margin-bottom: 40px;}
.site-footer{padding: 80px 0px 40px 0px;}
.site-footer *{color: white;}
.site-footer h5{font-size: 20px;font-weight: 300;font-family: var(--primary-font);flex-shrink: 0;}
.footer-menu  ul li{font-size: 24px;font-weight: 500;font-family: var(--secondary-font);margin-bottom: 25px;}
.footer-menu  ul li a:hover, footer .footer-content-sec a:hover{color: var(--blue);}
.footer-menu  ul li a, .footer-menu  ul li a:hover, footer .footer-content-sec a, footer .footer-content-sec a:hover{transition: all 0.5s;}
footer .footer-content-sec p{font-size: 24px;font-weight: 600;    font-family: var(--secondary-font);}
footer .footer-content-sec h5{margin-bottom: 20px;}
footer .footer-content-sec{margin-bottom: 45px;}
.raise-sec.meet-jn-ex .btm-sec{margin-top: 0;}
footer .footer-content-sec:last-child{margin: 0;}
footer .footer-heading{font-size: 112px;color: #FFFFFF47;font-family: var(--font3);line-height: 0.7;font-weight: 700;
    width: fit-content;margin-left: auto;margin-right: auto;margin-top: 50px;}
.copyright-sec{font-size: 15px;}
.inner-page-banner{background-image: url('../images/bg7.png');background-size: cover;position: relative;}
.inner-page-banner {overflow: hidden;}
.inner-page-banner  .img-sc{position: absolute;right: 0;
height: 88%;
width: 1030px;
bottom: 30px;}
.inner-page-banner  .img-sc img{
    height: 100%;
width: 100%;
object-fit: contain;object-position: right bottom;
}
.inner-page-banner  .row{min-height: calc(100vh);}
.inner-page-banner:after{
    content: '';
    width: 100%;
    height: 90px;
    position: absolute;
    right: 0;
    bottom: 0;
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
    background-color: var(--primary-color);
    z-index: 5;
}
.next-event-sec .ev-vd-sc .title{text-align: left;}
.inner-banner-hd{font-size: 149px;color: var(--text-color);}
.inner-page-banner.connection-lab h1 span{font-weight: 400;}
.inner-page-banner.connection-lab h1 span:nth-of-type(2){font-weight: 500;}
.inner-page-banner .btm-sc {
    margin-top: 120px;
    width: 640px;
    max-width: 100%;margin-top: 100px;
  }
  .inner-page-banner .image-sc {
    flex-shrink: 0;
  }
  .inner-page-banner .content-sec {
    border-left: 1px solid var(--text-color);
  }
  .inner-page-banner .btm-sc h5 {
    font-weight: 400;
    margin-bottom: 20px;line-height: 1.2;
    margin-top: -5px;
  }
  .inner-page-banner .btm-sc p {
    margin-bottom: 0;font-size: 16px;
  }
  .inner-page-banner .btm-sc .title{font-size: 18px;font-weight: 500;}
  .inner-page-banner .img-sc:after{
    content:'';
    position: absolute;
    right: -130px;
    bottom: -200px;
    width: 100%;
    height: calc(100% + 170px);
    background-image: url('../images/pattern5.png');background-repeat: no-repeat;
background-size: contain;
background-position: right bottom;}
.inner-page-banner.connection-lab .img-sc:after,
.inner-page-banner.contact-pg-sc .img-sc:after, .inner-page-banner.speaking-kit .img-sc:after{
    background-image: url(../images/pattern-clab.png);bottom: -170px;
}
.inner-page-banner .img-sc img{position: relative;z-index: 2;}
.next-event-sec.videos-list-sec{padding: 120px 0px;}
.next-event-sec.videos-list-sec:before {
content: none;
}
.next-event-sec.videos-list-sec .heading{width: 100%;text-align: center;margin-bottom:20px;}
.next-event-sec.videos-list-sec .small{
	margin-bottom:40px
}
.tab-list ul{
    border-bottom: 1px solid #EDE50080;padding: 0;margin-bottom: 80px;
}
.tab-list ul li{width: 390px;max-width: 100%;font-size: 24px;letter-spacing: 2px;text-transform: uppercase;font-family: var(--secondary-font);padding-bottom: 20px;color: white;font-weight: 500;cursor: pointer;position: relative;}
.tab-list ul li:after{
    content: '';width: 0px;position: absolute;left: 0;height: 10px;background-color: var(--yellow);opacity: 0;bottom: 0;
}
.tab-list ul li.active:after, .tab-list ul li:hover:after{width: 100%;transition: all 0.5s;opacity: 1;}
.tab-content-wrap{display: none;}
.tab-content-wrap.active{display: block;}
#html5lightbox-watermark, .html5-elem-data-box{display: none !important;}
.contact-info{padding-top: 120px;background-color: var(--light-blue);margin-bottom: -30px;position: relative;z-index: 2;}
.contact-info ul {padding-left: 0;margin-left: 0;font-size: 18px;color: var(--black);text-align: left;}
.contact-info-hd{font-size: 20px;color: #8B8B8B;border-bottom:  1px solid #0B0B2B24;padding-bottom: 10px;text-transform: uppercase;margin-bottom: 17px;}
.contact-info, .contact-info a{font-family: 24px;color: var(--black);}
.contact-info small{font-size: 16px;line-height: 1;display:block;margin-top:12px}
.contact-info .social-ct-sc ul li{font-size: 18px;display: flex;align-items: center;margin-bottom: 5px;}
.contact-info .social-ct-sc ul li img{width: 18px;margin-right: 15px;}
.contact-info .row1 {
   display: flex;justify-content: space-between;gap:0px 10px
}

.live-bigger-sc:after{content: none;}
.live-bigger-sc p, .live-bigger-sc ul, .leading-people p, .leading-people ul{font-size: 24px;}
.performer-sc p, .performer-sc ul{font-size: 30px;}
.performer-sc{
background-image: url(../images/bg-dark.png);
background-size: cover;
background-position: center bottom;background-color: var(--light-blue);margin-bottom: -30px;padding-bottom: 260px;position: relative;z-index: 2;
}
.performer-sc:after{
    background-image: url(../images/pattern2.webp);top: -326px;
}
.inner-banner-hd span{
font-size: 108px;color: var(--black);display: block;line-height: 1;
}
.connection-lab .inner-banner-hd{color: var(--blue);line-height: 1;width: fit-content;}


.phone {
    width: 460px;
    height: 550px;margin-right: 80px;
    background: url('https://jsprinkles.elvirainfotech.live/wp-content/uploads/2025/07/Group-1.png') no-repeat center top;
    background-size: contain;
    position: relative;margin-left: auto;background-position: center bottom;
}

.message-area {
    position: absolute;
    top: 57px;
    left: 30px;
    right: 30px;
    bottom: 30px;
   
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}
#typed{
    background-color: #69CFE3;
    padding: 15px 20px;border-radius: 17px;display: block;width: fit-content;margin-left: auto;
}
#typed:after{
    content: '';
    width: 14px;
    height: 12px;
    background-image: url(../images/quote.png);
    background-size: contain;
    position: absolute;
    right: -8px;
    bottom: 7px;
    z-index: 2;
}
.contact-info {
    text-align: center;
   
}

.contact-info h2 {
    font-size: 20px;
    margin: 0;
}

.contact-info p {
    margin: 0;
    font-size: 14px;
    color: #888;
/*     text-decoration: line-through; */
}

.imessage-tag {
    text-align: center;
    font-size: 12px;
    color: #A8A8A8;
    margin-bottom: 10px;font-weight:400;
}

.chat-bubble {
   height: 80px;
    color: black;
    border-radius: 20px 20px 20px 0;
    font-size: 16px;line-height: 1;
   
    position: relative;
    font-weight: 500;
    white-space: pre-wrap;
}
.chat-sec .description{
  
    color: #404040;
}
.chat-sec .description span{
    font-style:italic
}
.cursor {
    display: block;
    font-size: 14px;
    color: #A8A8A8;
    animation: blink 0.7s steps(1) infinite;position: absolute;
    right: 0;
    bottom: 0;display: none !important;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.delivered {
    font-size: 12px;
    color: #aaa;
    margin-top: 5px;
    display: none;
}
.contact-info-wp1 h2{font-size: 18px;
    color: #000000;
    margin: 0px 0px 6px 0px;
    font-style: unset;
    font-family: var(--primary-font);}
    .chat-sec .contact-info-wp1 p{
        font-size: 20px;
    }
    .contact-info-wp1{text-align: center;}
.highlight-annotate{position: relative;z-index: 2;}
.highlight-annotate svg{
    z-index: 3;
}
.highlight-annotate[data-type="underline"] + svg{top: -40px !important;}
.css-underline {
    position: relative;
  }
  
 
  
  .css-underline::after {
    content: '';
    position: absolute;
    bottom: 9px;
    left: 0;
    /* top: -40px; */
    width: 0;
    height: 19px;
    z-index: -1;
    background-color: #EDE500;
    transition: width 0.6s ease-out;
  }
  .small-line .css-underline::after{
  content: '';
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 0;
  height: 9px;
  z-index: -1;
  background-color: #EDE500;
}
  .css-underline.in-view::after {
    width: 100%;transition: width 0.6s ease-out;
  }
  
  .home-banner-section.small-line .css-underline:after{
    bottom: 5px;
    height: 8px;
    background-color: #EDE500;
  }
  .hm-video-sc.hm-video-sc1.meet-jn-video  .content-sec{
    padding-top: 10px;padding-bottom: 10px;
  }
  /***/
  .document-section{padding: 70px 0px 80px 0px;background-color: var(--primary-color);}
  .document-section *{color: white;}
  .document-section .title h2{font-size: 32px;}
  .document-section p{
    font-size: 24px;
  }
  .document-section .row{margin: 70px 0px 50px 0px;}
  .document-section .row h3{font-size: 24px;}
  .document-section .top-sc, .document-section .btm-sc{padding: 0px 150px;}
  .document-section .row  img, .btm-bio-sc img{transition: all 0.5s;}
  .document-section .row a{display: block;}
  .document-section .row a:hover img, .btm-bio-sc a:hover img{
transform: scale(1.05);transition: all 0.5s;
  }
  .btm-bio-sc a{display: block;position: relative;overflow: hidden;}
  .btm-bio-sc a::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);opacity: 0;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.btm-bio-sc a:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;opacity: 1;
  }
  .document-section .row h3:hover{color: var(--blue);}
  .top-bio-sc{background-image: url(../images/bg5.jpg);background-size: cover;padding: 120px 0px;}
  .top-bio-sc p{font-size: 24px;}
  .top-bio-sc .btm-sc{margin-top: 110px;}
  .btm-bio-sc img{width: 100%;}
  .btm-bio-sc{background-color: #F0FDFF;}
  .btm-photo{
  margin-top:-90px;
  }
.btm-bio-sc{
	padding:1px;
}
  .top-line {
    width: 100%;
    height: 1px;
   border-top: 1px solid var(--yellow);
    margin: 0;
    opacity: 1;
}
.craft-btm-cont {
    display: flex
;
    justify-content: space-between;
    gap: 80px;
}
.requested-topic-sc sup {
    top: -20px;
    font-size: 16px;
    font-weight: 300;
  }
.craft-btm-cont .craft-box {
    width: calc((100% - 160px) / 3);
    position: relative;
    padding-top: 50px;
    margin-bottom: 30px;
}
.inner-page-banner.videos-page .img-sc::after {
    background-image: url(../images/pattern-video.png);
    bottom: -150px;
  
  }

.craft-box:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../images/round.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    top: -13px;
    transform: translate(-50%);
    left: 50%;
    z-index: 1;
}
.craft-box h5 {
    font-size: 40px;
    margin-bottom: 20px;
    text-align: center;
}
.craft-box p {
    font-size: 24px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
    margin: 0 auto;
}
.craft-box:first-of-type:after {
    content: "";
    width: 50%;
    height: 10px;
    position: absolute;
    left: 0;
    top: -5px;
    z-index: 0;
    background-color: var(--primary-color);
}
.craft-box:last-of-type:after {
    content: "";
    width: 50%;
    height: 10px;
    position: absolute;
    right: 0;
    top: -5px;
    z-index: 0;
    background-color: var(--primary-color);
}
.promise-sc{padding: 250px 0px 90px 0px;background-color: var(--primary-color);color: white;}
.promise-sc .top-title{font-size: 30px;height: 50px;margin-left: auto;margin-bottom: 70px;}
.promise-sc .counter{width: 62px;height: 52px;background-color: var(--blue);color: var(--primary-color);display: flex;align-items: center;justify-content: center;
font-size: 26px;margin-left: auto;font-weight: 700;font-size: 24px;}
.promise-sc .col-inner{border: 1px solid var(--blue);}
.promise-sc .col-inner h2{font-size: 48px;margin: 40px 40px 100px 40px;}
.promise-sc .col-inner p{
    padding: 30px 40px;font-size: 30px;margin: 0;
}
.promise-sc .row{
--bs-gutter-x: 45px;
}
.promise-sc .col-wp{
    position: relative;padding-top: 52px;
}
.promise-sc .col-wp:nth-child(2) .col-inner{border: 1px solid var(--yellow);}
.promise-sc .col-wp:nth-child(2) .counter{background-color: var(--yellow);}
.promise-sc .col-wp:nth-child(2)  p{background-color: var(--yellow);color: var(--primary-color);}
.promise-sc .col-wp .col-inner{
    display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;height: 100%;
}
.promise-sc .counter{position: absolute;right: 22px;top: 0;}
.craft-cont-btm-cont{margin-top: 70px;margin-bottom: 40px;;}
.craft-cont-btm-cont p{font-size: 24px;}
.clip-sc{position: relative;}
.clip-sc:before{
    content: '';
        width: 100%;
        clip-path: polygon(50% 50%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
        height: 100px;background-color: #c2ccd4;
        position: absolute;
        right: 0;
        bottom: -50px;
        z-index: 5;
    }
    .clip-sc:after{
        position: relative;
        z-index: 2;
    }
    .requested-topic-sc{
        padding: 60px 0px 120px 0px;
        background-color: var(--primary-color);color: white;text-align: center;
    }
    .requested-topic-sc h3{font-size: 40px;margin-bottom: 65px;}
    .raise-sec.expert-sc p{font-size: 24px;line-height: 1.7;margin-bottom: 40px;}
    .raise-sec.expert-sc{
        background-image: url(../images/bg10.png);
        background-size: cover;
        background-position: center bottom;
    }
 .events-sc .btn-width-icon{
	position:relative;
	z-index:2;
}
    .events-sc{padding-top: 140px;background-image: url(../images/long-bg.jpg);background-size: cover;}
    .events-sc h2 span:not(.highlight-annotate){color: var(--blue);}
    .events-sc h2{text-transform: uppercase;}
    .events-sc .row img{width: 100%;position: relative;z-index: 4;}
    .events-sc .container{padding: 0px 150px;}
    .events-sc .title{margin-bottom: 60px;}
    .events-sc .row{margin-bottom: -160px;}
    .promise-sc {position: relative;}
    .promise-sc::after {
        content: '';
        width: 330px;
        height: 830px;
        background-size: contain;
        position: absolute;
        background-position: right center;
        right: 0;
        background-image: url(../images/pattern7.png);
        top: -326px;
        background-repeat: no-repeat;
    }
    .inner-page-banner.req-jonathan .img-sc::after {
       
        background-image: url('../images/pattern8.png');bottom: -170px;
       
      }
      .inner-page-banner.req-jonathan h1{color: var(--blue);}
      .inner-page-banner.req-jonathan h1 span{color: var(--black);}




/***/
.power-of-connection {
    background-image: url(../images/bg9.png);
    background-size: cover;
    background-position: center top;
    padding: 210px 0px 130px 0px;margin-top: -62px;position: relative;
}

.power-of-connection h2 {
    text-transform: uppercase;
}
.page-template-template-requestjonathan .clip-sc:before{
    content: none;
}
.page-template-template-requestjonathan  .events-sc{
background-image: url(../images/bg-request.png);margin-top: -70px;position: relative;
background-position: center top;padding-top: 200px;
}
.page-template-template-speaking .clip-sc:before{
    content: none;
}
.power-of-connection p,
.power-of-connection,
.power-of-connection ul {
    font-size: 24px;
}

.ul-list ul {
    padding-left: 20px;
    border-left: 1px solid #0580DE;
}

.ul-list ul li {
    position: relative;
    margin-bottom: 30px;
}

.ul-list ul li:before {
    content: '';
    width: 22px;
    height: 22px;
    background-image: url(../images/round2.png);
    background-size: contain;
    position: absolute;
    left: -32px;
    top: 0;
}

.power-of-connection .btn-sc {
    margin-top: 50px;
}

.hm-video-sc1.speaking-video {
    height: 90vh;
}
.inner-page-banner.speaking-sc h1{
    padding-right: 70px;
}
.inner-page-banner.speaking-sc h1 strong{margin-right: 0px;}
.inner-page-banner.speaking-sc h1 {
    font-size: 108px;
    font-weight: 400;
    line-height: 1.1;
}
.inner-page-banner.speaking-sc h1 strong{text-align: right;font-weight: 400;display: block;}
.inner-page-banner.speaking-sc h1 span {
    font-size: 149px;
    color: var(--blue);
    font-weight: 500;
}

.voted-sc p {
    font-size: 42px;font-weight: 400;
    font-family: var(--secondary-font);
}
.inner-page-banner.speaking-sc .row{position: relative;z-index: 4;}
.voted-sc {
    margin-top: 90px;
}

.speaking-sc.inner-page-banner .img-sc img {
    transform: translate(50px, 0px);
}

.inner-page-banner .img-sc:after {
    background-image: url(../images/pattern9.png);
    bottom: 0px;
}
.inner-page-banner.speaking-sc .img-sc:after {
    background-image: url(../images/pattern-sp.png);
    bottom: 0px;height: calc(100% + 46px);
}
.hm-video-sc1.speaking-video.speaking-video:before {
    content: none;
}

.the-connection-code {
    background-image: url(../images/bg9.png);
    padding-top: 200px;
    position: relative;
    margin-top: -60px;
    z-index: 2;
    background-size: cover;
    background-position: center top;
}

.the-connection-code p,
.the-connection-code,
.the-connection-code ul,
.next-event-sec .btm-content,
.next-event-sec .btm-content p,
.next-event-sec .btm-content ul {
    font-size: 30px;
}

.the-connection-code .btn-sc {
    margin-top: 60px;
}

.next-event-sec.speaking-event:before {
    content: none;
}
.inner-page-banner.req-jonathan h1 span{font-weight: 400;}
.next-event-sec .btm-content h2 sup, .the-connection-code  h2 sup, .power-of-connection sup {
    top: -55px;
    font-size: 16px;
    font-weight: 300;
}

.next-event-sec .btm-content {
    margin-top: 130px;
}

.next-event-sec .btm-content {
    color: white;
}

.next-event-sec .btm-content p {
    text-align: left;
}

.next-event-sec .btm-content {
    width: 1320px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.next-event-sec.speaking-event:after {
    content: none;
}

.speaking-event {
    position: relative;
}

.speaking-event:before {
    content: '' !important;
    width: 330px;
    height: 830px;
    background-size: contain;
    position: absolute;
    background-position: right center;
    right: 0;
    background-image: url(../images/pattern7.png);
    top: 100px;
    background-repeat: no-repeat;
    clip-path: unset;
    background-color: transparent;
}

.keynote {
    font-size: 30px;
    font-weight: 500;
    width: fit-content;
    position: absolute;
    right: 0;
    color: white;
    top: 150px;
    z-index: 11;
}

.keynote li {
    font-size: 30px;
    font-family: var(--secondary-font);
    font-weight: 500;
    margin-bottom: 10px;
}
 .the-connection-code.meet-jonathan-code ul {margin-left: 15px;}
.keynote ul {
    padding-left: 25px;
    border-left: 1px solid transparent;
    border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
    /* light grey to white */
    border-image-slice: 1;
}

.inner-page-banner.meet-jn .img-sc {
    right: 200px;
}
.raise-sec.meet-jn-ex .btm-sec span{
font-style: unset;
}
.inner-page-banner.meet-jn .img-sc:after {
    right: -220px;
    bottom: -27px;
    height: 110%;
}

.inner-page-banner.meet-jn h1 {
    font-size: 108px;
    line-height: 1;font-weight: 400;
}

.inner-page-banner.meet-jn h1 span {
    font-size: 150px;
    color: var(--blue); font-weight: 500;
}

.inner-page-banner.meet-jn .lft-sc {
    position: relative;
    z-index: 22;
}

.raise-sec.meet-jn-ex:after {
    content: none;
}

.raise-sec.meet-jn-ex p,
.raise-sec.meet-jn-ex,
.raise-sec.meet-jn-ex ul {
    font-size: 24px;
}

.hm-video-sc1.meet-jn-video:before {
    content: none;
}

.hm-video-sc1.meet-jn-video .inner-sc {
    width: 1350px;
    max-width: 100%;
    margin: auto;
}

.hm-video-sc1.meet-jn-video .btm-sc h5 {
    font-size: 22px;
    margin-bottom: 5px;
    font-family: var(--primary-font);
}

.hm-video-sc1.meet-jn-video .btm-sc p {
    margin-bottom: 10px;
    font-size: 20px;
}

.hm-video-sc1.meet-jn-video .btm-sc img {
    width: 50px;
}

.meet-jn-video .btm-sc {
    margin-left: auto;
    margin-right: 200px;
}

.the-connection-code.meet-jonathan-code{
background-image: url(../images/long-bg3.png);background-size: cover;background-position: center top;margin-top: -80px;padding-right: 10%;padding-top: 150px;
padding-right: 6.3%;
}
.the-connection-code.meet-jonathan-code, .the-connection-code.meet-jonathan-code p, .the-connection-code.meet-jonathan-code ul{
    font-size: 24px;
}
.the-connection-code.meet-jonathan-code .lft-sc{width: 800px;position: relative;}
.the-connection-code.meet-jonathan-code .lft-sc:after{
    content: '';
    width: 666px;
    height: 85%;
    background-color: var(--blue2);
    position: absolute;
    left: 0;
    bottom: 0;
}
.the-connection-code.meet-jonathan-code .lft-sc img{
    position: relative;
    z-index: 2;
}
.the-connection-code.meet-jonathan-code .lft-sc img{width: 100%;}
.the-connection-code.meet-jonathan-code  .rgt-sc{width: calc(100% -  800px);padding-bottom: 40px;}
.the-connection-code.meet-jonathan-code  .rgt-sc ul{padding-left: 15px;}
.the-connection-code.meet-jonathan-code  .rgt-sc ul li{margin-bottom: 15px;list-style-type: disc;}
.arrow-txt{font-size: 31px;
    color: #EE3E41;
    font-weight: 700;
    font-family: var(--caveat);
    position: absolute;
    width: 173px;
    bottom: -44px;
    right: -121px;
    display: block;}
    .arrow-txt:before{
        content: '';
  width: 38px;
  height: 24px;
  background-image: url(../images/arrow.png);
  background-size: contain;
  position: absolute;
  left: -41px;
  display: block;
  top: -3px;

    }
    .hm-video-sc.hm-video-sc1.meet-jn-video .inner-sc{
        width: 100%;
    }
    .arrow-txt.arrow-txt2 {
        font-size: 26px;
  color: #EE3E41;
  font-weight: 700;
  font-family: var(--caveat);
  position: absolute;
  width: 138px;
  bottom: -34px;
  right: 16px;
  display: block;
  width: fit-content;
       
      }
      .arrow-txt.arrow-txt2:after{
        content: '';
        width: 50vw;
        height: 2px;
        background-color: #EE3E41;
position: absolute;
left: 116%;
  bottom: 16px;
      }
      .meet-jonathan-code .container-fluid{
        overflow-x: hidden;
      }
      .line-p, .hm-video-sc1.meet-jn-video{
        position: relative;
      }
      
      .line-p:after{
        content: '';
        width: 2px;
        height: 130vw;
        background-color: #EE3E41;
        position: absolute;
        left: calc(100% + 10px);
        bottom: -17px;
      }
      .hm-video-sc1.meet-jn-video:before{
        content: '';
  width: 2px;
  height: calc(100% + 300px);
  background-color: #EE3E41;
  position: absolute;
  right: 6.3%;
  bottom: -93px;
  clip-path: unset;
  z-index: 22;

      }
      .hm-video-sc1.meet-jn-video .container:before{
        content: 'Wait for it ...';opacity:0;
  font-size: 32px;
  color: #EE3E41;
  font-weight: 700;
  font-family: var(--caveat);
  right: -1%;
  top: -528px;
  position: absolute;
  display: block;

      }
.hm-video-sc1.meet-jn-video .wait-for-it{
	right: calc(5% - 55px);
    top: -387px;
  position: absolute;text-align:center
}
.hm-video-sc1.meet-jn-video .wait-for-it p{
	font-size: 32px;
    color: #EE3E41;
    font-weight: 700;
    font-family: var(--caveat);
}
.hm-video-sc1.meet-jn-video .wait-for-it p, .hm-video-sc1.meet-jn-video .wait-for-it img{
	display:block;
	margin-bottom:15px;margin-left:auto;margin-right:auto
}
.page-template-template-contact .contact-info-hd{
	text-align:left
}
.inspiration-sec{
    background-image: url(../images/bg-8.png);
    background-size: cover;
    padding: 100px 0px;
}
.inspiration-sec h2{color: white;text-align: center;margin: auto;margin-bottom: 40px;}
.inspiration-sec h3{font-size: 70px;margin-bottom: 5px;color: var(--blue);}
.inspiration-sec  p{color: white;font-size: 22px;}
.inspiration-sec .lft-sc .content-blk{
text-align: right;
}
.inspiration-sec  .content-blk{margin-bottom: 80px;}
.inspiration-sec  .content-blk p{margin: 0;}
.inspiration-sec  .lft-sc, .inspiration-sec .rgt-sc{
    padding-top: 230px;
}
.inspiration-sec{position: relative;}
.inspiration-sec::after {
    content: '';
  width: 268px;
  height: 930px;
  background-image: url('../../assets/images/pattern11.png');
  background-size: contain;
  position: absolute;
  background-position: right center;
  right: 0;
  top: -382px;
  background-repeat: no-repeat;
  z-index: 11;
  }
  .inner-page-banner.req-jonathan h1{
    line-height: 1;
  }
  .inner-page-banner .row{
    padding: 190px 0px 100px 0px;position: relative;z-index: 2;
  }
  .inner-page-banner h1, .inner-page-banner  .btm-sc{position: relative;z-index: 2;}
.inspiration-sec .container{width: 1635px;}
.inspiration-sec  .lft-sc .content-blk1 h3{transform: translateX(65px);}
.inspiration-sec  .lft-sc .content-blk1 p:first-of-type{transform: translateX(45px);}
.inspiration-sec  .lft-sc .content-blk1 p:last-child{transform: translateX(26px);}
.inspiration-sec  .lft-sc .content-blk3 p:nth-of-type(1){transform: translateX(16px);}
.inspiration-sec  .lft-sc .content-blk3 p:nth-of-type(2){transform: translateX(26px);}
.inspiration-sec  .lft-sc .content-blk3 p:nth-of-type(3){transform: translateX(40px);}
.inspiration-sec  .lft-sc .content-blk4 h3{transform: translateX(78px);}
.inspiration-sec  .lft-sc .content-blk4 p:nth-of-type(1){transform: translateX(109px);}
.inspiration-sec  .lft-sc .content-blk4 p:nth-of-type(2){transform: translateX(140px);}
.inspiration-sec  .lft-sc .content-blk4 p:nth-of-type(3){transform: translateX(165px);}
.inspiration-sec  .lft-sc .content-blk4 p:nth-of-type(4){transform: translateX(197px);}

.inspiration-sec  .rgt-sc .content-blk3 p:nth-of-type(1){transform: translateX(-2px);}
.inspiration-sec  .rgt-sc .content-blk3 p:nth-of-type(2){transform: translateX(-10px);}
.inspiration-sec  .rgt-sc .content-blk3 p:nth-of-type(3){transform: translateX(-22px);}
.inspiration-sec  .rgt-sc .content-blk3 p:nth-of-type(4){transform: translateX(-35px);}
.inspiration-sec  .rgt-sc .content-blk3 p:nth-of-type(5){transform: translateX(-46px);}

.inspiration-sec  .rgt-sc .content-blk1 h3{transform: translateX(-51px);}
.inspiration-sec  .rgt-sc .content-blk1 p:nth-of-type(1){transform: translateX(-36px);}
.inspiration-sec  .rgt-sc .content-blk1 p:nth-of-type(2){transform: translateX(-22px);}

.inner-page-banner.req-jonathan, .inner-page-banner.speaking-sc, .inner-page-banner.meet-jn{
    background-image: url(../images/bg2.png);
}
/* .animate-number .row img {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  } */
  
  /* Animate when .animate-number gets 'active' */
  .animate-number.active .row1 img {
    transition-delay: 0s;
    opacity: 1;
  }
  
  .animate-number.active .row2 img {
    transition-delay: 2s;
    opacity: 1;
  }
  
  .animate-number.active .row3 img {
    transition-delay: 4s;
    opacity: 1;
  }
  .animate-number.active .row4 img {
    transition-delay: 6s;
    opacity: 1;
  }


  /* .meet-jn-ex .small-line .css-underline::after {
   
    bottom: -2px;
    height: 8px;

} */
.home-banner-section .rgt-sc{position: relative;z-index: 2;}
.iam-in-sec .rgt-sc a{border-bottom: 1px solid var(--black);}
.iam-in-sec .rgt-sc a:hover{text-decoration: none;}
.reasons-sec .no-cntent-sc .highlight-annotate{
    font-style: italic;font-weight: 500;
}
.performer-sc .img-sc{text-align: center;}
.highlight-annotate{display: inline-block;}
.connection-lab .inner-banner-hd{position: relative;z-index: 22;}
.inner-page-banner  .btm-sc{position: relative;z-index: 2;}
.highlight-annotate +  svg{
    z-index: -1;
}


.booking-form-sc .inner-banner-hd{
    font-size: 129px;
}
.chat-sec .contact-info-wp1 p{
    color: var(--black);
}
.datepicker.gform-datepicker{
width: 100% !important;
}
.gform-theme.gform-theme--framework.gform_wrapper .button
{
    background-color: var(--yellow) !important;
    color: var(--black) !important;
    padding: 15px 30px !important;
    font-family: var(--secondary-font) !important;
    text-transform: uppercase;
    font-size: 25px !important;
}
.gform-theme.gform-theme--framework.gform_wrapper .button:hover{
    background-color: var(--blue) !important;
}
.gform_confirmation_message{text-align: center;}

.calendly-sec .lft-sc .inner-col{
    padding: 47px 85px;
    background-color: white;
}
.calendly-sec .lft-sc .row{
--bs-gutter-y: 27px;text-align: left;
}

.inner-page-banner.meeting-sc h1{
    font-size: 100px;font-weight: 400;
}
.inner-page-banner.meeting-sc{
    background-image: url(../images/bg2.png);
}
.meeting-content-sc p{
    font-size: 30px;color: white;
    width: 1248px;max-width: 100%;margin-left: auto;margin-right: auto;text-align: left;
}
.calendly-sec{
    padding: 100px 0px;background-color: #F0FDFF;
}
.best-result-sc{
    padding: 100px 0px;
}
.best-result-sc .content{
    width: 1248px;max-width: 100%;margin-left: auto;margin-right: auto;
}
.calendly-sec iframe{
    width: 1170px !important;max-width: 100%;margin-left: auto;margin-right: auto;
}
.meeting-content-sc{padding: 80px 0px;}
.meeting-content-sc p:last-child{margin-bottom: 0;}
.inner-page-banner.meeting-sc h1 span{font-size: 140px;color: var(--blue);display: inline;font-weight: 500;}
.inner-page-banner.meeting-sc .img-sc img{
right: -100px;
}
.inner-page-banner.meeting-sc .lft-sc{
    position: relative;z-index: 22;
}
.best-result-sc ol, .best-result-sc p{
    font-size: 30px;color: white;font-weight: 300;text-align: left;font-family: var(--primary-font);
}
.best-result-sc ol{padding-left: 0;}
.best-result-sc ol li{
    margin-bottom: 10px;
}
.best-result-sc h2{margin-bottom: 65px;}
.best-result-sc ol li:last-child{
    margin-bottom: 0;
}
.best-result-sc  {
    counter-reset: step;           position: relative;
   
  }
  .best-result-sc:before {
    content: '';
    width: 100%;
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
    height: 100px;
    background-color: #c2ccd4;
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: 2;
}
.page-template-template-meeting .chat-sec{
padding-top: 160px;
}
  .best-result-sc .inner-col{
    padding: 30px 70px;border: 1px solid #31A6FF;text-align: left;
  }
  .best-result-sc .inner-col h4{font-size: 30px;color: white;font-family: var(--secondary-font);font-weight: 300;}
  .best-result-sc .inner-col h5{font-size: 22px;font-family: var(--primary-font);color: white;margin-bottom: 0;font-weight: 400;}
  .best-result-sc .inner-col .box-wp{padding-left: 12px;border-left: 1px solid white;}

  .calendly-sec .lft-sc .inner-col h4{
    font-size: 30px;margin-bottom: 30px;font-weight: 400;
}
.cal-inner-wp{
    width: 1200px;max-width: 100%;margin-left: auto;margin-right: auto;
}
.cal-inner-wp .row1{
    --bs-gutter-x: 60px;
}
.calendly-sec .lft-sc .inner-col  *{color: #404040;}
.calendly-sec .lft-sc .inner-col h5{
font-family: var(--primary-font);font-size: 22px;font-family: var(--primary-font);margin-bottom: 0;
}
.calendly-sec .lft-sc .inner-col p{
    font-size: 16px;font-family: var(--primary-font);margin-bottom: 0;
}
.calendly-sec .lft-sc .inner-col .box-wp{padding-left: 12px;border-left: 1px solid #404040;}

  .best-result-sc .inner-col p{font-size: 16px;margin: 0;}
  .best-result-sc  .btm-sc{
    width: 1070px;margin-left: auto;margin-right: auto;max-width: 100%;
  }
  .best-result-sc   li {
    list-style: none;                 /* hide default marker */
    position: relative;
    padding-left: 2rem;               /* room for number */
  }
  .best-result-sc  li::before {
    counter-increment: step;
    content: counter(step) ".";
    position: absolute;
    left: 0;
    top: 0;
    
  }
  .best-result-sc .btm-cnt p{text-align: center;}
  .best-result-sc .btm-cnt{margin: 35px 0px;}
/* Fullscreen background */
#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Spinner animation */
.spinner {
 border: 10px solid #f3f3f3;
    border-top: 10px solid var(--blue);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

/* Animation keyframes */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}