.elementor-3760 .elementor-element.elementor-element-127205e:not(.elementor-motion-effects-element-type-background), .elementor-3760 .elementor-element.elementor-element-127205e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02143E;}.elementor-3760 .elementor-element.elementor-element-127205e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3760 .elementor-element.elementor-element-127205e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3760 .elementor-element.elementor-element-38c6d66 img{max-width:100%;}.elementor-bc-flex-widget .elementor-3760 .elementor-element.elementor-element-9bfcc79.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3760 .elementor-element.elementor-element-9bfcc79.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3760 .elementor-element.elementor-element-df6a67d .elementor-button{font-family:"Graphik Light", Sans-serif;font-size:15px;font-weight:700;background-color:#3B7CFF;}.elementor-3760 .elementor-element.elementor-element-0c8eb16:not(.elementor-motion-effects-element-type-background), .elementor-3760 .elementor-element.elementor-element-0c8eb16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02143E;}.elementor-3760 .elementor-element.elementor-element-0c8eb16{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3760 .elementor-element.elementor-element-0c8eb16 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:768px){.elementor-3760 .elementor-element.elementor-element-82d462e{width:17.894%;}.elementor-3760 .elementor-element.elementor-element-9bfcc79{width:69.316%;}.elementor-3760 .elementor-element.elementor-element-3619c16{width:12.247%;}}/* Start custom CSS for html, class: .elementor-element-0c81f91 *//* The container element */
.abdullahsnavbar {
    display: flex;
    justify-content: center;
}


/* Dropdown Button */
.dropbtn {
  background: none;
  color: #ffffff;
  font-family: 'Graphik Light', Sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1em;
  border: none;
  padding: 16px;
  margin: 2px;
}

.dropbtn:hover {
  background: none !important; 
}

.dropbtn:focus {
  background: none !important; 
}

.dropbtn:active {
  background: none !important; 
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #3B7CFF;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
  border-radius: 4px;
  margin-top: 2px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #ffffff;
  padding: 8px 16px;
  text-decoration: none !important;
  display: block;
  font-family: 'Graphik Light', Sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1em;
  min-width: max-content;
  width: max-content;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #1f3f80;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Animate the button underline */
.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #ff8e21;
    transition: width .3s;
}

.dropdown:hover::after {
    width: 100%;
}

/* Don't change button color on hover */
.dropbtn:hover {
   background: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf95e87 *//* The container element */
.abdullahshamburger {
  display: inline;
}

.navbarlogodiv {
    display: block;
    position: relative;
    max-width: 200px;
}


.top-dropdown {
  display: flex;
}

.hamburger {
    margin-left: auto;
    height: 45px;
    background: none;
    font-size: 30px;
    align-content: center;
    padding: 10px;
}

.hamburger:hover {
  background: none !important;
}

.hamburger:active {
  background: none !important;
}

.hamburger:focus {
  background: none !important;
}

.top-dropdown  .hamburger-dropdown-content {
  display: block;
  position: absolute;
  top: 45px;
  visibility: hidden;
}



/* Dropdown Button */
.dropbtn {
  background: none;
  color: #ffffff;
  font-family: 'Graphik Light', Sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1em;
  border: none;
  padding: 16px;
  margin: 2px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.hamburger-dropdown-content {
  display: none;
  position: absolute;
  background-color: #3B7CFF;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
  border-radius: 4px;
  margin-top: 2px;
}

/* Change color of dropdown links on hover */
/* .hamburger-dropdown-content a:hover {
  background-color: #1f3f80;
} */

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: hidden;
  position: absolute;
  background-color: #3B7CFF;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
  border-radius: 4px;
  margin-top: 2px;
  width: max-content;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #ffffff;
  padding: 8px 16px;
  text-decoration: none !important;
  font-family: 'Graphik Light', Sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1em;
  width: 100%;
}/* End custom CSS */