.top-bar {
     background: #2a4173;
     padding: 10px 0;
     color: #fff;
     position: relative;
     z-index: 999;
}

.top-left {
     color: #fff;
     font-size: 13px;
     font-weight: 600;
     line-height: 1.4;
}

.top-left strong {
     display: flex;
     align-items: center;
     gap: 8px;
}

.top-right {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 20px;
}

.top-right a {
     color: #fff;
     text-decoration: none;
     display: flex;
     align-items: center;
     gap: 6px;
     font-size: 14px;
     font-weight: 500;
     white-space: nowrap;
     transition: .3s ease;
}

.top-right a:hover {
     color: #ffc107;
}

.language-wrapper {
     border-left: 1px solid rgba(255, 255, 255, .3);
     padding-left: 20px;
}

.custom-select {
     width: 180px;
     height: 40px;
     border-radius: 8px;
     border: none;
     box-shadow: none;
     font-size: 14px;
     font-weight: 500;
}

.notranslate {
     translate: no;
}

/* Large Desktop */
@media(min-width:1400px) {
     .top-right {
          gap: 28px;
     }

     .top-left {
          font-size: 14px;
     }
}

/* Tablet & Mobile */
@media(max-width:991px) {

     .top-left {
          text-align: center;
          margin-bottom: 15px;
     }

     .top-left strong {
          justify-content: center;
          flex-wrap: wrap;
     }

     .top-right {
          justify-content: center;
          flex-wrap: wrap;
          gap: 15px;
     }

     .language-wrapper {
          border-left: none;
          padding-left: 0;
     }
}

/*====================================
TEXT SIZE
====================================*/

.text-size-wrapper {

     position: relative;

}

.topbar-btn {

     border: none;

     background: none;

     padding: 0;

     cursor: pointer;

}

.topbar-btn img {

     width: 22px;

     height: 22px;

     filter: brightness(0) invert(1);

}

.text-size-dropdown {

     position: absolute;

     top: 40px;

     right: 0;

     display: none;

     background: #fff;

     border-radius: 10px;

     box-shadow: 0 10px 30px rgba(0, 0, 0, .15);

     overflow: hidden;

     min-width: 70px;

     z-index: 9999;

}

.text-size-dropdown.show {

     display: block;

}

.font-size-btn {

     width: 100%;

     border: none;

     background: #fff;

     padding: 12px;

     cursor: pointer;

     font-weight: 600;

     transition: .3s;

}

.font-size-btn:hover {

     background: #2a4173 ;

     color: #fff;

}

/*FORM*/
.frm {
     padding: 0px;
     background: #2a4173;
}

/*==========================
TEXT SPACING
==========================*/

body.text-spacing-enabled {

     letter-spacing: 2px;

     word-spacing: 3px;

     line-height: 1.8;

}

/*==========================
SEARCH
==========================*/

.search-wrapper {

     display: flex;
     align-items: center;

}

.top-icon-link {

     color: #fff;
     text-decoration: none;
     font-size: 18px;
     transition: .3s;

}

.top-icon-link:hover {

     color: #ffc107;

}

/* THEME */

/* them icon color */
.theme-toggle img {
     width: 24px;
     height: 24px;
     filter: brightness(0) invert(1);
}

.theme-wrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
}

.theme-toggle {
     width: 40px;
     height: 40px;
     padding: 0;
     border: none;
     background: none;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
}

.theme-toggle img {
     width: 24px;
     height: 24px;
     pointer-events: none;
}

.theme-dropdown {
     position: absolute;
     top: 48px;
     right: 0;
     width: 170px;
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
     display: none;
     overflow: hidden;
     z-index: 99999;
}

.theme-dropdown.show {
     display: block;
}

.theme-option {
     width: 100%;
     border: none;
     background: #fff;
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 15px;
     cursor: pointer;
     transition: .3s;
}

.theme-option:hover {
     background: #f3f3f3;
}

.theme-color {
     width: 18px;
     height: 18px;
     border-radius: 50%;
     border: 1px solid #ccc;
}

.theme-color.light {
     background: #fff;
}

.theme-color.grey {
     background: #999;
}

.theme-color.dark {
     background: #222;
}

/*==========================
SOCIAL
==========================*/

.social-wrapper {

     display: flex;
     align-items: center;
     gap: 10px;

}

.social-link img {
     width: auto;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 15%;
     color: #fff;
     text-decoration: none;
     transition: .3s;

}

.social-link:hover img {

     background: #fff;
     color: #2a4173;

}