/* Custom Styles home page*/
@media screen and (min-width: 768px) {
    #block-1721282530373 .sticky-text-left {
        display: flex;
        justify-content: right;
    }
}
    

@media screen and (max-width: 767px)
{
    
 .header__block--logo   a{    position: relative;
    z-index: inherit !important;}
    
div#section-1717662286942 .post-dropdown-container{display:none;}
}
   .block-type--instructor .popup_inner, .block-type--instructor .popup_inner1 {      width: 50%;
        background: #fff;
        margin: auto;
        border-radius: 10px;
        padding: 50px;
        margin-top: 100px;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 500px;
       
   }


div#block-1719395714515 svg {
    height: 200px;
    fill: #3d3d3f;
    width: 200px;
    position: absolute;
    bottom: 0;
    right: 24%;
}






#block-1717739932561_0 h2 {
    margin: 12px 0px 37px !important;
}
#block-1717739932561_0 h4 {
    text-transform: uppercase;
}
div#block-1717736316913_0 h3 {
    font-size: 34px;
}
div#section-1717662286942 .btn--outline {
    color: #000;
    border-color: #000 !important;
    font-weight: 500;
    font-size: 16px;
}


.three-part > div {
  flex: 1;
  border-left: 5px solid #249533;
  padding: 20px;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
}

.three-part > div:hover {
  background-color: #3D3D3F;
}

.three-part > div:first-child {
 
}
div#block-1717666516014 {
    background-image: none !important;
    box-shadow: none !important;
}


@media screen and (min-width: 768px)
{
    
    p.discount {
    color: #568e35;
    font-size: 1.3em !important;
    font-weight: bold;
}
    
    div#block-1717667947936 .block {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
    
   div#block-1717668128781 .block {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
} 
    .three-part {
  display: flex;
  justify-content: space-between;
}
    div#section-1717662286942 {
    position: relative;
}
div#section-1717655319933 h2 {
    background: linear-gradient(45deg, #ffffff 0%, #ffffff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 72px;
    font-weight: bolder;
}

div#section-1717655319933 input {
    width: 40% !important;
    border-radius: none !important;
    background:#3d3d3d !important;
}


}
div#section-1717655319933 .form-control {
    border-radius: 4px;
    padding: 20px 20px;
    background: #3D3D3F;
    border: #3D3D3F;
}





/*    */
.btn2--solid {
    font-weight: 400 !important;
    font-size: 1em !important;
}
.btn3--solid {
    font-weight: 400 !important;
    font-size: 1em !important;
}


    #block-1717405232060_0 .block{
        border-top-left-radius: 00 !important;
        border-bottom-left-radius: 0 !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
    }




 @media (min-width: 768px) {
     
     
     
     
    .form-control {
        font-size: 16px;
    }
}
 
 
 .close_popup, .close_popup1 {
    background: #333;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    position: absolute;
    z-index: 999999999999999;
    display: block;
    left: 6px;
    top: 10px;
    font-size: 20px;
    text-align: center;
}
  
  .popup_outer, .popup_outer1 {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000b0;
    height: 100%;
    z-index: 9999999999999999999999999999999;
    display: none;
}
@media screen and (min-width: 766px){
.popup_inner, .popup_inner {
    width: 75%;
    background: #fff;
    margin: auto;
    border-radius: 10px;
    padding: 50px;
    margin-top: 40px;
    overflow-y: scroll;
    overflow-x: hidden;
            height: 700px;

  
}

.btn2--large {
  font-size: 120%;
  padding: 10px 70px !important;
}
.btn3--large {
  font-size: 120%;
  padding: 10px 70px !important;
}
}

.popup_inner, .popup_inner1 {
    position: relative;
}
@media screen and (max-width: 767px)
{
   p.discount {
    color: #568e35;
    font-size: 1.3em !important;
    font-weight: bold;
}
   
    .header{        position: relative !important;}
    
 div#section-1710090163091 .sizer.sizer--full {
    min-height: 0px !important;
}   
    
    
.popup_inner, .popup_inner1 {
    position: relative;
    margin: auto;
        padding: 20px;
        height: 300px;
    width: 90%;
    border-radius: 10px;
    background: #fff;
    overflow-y: scroll;
}
.close_popup, .close_popup1 {position: fixed !important;}
}



@media (min-width: 768px) {
  .count {
  overflow: hidden;
}
div#block-1710090163091_0 h1 {
   
            text-shadow: 1px 0px 3px #00000047;
            background: linear-gradient(45deg, #249533 0%, #8BC34A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 56px;
    text-shadow: 1px 2px 4px #0000005c;
}
  .count ul {
  column-count: 2;
  column-gap: 10px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

  .count .list-class-item {
  break-inside: avoid;
  margin-bottom: 10px;
}
div#section-1716880765119  .feature__image {
    margin-top: -80px !important;
}

div#section-1716880765119  .block {
    overflow: inherit;
}


}
 @media screen and (min-width: 768px)
  
  {
      
 body{overflow: visible;}
      
      .timeline_component {
    width: 90%;
    margin-left: 10px !important;
}
  }
  
  .text-block-78.anm_mod2.full.delay2.active3 {
    display: none;
}
 hr {     position: relative;
            left: -100%;
            transition: left 0.5s ease; /* Adjust the duration and easing as needed */
        }
        hr.visible {
            left: 0 !important;
        }

#section-1716885377118 .block-type--feature .block {
    border-color: #3CB04A !important;
}




div#section-1716953669945 .timeline_component {
    margin: auto !important;
}

.section.background-light h1, .section.background-light h2 {background: linear-gradient(45deg, #249533 0%, #8BC34A  100%);
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}




.section.background-dark h1, .section.background-dark h2{    background: linear-gradient(45deg, #249533 0%, #c5eaca 100%);
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
    
    
#section-1716875238204 .block-type--feature2    h1 {
    position: relative;
}
#section-1716875238204 .block-type--feature2 h1:after {
    position: absolute;
    content: '';
    width: 40%;
    height: 4px;
    background-color: #161e2a;
    left: 0;
    transform: translate(110px, 25px) rotate(180deg);
}
div#block-1717574391_1 h3 {    font-size: 34px;}

div#section-1717050552555,div#section-1717062276144,div#section-1717064769487 {    position: inherit !important;  }

div#section-1717834144827,div#section-1718018436121,div#section-1718083843988,div#section-1718171724922,div#section-1718181636650  [class*=col-] {
    margin: inherit !important;
}
 div#section-1718018436121 [class*=col-], div#section-1718346853461  [class*=col-], div#section-1718349475165 [class*=col-], div#section-1718689500330 [class*=col-]  {
    margin: inherit !important;
}
div#section-1718693622183 [class*=col-],div#section-1718705175605 [class*=col-],  div#section-1718342266100 [class*=col-] { margin: inherit !important;}

div#section-1720284113972 [class*=col-], div#section-1720277221387 [class*=col-], div#section-1719852112477 [class*=col-], div#section-1719836842262 [class*=col-], div#section-1719829763551 [class*=col-], div#section-1718083843988 [class*=col-], div#section-1717834144827 [class*=col-], div#section-1719827322296 [class*=col-]{  margin: inherit !important;}




@media screen and (min-width: 1000px) {
    .block-type--pricing:has(.productpricing) {

        top: 56% !important;
        transform: translateY(-50%);
        right: 0%!important;
        z-index: 99999999999;
    
    }
    
    .block-type--pricing:has(.productpricing) span{font-size: 14px !important;}   
       .block-type--pricing:has(.productpricing) h4{font-size: 18px;}
}
/************************* Pricing tab********************/


.tab-annual .block, .tab-annual{border-radius: 48px 0 0 48px !important;}
.tab-monthly .block, .tab-monthly{border-radius: 0 48px 48px 0 !important;}
.block-type--custom_pricing hr{border: none; border-top: 1px solid #e9eef1;}
.block-type--custom_tab{width: 17.67% !important;}
.block-type--custom_tab p{font-size: 15px !important;}
.pricing__price{display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 36px;}
small {font-size: 16px; font-weight: 600;}
.pricing__price span{margin-left: 4px; margin-right: 4px;}
@media screen and (min-width: 768px) and (max-width:1024px)
{
.block-type--custom_tab {width: 20% !important;}    
}

@media screen and (max-width: 767px)
{
    
   div#section-1575400116835  .w-playlist-touchpoint {
    display: none !important;
  }
    
    .post-dro-title img {
    display: none;
}
.block-type--custom_pricing .pricing{padding: 0px 10px !important;}
.block-type--custom_pricing{padding: 10px !important;}
.header__content{padding: 16px 0 !important;}
.header--overlay, .header--fixed{position: unset !important;}

.popular_text{padding-top: 4px !important; padding-bottom: 6px !important;}
.pricing__name{letter-spacing: -.03em;}
.pricing__price{margin-top: 14px;}
.strike_text{font-size: 14px;}
.block-type--custom_pricing li{font-size: 14px;}
.block-type--accordion{padding:0 10px !important;}

.pricing__info {align-items:baseline !important;}







}
@media screen and (min-width: 413px) and (max-width:767px)
{
.block-type--custom_pricing {padding: 10px 24px !important;}
.block-type--custom_tab{width: 35% !important;}

}
@media screen and (min-width: 374px) and (max-width:412px)
{
.block-type--custom_pricing {padding: 10px 24px !important;} 

.block-type--custom_tab{width: 38% !important;}
}
@media screen and (min-width: 280px) and (max-width:373px)
{

.block-type--custom_tab{width: 46% !important;}
}

.pricing__info {
  
  align-items: baseline;
}

.price_top_cta {
    display: none !important;
}
/************************* Pricing tab end********************/

div#section-1718181636650 .testi img {
    width: 100%;
    border-radius: 0px;
    height: auto;
}

div#section-1718181636650 .testitext {
    display: none;
}


div#section-1718181636650 .testistyle {
    display: none !important;
}

#block-1719300103162 .image, [data-slick-id="1719300103162"] .image {
    width: 120px !important;
    overflow: hidden;
    border-radius: 4px;
    position: absolute;
    width: 120px;
    right: 150px;
    bottom: 0%;
}
#section-1717655319933 .row {
    position: relative;
}



.logo-hidden-on-scroll {
  display: none !important;
}

/* Only apply to mobile devices */
@media only screen and (max-width: 768px) {
  .logo-image {
    transition: opacity 0.3s ease;
  }
}




/*new dropdown menu start */

.main-menu {
    background-color: white;
    padding: 0 10px;
    
}

.main-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
     
}

.menu-item {
    padding: 15px;
    
}

.menu-item a {
    text-decoration: none;
    color: black;
     font-size: .90rem !important;
    padding: 10px;
    display: inline-block;
    position: relative;
}

.menu-item a .arrow {
    margin-left: 8px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    transition: transform 0.3s ease-in-out;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.menu-item:hover .arrow {
    transform: translateY(-50%) rotate(-135deg); /* Animation for the arrow */
}

.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
     
    padding: 20px;
    z-index: 999999999;
    width: 100%;
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeInSlideDown 0.5s ease forwards;
    padding: 35px 15px 15px !important;
    border-radius: 0.25rem !important;
    border-top: 2px solid var(--color) !important;
    background-color: #fff !important;
    box-shadow: var(--shadow-medium) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    list-style: none !important;
    list-style-type: none !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    --color2: #161d27 !important;
    --color2-dark: #0f131a !important;
}

.menu-item:hover .dropdown {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.dropdown-content {
    display: grid;
    gap: 20px;
}

.dropdown-content > div:nth-child(1) {
    grid-column: span 1;
}

.dropdown-content > div:nth-child(2) {
    grid-column: span 1;
}

.dropdown-content > div:nth-child(3) {
    grid-column: span 1;
}

.dropdown-content[data-count="2"] {
    grid-template-columns: repeat(2, 1fr);
}

.dropdown-content[data-count="3"] {
    grid-template-columns: repeat(3, 1fr);
}

.dropdown-content[data-count="4"] {
    grid-template-columns: repeat(4, 1fr);
}


.dropdown-content .column {
    margin-bottom: 15px;
        
}

.dropdown-content a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.dropdown-content p {
    color: gray;
    font-size: 14px;
}

.dropdown .social-icons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.dropdown .social-icons a {
    color: black;
    font-size: 20px;
    text-decoration: none;
}

@keyframes fadeInSlideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.con-menu{display: flex;
    align-items: center;}
    .head-logo{width:130px;}
    .header-nav{border-bottom: 1px solid #cfcfcf !important;}
  .dropdown  h3{padding: 3px 0px 3px 15px !important;
            border-style: solid !important;
            border-width: 0px 0px 0px 5px !important;
            border-color: #259534 !important;
            text-transform: uppercase !important;
            transition: all 0.3s ease !important;
            width: 200%;
            font-size: 1.280rem !important;
            font-weight: 700 !important;
            line-height: 1.2 !important;
            font-family: 'Poppins', sans-serif !important;
            text-align: left !important;}
            
            .column-content-background{background-color: #1f2124 !important;
    color: #fff !important;
    padding: 20px 20px 20px 20px !important;
    border-radius: 10px !important;}
 .column-content-background a{font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important;
            font-weight: 600 !important;
            line-height: 1.2 !important;
            font-family: 'Poppins', sans-serif !important; color:#fff;}
            .column-content-background p{font-size: 0.85rem !important;
            font-weight: 400 !important;
            line-height: 1.3 !important;
            font-family: 'Poppins', sans-serif !important;
             
            padding-top: 5px !important;color:#fff;padding: 0px 12px;}