
.navbar { background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 10px #333;}
.landing-page-hero-area {
 background-size:cover;
 background-position:bottom center;
 background-repeat:no-repeat;
 position:relative;
 z-index:1
}
.landing-page-hero-area::before {
 position:absolute;
 content:"";
 width:100%;
 height:100%;
 top:0;
 left:0;
 z-index:-1;
 background:linear-gradient(53.28deg, rgba(255,186,67,0.3) 4.8%, rgba(255,54,114,0.3) 86.91%)
}
.ess-page-wrapper {
 padding:170px 0px 80px;
 max-width:1440px;
 margin:0 auto;
 display:flex;
 align-items:center;
 justify-content:space-between
}
.ess-page-wrapper .home-hero-content {
 margin:0
}
.ess-page-wrapper .home-hero-content h2 span {
 color:unset;
 font-weight:400
}
.ess-page-wrapper .home-hero-content .button-group a {
 background-color:#152535
}
.ess-page-wrapper .home-hero-content .button-group a:hover {
 background-color:#031120;
}
.ess-page-wrapper .home-hero-content .countdown-clock .countdown-item {
 padding:0
}
.ess-page-wrapper .home-hero-content .countdown-clock .countdown-item .ci-inner {
 padding:15px 30px;
 color:unset;
 background:linear-gradient(53.28deg, #FFA100 4.8%, #FF175C 86.91%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.ess-page-wrapper .home-hero-content .countdown-clock .countdown-item h4 {
 background:linear-gradient(53.28deg, #FFA100 4.8%, #FF175C 86.91%);
 padding:10px 0px;
 color:#fff;
}
.register-form-wrap {
 max-width:500px;
 width:100%;
 position:relative
}
.register-form-wrap .shape {
 position:absolute;
 top:-30px;
 right:-10px;
 max-width:100px;
 z-index:9
}
.register-from {
 padding:70px;
 background:linear-gradient(53.28deg, rgba(255, 161, 0, 0.7) 4.8%, rgba(202, 6, 0, 0.7) 86.91%);
 position:relative
}
.register-from .shape-2 {
 position:absolute;
 bottom:50px;
 right:50px
}
.register-from .shape-2 img path,
.register-from .shape-2 svg path {
 fill:#fff
}
.register-from .title h4 {
 font-size:24px;
 line-height:1;
 color:#fff;
 font-weight:bold
}
.register-from .from {
 margin-top:30px
}
.register-from .from .single-from {
 margin-bottom:20px
}
.register-from .from .single-from:last-child {
 margin-bottom:0
}
.register-from .from .single-from input,
.register-from .from .single-from .select-active {
 width:100%;
 height:60px;
 background:rgba(255, 255, 255, 0.1);
 border-radius:5px;
 border:1px solid #DADADA;
 outline:none;
 padding:10px 15px 10px 15px;
 color:#fff;
 font-size:16px;
 line-height:1
}
.register-from .from .single-from input::placeholder{ color: #fff; }
.register-from .from .select-active {
 display:flex;
 align-items:center
}
.register-from .from .select-active option {
 background-color:#fff !important;
 width:100%;
 position:absolute;
 color:#152535;
 z-index:999
}
.register-from .form-button {
 display:inline-block;
 margin-top:20px
}
.inner-page-hero-social {
 max-width:380px;
 margin:50px auto 0px
}
.inner-page-hero-social ul li {
 display:inline-block;
 margin-right:40px
}
.inner-page-hero-social ul li:last-child {
 margin-right:0
}
.inner-page-hero-social ul li a {
 display:flex;
 align-items:center;
 justify-content:center;
 width:34px;
 height:34px;
 color:#fff;
 font-size:17px;
 transition:all .4s ease-in-out;
 border-radius:50%
}
.inner-page-hero-social ul li a:hover {
 background:linear-gradient(53.28deg, #FFA100 4.8%, #FF175C 86.91%);
}
@media screen and (max-width: 1350px) {
 .ess-page-wrapper .home-hero-content h2 {
  font-size:48px
 }
 .ess-page-wrapper .home-hero-content h1 {
  font-size:100px
 }
 .ess-page-wrapper .home-hero-content .span-group span {
  font-size:20px;
  padding:0px 10px
 }
}
@media screen and (max-width: 1199px) {
 .ess-page-wrapper {
  padding:100px 0px
 }
 .ess-page-wrapper .home-hero-content h2 {
  font-size:40px
 }
 .ess-page-wrapper .home-hero-content h1 {
  font-size:70px
 }
 .ess-page-wrapper .home-hero-content .span-group span {
  font-size:18px;
  padding:0px 0px;
  display:block
 }
 .ess-page-wrapper .home-hero-content .span-group span.span-border {
  border-left:unset;
  margin-top:5px
 }
 .ess-page-wrapper .home-hero-content .countdown-clock {
  margin-top:50px;
  grid-gap:10px
 }
 .ess-page-wrapper .home-hero-content .countdown-clock .countdown-item .ci-inner {
  padding:10px 15px;
  line-height:1
 }
 .inner-page-hero-social {
  margin:30px auto 0px
 }
}
@media screen and (max-width: 991px) {
 .register-form-wrap {
  max-width:400px;
  width:100%;
  margin-left:20px
 }
 .register-form-wrap .shape {
  max-width:70px;
  top:-20px
 }
 .register-from {
  padding:40px
 }
 .ess-page-wrapper {
  padding:70px 0px
 }
 .ess-page-wrapper .home-hero-content h2 {
  font-size:32px
 }
 .ess-page-wrapper .home-hero-content h1 {
  font-size:60px
 }
 .ess-page-wrapper .home-hero-content .countdown-clock {
  margin-top:30px
 }
}
@media screen and (max-width: 767px) {
 .ess-page-wrapper {
  flex-direction:column;
  padding:50px 0px
 }
 .ess-page-wrapper .home-hero-content {
        margin-top: 50px;
  width:100%;
  max-width:500px
 }
 .ess-page-wrapper .home-hero-content .countdown-clock {
  max-width:400px
 }
 .register-form-wrap {
  margin-top:40px;
  max-width:500px;
  margin-left:0
 }
 .inner-page-hero-social {
  text-align:center
 }
 .inner-page-hero-social ul li {
  margin-right:20px
 }
}
@media screen and (max-width: 575px) {
 .ess-page-wrapper .home-hero-content {
  padding-bottom:0
 }
 .ess-page-wrapper .home-hero-content h2 {
  font-size:24px
 }
 .ess-page-wrapper .home-hero-content h1 {
  font-size:48px;
  margin:0
 }
 .ess-page-wrapper .home-hero-content .span-group span {
  font-size:16px
 }
 .register-form-wrap {
  margin-top:30px
 }
 .register-form-wrap .shape {
  max-width:50px;
  top:-10px
 }
 .register-from {
  padding:20px
 }
 .register-from .shape-2 {
  bottom:30px;
  right:30px
 }
 .register-from .title h4 {
  font-size:18px
 }
 .register-from .from {
  margin-top:20px
 }
 .register-from .from .single-from {
  margin-bottom:15px
 }
 .register-from .from .single-from input,
 .register-from .from .single-from .select-active {
  height:50px;
  padding:10px
 }
 .register-from .form-button {
  margin-top:20px
 }
 .inner-page-hero-social {
  margin-top:20px
 }
 .inner-page-hero-social ul li {
  margin-right:10px
 }
}

.ess-page-wrapper .home-hero-content h2 span {
  color: unset;
  font-weight: 400;
}.home-hero-content h2 {
  font-size: 70px;
  font-weight: 900;
  color: #fff;
  line-height: 1.3;
}[data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: .1s;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}.home-hero-content h1 {
  font-size: 100px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}.home-hero-content .span-group span {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
  padding: 0px 20px;
}.home-hero-content .span-group span.span-border {
  border-left: 3px solid #fff;
}
.home-hero-content .span-group span {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
  padding: 0px 20px;
}.register-from .form-button {
  display: inline-block;
  margin-top: 20px;
}
.form-button {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #152535;
  transition: var(--ease-in-out);
  position: relative;
  z-index: 9; border: 0px; padding: 15px 30px;
}
.number:before {
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 100%;
    border: 1px solid #d12620;
    margin-left: -66px;
    margin-top: 4px; text-align: center;

     content: "\f095";
     font-family: 'Font Awesome 5 Pro';
     font-size: 18px;
     color: #d12620;
     font-weight: 400;

}
.number {
    position: absolute;
    right: 0;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    line-height: normal;margin-bottom: 10px !important; 
}.phone-number {
    position: relative;
    /*min-height: 56px;*/
    width: 100%;
    margin-top: 0px; 
    margin-bottom: 10px !important; 
}.number a {
    color: #666;
    font-size: 30px;
    font-weight: 700;
}

@media screen and (max-width: 1200px) {
        .number:before {
    position: absolute;
    width:36px;
    height:36px;
    line-height:36px;margin-left: -48px;}
    .number a { font-size: 18px; }
    .schedule-listing .schedule-slot-info {    padding: 12px 12px 12px 12px !important; }
    .schedule-listing .schedule-slot-time {    max-width:30% !important;   padding: 25px 10px !important;         
  font-size: 15px !important;}
    .schedule-listing .schedule-slot-info p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
}.schedule-listing .schedule-slot-info .schedule-slot-title {
    font-size: 20px !important;
}
}
@media screen and (max-width: 1199px) {
 .section-title h2 {
  font-size:170px
 }
}
@media screen and (max-width: 991px) {
 .section-title {
  margin-top:0
 }
 .section-title h2 {
  font-size:150px
 }
}
@media screen and (max-width: 767px) {
    .register-form-wrap .shape {
    top: -60px;
     right: 50px; }
 .section-title {
  margin-bottom:40px
 }
 .section-title h2 {
  font-size:100px
 }
 .section-title h4 {
  font-size:24px;
  margin-bottom:10px
 }
 .section-title p {
  margin-bottom:15px
 }
}
@media screen and (max-width: 575px) {
 .section-title {
  margin-bottom:30px
 }
 .section-title h2 {
  font-size:64px
 }
}
.section-title {
 max-width:100%;
 text-align:center;
 margin:50px auto;
 position:relative;
 z-index:1;
 width:100%;
 margin:10px 0px 50px
}
.section-title>span {
 position:absolute;
 font-size:150px;
 line-height:1;
 color:rgba(21, 37, 53, 0.02);
 z-index:-1;
 font-weight:900;
 left:50%;
 transform:translateX(-50%);
 bottom:0;
 width:100%
}
.section-title h4 {
 color:#FF175C;
 font-size:20px;
 line-height:1.2;
 font-weight:600
}
.section-title h2 {
 font-size:36px;
 line-height:1.3;
 font-weight:900; color: #333 !important;
}
.section-title p {
 max-width:470px;
 margin:0 auto;
 margin-top:10px
}
.section-title .line {
 justify-content:center;
 margin-top:20px
}
.section-title .line span {
 width:10px;
 height:10px
}
.section-title .line span:first-child {
 width:10px !important
}
.Water-color>span {
 background:linear-gradient(53.28deg, rgba(255,161,0,0.05) 4.8%, rgba(255,23,92,0.02) 86.91%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 font-size:140px
}
@media screen and (max-width: 1350px) {
 .section-title {
  margin:30px 0px 50px
 }
 .section-title span {
  font-size:120px
 }
}
@media screen and (max-width: 1199px) {
 .Water-color span {
  font-size:170px
 }.inner-page-hero-social ul li {
       margin-right: 20px !important;
}

}
@media screen and (max-width: 991px) {
 .Water-color span {
  font-size:150px
 }
}
@media screen and (max-width: 767px) {
 .section-title {
  margin-top:0;
  margin-bottom:30px
 }
 .section-title span {
  font-size:100px
 }
 .section-title h4 {
  font-size:18px
 }
 .section-title h2 {
  font-size:30px;
  margin-top:5px
 }
}
@media screen and (max-width: 500px) {
    .number:before {
    position: absolute;
    width:36px;
    height:36px;
    line-height:36px;margin-left: -48px;}
    .number a { font-size: 18px; }
    .schedule-listing .schedule-slot-info {    padding: 12px 12px 12px 12px !important; }
    .schedule-listing .schedule-slot-time {    max-width:30% !important;   padding: 25px 10px !important;         
  font-size: 15px !important;}
    .schedule-listing .schedule-slot-info p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
}.schedule-listing .schedule-slot-info .schedule-slot-title {
    font-size: 20px !important;
}
}
@media screen and (max-width: 575px) {
 .section-title span {
  font-size:60px
 }
 .section-title h4 {
  font-size:18px
 }
 .section-title h2 {
  font-size:24px;
  margin-top:5px
 }
 .Water-color span {
  font-size:60px
 }
}
    .schedule-listing .schedule-slot-info .schedule-slot-title{font-size:24px;}
    .schedule-listing .schedule-slot-info p{margin-bottom:0;}
    .schedule-listing:hover .schedule-slot-title{color:#012169;}
    .schedule-listing .schedule-slot-time {
    background-color: transparent;
    background: linear-gradient(53.28deg, rgba(255,186,67) 4.8%, rgba(255,54,114) 86.91%);
    color: #fff;
    padding: 35px 20px;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}.schedule-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}.schedule-listing .schedule-slot-time span {
    display: block;
    line-height: 26px;
}
.schedule-listing .schedule-slot-info {
    position: relative;
    padding: 25px;
    border: 1px dashed #e5e5e5;
    width: 100%;
}
.landing-speaker-area .shape-01 {
  position: absolute;
  top: 5%;
  left: 14%;
  animation: trangle 1s linear infinite;
}.landing-speaker-area .shape-02 {
  position: absolute;
  bottom: 10%;
  right: 15%;
  animation: rotate 1.5s linear infinite;
}@keyframes trangle{from{transform:scale(1);transition:all .5s ease-in-out}to{transform:scale(1.5);opacity:0}}
.owl-dots,
.owl-nav {display: none;}

/** clients-section **/
 .clients-section{
     position: relative; overflow-x: hidden; overflow-y: hidden;
}
 .clients-section .owl-carousel .owl-stage-outer{
     overflow: visible;
}
 .clients-section .owl-carousel .owl-stage-outer .owl-item{
     opacity: 0;
     transition: all 500ms ease;
}
 .clients-section .owl-carousel .owl-stage-outer .owl-item.active{
     opacity: 1;
}
 .clients-section .clients-logo-box{
     padding: 20px 0px 20px;
}
 .clients-section .clients-logo-box img{
     display: block;
     max-width: 100%;
     width: auto;
     margin: 0 auto;
}
.success-image {  position: relative; border-radius: 10px;}
.success-image img {border-radius: 8px;}
.lightbox-image { position: absolute; left: 43%;top: 43%; z-index: 99; 
       background: #fff; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center;}
.footer-social{margin:0px 0;}
.footer-social ul{list-style:none;margin:0;padding:0;}
.footer-social ul li{padding:0px;margin:0 2px;display:inline-block;}
.footer-social ul li a { text-decoration: none; }
.footer-social ul li a i{display:block;width:34px;text-align:center;line-height:32px;font-size:16px;color:#fff;
    position:relative;border:1px solid rgba(255,255,255,0.2);}
.footer-social ul li a:hover{border:1px solid #ff0763;}
.footer-social ul li a i:hover{color:#fff;}
ul li a {text-decoration: none ;}
footer{padding:30px 0 20px;background-color:#ca0600;}
footer p{margin:0;font-size:17px;font-weight:300;line-height:36px;color:#fff;}