/*
Theme Name: Business Association Pro
Theme URI:
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description:
Version: 0.0.1
Requires at least: 5.8.0
Tested up to: 6.0.3
Requires PHP: 7.2
License: GNU General Public License
License URI:license.txt
Text Domain: business-association-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Business Association Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2023.
Business Association Pro WordPress Theme is released under the terms of GNU GPL
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 :root {
  --pink: #8F4B9B;
  --blue: #2844A4;
  --orange:#FF7A59;
  --white: #ffffff;
  --black:#1A1A1A;
  --font-open: "Open Sans", sans-serif;
  --font-poppins: "Poppins", sans-serif;
}

/* Basic Style */
 html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: white;
  position: relative;
  font-size: 14px;
  color:var(--black);
  font-family: var(--font-poppins);
  background: var(--white);
}
 label {
     margin-bottom: 0 !important;
}
 img {
     margin: 0;
     padding: 0;
     border: none;
     max-width: 100%;
     height: auto;
     width: auto;
}
 section img {
     max-width: 100%;
}
 h1, h2, h3, h4, h5, h6 {
     margin: 0;
    font-family: var(--font-poppins);
    font-weight: bold;
}
 p {
     margin: 0 0 15px;
     padding: 0;
     font-size: 14px;
     font-weight: normal;
}
 p, ul li a {
     letter-spacing: 0px;
       font-family: var(--font-poppins);
}
 body a {
     text-decoration: none;
     color: #277BF8;
}
 a:hover {
     text-decoration: none;
     color: var(--black1);
}
 a:focus, a:hover {
     text-decoration: none !important;
}
 ul, ol {
     margin: 0 0 0 0;
     padding: 0;
}
label {
    font-weight: 600;
    margin-bottom: 5px !important;
}
 input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea , .form-group input, select{
    border: 1px solid transparent;
    font-size: 14px;
    padding: 10px 10px;
    margin: 0 0 0px 0;
    height: auto;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    /* margin-bottom: 10px; */
    color: #000;
    box-shadow: 0px 0px 4px 1px #00000040;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  color: #000;
}
.wpcf7-spinner{
  position: absolute;
  margin: 0 5px;
  right: -36px;
  z-index: 1;
  opacity: 1;
}
.advisor-form-box .theme-btn p{
  margin-bottom: 0;
}
.advisor-form-box .theme-btn p input {
  background: transparent;
  border: none;
  font: 400 16px / 20px var(--theme-font);
  color: #fff;
}
 section{
     background-size: cover !important;
     background-repeat: no-repeat !important;
     padding: 60px 0;
     background-attachment: scroll;
     overflow-x: hidden;
}
 .screen-reader-text {
     position: absolute;
     top: -9999em;
     left: -9999em;
}
section a:hover{
  color: var(--orange);
}
/*------------------------- Headings --------------------------*/
h1{
  font: 700 50px / 70px var(--font-poppins);
}
 section h2 {
  font: 700 40px / 60px var(--font-open);
  letter-spacing: 0px;
}
 section h3,h3 a {
  font: 600 22px / 30px var(--font-open);
  letter-spacing: 0px;
}
section h4,h4 a{
    font: 600 24px / 35px var(--font-open);
    letter-spacing: 0px;
    color: var(--blue);
}
section h5,h5 a{
    font: 600 20px / 25px var(--font-poppins);
    letter-spacing: 0px;
}
section h6{
  font: 600 15px / 28px var(--font-open);
  letter-spacing: 0px;
}
p{
  font: 400 15px/25px var(--font-open);
  letter-spacing: 0px;
}
/* ----------- Post Content ---------------*/

 .vw-fixed{
     background-attachment: fixed !important;
     background-size: cover ;
     background-repeat: no-repeat ;

}
 .vw-scroll{
     background-attachment: scroll !important;
     background-size: cover ;
     background-repeat: no-repeat;
}
 .slider-bg-image.vw-fixed{
   position: fixed !important;
 }
/* ---------- Return to Top ------------ */
 #return-to-top {
  position: fixed;
  bottom: 10px;
  right: 19px;
  background: #000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  /* border: 8px solid #111111; */
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9;
  align-items: center;
  display: flex;
  justify-content: center;
}
 #return-to-top i {
  position: relative;
  font-size: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff !important;
  font-weight: 800;
}
 #return-to-top:hover {
     background: rgba(0, 0, 0, 0.9);
}


.sticky.stickynavbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  background:var(--blue);
  padding: 15px 0;
  box-shadow: 0px 0px 20px #0000002B;
}
.sticky.stickynavbar .header-inner{
  background: unset;
  box-shadow: unset;
}
.owl-nav button{
    background: #1A1A1A;
    border: none;
    height: 35px;
    width: 35px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
}
.owl-nav button i{
  font-size: 14px;
  color: #fff;
}
.owl-nav button:hover{
background: linear-gradient(227.08deg, #8F4B9B 1.61%, #2844A4 93.39%);

}
.owl-dots{
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 10px;
}
.owl-dot{
  background: #2844A4;
  border: none;
  border-radius: 20px;
  height: 10px;
  width: 26px;
}
button.owl-dot.active{
  background: var(--pink);
}
/* ----------- Spinner ------------- */
 .eco-box{
   position: fixed;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   cursor: pointer;
   z-index: 99999999;
   background-color:var(--blue);
   width: 100%;
}
.loader-main{
  display: flex;
  justify-content: center;
  width: max-content;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: max-content;
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  background:    linear-gradient(0deg ,rgba(255, 255, 255, 0.5) 30%,#ffffff00 0 70%,rgb(255, 255, 255) 0) 50%/8% 100%,
  linear-gradient(90deg,rgba(255, 255, 255, 0.25) 30%,#fffdfd00 0 70%,rgba(255, 255, 255, 0.75) 0) 50%/100% 8%; 
  background-repeat: no-repeat;
  animation: l23 1s infinite steps(12);
}
.loader::before,
.loader::after {
   content: "";
   grid-area: 1/1;
   border-radius: 50%;
   background: inherit;
   opacity: 0.915;
   transform: rotate(30deg);
}
.loader::after {
   opacity: 0.83;
   transform: rotate(60deg);
}
@keyframes l23 {
  100% {transform: rotate(1turn)}
}

 /* common css */
.abt-main-head{
  font: 700 40px / 60px var(--font-open);
  color: var(--pink);
}
.main-head{
      font: 600 16px / 22px var(--font-poppins);
    color: var(--pink);
}
.sub-head {
  font: 600 20px / 22px var(--font-open);
  letter-spacing: 0px;
  color: var(--blue);
  position: relative;
  margin-bottom: 0;
}
.sub-heading-border,.sub-heading-border-left{
    width: 70px;
    height: 2px;
    background: var(--blue);
    position: relative;
}
.sub-heading-border::after{
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: var(--blue);
    right: 0;
    top: -3px;
    transform-origin: center center;
    animation: rotateZoom 1.5s linear infinite;
}
.sub-heading-border-left::before{
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: var(--blue);
    left: 0;
    top: -3px;
        animation: rotateZoom 1.5s linear infinite;
}
@keyframes rotateZoom {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.6); /* zoom in */
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

.main-para{
    font: 400 16px / 30px var(--font-open);
    color: var(--black);
}
 .theme-btn{
  border-radius: 40px;
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
  display: inline-block;
  padding: 13px 27px;
  z-index: 1;
  width: max-content;
  transition: all 0.4s;
  background: transparent;
  color: #FF7A59;
  font: 600 16px / 20px var(--font-open);
  display: block;
  border: 1px solid var(--orange);
}
.theme-btn:before ,.theme-btn:after {
  content: "";
  z-index: -1;
  width: 100%;
  height: 105%;
  position: absolute;
  top: -1px;
  transition: transform 0.6s;
background: var(--orange);
}
.theme-btn:after{
  clip-path: polygon(20% 0, 0 50%, 20% 100%, 100% 100%, 100% 0);
  left: 100%;
}
.theme-btn:before {
  clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0);
  right: 100%;
}
.theme-btn:hover{
  color: var(--white);
  transition: unset;
  border-color: var(--white);
}
.theme-btn:hover:before { transform: translateX(90%);}
.theme-btn:hover:after { transform: translateX(-90%);}
.btn-wrap{
  width: min-content;
}
.btn-wrap i{
  position: absolute;
  background: #FF7A59;
  padding: 10px;
  z-index: 2;
  border: 2px solid #fff;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  left: -13px;
  color: #fff;
  border-radius: 50%;
}
.btn-wrap:hover i{
    transform-style: preserve-3d;
    animation: flipIcon 2s ease-in-out infinite;
}
@keyframes flipIcon {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }
    25% {
        transform: rotateY(180deg); /* flip back */
    }
    50% {
        transform: rotateX(180deg); /* flip up */
    }
    75% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateX(0deg) rotateY(0deg);
    }
}
#our-newsletter .sub-head,#mission .sub-head,#team .sub-head,#partner .sub-head,#blog-news .sub-head,#plans .sub-head,#discussion .sub-head{
  color: var(--orange);
}
#our-newsletter .sub-heading-border, #our-newsletter .sub-heading-border-left,
#our-newsletter .sub-heading-border-left::before,#our-newsletter .sub-heading-border::after,
#mission .sub-heading-border, #mission .sub-heading-border-left,
#mission .sub-heading-border-left::before,#mission .sub-heading-border::after,
#partner .sub-heading-border, #partner .sub-heading-border-left,
#partner .sub-heading-border-left::before,#partner .sub-heading-border::after,
#blog-news .sub-heading-border, #blog-news .sub-heading-border-left,
#blog-news .sub-heading-border-left::before,#blog-news .sub-heading-border::after,
#plans .sub-heading-border, #plans .sub-heading-border-left,
#plans .sub-heading-border-left::before,#plans .sub-heading-border::after,#discussion .sub-heading-border, #discussion .sub-heading-border-left,
#discussion .sub-heading-border-left::before,#discussion .sub-heading-border::after,#team .sub-heading-border-left::before,#team .sub-heading-border::after,
#team .sub-heading-border, #team .sub-heading-border-left{
  background: var(--orange);
}
#mission .main-head,#team .main-head,#partner .main-head,#blog-news .main-head,#plans .main-head,#discussion .main-head{
  color: var(--white);
}

.wpcf7 form .wpcf7-response-output{
  font-family: var(--font-poppins);
      font-weight: 500;
}
/* Blog */

#blog-news{
  background: linear-gradient(262.43deg, #8F4B9B 0%, #2844A4 100%);
}
.blog-left-img-main{
  height: 345px;
}
.blog-img-main img,.blog-left-img-main img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.post-category{
  color: #FFFFFFB2;
  font: 600 14px / 25px var(--font-open);
}
.blog-title a{
  color: var(--white);
}
.blog-title a:hover
{
  color: var(--orange) !important;
}
.blog-content{
  font: 400 15px / 28px var(--font-open);
  color: var(--white);
}
.blog-btn a{
  color: #FF7A59;
  font: 600 16px / 16px var(--font-open);
    text-decoration: underline;
}
.blog-btn i{
    color: #FF7A59;
}
.blog-img-main{
      height: 170px;
}
.blog-img-main,.blog-left-img-main{
  position: relative;
    overflow: hidden;
}
.blog-left-img-main::after,.blog-img-main::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--blue);
    opacity: 0.4;
    top: -100%;
    left: -100%;
    transition: all 0.5s ease;
    z-index: 1;
    border-radius: 10px;
}
.blog-detail:hover .blog-left-img-main::after,.blog-detail:hover .blog-img-main::after{
    top: 100%;
    left: 100%;
}
/* about sec */
.page-template-about .abt-btn{
  display: none;
}
.video-btn{
  position: absolute;
  inset: 0;
  /* width: min-content;
  height: min-content; */
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  margin: auto;
  z-index: 1;
  animation: pulse 2s linear infinite;
}
.video-btn img{
  height: 65px;
  width: 65px;
  border-radius: 50% !important;
}
.modal-new {
  display: none; 
  position: fixed;
  z-index: 999999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}
.modal-contents {
  background-color: #fff;
    margin: auto;
    padding: 10px;
    transition: 2s;
    border-radius: 10px;
}
.close-one,.close {
  color: #000;
  float: right;
  font-size: 30px;
  font-weight: 500;
  padding: 0px 10px;
  cursor: pointer;
  margin-bottom: 7px;
  background: #fff;
  border: unset;
  height: 40px;
  width: 40px;
  position: absolute;
  right: 0;
  margin: 15px 2% 0px 0px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-wrap  img{
  border-radius: 20px;
}
.video-wrap{
  position: relative;
  height: 250px;
}
.video-wrap::after{
  content:'';
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(252.76deg, rgba(143, 75, 155, 0.75) 1.98%, rgba(40, 68, 164, 0.75) 98.34%);
  border-radius: 20px;
}
.video-wrap p{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 25%;
  color: #FFFFFF;
  font: 600 16px / 20px var(--font-open);
  z-index: 1;
}
.abt-feature-wrap{
  background: linear-gradient(238.83deg, #8F4B9B 0%, #2844A4 97.93%);
  padding: 20px 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}
.abt-feature-wrap img{
  height: 22px;
  width: 22px;
}
.abt-feature-wrap .feature-content{
  color: #FFFFFF;
  font: 400 16px / 17px var(--font-open);
}
.abt-feature-wrap  .sub-head{
  color: var(--orange);
}
.abt-main-iner{
    position: relative;
    overflow: hidden;
       height: 325px;
}
.abt-main-iner img{
    height: 100%;
    width: 100%;
    object-fit: cover;
  border-radius: 20px;
}
.abt-main-iner::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    transform: translate(-50%, -50%);
    opacity: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
}
.abt-main-iner:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
      opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
/* TEstimonial */
.test-img{
  height: 100%;
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
}
.testi-left-wrap i{
  background: #106B62;
  width: 90px;
  height: 90px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  color: #ffff;
  border-radius: 50%;
  bottom: 20%;
  left: -13%;
}
.test-box{
  background: #e7e7e7;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  position: absolute;
  right: -50px;
  top: 30px;
  z-index: -1;
}
.testimonial-box{
  background: rgba(230, 244, 243, 1);
  padding: 25px 30px;
  border-radius: 20px;
}
.testimonial-box:hover  i{
  color: var(--green);
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.testimonial-box h4 a{
  color:#000
}
.testimonial-box i{
  color: #DAECEB;
  font-size: 60px;
  position: relative;
  right: 15px;
}
.testimonial-box img{
  border-radius: 6px;
}
/* #testimonial .owl-carousel {
  left: -20%;
  top: 25%;
} */
 .test-content-box {
  padding-left: 20%;
  padding-bottom: 6%;
 }
 .testi-left-wrap {
  position: absolute;
  width: 300px;
  height: 345px;
  left: 15%;
 }
#testimonial .owl-nav{
  position: absolute;
  display: flex;
  gap: 10px;
  bottom: 10%;
  right: 5px;
  top: -45px;
 }

 .testi-box i.filled,.single-testimonial-content i{
  color: #FF7A59;
  font-weight: 600;
 }
 .testi-box i.unfilled {
  color: #000;
 }
 .testi-box h3 a{
  color: var(--pink);
 }
/* insight */

.insight-box{
  box-shadow: 0px 0px 4px 1px #00000040;
  width: 85%;
  margin: 0 auto;
  padding:30px 30px 30px 60px;
  border-radius: 15px;
  margin-bottom: 40px;
  position: relative;
  background: var(--white);
}
.insight-box h4 a{
  color: var(--pink);
}
.insight-img{
  background: #FF7A59;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -60px;
  top: 85px;
  padding: 20px;
  z-index: 0;
}
.insight-category{
  background: linear-gradient(85.75deg, #2844A4 2.22%, #8F4B9B 98.4%);
  width: max-content;
  padding: 8px 15px;
  font: 600 14px / 20px var(--font-open);
  color: #fff;
  border-radius: 8px;
}
.insight-content{
  font: 400 15px / 25px var(--font-open);
}
.insight-box:hover{
  background: linear-gradient(254.48deg, #8F4B9B 0%, #2844A4 99.49%);
  color: var(--white);
}
.insight-img::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0 100%);
  clip-path: polygon(0 0, 100% 0, 0 0, 0 100%);
  background-color: #fff;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 50%;
  transition: all 1s ease 0s;
  border: none;
}
.insight-box:hover .insight-img::before{
  border: none;
  transition: all 1s ease 0s;
  animation: sideClip 0.5s linear;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  background-color: var(--white);
  opacity: 1;
}
@keyframes sideClip {
    0% {
      clip-path: polygon(0 0, 100% 0, 0 0, 0 100%);
    }
    50% {
        clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
    }
    100% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
.insight-box:hover svg path{
  fill:var(--orange)
}
.insight-box:hover .insight-category{
  background: var(--white);
  color: #8F4B9B;
}
.insight-box:hover h4 a{
  color: var(--white);
}
/* event */
.event-date-wrap{
  width: 125px;
  display: flex;
  flex-direction: column;
}
.month-wrap{
    background: var(--blue);
    text-align: center;
    padding: 10px 20px;
}
.time-wrap{
  background: #8F4B9B;
  color: #FFFFFF;
  padding: 5px;
  text-align: center;
}
.event-time {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.event-date-no{
  color: var(--white);
  line-height: 55px;
  font-size: 60px;
}
.event-month{
    font-family: var(--font-open);
    color: var(--white);
    font-weight: 600;
    font-size: 20px;
}
.event-cat{
  font-family: Open Sans;
  font-weight: 600;
  font-size: 16px;
  color: #1A1A1A99;
  text-transform: lowercase;
}
.event-title a{
  color: var(--black);
}
.event-location{
    font-family: var(--font-open);
    color: #1A1A1A99;
    font-weight: 600;
    font-size: 16px;
}
.event-detail a{
    color: var(--pink);
    font: 600 16px / 16px var(--font-open);
    text-decoration: underline;
}
.event-content-wrap{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
}
.event-btm{
    position: relative;
    top: 35px;
}
.event-img{
  height: 290px;
  position: relative;
  overflow: hidden;
}
.event-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.event-img-border{
    height: 100%;
    position: absolute;
    border: 2px dashed #fff;
    left: 1px;
}
.event-img-circle{
  background: var(--white);
  position: absolute;
  top: 18%;
  right: 0;
  clip-path: circle(30.4% at 100% 51%);
  height: 180px;
  width: 180px;
  z-index: 1;
}
#event .owl-nav{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 25px;
}
.event-img::after{
  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);
}
.event-img:hover::after{
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/* team */
.staff-social-icon-box a:hover{
  color: var(--orange);
}
#team::after{
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height:65%;
  background: linear-gradient(262.43deg, #8F4B9B 0%, #2844A4 100%);
  z-index: -1;
}
.team-content p{
  font-size: 17px;
  color: #fff;
  line-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#team .team-title a{
  color: var(--orange);
}
.team-desi{
  font: 600 14px / 25px var(--font-poppins);
  color: #fff;
}
.team-img-wrap{
    height: 560px;
    width: 85%;
}
.team-img-wrap img{
  height: 100%;
  width: 100%;
  border: 4px solid #ffff;
  border-radius: 20px 35% 20px 20px;
  object-fit: cover;
}
.team-img-wrap img:hover{
  border-radius: 20px;
  border-color: var(--orange);
  transition: all 0.2s ease 0.5s;
}
#team .owl-nav{
    display: flex;
    position: absolute;
    right: -30px;
    bottom: 36%;
    gap: 10px;
}
.teamVideoBtn{
    background: #FF7A59;
    height: 150px;
    width: 150px;
    position: absolute;
    top: 50%;
    left: -13%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    z-index: 1;
    border-radius: 50%;
    border: 3px solid #fff;
    animation: pulse 2s linear infinite;
}
.teamVideoBtn i{
    background: #FFFFFF;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    color: #FF7A59;
    font-size: 25px;
}
.mission-feature-box::after,.testi-box::after {
  content: '';
  width: 100%;
  height:  100%;
  inset: 0;
  text-align: center;
 background: linear-gradient(238.83deg, #8F4B9B 0%, #2844A4 97.93%);
  position: absolute;
  margin: auto;
  transform: scale(0);
  transition: all 0.5s  ease 0s;
  border-radius: 10px;
  z-index: -1;
}
.testi-box::after{
   border-radius: 17px;
}
.mission-feature-box:hover::after,.testi-box:hover::after{
    transform: scale(1);
}
.mission-feature-box:hover h5,.mission-feature-box:hover .mission-text,.testi-box:hover,.testi-box:hover a  {
  color: var(--white);
}
.mission-feature-box:hover img{
  background: var(--orange);
}
/* testimonial */
.testi-box{
    width: 60%;
    /* margin: 0 auto; */
    position: relative;
    border: 2px solid #8F4B9B;
    padding: 20px 20px 45px;
    border-radius: 20px;
    background: var(--white);
    z-index: 1;
    margin-left: auto;
}
.testi-img{
  height: 140px;
  width: 140px;
  position: absolute;
  left: -70px;
  bottom: 40px;
}
.testi-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.tesi-content p{
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* contact */
.contact-wrap label{
  color: #1A1A1A;
  font: 400 16px / 35px var(--font-open);
}
.contact-wrap textarea{
  height: 140px;
}
.contactpage-icon a,.contactpage-icon p{
    font: 400 16px / 25px var(--font-open);
    color: #000;
    margin-bottom: 0;
}
.contactpage-icon i{
     color: #fff;
}
.contact-wrap .theme-btn p{
  margin-bottom: 0;
      line-height: 15px;
}
.contact-wrap .theme-btn  input{
    background: transparent;
    border: none;
    color: var(--orange);
        font-weight: 500;
}
.contact-wrap .theme-btn:hover input{
  color: var(--white);
}
.contactpage-icon img{
  width: 24px;
  height: 24px;
}

.time-contact-wrap{
  width: 50%;
}


/* connect */
#discussion{
  background: linear-gradient(259.41deg, #8F4B9B 0%, #2844A4 100%);
}
.dissuscion-cat-wrap,#discussion .tab-content,.featured-wrap{
  background: rgba(255, 255, 255, 85%);
  padding: 25px 15px 20px;
  border-radius: 10px;
}
.dissuscion-cat-wrap h5,#discussion .tab-content h5,.featured-wrap h5{
    color: #8F4B9B;
    margin-bottom: 20px;
}
.our-discussion-nav .nav-item .nav-link{
  background: rgba(255, 255, 255, 50%);
  width: 100%;
  text-align: left;
  display: flex;
  color: #000;
  font: 400 16px / 25px var(--font-open);
  box-shadow: 0px 0px 4px 1px #00000040;
}
.our-discussion-nav .nav-item .nav-link.active{
  background: #FF7A59;
  color: var(--white);
}
.our-discussion-nav{
    flex-direction: column;
    gap: 20px;
}
.discussion-card,.discussion-featured-member-wrap{
  background: rgba(255, 255, 255, 50%);
  padding: 10px;
  box-shadow: 0px 0px 4px 1px #00000040;
  border-radius: 5px;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}
.discussion-card::after,.discussion-featured-member-wrap::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background:var(--orange);
  transition: all ease 0.4s;
  border-radius: 5px;
  z-index: -1;
}
.discussion-card:hover::after,.discussion-featured-member-wrap:hover::after{
  width: 100%;
  transition: all ease 0.4s;
}
.discussion-card-title a{
  font: 400 16px / 25px var(--font-open);
      color: #7d7d7d;
}
.discussion-featured-member-wrap h6{
  color: #8F4B9B;
  font: 600 16px / 20px var(--font-open);
}
.discussion-author h6{
    color: #8F4B9B;
    text-transform: capitalize;
}
.member-img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.reply-author-img{
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.discussion-replies{
    font: 400 14px / 25px var(--font-open);
    color: #9e9e9e;
}
.discussion-card:hover .discussion-card-title a,.discussion-card:hover .discussion-replies{
  color:var(--white)
}
.featured-wrap .btn-wrap{
  margin: 0 auto;
}
.author-designation{
  font: 400 14px / 20px var(--font-open);
  color: #1A1A1A99;
}
.discussion-card, .discussion-featured-member-wrap:hover h6{
  color: var(--white);
}
/* newsletter */

#our-newsletter .main-head{
  color: var(--white);
  width: 65%;
  margin: 0 auto;
}
#our-newsletter{
  padding: 10% 0;
    position: relative;
    z-index: 1;
}
#our-newsletter::after{
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(260.3deg, #8F4B9B 0%, #2844A4 100%);
  opacity: 0.8;
    z-index: -1;
}
.news-form-main{
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 60px;
}

.news-form-main input[type="email"]{
  font-size: 14px;
  padding: 10px 30px;
  border: none;
  border-radius: 40px;
}
.news-form-main .theme-btn {
    height: max-content;
    padding: 9px 60px 9px 40px;
    background: #FF7A59;
}
 .news-form-main>p{
  width: 100%;
} 
.news-form-main .theme-btn p{
  margin-bottom: 0;
}
.news-form-main .theme-btn:hover input{
  color: var(--orange);
  
}
.news-form-main .theme-btn:before, .news-form-main .theme-btn:after{
  background: #fff;
}
.news-form-main .theme-btn p input {
    background: transparent;
    border: none;
    font: 500 14px / 19px var(--font-poppins);
    color: #fff;
}
.news-form-main .wpcf7-spinner{
  position: absolute;
  right: -27px;
  top: 10px;
  margin: 0 2px;
  z-index: 2;
}
.news-form-main .wpcf7 form .wpcf7-response-output{
  border:#000
}
#our-newsletter .wpcf7-response-output{
      font-family: var(--font-poppins);
      color: #fff;
}
/* gallery page */
#gallery-page .vw_gallery_front {
    display: grid;
    grid-template-columns: repeat(6, 1fr); 
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#gallery-page .vw_gallery_front .grid-items {
    width: 100%;
    padding: 0;
}
#gallery-page .vw_gallery_front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#gallery-page .grid-items a {
    position: relative;
    display: block;
}

.icon_overlay{
  border-radius: 20px;
}


/* json */
#ive-business-association-pro-main .ive-btn-wrap a{
  position: relative;
}
#ive-business-association-pro-main .ive-right-icon-parent{
  background: #FF7A59;
  position: absolute;
  left: -15px;
  border-radius: 50%;
  top: 5px;
}
.ive-business-association-pro-our-purpose-wrap{
  background: linear-gradient(238.83deg, #8F4B9B 0%, #2844A4 97.93%);
  padding: 20px 20px;
  border-radius: 15px;
}
.ive-business-association-pro-our-purpose-wrap .wp-block-media-text>.wp-block-media-text__content{
  padding: 0 3%;
}
.ive-business-association-pro-our-purpose-wrap .wp-block-media-text{
  grid-template-columns: 5% auto !important;
}
.ive-association-pro-about-video img{
      border-radius: 10px;
}
.ive-association-pro-about-video{
  position: relative;
}
.ive-association-pro-about-video::after{
  content: '';
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(252.76deg, rgba(143, 75, 155, 0.75) 1.98%, rgba(40, 68, 164, 0.75) 98.34%);
  border-radius: 20px;
}
.ive-association-pro-about-video i.fas.fa-play{
    margin: 0 auto;
    top: 35px;
    z-index: 2;
}
#ive-business-association-pro-feature img{
  margin: 0 auto;
    width: 100px;
    height: 90px;
}
#ive-vw-assoiation-pro-mission .container-1{
      padding: 10px 20px 20px 20px;
    background: linear-gradient(262.39deg, #8F4B9B 2.07%, #2844A4 99.84%);
    border-radius: 50px 50px 0 0;
}
#ive-vw-assoiation-pro-mission .ive-slide-inner-content-inner img{
      height: 60px;
    width: 60px !important;
    background: linear-gradient(223.14deg, #8F4B9B 4.43%, #2844A4 91.14%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 15px;
    margin: 0 auto;
}
.ive-business-association-pro-vission-box{
  box-shadow: 0px 0px 4px 1px #00000040;
  padding: 20px;
  margin: 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: var(--white);
}
.ive-business-association-pro-mission-feature{
  margin-top: -70px;
}
#ive-business-association-pro-slider{
  padding: 10% 0;
  position: relative;
  overflow: hidden;
}
.ive-business-association-pro-slider-right{
  position: absolute;
  right: 20px;
  top: -6px;
  gap: 30px;
  overflow: hidden;
    width: 40%;
}
.ive-business-association-pro-slider-right img{
  width: 100%;
  border-radius: 125px;
}
#ive-business-association-pro-team{
  position: relative;
}
#ive-business-association-pro-team::after,#ive-business-association-pro-plan::after{
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 65%;
  background: linear-gradient(262.43deg, #8F4B9B 0%, #2844A4 100%);
  z-index: -1;
}
#ive-business-association-pro-team .ive-slide-inner-content-inner img{
  height: 90%;
  width: 80%;
  border: 4px solid #ffff;
  border-radius: 20px 35% 20px 20px;
  object-fit: cover;
}

#ive-business-association-pro-team .ive-svg-icon-wrap {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  width: 30px;
  height: 30px;
}
#ive-business-association-pro-team .ive-testing{
  position: absolute;
  left: -60px;
  bottom: 170px;
  background: #FF7A59;
  border-radius: 50%;
  width: 125px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin: -12px; */
  border: 2px solid #fff;
}
#ive-business-association-pro-team i.fas.fa-play{
  height: 60px;
  width: 60px;
  border-radius: 50%;
  position: relative;
  top: 30px;
}
#ive-business-association-pro-team .owl-nav{
  position: absolute;
  right: -65%;
  margin-top: 7%;
}
#ive-vw-assoiation-pro-mission img{
  width: 100%;
}
.ive-business-association-pro-date-top-wrap .wp-block-group.has-background{
      padding: 20px;
}
#ive-business-association-pro-blog .ive-inner-post-content{
  padding: 0 !important;
  padding-top: 10px !important;
}
#ive-business-association-pro-blog .post-image img{
  width: 100%;
      border-radius: 10px;
}
.ive-business-association-pro-right-blog .post-image{
    width: 100px;
    object-fit: cover;
    flex: 0 0 20% !important;
}
.ive-business-association-pro-right-blog .ive-inner-post-content{
  flex: 0 0 65% !important;
}
.ive-business-association-pro-right-blog .post-content-area{
  gap: 20px;
}
.ive-vw-association-insight-box{
  box-shadow: 0px 0px 4px 1px #00000040;
  width: 85%;
  margin: 0 auto;
  padding: 30px 30px 30px 60px;
  border-radius: 15px;
  margin-bottom: 40px;
  position: relative;
}
.ive-business-association-pro-insight-cat .ive-advanced-text-wrap{
  border-radius: 9px;
  background: linear-gradient(85.75deg, #2844A4 2.22%, #8F4B9B 98.4%);
  width: max-content;
}
.ive-business-association-pro-insight-img{
  position: absolute;
  left: -70px;
  top: 60px;
}
#ive-business-association-pro-newsletter .news-form-main input[type="email"]{
      background: #fff !important;
    border-radius: 30px !important;
}
#ive-business-association-pro-newsletter  .news-form-main .theme-btn{
      border-radius: 40px;
}
#ive-business-association-pro-gallery .ive-gallery-ul{
 display: grid;
  grid-template-columns: repeat(28, 1fr);
  gap: 10px;
  grid-template-rows: repeat(14, 25px);
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item {
    position: relative;
    width: unset !important;
}

#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(1){
  grid-row-start: 3;
  grid-row-end: 12;
  grid-column-start: 1;
  grid-column-end: 7 !important;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(2){
  grid-row-start: 12;
  grid-row-end: 15;
  grid-column-start: 5;
  grid-column-end: 7;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(3)
{
  grid-row-start: 2;
  grid-row-end: 6;
  grid-column-start: 10;
  grid-column-end: 13;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(4){
  grid-row-start: 6;
  grid-row-end: 14;
  grid-column-start: 7;
  grid-column-end: 13;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(5){
  grid-row-start: 2;
  grid-row-end: 6;
  grid-column-start: 7;
  grid-column-end: 10;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(6){
  grid-row-start: 3;
  grid-row-end: 7;
  grid-column-start: 13;
  grid-column-end: 16;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(7){
  grid-row-start: 7;
  grid-row-end: 11;
  grid-column-start: 13;
  grid-column-end: 16;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(8){
    grid-row-start: 2;
    grid-row-end: 10;
    grid-column-start: 16;
    grid-column-end: 23;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(9){
    grid-row-start: 10;
    grid-row-end: 13;
    grid-column-start: 23;
    grid-column-end: 21;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(10){
    grid-row-start: 1;
    grid-row-end: 5;
    grid-column-start: 26;
    grid-column-end: 23;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item:nth-child(11){
    grid-row-start: 5;
    grid-row-end: 12;
    grid-column-start: 23;
    grid-column-end: 30;
}
#ive-business-association-pro-gallery .ibtana-blocks-gallery-item img,#ive-business-association-pro-gallery .ive-gallery-image-contain,#ive-business-association-pro-gallery  .ive-gal-image-radius,
#ive-business-association-pro-gallery figure,#ive-business-association-pro-gallery .ibtana-blocks-gallery-item-inner{
  height: 100%;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.ive-business-association-pro-plan-price strong{
      font-size: 25px;
    font-weight: 700;
}
#ive-business-association-pro-plan .ive-slide-inner-content-inner{
      background: #FFFFFF;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 25px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    transition: all 1s ease 0s;
    box-shadow: 0px 0px 4px 1px #00000040;
    margin: 10px;
}
#ive-business-association-pro-plan .wp-block-media-text{
      grid-template-columns: 4% auto !important;
}
#ive-business-association-pro-plan .wp-block-media-text>.wp-block-media-text__content{
      padding: 0 5%;
}
#ive-business-association-pro-plan .ive-slide-inner-content-inner:hover{
      background: linear-gradient(209.13deg, #8F4B9B 2.06%, #2844A4 100%);
      color: var(--white);
}
.ive-association-pro-testi-box{
      width: 60%;
    position: relative;
    border: 2px solid #8F4B9B;
    padding: 20px 20px 45px;
    border-radius: 20px;
    background: var(--white);
    z-index: 1;
    margin-left: auto;
}
.ive-business-association-pro-test-image{
      height: 140px;
    width: 140px;
    position: absolute;
    left: -70px;
    bottom: 40px
}
#ive-business-association-pro-contact input[type="submit"]{
      background: transparent;
    border: none;
    padding: 0;
}
@media screen and (max-width:1600px){
 
  #ive-business-association-pro-team .owl-nav{
    right: -80%;
    margin-top: 10%;
    max-width: 7% !important;
  }
  .ive-association-pro-testi-box{
    width: 80%;
  }
  .ive-business-association-pro-test-image{
        height: 120px;
    width: 120px;
    left: -48px;
    bottom: 40px;
  }
}
@media screen and (max-width:1024px){
  #ive-business-association-pro-team::after{
    height: 85%;
  }
}
@media screen and (max-width:991px){
  #ive-business-association-pro-team .ive-slide-inner-content-inner img{
    width: 85%;
    margin: 0 auto;
  }
  #ive-business-association-pro-team .ive-testing{
    width: 110px;
    height: 110px;
    left: -10px;
    bottom: 90px;
  }
.ive-association-pro-testi-box {
    width: 80%;
}
}
@media screen and (max-width:767px){
  .ive-business-association-pro-insight-img{
    left: -43px;
    top: 105px;
    width: 100px;
  }
  .ive-business-association-pro-slider-right{
    width: 100%;
  }
  .ive-business-association-pro-slider-right{
    position: unset;
  }
.ive-vw-association-insight-box{
  padding: 20px;
}
.ive-business-association-pro-insight-cat .ive-advanced-text-wrap{
  margin: 0 auto;
}
#ive-business-association-pro-gallery .ive-gallery-ul{
      grid-template-rows: repeat(14, 10px);
}
}
@media screen and (max-width:575px){
  .ive-association-pro-testi-box {
      width: 75%;
  }
  .ive-business-association-pro-test-image{
    width: 90px;
  }
}