*{
	padding:0;
	margin:0;
}
p{
	margin-bottom:10px;
}
ul{
	padding-left:20px;
	margin-bottom:10px;
}

html.light .js-dark-mode-trigger:focus{
	background-color: #a1c436 !important;
}

html.light .js-dark-mode-trigger:focus > svg{
	fill: #000 !important;
}

.heading-hover{
    opacity: 0 !important;
	transition: opacity 0.2s ease-in-out;
}
.contain-hover:hover .heading-hover{
    opacity: 1 !important; 
	transition: opacity 0.4s ease-in-out;
}
.button-hover span.elementor-button-text {
  position: absolute;
  margin-right: -30px;
  opacity: 0;
transition: margin-right 1s ease-out;
	
}

 .contain-hover:hover .button-hover span.elementor-button-text {
    position: relative;
    margin-right: 10px;
    opacity: 1;
    transition: margin-right 0.5s ease;
    z-index: 0;
	
}
 .contain-hover:hover .button-hover .elementor-button-link {
     background: white !important;
     color: #000 !important;
 }
  .contain-hover:hover .button-hover .elementor-button-icon {
     fill: #000 !important;
 }
 .color-heading{
    color: #A1C436;
}
.featured-img:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(185, 185, 185, 0.1) 0%, rgba(185, 185, 185, 0) 88.02%);
    border-radius: 16px;
    pointer-events: none;
}
.featured-img{
    
       border-radius: 16px;
    padding: min(2vw, 34px);
    background-color: #000000;
    backdrop-filter: blur(13px);
    position: relative;
    width: 100%;
    flex-wrap: wrap;
  
}
.color-text{
    color: #A1C436 !important;
	transition: color 0.7s ease-in;
}

html.light .img-container {
        background: linear-gradient(to bottom, #a1c436, #a1c4366b, #a1c43600) 0 !important;
}

html.light .featured-img{
    background: #a1c43630 !important;
}
/* Row and column indication lines styling starts */

.border-row:after{
        position: absolute;
    z-index: 1;
    top: 140px;
    left: 16%;
    display: block;
    width: calc(100% - 32%);
    height: 6px;
    content: '';
    border-bottom: 6px dotted #A1C436;
}
@media (max-width: 1366px){
    .border-row:after{
        position: absolute;
    z-index: 1;
    top: 140px;
    left: 15.5%;
    display: block;
    width: calc(100% - 31%);
    height: 6px;
    content: '';
    border-bottom: 6px dotted #A1C436;
}
}
@media (max-width: 1140px){
    .border-row:after{
        position: absolute;
    z-index: 1;
    top: 140px;
    left: 15.5%;
    display: block;
    width: calc(100% - 31%);
    height: 6px;
    content: '';
    border-bottom: 6px dotted #A1C436;
}
}
@media (max-width: 800px){
    .border-row:after{
        display: none;
}
}

.benefits-sued:after{
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 20px);
    left: calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 125px;
    content: '';
    border-left: 6px dotted #A1C436;
}
.benefits-sued{
    background-color: rgba(185, 185, 185, 0.05);
    border: 1px solid rgba(138, 138, 138, 0.3);
    backdrop-filter: blur(13px);
    border-radius: 16px;
}
@media (max-width: 1366px){
    .benefits-sued:after{
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 10px);
    left: calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 70px;
    content: '';
    border-left: 6px dotted #A1C436;
}
}
@media (max-width: 1140px){
    .benefits-sued:after{
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 10px);
    left: calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 70px;
    content: '';
    border-left: 6px dotted #A1C436;
}
}
@media (max-width: 800px){
   .benefits-sued:after{
        display: none;
}
}

.benefits-sued-center:after{
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 20px);
    left: calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 200px;
    content: '';
    border-left: 6px dotted #A1C436;
}
.benefits-sued-center{
    background-color: rgba(185, 185, 185, 0.05);
    border: 1px solid rgba(138, 138, 138, 0.3);
    backdrop-filter: blur(13px);
    border-radius: 16px;
}
@media (max-width: 1366px){
    .benefits-sued-center:after{
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 10px);
    left: calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 125px;
    content: '';
    border-left: 6px dotted #A1C436;
}
}
@media (max-width: 1140px){
    .benefits-sued-center:after{
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 10px);
    left: calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 125px;
    content: '';
    border-left: 6px dotted #A1C436;
}
}
@media (max-width: 800px){
   .benefits-sued-center:after{
        display: none;
}
}

.benefits-sued-small:after{
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 20px);
    left: calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 75px;
    content: '';
    border-left: 6px dotted #A1C436;
}
.benefits-sued-small{
    background-color: rgba(185, 185, 185, 0.05);
    border: 1px solid rgba(138, 138, 138, 0.3);
    backdrop-filter: blur(13px);
    border-radius: 16px;
}
@media (max-width: 1366px){
    .benefits-sued-small:after{
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 10px);
    left: calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 65px;
    content: '';
    border-left: 6px dotted #A1C436;
}
}
@media (max-width: 1140px){
    .benefits-sued-small:after{
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 10px);
    left: calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 65px;
    content: '';
    border-left: 6px dotted #A1C436;
}
}
@media (max-width: 800px){
   .benefits-sued-small:after{
        display: none;
}
}

/* Row and column indication lines styling ends */