.elementor-1199 .elementor-element.elementor-element-ffea456{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-f7e5b31 *//* globals */
    @import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Titillium+Web:wght@400;700&display=swap");
    
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    body {
      
      color: #ffffff;
      min-height: 100vh;
    }
    
    /* header */
    .header {
      background-color: transparent;
      transition: background-color 0.3s ease;
      position: fixed;
      width: 1200px;
      height: 70px;
      max-width: 100%;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 1rem ;
      z-index: 1;
    }
    .header a {
      text-decoration: none;
      color: #ffffff;
    }
    .header ul {
      list-style: none;
    }
    
    .logo {
     
        background: url('https://absojute.com/wp-content/uploads/2025/07/Absojute_20250711_130033_0000.svg');
        display: block;
        background-position: center;
        height: 35px;
        width: 172px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .nav-menu {
      display: flex;
      align-items: center;
    }
    .nav-menu li {
      padding: 0.5rem 1rem;
      transition: background 0.3s ease-in-out;
    }
    
    
    
    .nav-menu  > li .dropdown-menu {
    	position: absolute;
    	top: 60px;
    	left: 0;
    	width: 100%;
    	background: #fff;
    	overflow-y: hidden;
    	max-height: 0;
    	transition: all .3s ease;
    }
    .nav-menu > li:hover .dropdown-menu {
    	max-height: 1000px;
    }
    .nav-menu > li .dropdown-menu .container {
    	display: flex;
    	grid-gap: 56px;
    	flex-wrap: wrap;
    	padding: 24px 16px 40px;
    }
    .nav-menu > li .dropdown-menu .left-section {
    	flex-grow: 1;
    	flex-basis: 300px;
    }
    .nav-menu > li .dropdown-menu .left-section .dropdown-close {
    	cursor: pointer;
    	margin-bottom: 28px;
    	display: none;
    }
    .nav-menu > li .dropdown-menu .left-section h1 {
    	margin-bottom: 16px;
    	font-size: 24px;
    }
    .nav-menu > li .dropdown-menu .left-section p {
    	line-height: 170%;
    	font-size: 16px;
    	color: var(--grey);
    	margin-bottom: 28px;
    }
    .nav-menu > li .dropdown-menu .left-section .btn-see-all {
    	padding: 12px 28px;
    	background: var(--blue);
    	border-radius: 8px;
    	color: #fff;
    	transition: all .3s ease;
    }
    .nav-menu > li .dropdown-menu .left-section .btn-see-all:hover {
    	background: var(--dark-blue);
    }
    .nav-menu > li .dropdown-menu .right-section {
    	flex-grow: 1;
    	flex-basis: 700px;
    }
    .nav-menu > li .dropdown-menu .right-section h3 {
    	font-size: 18px;
    	text-transform: uppercase;
    	margin-bottom: 36px;
    }
    .nav-menu > li .dropdown-menu .right-section .dropdown-links {
    	display: flex;
    	flex-wrap: wrap;
    	grid-gap: 28px;
    }
    .nav-menu> li .dropdown-menu .right-section .dropdown-links li {
    	flex-grow: 1;
    	flex-basis: 300px;
    }
    .nav-menu > li .dropdown-menu .right-section .dropdown-links li a {
    	display: flex;
    	align-items: center;
    	grid-gap: 16px;
    	color: #000;
    	transition: all.3s ease;
    }
    .nav-menu> li .dropdown-menu .right-section .dropdown-links li a .bx {
    	min-width: 50px;
    	height: 50px;
    	border-radius: 50%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	font-size: 20px;
    	background: #f5f5f5;
    	transition: all.3s ease;
    }
    .nav-menu> li .dropdown-menu .right-section .dropdown-links li a h5 {
    	font-size: 16px;
    	margin-bottom: 6px;
    	transition: all.3s ease;
    }
    .nav-menu> li .dropdown-menu .right-section .dropdown-links li a p {
    	font-size: 14px;
    	color: var(--grey);
    	transition: all.3s ease;
    }
    .nav-menu> li .dropdown-menu .right-section .dropdown-links li a:hover .bx {
    	background: var(--blue);
    	color: var(--light-blue);
    }
    .nav-menu> li .dropdown-menu .right-section .dropdown-links li a:hover h5 {
    	color: var(--blue);
    }
    .nav-menu> li .dropdown-menu .right-section .dropdown-links li a:hover p {
    	color: #000;
    }
    
    
    
    
    
    
    
    
    /* NEW STUFFS */
    
    /* nav menu button */
    .menu-btn {
      position: relative;
      display: none;
      justify-content: center;
      align-items: center;
      width: 1.8rem;
      height: 1px;
      cursor: pointer;
      z-index: 2;
    }
    .menu-btn__lines::before,
    .menu-btn__lines::after {
      content: "";
      position: absolute;
    }
    .menu-btn__lines,
    .menu-btn__lines::before,
    .menu-btn__lines::after {
      width: 1.8rem;
      height: 1px;
      background: #ffffff;
      transition: all 0.5s ease-in-out;
    }
    .menu-btn__lines::before {
      transform: translateY(-0.4rem);
    }
    .menu-btn__lines::after {
      transform: translateY(0.4rem);
    }
    /* animation */
    .menu-btn.open .menu-btn__lines {
      transform: translateX(2rem);
      background: transparent;
    }
    .menu-btn.open .menu-btn__lines::before {
      transform: rotate(45deg) translate(-1.5rem, 1.5rem);
      background: #ffffff;
    }
    .menu-btn.open .menu-btn__lines::after {
      transform: rotate(-45deg) translate(-1.5rem, -1.5rem);
      background: #ffffff;
    }
    
    /* MEDIA QUERY */
    @media screen and (max-width: 990px) {
      .menu-btn {
        display: flex;
      }
    
      .header .nav-menu {
       flex-direction: column;
            position: absolute;
            top: 60px;
            padding:0 ;
            right:0;
            width: 100%;
            padding-top:2rem;
            height:100vh;
            background: #fff;
            justify-content: start;
            transform: translateX(-100%);
            overflow: hidden;
            z-index: 100;
            transition: all 600ms ease;
    	}
      
      .nav-menu.open {
       	 
       	 transform: translateX(0);
       	 
    
        
      }
    
      .nav-menu li {
        margin: 0;
       
        width: 100%;
        
      }
      .nav-menu li a {
        padding:  0;
        display: inline-block;
        border-bottom: 1px solid #808080;
        width: 100%;
        font-size: 18px;
        color:#000;
        transition: all 700ms ease;
      }
      
     .nav-menu > li .dropdown-menu {
    		top: 0;
    		overflow-y: hidden;
    		max-height: 100vh;
    		left: 100%;	
    		transition: all .3s ease;
    	}
    	 .nav-menu > li .dropdown-menu.show {
    		left: 0;
    	}
    	 .nav-menu > li:hover .dropdown-menu {
    		max-height: 100vh;
    	}
    	 .nav-menu > li > a .bx {
    		transform: rotate(-90deg);
    	}
    	 .nav-menu > li:hover > a .bx {
    		transform: rotate(-90deg);
    	}
    	 .nav-menu > li .dropdown-menu .left-section .dropdown-close {
    		display: inline-block;
    	}
    	 .toggle-navbar {
    		display: block;
    		transition-delay: .3s;
    	}
    	 .toggle-navbar.hide {
    		opacity: 0;
    		pointer-events: none;
    		transition-delay: 0s;
    	}
     
      
    }/* End custom CSS */