/** banner-section **/

.banner-section{
  position: relative;
  overflow: hidden;
  background-color: #fff;
}


/** banner-style-five **/

.banner-style-five{
  position: relative;
  padding: 25px 0px 125px 0px;
  background: linear-gradient(180deg, #c9fff6 0%, rgba(227, 255, 233, 0) 94.78%);
}

.banner-style-five .content-box{
  position: relative;
  display: block;
}

.banner-style-five .content-box h2{
  display: block;
  font-size: 56px;
  line-height: 70px;
  margin-bottom: 22px; text-transform: uppercase; text-align: center;
}

.banner-style-five .content-box h2 span {
    display: block;
    font-size: 50px;
    font-weight: 400;
    text-align: center;
}

.banner-style-five .content-box p{
  font-size: 20px;
  line-height: 32px;
  color: var(--title-color);
  margin-bottom: 40px;
}

.banner-style-five .image-box{
  position: relative;
  display: block;
  margin-left: 53px;
  margin-right: 29px;
}

.banner-style-five .image-box img{
  width: 100%;
}

.banner-style-five .image-box .image-shape .shape-1{
  position: absolute;
  left: -83px;
  top: 4px;
  width: 242px;
  height: 244px;
  background-repeat: no-repeat;
}

.banner-style-five .image-box .image-shape .shape-2{
  position: absolute;
  left: -96px;
  bottom: 25px;
  width: 203px;
  height: 228px;
  background-repeat: no-repeat;
}

.banner-style-five .image-box .image-shape .shape-3{
  position: absolute;
  top: 142px;
  right: -100px;
  width: 179px;
  height: 199px;
  background-repeat: no-repeat;
}

.banner-style-five .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  top: 170px;
  width: 265px;
  height: 736px;
  background-repeat: no-repeat;
}

.banner-style-five .pattern-layer .pattern-2{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 547px;
  height: 448px;
  background-repeat: no-repeat;
}



/*Custom*/
.date {
    font-size: 24px;
    color: #fff;
    background: #13a58e;
    display: inline-block;
    padding: 8px 18px;
    border-radius: 50px;
    font-family: 'Afacad', sans-serif;
}

/** feature-style-four **/

.feature-style-four{
  position: relative;
}

.feature-block-four .inner-box{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 10px 0px 60px 0px rgba(0, 0, 0, 0.06);
  padding: 50px 40px 43px 40px;
  transition: all 0.3s ease-in-out 0.1s;
}

.feature-block-four .inner-box:hover{
  transform: translateY(-10px);
}

.feature-block-four .inner-box .shape {
    position: absolute;
    top: -7px;
    right: -100px;
    width: 237px;
    height: 227px;
    background-repeat: no-repeat;
    transform: scale(0, 0);
    transition: all 0.3s ease-in-out 0.1s;
}

.feature-block-four .inner-box:hover .shape{
  transform: scale(1,1);
}

.feature-block-four .inner-box .icon-box{
  position: relative;
  display: inline-block;
  width: 90px;
  height: 100px;
  margin-bottom: 21px;
}

.feature-block-four .inner-box .icon-box .icon{
  position: relative;
  display: inline-block;
  font-size: 40px;
  color: #fff;
  text-align: center;
  width: 90px;
  height: 100px;
  line-height: 100px;
  transition: all 500ms;
}

.feature-block-four .inner-box .icon-box .r-hex:first-child .r-hex-inner:before{
  transition: all 500ms ease;
}

.feature-block-four .inner-box .icon-box .r-hex{
  width: 102px;
  height: 100px;
  border-radius: 10px;
}

.feature-block-four .inner-box h3{
  display: block;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 16px;
}

.feature-block-four .inner-box h3 a{
  display: inline-block;
  color: var(--title-color);
}

.feature-block-four .inner-box h3 a:hover{

}


/** about-section **/

.about-section{
  position: relative;
}

.image_block_one .image-box{
  position: relative;
  display: block;
  padding-left: ;
}

.image_block_one .image-box .image{
  position: relative;
  display: block;
  max-width: 488px;
}

.image_block_one .image-box .image img{
  width: 100%;
}

.image_block_one .image-box .image-content{
  position: absolute;
  right: 20px;
  bottom: 0px;
  width: 200px;
  background: #fff;
  border: dashed;
  border-width: 2px;
  padding: 42px 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.08);
}

.image_block_one .image-box .image-content h2{
  position: relative;
  display: block;
  font-size: 72px;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 18px;
}

.image_block_one .image-box .image-content h4{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 22px;
}

.image_block_one .image-box .image-shape .shape-1{
  position: absolute;
  left: 0px;
  bottom: 54px;
  width: 230px;
  height: 230px;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.image_block_one .image-box .image-shape .shape-2{
  position: absolute;
  top: 105px;
  right: 50px;
  width: 172px;
  height: 172px;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 4s infinite linear;
  animation: zoom-fade 4s infinite linear;
}

.content_block_one .content-box{
  position: relative;
  display: block;
}

.content_block_one .content-box .text-box p {
    margin-bottom: 30px;
    color: #363636;
    line-height: 32px;
    font-family: sans-serif;
    font-size: 18px;
    color: #000;
}

.about-section .pattern-layer .pattern-1{
  position: absolute;
  left: -110px;
  bottom: 80px;
  width: 321px;
  height: 321px;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 6s infinite linear;
  animation: zoom-fade 6s infinite linear;
}

.about-section .pattern-layer .pattern-2{
  position: absolute;
  left: 104px;
  top: 227px;
  width: 196px;
  height: 196px;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 4s infinite linear;
  animation: zoom-fade 4s infinite linear;
}

.about-section .pattern-layer .pattern-3{
  position: absolute;
  right: 0px;
  bottom: 114px;
  width: 297px;
  height: 559px;
  background-repeat: no-repeat;
}






/** service-section **/

.service-section{
  position: relative;
  overflow: hidden;
  background: #F7F7F7;
}

.service-section .bg-layer{
  opacity: 0.1;
}

.service-section .pattern-layer{
  position: absolute;
  left: 0px;
  bottom: -115px;
  width: 466px;
  height: 933px;
  background-repeat: no-repeat;
}

.service-block-one{
  margin-top: 44px;
}

.service-block-one .inner-box{
  position: relative;
  display: block;
  box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 0px 35px 32px 40px;
  border-radius: 10px;
  z-index: 1;
  margin-bottom: 30px;
}

.service-block-one .inner-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0px;
  bottom: 0px;
  z-index: -1;
  border-radius: 10px;
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover:before{
  height: 100%;
  top: 0px;
}

.service-block-one .inner-box .icon-box{
  position: relative;
  display: inline-block;
  width: 90px;
  height: 100px;
  margin-top: -45px;
  margin-bottom: 21px;
}

.service-block-one .inner-box .icon-box .icon{
  position: relative;
  display: inline-block;
  font-size: 43px;
  color: #fff;
  text-align: center;
  width: 90px;
  height: 100px;
  line-height: 100px;
}

.service-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before{
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .icon-box .r-hex:first-child .r-hex-inner:before{
  background: var(--secondary-color) !important;
}

.service-block-one .inner-box h3{
  position: relative;
  display: block;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 9px;
}

.service-block-one .inner-box h3 a{
  display: inline-block;
  color: var(--title-color);
}

.service-block-one .inner-box h3 a:hover{
  text-decoration: underline;
}

.service-block-one .inner-box:hover h3 a,
.service-block-one .inner-box:hover p,
.service-block-one .inner-box:hover .link a{
  color: #fff;
}

.service-block-one .inner-box p{
  margin-bottom: 10px;
}

.service-block-one .inner-box .link a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  font-family: var(--title-font);
  color: var(--title-color);
  font-weight: 500;
  padding-right: 16px;
}

.service-block-one .inner-box .link a:hover{
  text-decoration: underline;
}

.service-block-one .inner-box .link a i{
  position: absolute;
  top: 8px;
  right: 0px;
}






/** service-section **/

.service-section{
  position: relative;
  overflow: hidden;
  background: linear-gradient(102.73deg, #13a58e 0.76%, #071229 99.64%);
}

.service-section .bg-layer{
  opacity: 0.1;
}

.service-section .pattern-layer{
  position: absolute;
  left: 0px;
  bottom: -115px;
  width: 466px;
  height: 933px;
  background-repeat: no-repeat;
}

.service-block-one{
  margin-top: 44px;
}

.service-block-one .inner-box{
  position: relative;
  display: block;
  box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 0px 35px 32px 40px;
  border-radius: 10px;
  z-index: 1;
  margin-bottom: 30px; min-height: 303px;
}

.service-block-one .inner-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0px;
  bottom: 0px;
  z-index: -1;
  border-radius: 10px;
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover:before{
  height: 100%;
  top: 0px;
}

.service-block-one .inner-box .icon-box{
  position: relative;
  display: inline-block;
  width: 90px;
  height: 100px;
  margin-top: -45px;
  margin-bottom: 21px; text-align: center;
}

.service-block-one .inner-box .icon-box .icon{
  position: relative;
  display: inline-block;
  font-size: 43px;
  color: #fff;
  text-align: center;
  width: 55px;
  height: 100px;
  line-height: 80px;
}

.service-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before{
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .icon-box .r-hex:first-child .r-hex-inner:before{
  background: var(--secondary-color) !important;
}

.service-block-one .inner-box h3{
  position: relative;
  display: block;
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 9px;
  text-align: center;
}

.service-block-one .inner-box h3 a{
  display: inline-block;
  color: var(--title-color);
}

.service-block-one .inner-box h3 a:hover{
  text-decoration: underline;
}

.service-block-one .inner-box:hover h3 a,
.service-block-one .inner-box:hover p,
.service-block-one .inner-box:hover .link a{
  color: #fff;
}

.service-block-one .inner-box p{
  margin-bottom: 10px; font-size: 16px;
}

.service-block-one .inner-box .link a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  font-family: var(--title-font);
  color: var(--title-color);
  font-weight: 500;
  padding-right: 16px;
}

.service-block-one .inner-box .link a:hover{
  text-decoration: underline;
}

.service-block-one .inner-box .link a i{
  position: absolute;
  top: 8px;
  right: 0px;
}


/** service-style-two **/

.service-style-two{
  position: relative;
  overflow: hidden;
}

.service-style-two .bg-layer:before{
  position: absolute;
  content: '';
  background: #F7F7F7;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.9;
}

.service-style-two .tab-btn-box{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.service-style-two .tab-btn-box .tab-btns{
  position: relative;
}

.service-style-two .tab-btn-box .tab-btns li{
  position: relative;
  display: inline-block;
  float: left;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  font-family: var(--title-font);
  font-weight: 500;
  color: var(--title-color);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  padding: 18px 30px;
  z-index: 1;
  width: 16.666%;
  transition: all 500ms;
}

.service-style-two .tab-btn-box .tab-btns li.active-btn,
.service-style-two .tab-btn-box .tab-btns li:hover{
  color: #fff;
}

.service-style-two .tab-btn-box .tab-btns li:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: -1;
  transform: scale(0,0);
  transition: all 500ms;
}

.service-style-two .tab-btn-box .tab-btns li.active-btn:before,
.service-style-two .tab-btn-box .tab-btns li:hover:before{
  transform: scale(1,1);
}

.content_block_two .content-box{
  position: relative;
  display: block;
}

.content_block_two .content-box h2{
  font-size: 48px;
  line-height: 53px;
  font-weight: 700;
  margin-bottom: 23px;
}

.content_block_two .content-box p{
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 36px;
}

.service-style-two .image-box{
  position: relative;
  display: block;
  padding: 50px;
  padding-left: 0px;
}

.service-style-two .image-box:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 300px;
  height: 100%;
  top: 0px;
  right: 0px;
  border-radius: 10px;
}

.service-style-two .image-box .image{
  position: relative;
  display: block;
  overflow: hidden;
}

.service-style-two .image-box .image img{
  width: 100%;
  transition: all 0.3s ease-in-out 0.1s;
}

.service-style-two .image-box:hover .image img{
  transform: scale(1.1);
}

.service-style-two .image-box .image::before {
  background: rgba(255, 255, 255, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}

.service-style-two .image-box .image:hover::before {
  width: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}


/** service-style-three **/

.service-style-three{
  position: relative;
}

.service-block-two .inner-box{
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  padding: 225px 30px 39px 30px;
  margin-bottom: 30px;
}

.service-block-two .inner-box .bg-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease-in-out 0.1s;
}

.service-block-two .inner-box:hover .bg-layer{
  transform: scale(1.1);
}

.service-block-two .inner-box:before{
  position: absolute;
  content: '';
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.89%, rgba(0, 0, 0, 0.6) 81.22%);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.service-block-two .inner-box .content-box{
  position: relative;    
  transform: translateY(124px);
  z-index: 5;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s;
  transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s;
}

.service-block-two .inner-box:hover .content-box{
  transform: translateY(0px);
}

.service-block-two .inner-box .content-box h3{
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 17px;
}

.service-block-two .inner-box .content-box h3 a{
  display: inline-block;
  color: #fff;
}

.service-block-two .inner-box .content-box h3 a:hover{
  text-decoration: underline;
}

.service-block-two .inner-box .content-box p{
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 13px;
}

.service-block-two .inner-box .content-box .link a{
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  font-family: var(--title-font);
  font-weight: 500;
  color: #fff;
  padding-right: 18px;
}

.service-block-two .inner-box .content-box .link a i{
  position: absolute;
  top: 6px;
  right: 0px;
  font-size: 10px;
}

.service-block-two .inner-box .content-box .link a:hover{

}

.service-style-three .pattern-layer{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 477px;
  height: 928px;
  background-repeat: no-repeat;
}

.service-style-two.alternat-2 .image-box{
  padding: 0px;
}

.service-style-two.alternat-2 .image-box .image{
  position: relative;
  border-radius: 10px;
}

.service-style-two.alternat-2 .image-box .image img{
  border-radius: 10px;
}

.service-style-two .image-box .image-shape .shape-1{
  position: absolute;
  width: 190px;
  height: 184px;
  left: -75px;
  top: -57px;
  background-repeat: no-repeat;
}

.service-style-two .image-box .image-shape .shape-2{
  position: absolute;
  width: 190px;
  height: 184px;
  bottom: -57px;
  right: 70px;
  background-repeat: no-repeat;
}

.service-style-two .image-box .image-shape .shape-3{
  position: absolute;
  right: -137px;
  bottom: -44px;
  width: 239px;
  height: 260px;
  background-repeat: no-repeat;
}

.service-section .shape .shape-1{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 413px;
  height: 860px;
  background-repeat: no-repeat;
}

.service-section .shape .shape-2{
  position: absolute;
  left: 0px;
  bottom: 32px;
  width: 265px;
  height: 736px;
  background-repeat: no-repeat;
}

.switcher .switch_btn button,
button.rtl,
button.ltr,
.main-header .menu-right-content .btn-box a:hover,
.theme-btn,
.sub-title:before,
.feature-section .inner-container .feature-block-one:first-child .inner-box,
.service-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.service-block-one .inner-box:before,
.working-block-one .inner-box .count-box .r-hex:first-child .r-hex-inner:before,
.events-block-one .inner-box:hover .image-box,
.events-block-one .inner-box .lower-content .post-date,
.team-block-one .inner-box .image-box .image,
.team-block-one .inner-box .image-box .social-links li a:hover,
.main-footer .footer-bottom .social-links li a:hover,
.image_block_two .image-inner .experience-box h2:before,
.service-style-two .tab-btn-box .tab-btns li:before,
.speciality-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.working-style-two .working-block:first-child .working-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.nav-style-one .owl-nav button:hover,
.banner-style-three .image-box .support-box .icon-box:before,
.feature-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.feature-block-three .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.journey-block-one .inner-box .year,
.journey-block-one .inner-box .decore,
.testimonial-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.dots-style-one .owl-dots .owl-dot:before,
.news-block-one .inner-box .lower-content .post-date,
.news-block-one .inner-box .image-box,
.header-style-four .header-lower .logo-box,
.chooseus-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.chooseus-block-one .inner-box .bg-layer:before,
.image_block_three .image-box .experience-box .r-hex:first-child .r-hex-inner:before,
.faq-style-two .inner-box .tab-btn-box .tab-btn:before,
.feature-block-four .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.working-block-three .inner-box .count-box,
.working-block-three .inner-box::before,
.research-details .content-three .tab-btn-box .tab-btn:before,
.service-sidebar .category-widget .category-list li a:hover,
.service-sidebar .download-widget .download-list li button span,
.service-sidebar .download-widget .download-list li button:hover,
.service-sidebar .support-widget .support-box .icon-box:before,
.service-sidebar .category-widget .category-list li a.current,
.pagination li a:hover,
.pagination li a.current,
.team-details .content-box .social-links li a:before,
.history-section .year,
.history-section .border-line:before,
.history-section .border-line:after,
.sortable-masonry .filter-tabs li:hover,
.sortable-masonry .filter-tabs li.active,
.blog-sidebar .tags-widget .tags-list li a:hover,
.news-block-two .inner-box .image-box,
.blog-details-content .upper-image .post-date,
.blog-details-content .post-share-option .post-tags li a:hover,
.info-block-one .inner-box .r-hex:first-child .r-hex-inner:before

{
  background: #13a58e !important;
}






/** team-section **/

.team-section{
  position: relative;
}

.team-block-one .inner-box{
  position: relative;
  display: block;
  margin-bottom: 25px;
}

.team-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.team-block-one .inner-box .image-box .image{
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.team-block-one .inner-box .image-box .image img{
  width: 100%;
  border-radius: 10px;
  transition: all 0.3s ease-in-out 0.1s;
}

.team-block-one .inner-box:hover .image-box .image img{
  transform: scale(1.05);
  opacity: 0.8;
}

.team-block-one .inner-box .image-box .social-links{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) scale(0,0);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease;
}

.team-block-one .inner-box:hover .image-box .social-links{
  transform: translate(-50%,-50%) scale(1,1);
}

.team-block-one .inner-box .image-box .social-links li{
  margin: 0px 5px;
}

.team-block-one .inner-box .image-box .social-links li a{
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 48px;
  background: #fff;
  color: var(--title-color);
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
}

.team-block-one .inner-box .image-box .social-links li a:hover{
  color: #fff;
}

.team-block-one .inner-box .lower-content{
  position: relative;
  display: block;
  padding-top: 21px;
}

.team-block-one .inner-box .lower-content h3{
  display: block;
  font-size: 28px;
  line-height: 36px;
}

.team-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: var(--title-color);
}

.team-block-one .inner-box .lower-content h3 a:hover{

}

.team-block-one .inner-box .lower-content .designation{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 22px;
}

.team-section .bg-layer{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 514px;
  height: 767px;
  opacity: 0.1;
  background-repeat: no-repeat;
}

.team-section .pattern-layer{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 861px;
  height: 1002px;
  background-repeat: no-repeat;
}

.team-section .pattern-layer-2{
  position: absolute;
  left: -82px;
  top: 0px;
  width: 331px;
  height: 343px;
  background-repeat: no-repeat;
}
.speak-name {
    font-size: 22px;
    color: #202020;
    font-weight: 600;
}
.moderator {
    position: absolute;
    top: -26px;
    right: 0px;
    color: #ffffff;
    font-size: 16px;
    background: #000;
    padding: 0px 10px;
}
.designation{ padding:10px 0px; }
.logo {
    font-size: 18px;
    color: #13a58e;
    font-weight: bold;
}


/** cta-style-two **/

.cta-style-two{
  position: relative;
}

.cta-style-two .inner-container{
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: -80px;
  margin-bottom: -80px;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(102.73deg, #13a58e 0.76%, #071229 99.64%);
  padding: 40px 60px 39px 60px;
}

.cta-style-two .content-box{
  position: relative;
  /*display: flex;*/
  align-items: center;
  /*justify-content: space-between;*/ text-align: center;
}

.cta-style-two .content-box h2{
  font-size: 36px;
  line-height: 40px;
  color: #fff;
}

.cta-style-two .content-box .btn-box{
  position: relative;
  /*display: flex;*/
  align-items: center;
}

.cta-style-two .content-box .btn-box a:first-child{
  background: #fff !important;
  color: var(--title-color) !important;
}

.cta-style-two .content-box .btn-box a:first-child:hover{
  color: #fff !important;
}

.cta-style-two .inner-container #particles-js{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.copy {
    padding: 0px 0px 30px;
    color: #000;
    font-size: 17px;
}

.agenda{ 
  background: linear-gradient(180deg, #c9fff6 0%, rgba(227, 255, 233, 0) 94.78%);
  padding:100px 0px; height: auto; background-size: cover;
}

/******************* Timeline Demo - 4 *****************/
.main-timeline4{overflow:hidden;position:relative}
.main-timeline4:before{content: "";
  width: 10px;
  height: 100%;
  background: linear-gradient(102.73deg, #13a58e 0.76%, #071229 99.64%);
  position: absolute;
  top: 10px;
  left: 50%;border-radius: 15px;
  transform: translateX(-50%);}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:before{top:50%;transform:translateY(-50%);content:""}
.main-timeline4 .timeline{width:50%;padding-left: 0px;float: left;position:relative;}
.main-timeline4 .timeline:before{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #13a58e;position:absolute;right: -10px;}
.main-timeline4 .timeline-content{display:block;padding: 0 100px 0 0;/* padding-left:25px; */position:relative;}
.main-timeline4 .timeline-content:before{width:90px;height:10px;border-top:7px dotted #13a58e;position:absolute;right: 10px;}
.main-timeline4 .year{display:inline-block;width:120px;height:120px;line-height:100px;border-radius:50%;border:10px solid #1694a2;font-size:30px;color:#f54957;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4);position:absolute;top:0;left:0}
.main-timeline4 .year:before{content:"";border-left:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-13px;right:0;transform:rotate(45deg)}
.main-timeline4 .inner-content{padding: 20px 0;}
.main-timeline4 .title{font-size:24px;font-weight:600;color:#f54957;text-transform:uppercase;margin:0 0 5px}
.main-timeline4 .description{font-size:20px;color:#000; margin:0 0 5px; padding-left: 35px;}
.main-timeline4 .timeline:nth-child(2n){padding: 0  0 0 100px;}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .timeline:nth-child(2n):before{left:auto;left: -10px;}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding: 0  0 0 25px;}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{left: -90px;}
.main-timeline4 .timeline:nth-child(2n) .year{right:0}
.main-timeline4 .timeline:nth-child(2n) .year:before{right:auto;left:0;border-left:none;border-right:20px solid #f54957;transform:rotate(-45deg)}
.main-timeline4 .timeline:nth-child(2){margin-top:110px}
.main-timeline4 .timeline:nth-child(odd){margin:-110px 0 0;}
.main-timeline4 .timeline:nth-child(odd) .description{    text-align: right; padding-right: 60px; }
.main-timeline4 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline4 .timeline:first-child,.main-timeline4 .timeline:last-child:nth-child(even){margin:0}
.main-timeline4 .timeline:nth-child(2n) .year{border-color:#1ebad0;color:#1ebad0}
.main-timeline4 .timeline:nth-child(2) .year:before{border-right-color:#1ebad0}
.main-timeline4 .timeline:nth-child(2n) .title{color:#1ebad0}
.main-timeline4 .timeline:nth-child(3n) .year{border-color:#7cba01;color:#7cba01}
.main-timeline4 .timeline:nth-child(3) .year:before{border-left-color:#7cba01}
.main-timeline4 .timeline:nth-child(3n) .title{color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .year{border-color:#f8781f;color:#f8781f}
.main-timeline4 .timeline:nth-child(4) .year:before{border-right-color:#f8781f}
.main-timeline4 .timeline:nth-child(4n) .title{color:#f8781f}
@media only screen and (max-width:1200px){.main-timeline4 .year{top:50%;transform:translateY(-50%)}
}
@media only screen and (max-width:990px){.main-timeline4 .timeline{padding-left:75px}
.main-timeline4 .timeline:nth-child(2n){padding:0 75px 0 0}
.main-timeline4 .timeline-content{padding-left:130px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 130px 0 0}
.main-timeline4 .timeline-content:before{width:68px;left:-68px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-68px}
}
@media only screen and (max-width:767px){.main-timeline4{overflow:visible}
.main-timeline4:before{height:100%;top:0;left:0;transform:translateX(0)}
.main-timeline4 .timeline:before,.main-timeline4 .timeline:nth-child(2n):before{top:60px;left:-9px;transform:translateX(0)}
.main-timeline4 .timeline,.main-timeline4 .timeline:nth-child(even),.main-timeline4 .timeline:nth-child(odd){width:100%;float:none;text-align:left;padding:0 0 0 15px;margin:0 0 10px}
.main-timeline4 .timeline-content,.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{display:none}
.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .year{position:relative;transform:translateY(0)}
.main-timeline4 .timeline:nth-child(2n) .year:before,.main-timeline4 .year:before{border:none;border-right:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;left:-23px;bottom:auto;right:auto;transform:rotate(0)}
.main-timeline4 .timeline:nth-child(2n) .year:before{border-right-color:#1ebad0}
.main-timeline4 .timeline:nth-child(3n) .year:before{border-right-color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .year:before{border-right-color:#f8781f}
.main-timeline4 .inner-content{padding:10px}
.main-timeline4 .timeline:nth-child(odd) .description{    text-align: left;
  }
}
.p-color{ color:#ff2323; }

/*==================== agenda timeline ========================*/