/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
.owl-carousel .owl-nav.disabled{
    display: block !important;
}

/*--------commom css------------*/

h5.service-title a{
    color: #152B66;
}
section#slider-banner .owl-nav i:hover{
    background: #152B66 ;
}
a.phone-topbar:hover{
    color: #93BD4F ;  
}
h6.blog-week-count:hover{
    background: #93BD4F; 
}
h2.serv-main-head,h6.tcours-name,h2.cont-sec-main-head,h6.cont-sec-form-hd,input.hcon-name::placeholder,input.hcon-mail::placeholder,input.hcon-call::placeholder,input.hcon-course::placeholder,textarea.hcon-msg::placeholder,.testimonial-data:hover h5.testimonial-title a,.testimonial-data:hover p.test-desig,.testimonial-data:hover p.test-inn-txt,h6.faq-small-head,.date-box1:hover.date-box1 span,.date-box1:hover h3.blog-day.bdate,h6.plan-small-head,h6.pack-option,h2.plans-price,.pricing-tables .plans .plan .plan__head .plan__price .price .plan__type,a.plan-btn.btn,h5.upcours-name a,ul#sellerTabs li a.nav-link.active,p.upcours-txt,.service-data:hover h5.service-title a,.service-data:hover p.serv-inn-txt,input[type="submit"].hcon-btn.btn:hover,section#slider-banner .owl-nav i:hover{
  color: #ffffff;
}
input[type="submit"].hcon-btn.btn:hover{
    background: #ffffff;
    color: #93BD4F;
}
.footer4 input[type="submit"]:hover{
    background: #014A97;
}
/* --------- SLIDER--------- */
.slider-box {
    position: absolute;
    left: 5%;
    right: 47%;
    top: 50%;
    transform: translateY(-50%);
}
.gr-bg-slid {
    position: absolute;
    right: 23px;
    transform: translateY(-50%);
    top: 52%;
}
.owl-carousel .owl-item .slider-right-image img {
    width: 90% !important;
}
.slider-banner-image{
    position: relative;
}
.slider-banner-image:before {
    content: '';
    position: absolute;
    background: #024695;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.95;
}
/*.slid-bg-shad {
    position: absolute;
    background: rgba(2, 70, 149, 0.95);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}*/
.inner_bg_grn:before {
    content: '';
    position: absolute;
    background: #93BD4F;
    opacity: 0.95;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    clip-path: polygon(39% 0%, 100% 0%, 100% 100%, 37% 100%, 3% 52%);
}
.slider-right-image {
    position: relative;
}
.slider-right-image img {
    clip-path: polygon(35% 0%, 100% 0%, 100% 100%, 35% 100%, 8% 50%);
}
section#slider-banner .owl-nav i {
    color: #272239;
    background: #ffffff;
    border-radius: 50%;
    padding: 14px 15px;
    display: inline-block;
    font-size: 20px;
}
section#slider-banner button.owl-prev,section#slider-banner button.owl-next {
    background-image: none !important;
    border:none;
    }
section#slider-banner .owl-nav button.owl-prev,section#slider-banner .owl-nav button.owl-next {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    background: transparent !important;
}
section#slider-banner .owl-nav button.owl-prev{
    left: 5%;
}
section#slider-banner .owl-nav button.owl-next{
    right: 5%;
}
h6.slide-sm-head {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    font-family: 'Montserrat';
    letter-spacing: 3px;
}
h2.slide-main-head {
    font-size: 54px;
    font-weight: 400;
    color: #ffffff;
    line-height: 70px;
}
span.slid-hd2,span.slid-hd4 {
    color: #93BD4F;
    font-weight: 700;
}
a.slider-btn.btn {
    font-size: 16px;
    font-weight: 700;
    background: #93BD4F;
    color: #ffffff;
    border-radius: 10px;
}
a.slider-btn2.btn{
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 10px;
    background: transparent;
}
/*------------partners----------------------*/
h6.partnr-small-head,h6.abt-small-head,h6.tcours-small-head,h6.serv-small-head,h6.team-small-head,h6.cont-sec-small-head,h6.testi-small-hd,h6.faq-small-head,h6.plan-small-head,h6.pack-option,h6.upcours-sm-head{
    letter-spacing: 3px;
}
.partnr-img-box img {
    background: #ffffff;
    border-radius: 10px;
}
.prt-info {
    position: relative;
}
section#partners .owl-nav i,section#service .owl-nav i,section#training_instructors .owl-nav i,section#testimonial .owl-nav i,section#upcoming_courses .owl-nav i{
    color: #024695;
    font-size: 20px;
}
section#partners button.owl-prev {
    border: none;
    position: absolute;
    background: transparent;
    left: -35px;
    top: 40%;
}
section#partners button.owl-next {
    border: none;
    position: absolute;
    background: transparent;
    right: -35px;
    top: 40%;
}
/*--------------------about-------------*/
p.abt-para {
    font-size: 18px;
}
a.abt-btn.btn {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background: #93BD4F;
    letter-spacing: 1px;
    padding: 10px 25px;
}
.about-left-image.row img,.tcourses-right-image.row img {
    border-radius: 10px;
}
/*-----------training-courses-----*/
p.tcours-para,p.tcours-para2 {
    line-height: 28px;
}
h6.tcours-name {
    font-size: 32px;
    z-index: 999999;
    position: relative;
}
.tcours-img1 img,.tcours-img2 img {
    box-shadow: 0px 0px 10px 3px rgba(2, 70, 149, 0.17);
}
.tcours-img1 img,.tcours-img2 img {
    position: relative;
    margin-bottom: -25%;
}
/*-service----------*/
.service-data:hover {
    background: #152B66;
}
section#service,section#contact-section,section#upcoming_courses {
    position: relative;
}
section#service{
    padding-top: 0;
    margin-bottom: 10%;
}
.serv-bg-op,.cont-bg {
    background: rgba(2, 70, 149, 0.95);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
h5.service-title a {
    font-size: 24px;
    font-weight: 600;
}
p.serv-inn-txt,p.test-desig,p.planlist-item,p.pack-txt,p.upcours-txt{
    font-family: 'Poppins';
}
.service-data {
    background: #ffffff;
    border-radius: 10px;
    padding: 30px 18px 70px 18px;
    box-shadow: 0px 0px 14px rgba(2,70,149,0.3);
}
.serv-shift {
    position: relative;
    top: 7rem;
}
.servic-info-box {
    position: relative;
    top: 5rem;
}
section#service button.owl-prev,section#training_instructors button.owl-prev,section#testimonial button.owl-prev,section#upcoming_courses button.owl-prev{
    background: transparent;
    border: none;
    position: absolute;
    left: 45%;
}
section#service button.owl-next,section#training_instructors button.owl-next,section#testimonial button.owl-next,section#upcoming_courses button.owl-next{
    background: transparent;
    border: none;
    position: absolute;
    right:  45%;
}
section#service .owl-dots.disabled{
    display: block !important;
}
/* Style the navigation dots */
section#service .owl-dots .owl-dot span,section#training_instructors .owl-dots .owl-dot span,section#testimonial .owl-dots .owl-dot span,section#upcoming_courses .owl-dots .owl-dot span{
    width: 35px;
    height: 2.5px;
    background-color: #626B7D; /* Adjust the color as needed */
    display: inline-block;
    margin: 5px;
    transition: background-color 0.3s ease;
}

/* Style for the active dot */
section#service .owl-dots .owl-dot.active span,
section#service .owl-dots .owl-dot:hover span,section#training_instructors .owl-dots .owl-dot.active span,section#training_instructors .owl-dots .owl-dot:hover span,section#testimonial .owl-dots .owl-dot.active span,section#testimonial .owl-dots .owl-dot:hover span,section#upcoming_courses .owl-dots .owl-dot:hover span{
    background-color: #626B7D; /* Change color for active or hovered dot */
}

/* Optional: Center the dots */
section#service .owl-dots,section#training_instructors .owl-dots,section#testimonial .owl-dots,section#upcoming_courses .owl-dots{
    text-align: center;
}
section#service button.owl-dot,section#training_instructors button.owl-dot,section#testimonial button.owl-dot,section#upcoming_courses button.owl-dot{
    background: transparent;
    border: none;
}
/*--------------upcoming-courses-----------*/
ul#sellerTabs {
    display: inline-flex;
    border: none;
}
ul#sellerTabs li a {
    color: #626B7D;
    font-size: 16px;
    font-weight: 400;
    background: #EBF1F7;
    border-radius: 10px;
    border: none;
    box-shadow: none;
}
ul#sellerTabs li a.nav-link.active {
    background: #024695;
}
img.upcour-image {
    border-radius: 10px;
}
h5.upcours-name a {
    font-size: 32px;
    font-weight: 700;
}
a.upcous-btn.btn {
    font-size: 16px;
    font-weight: 600;
    color: #93BD4F;
    text-decoration: underline;
}
.upcours_content_pad {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}
.up-box {
    position: relative;
}
.opac-bg {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(102, 102, 102, 0));
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 10px;
}
h5.upcours-name {
    line-height: 40px;
}
.upcours-box:hover .upcours-zoom {
    display: block;
}
.upcours-zoom {
    display: none;
}
section#upcoming_courses .owl-stage-outer {
    margin-bottom: 50px;
}
/*--------------training-instructors----------*/
span.team-name a {
    font-size: 24px;
    font-weight: 700;
    color: #024695;
}
span.tm-desg {
    font-size: 18px;
    font-weight: 400;
    color: #626B7D;
}
.instruct-info.item img {
    border-radius: 10px;
}
section#training_instructors .owl-stage-outer{
    margin-bottom: 20px;
}

/*--------------home contact--------*/
h6.cont-sec-form-hd {
    font-size: 24px;
    font-weight: 600;
    background: #93BD4F;
    padding: 40px 20px;
    border-radius: 10px 10px 0px 0px;
}
.hcont-img {
    position: absolute;
    left: -60px;
    bottom: 0;
}
.hcont-img img {
    width: 80%;
}
section#contact-section .cont-inn {
    padding-bottom: 60px;
}
input[type="text"].hcon-name,input[type="email"].hcon-mail,input[type="tel"].hcon-call,input[type="text"].hcon-course,textarea.hcon-msg {
    font-size: 14px;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid #ffffff;
}
textarea.hcon-msg {
    width: 100%;
    height: 120px;
}
span.wpcf7-spinner {
    display: none;
}
input[type="submit"].hcon-btn.btn {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    background: #93BD4F;
    letter-spacing: 2px;
    padding: 20px;
    width: 100%;
}
.hcont-form {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0px 0px 10px 10px;
}
/*------------testimonial--------*/
h5.testimonial-title a {
    font-size: 20px;
    font-weight: 600;
    color: #024695;
}
p.test-desig {
    font-family: 'Poppins';
    color: #666666;
}
.testimonial-data {
    box-shadow: 0px 0px 14px rgba(2, 70, 149, 0.3);
    border-radius: 10px;
}
.testimonials-img {
    border: 1px solid #000000;
    border-radius: 50%;
    display: inline-block;
}
.testimonial-data:hover{
    background: #024695;
}
.testimonial-data:hover .testimonials-img{
    border: 1px solid #ffffff;
}
/*--------------faqs----------*/
.accordion button {
  position: relative;
  display: block;
  width: 100%;
  background: #ffffff;
  color: #000000;
  font-size: 18px;
    font-weight: 500;
    border: none;
    padding: 25px 10px 25px 50px;
    border-radius: 10px;
}
.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: #ffffff;
  background: #024695;
}
.accordion button:hover .accordion button .icon,
.accordion button:focus .accordion button .icon,button#accordion-button-1:hover .icon,.accordion button[aria-expanded='true'] + .icon {
    color: #024695;
  background: #ffffff;
}
.accordion button .icon {
  display: inline-block;
    position: absolute;
    top: 27px;
    left: 20px;
    width: 21px;
    height: 22px;
    border-radius: 50%;
    background: #024695;
    color: #ffffff;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] {
  color: #ffffff;
  background: #024695;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 10em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion-item {
    background: none !important;
    border: none !important;
}
.accordion .accordion-content p {
  font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Poppins';
}
#faqs{
   position: relative;
}
.faq-bg-color {
    background-color: rgba(147, 189, 79, 0.95);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
/*----blog----------*/
.news-img {
    position: relative;
}
h6.blog-week-count {
    font-size: 14px;
    font-weight: 400;
    background: #024695;
    color: #ffffff;
    border-radius: 5px;
    position: absolute;
    top: 15px;
    left: 15px;
}
img.blog-image {
    border-radius: 5px;
}
h3.news-inner-head a {
    font-size: 24px;
    font-weight: 500;
    color: #152B66;
}
p.latest-content {
    font-size: 14px;
    font-family: 'Poppins';
}
.blog-comment-box i,.blog-comment-box span {
    color: #626B7D;
}
.blog-comment-box span {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat';
}
.wpulike-heart .count-box {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat';
}
.wpulike-heart .wp_ulike_general_class,.btn.focus, .btn:focus,a.latesredmore.btn:focus {
    box-shadow: none;
}
.wpulike {
    display: inline-block;
    padding: 0px;
}
.wpulike-heart button.wp_ulike_btn{
    padding: 5px 10px;
}
a.latesredmore.btn {
    font-size: 16px;
    font-weight: 600;
    color: #93BD4F;
    text-decoration: underline;
}
h3.blog-day.bdate {
    font-size: 64px;
    font-weight: 700;
    color: #024695;
}
.date-box1 span {
    font-size: 24px;
    font-weight: 400;
    color: #024695;
}
.date-box1 {
    border: 1px solid rgba(2, 70, 149, 0.3);
    border-radius: 10px;
}
.date-box1:hover {
    background: #024695;
}
.latest-content {
    display: none;
}
h3.news-inner-head {
    line-height: 30px;
}
/*------pricing-plan------*/
.flex-wrapper {
  display: -webkit-flex;
  display: flex;
}
.grid-wrapper {
  display: -ms-grid;
  display: grid;
}
.pricing-tables.plans--annually .switch .annually,.pricing-tables.plans--monthly,.pricing-tables .switch span.monthly .switch .monthly,.pricing-tables.plans--annually .switch .monthly {
  color: #ffffff;
 }
 .pricing-tables.plans--annually .switch .monthly {
opacity: 1;
color: #152B66 !important;
 }
 span.monthly {
    color: #ffffff !important;
}
 span.annually {
    position: absolute;
    right: 43%;
}
span.monthly {
    position: absolute;
    left: 42%;
    z-index: 999999;
}
.pricing-tables.plans--annually .switch .annually .save {
color: #eeaeca;
 }
.pricing-tables.plans--annually .plans .plan .plan__head::after {
opacity: .5;
 }
.pricing-tables.plans--annually .plans .plan .plan__price .price.price--monthly {
opacity: 0;
transform: translateY(100px);
 }
.pricing-tables.plans--annually .plans .plan .plan__price .price.price--annually {
opacity: 1 !important;
 }
.pricing-tables .section__title {
margin: 0 0 4.2rem 0;
position: relative; 
}
.pricing-tables .switch {
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
user-select: none;
 }
.pricing-tables .switch span {
   font-size: 16px;
    font-weight: 400;
    transition: all .3s ease-in-out;
    color: #152B66;
}
.pricing-tables .switch .custom-switch {
position: relative;
display: inline-block;
}
.pricing-tables .switch .custom-switch input {
  display: none; 
}
.pricing-tables .switch .custom-switch input:checked + label:active:after {
    left: 25px; 
}
.pricing-tables .switch .custom-switch input:checked + label:after {
    left: 145px;
}
.pricing-tables .switch .custom-switch label {
    position: relative;
    display: block;
    width: 282px;
    height: 55px;
    border-radius: 50px;
    background: #EBF1F7;
    transition: all .4s ease-in-out;
    cursor: pointer;
}
.pricing-tables .switch .custom-switch label::after {
    position: relative;
    display: block;
    content: '';
    width: 132px;
    height: 45px;
    top: 5px;
    left: 5px;
    border-radius: 50px;
    background: #024695;
    pointer-events: none;
    transition: all .4s ease-in-out;
}
.pricing-tables .switch .custom-switch label:active:after {
    width: 36px;
}
.pricing-tables .plans .plan .plan__head .plan__price .price {
    display: inline-block;
    transition: transform .4s ease 0s, opacity 0.2s ease 0s;
    position: relative;
     }
.pricing-tables .plans .plan .plan__head .plan__price .price .plan__type {
    font-size: 20px;
    font-weight: 400;
   
}
h2.plans-price {
    font-size: 40px;
    font-weight: 700;
}
.pricing-tables .plans .plan .plan__head .plan__price .price.price--annually {
      transition: transform .4s ease 0s, opacity 1s ease 0s;
      position: absolute;
      left: 12px;
      right: 0;
      margin: 0 auto;
      opacity: 0;
}
.plan-bg-box {
    opacity: 0.95;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
h6.pack-option {
    font-weight: 600;
}
p.planlist-item i {
    color: #024695;
}
a.plan-btn.btn {
    font-size: 16px;
    font-weight: 600;
}
.plan-button {
    background: #024695;
    border-radius: 10px;
}
.inner-plan-box {
    background: #ffffff;
    border-radius: 10px;
}
section#pricing_plan,.inner-plan-box{
    position: relative;
}
.plan__head {
    background: #024695;
    border-radius: 10px 10px 0px 0px;
}
ul.plan-list {
    list-style: none;
}
p.planlist-item {
    line-height: 38px;
}
/*-----triangle---*/
.triangle {
    position: absolute;
    background-color: #024695;
    text-align: left;
    right: 52%;
    top: 19%;
}
.triangle:before,
.triangle:after {
    content: '';
    position: absolute;
    background-color: inherit;
}
.triangle
{
   width: 0em;
    height: 0em;
    border-top-right-radius: 0%;
}
.triangle:before{
   width: 0em;
    height: 0em;
    border-top-right-radius: 0%;
}
.triangle:after {
   width: 4em;
    height: 4em;
    border-top-right-radius: 25%;
}

.triangle {
    transform: rotate(0deg) skewX(-30deg) scale(1, 0.888);
}
/*.triangle:before {
    transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}*/
.triangle:after {
    transform: rotate(125deg) skewY(-20deg) scale(0.555, 1.0) translate(50%);
}
.inner-plan-box:hover .plan__head,.inner-plan-box:hover .triangle,.inner-plan-box:hover .plan-button {
    background: #8ED21F;
}
.inner-plan-box:hover p.planlist-item i{
    color: #8ED21F;
}
section#partners .owl-nav i:hover, section#service .owl-nav i:hover, section#training_instructors .owl-nav i:hover, section#testimonial .owl-nav i:hover, section#upcoming_courses .owl-nav i:hover {
    color: #93BD4F;
    transform: scale(1.5);
}
.contact-box .contac_form input[type="submit"]:hover {
    background: #93BD4F;
}
span.team-name a:hover{
    color: #93BD4F;
}
/*animation*/
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: translateY(-150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: translateX(150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: translateY(150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes flipInX {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: translateX(-150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes zoomOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-150px);
  }
}

@keyframes zoomOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(150px);
  }
}

@keyframes zoomOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-150px);
  }
}

@keyframes zoomOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(150px);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-150px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

 /* Common reveal styles */
.reveal {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

.reveal.active {
  opacity: 1;
}

.reveal.zoomInDown.active {
  animation: zoomInDown 1s ease-out forwards;
}

.reveal.zoomInRight.active {
  animation: zoomInRight 1s ease-out forwards;
}

.reveal.zoomInUp.active {
  animation: zoomInUp 1s ease-out forwards;
}

.reveal.flipInX.active {
  animation: flipInX 1s ease-out forwards;
}

.reveal.fadeInLeft.active {
  animation: fadeInLeft 1s ease-out forwards;
}


/* Adding new animation styles */
.reveal.zoomInLeft.active {
  animation: zoomInLeft 1s ease-out forwards;
}

.reveal.zoomOutLeft.active {
  animation: zoomOutLeft 1s ease-out forwards;
}

.reveal.zoomOutRight.active {
  animation: zoomOutRight 1s ease-out forwards;
}

.reveal.zoomOutUp.active {
  animation: zoomOutUp 1s ease-out forwards;
}

.reveal.zoomOutDown.active {
  animation: zoomOutDown 1s ease-out forwards;
}

.reveal.fadeInRight.active {
  animation: fadeInRight 1s ease-out forwards;
}

.reveal.fadeInUp.active {
  animation: fadeInUp 1s ease-out forwards;
}

.reveal.fadeInDown.active {
  animation: fadeInDown 1s ease-out forwards;
}
/*button*/
@media screen and (min-width: 1024px){
a.abt-btn.btn:hover::after,a.slider-btn.btn:hover::after{
    width: 100%;
    border-color: #93BD4F;
    transition-delay: 0.2s;
    border-radius: 10px;
}
a.abt-btn.btn::after,a.slider-btn.btn::after{
    width: 0;
    left: 50%;
    border: 2px solid transparent;
    transform: translate(-50%, 0);
    z-index: 1;
}
a.abt-btn.btn::before, a.abt-btn.btn::after,a.slider-btn.btn::before,a.slider-btn.btn::after{
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.2s;
    content: "";
}
a.abt-btn.btn,a.slider-btn.btn{
    position: relative;
    border-color: transparent;
    color: #fff;
}
a.abt-btn.btn:hover::before ,a.slider-btn.btn:hover::before{
    transform: scale(0, 1);
}
a.abt-btn.btn::before,a.slider-btn.btn::before{
    width: 100%;
    left: 0;
    border-radius: 5px;
    background-color: #93BD4F;
    z-index: -1;
}
a.abt-btn.btn:hover ,a.slider-btn.btn:hover{
    color: #93BD4F;
    background: transparent;
}
a.abt-btn.btn,a.slider-btn.btn{
    display: flex;
    width: 45%;
    height: 50px;
    justify-content: center;
    align-items: center;
}
a.slider-btn.btn{
    width: 32%;
    height: 60px;
}
.about-btn-box,.slid-btn {
    display: flex;
    flex-wrap: wrap;
}
/*2nd btn*/
a.slider-btn2.btn {
    transition: all 0.5s;
}
a.slider-btn2.btn {
    display: flex;
     width: 32%;
    height: 60px;
    justify-content: center;
    align-items: center;    
    text-align: center;    
    transition: all 0.35s;
    box-sizing: border-box;
}
a.slider-btn2.btn:hover {
    box-shadow: inset 7em 0 0 0 #93BD4F, inset -7em 0 0 0 #93BD4F;
    border-color: #93BD4F;
    color: #fff;
}
}