/* Footer About Widget */
.footer-about-widget.default {
      display: flex;
      flex-direction: column;
      gap: 20px;
  }
/* Footer Links Widget */
.footer-links-widget {
      padding: 0;
  }
  .footer-links-widget h4 {
      font-size: 16px;
      margin-bottom: 10px;
  }
  .footer-links-widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
  .footer-links-widget li {
      margin-bottom: 8px;
  }
  .footer-links-widget a {
      display: flex;
      align-items: center;
      text-decoration: none;
      transition: color 0.3s ease, text-decoration 0.3s ease;
  }
  .footer-links-widget .link-icon {
      display: inline-block;
  }
  .footer-links-list li {
      padding: 8px 0;
  }
  .footer-links-list a {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	transition: color 0.3s ease;
}
.footer-links-widget a.link-item {
      display: inline-flex;
      align-items: center;
  }
  
  .footer-links-list.show-divider li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .footer-links-list.show-divider li:last-child {
      border-bottom: none;
  }
  
  /* Layouts */
  .footer-links-list.icon-left a {
      flex-direction: row;
  }
  .footer-links-list.icon-right a {
      flex-direction: row-reverse;
  }
  
  /* Hover effects */
.footer-links-list .link-icon {
	transition: transform 0.3s ease;
}

/* Slide effect */
.footer-links-list.hover-slide.icon-left a:hover .link-icon {
	transform: translateX(5px);
}
.footer-links-list.hover-slide.icon-right a:hover .link-icon {
	transform: translateX(-5px);
}

/* Spin effect */
.footer-links-list.hover-spin a:hover .link-icon {
	transform: rotate(360deg);
}

/* home page 1 */

#ttm-footer-menu .custom-elementor-menu.nav-menu{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

#ttm-footer-menu .custom-elementor-menu.nav-menu li{
    margin: 0 !important;
}

#ttm-footer-menu .custom-elementor-menu.nav-menu li a{
    line-height: 24px !important;
    color: var(--ttm-darkgreycolor);
    transition: all .3s ease-in-out;
}

.ttm-copyright-link {
    color: var(--ttm-whitecolor);
    transition: all .3s ease-in-out;
}

.ttm-copyright-link:hover,
.ttm-footer-link:hover {
    color: var(--ttm-skincolortwo);
}
.ttm-footer-link {
    color: var(--ttm-darkgreycolor);
    transition: all .3s ease-in-out;
}

#ttm-footer-menu #menu-main-menu a:hover {
    color:var(--ttm-skincolortwo);
}


#footer-cta-btn .elementor-button{
    color: var(--ttm-whitecolor);
    border: 1px solid var(--ttm-whitecolor);
}

#footer-cta-btn .elementor-button .elementor-button-icon {
    background-color: var(--ttm-skincolor);
    color: var(--ttm-whitecolor);
}

#footer-cta-btn .elementor-button:hover .elementor-button-icon {
    background: var(--ttm-skincolortwo);
    color: var(--ttm-skincolor);
}

#footer-cta-btn .elementor-button:hover {
    border: 1px sloid transparent;
}



@media(max-width:1024px){
 
    #ttm-footer-menu #ttm-site-header-menu #ttm-site-navigation div.custom-menu-wrap > #menu-main-menu{
        overflow: visible;
    }

    #ttm-footer-menu #ttm-site-header-menu #ttm-site-navigation div.custom-menu-wrap > #menu-main-menu {
        position: relative ;
        top: 0;
        border: none ;
        background-color: transparent;
        box-shadow: none;
        display: inline-block ;
        padding:0;
        display: grid ;
        grid-template-columns: 1fr 1fr;
        gap: 20px ;
    }

    #ttm-footer-menu #ttm-site-header-menu #ttm-site-navigation div.custom-menu-wrap > #menu-main-menu{ 
        min-height: max-content;
    }
    
    #ttm-footer-menu #ttm-site-header-menu #ttm-site-navigation div.custom-menu-wrap > #menu-main-menu{
        width: 100%;
    }

    #ttm-footer-menu #ttm-site-header-menu #ttm-site-navigation div.custom-menu-wrap > ul {
        transform: translateX( 0%);
        opacity: 1;
    }

}
 

/* currentmenu */

.footer-home-1-wrapper #ttm-footer-menu #menu-main-menu .menu-item.current-menu-item a {
    color:var(--ttm-skincolortwo) !important;
}

.footer-home-2-wrapper #ttm-footer-menu #menu-main-menu .menu-item.current-menu-item a {
    color:var(--ttm-skincolortwo) !important;
}