.top-bar{background-color:#f5f5f5;padding:10px 0;border-bottom:1px solid #eee}
.top-bar-container{display:flex;justify-content:space-between;align-items:center;}
.contact-info{display:flex;align-items:center;gap:20px;font-size:14px;color:#666}
.contact-info i{margin-right:5px;color:#2c3e50}
.social-buttons{display:flex;gap:15px}
.social-button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;transition:transform 0.3s ease,background-color 0.3s ease}
.social-button:hover{transform:translateY(-3px)}
.social-facebook{background-color:#3b5998}
.social-twitter{background-color:#1da1f2}
.social-instagram{background-color:#c32aa3}
.social-linkedin{background-color:#0077b5}


 @media (max-width:768px){
  .top-bar-container{flex-direction:column;gap:10px;padding:10px 20px}
.contact-info{flex-wrap:wrap;justify-content:center}
 
}@media (max-width:576px){.contact-info{font-size:13px;gap:10px} 
}
   
/*======== main menu area start ==========*/
.site_logo_area img{max-height: 100px}
.mobile_menu_logo  img{max-height: 60px}
.hdcol_left{flex:0 0 content}
.hdcol_center{flex:1}
.hdcol_right{flex:0 0 content}
.main_menu_area{transition:.5s}

.main_menu_area.sticky .glowbal_nav_area{background-color:transparent}
/* mobile menu */
.mobile_menu{display:none}
.mobile_logo_area{display:none}
.main_menu_area.sticky{position:fixed;top:0;left:0;right:0;z-index:999999;background-color:rgb(0 0 0 / 70%)}
.styky_down.sticky{padding-top:55px}
.main_menu_area .sticky_logo{display:none}
.main_menu_area.sticky .main_logo{display:none}
.main_menu_area.sticky .sticky_logo{display:block}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a{color:#fff}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a:hover{color:#ea4723}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a i{color:#fff}
.main_menu_area.sticky .main_nav_btn a{color:#fff}
.main_menu_area.sticky .main_nav_icons a i,.main_nav_icon_right> i{color:#fff}
/* main nav area css */
.main_nav_area {
    display: flex;
    align-items: baseline;
    justify-content: end;
}
 
/* landing menu css */
.landing_menu .main_nav_area{justify-content:end}
.main_menu_all_item{align-items:center}
.inner_main_nav_area ul{list-style:none;margin:0;padding:0}
.inner_main_nav_area >ul >li{display:inline-block;position:relative}
.inner_main_nav_area >ul >li >a{display:block;margin:35px 12px;transition:.2s;position:relative;font-size:18px;font-weight:500;color:#121618;text-transform:capitalize;font-family:"Plus Jakarta Sans",sans-serif}
.inner_main_nav_area >ul >li >a>i{font-weight:700;color:#121618;margin-left: 2px}
.inner_main_nav_area >ul> li> a:hover{color:#ea4723}
/* main nav btn css */
.main_nav_btn a {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 30px;
    border: 1px solid #dddddd;
    background: none;
    color: #555555;
}
.inner_main_nav_area ul li a.menu_nav_active{
    color: #ea4723 !important;
}
.main_nav_btn a:hover{
    background-color: #ea4723;
    color: #fff;
}
.absolute_menu .inner_main_nav_area >ul >li >a{
    color: #fff;
}
.absolute_menu .inner_main_nav_area >ul >li >a:hover{
    color: #ea4723;
}
/* main nav icons together */
.theme_right_area {
    display: flex;
    align-items: center;
}
.main_nav_icons_together {
    display: flex;
    align-items: center;
}
/* main nav icons */

.main_nav_icons >i {
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
    transition: .5s;
    color: #121618;
    height: 36px;
    width: 36px;
    line-height: 36px;
    margin-left: 20px;
    cursor: pointer;
    font-size: 18px;
}
.main_menu_area.sticky .main_nav_icons >i{
    color: #fff;
}
 
/* nav icon popup css */
.nav_icon_popup{position:fixed;bottom:100%;left:0;background:#12263b9c;display:flex;align-items:center;width:100%;height:100%;z-index:999;opacity:0;visibility:hidden;transition:1s}
.nav_icon_popup.icon_popup{opacity:1;visibility:visible;bottom:0}

/* main nav icon right */
.main_nav_icon_right{margin-left:22px}
.main_nav_icon_right> i{display:inline-block;font-size:30px;border-radius:10px;cursor:pointer;color:#121618}
.inner_nav_popup_form_icons.side_page_icon button i{color:#fff !important}
.main_menu_area.sticky .main_nav_icon_right> i{color:#fff}
/* main nav icon right popup */
.main_nav_icon_right_popup {
    position: fixed;
    top: 0;
    right: -110%;
    width: 400px;
    height: 100%;
    background: #fff;
    z-index: 999;
    padding: 100px 20px 30px;
    overflow: scroll;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}
.main_nav_icon_right_popup.site_popup {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.main_nav_icon_right_popup h2 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 5px;
}
/* main nav right popup close */
.m_nav_rpi_close {
    text-align: end;
    margin: -57px 0 20px;
}
.m_nav_rpi_close >i{
    display: inline-block;
    color: #272727;
    font-size: 40px;
    font-weight: 400;
    cursor: pointer;
}
.m_nav_right_pp_form{
    position: relative;
}
.m_nav_right_pp_form input{
    height: 54px;
    width: 100%;
    border: 1px solid #efefef;
    outline: none;
    padding: 0 20px;
}
.m_nav_right_pp_form button{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    padding: 13px 20px;
    outline: none;
    border: none;
    background: #ddd;
    color: #272727;
}
 
/* inner nav icon popup */
.inner_nav_icon_popup {
    width: 47%;
    margin: 0 auto;
    position: relative;
}
.inner_nav_icon_popup input{
    font-size: 30px;
    font-weight: 500;
    padding: 17px 40px 15px 15px;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: 0px 0px 30px 0px #dddddd45;
    background: #fff;
    border-radius: 10px;
}
/* inner nav popup form icons css */
.inner_nav_popup_form_icons{position:absolute;top:0;right:10px}
.inner_nav_popup_btnicon{font-size:40px;border:none;outline:none;background:none}
.inner_nav_icon_popup i{display:inline-block;margin-top:10px;width:36px;height:36px;line-height:36px;text-align:center;border-radius:100%;background-color:#fff;color:#272727;font-size:25px;cursor:pointer;transition:1s}
/* main nav icons middle css */
.main_nav_icons_middle{margin-left:30px;position:relative}
.main_nav_icons_middle a{position:relative;font-size:18px;cursor:pointer;padding:8px;display:inline-flex;background:#fff;border-radius:100%}
.main_nav_icons_middle a span{position:absolute;top:0;right:-5px;width:18px;height:20px;font-size:12px;line-height:20px;text-align:center;background-color:#ea4723;border-radius:100%;color:#fff}
.main_nav_middle_box_item{overflow:scroll;position:absolute;right:0;top:130%;width:300px;height:300px;z-index:999;opacity:0;visibility:hidden;background-color:#fff;transition:.5s}
.main_nav_icons_middle:hover .main_nav_middle_box_item{top:170%;opacity:1;visibility:visible}
.main_nav_middle_box_item p{padding:20px}
.m_nav_right_pp_form{position:relative}
.m_nav_right_pp_form input{height:54px;width:100%;border:1px solid #efefef;outline:none;padding:0 20px}
.m_nav_right_pp_form button{position:absolute;top:0;right:0;font-size:18px;padding:13px 20px;outline:none;border:none;background:#ddd;color:#272727}
/* right popup nav */
.right_popup_nav {
    padding: 65px 0 0 0;
}
.right_popup_nav ul {
    list-style: none;
    padding-left: 0;
}
.right_popup_nav ul li {
    padding: 12px 0;
    border-bottom: 1px solid #dddddd;
}
.right_popup_nav ul li.r_nav_child_border{
    border-bottom: none;
}
.right_popup_nav ul li a{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #555555;
}
/* right popup address */
.dmdtbtn {
    background-color: #ea4723;
    color: #fff;
    display: block;
    transition: .5s;
    font-size: 18px;
    margin-left: 20px;
    padding: 12px;
    font-weight: 700;
    border-radius: 10px;
}
.menu_btn a:hover{
    color: #fff;
    background-color: #121618;
}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu{position:absolute;top:130%;left:0;width:max-content;min-width:205px;max-width:320px;text-align:left;margin:0;padding:15px 5px 14px;z-index:9999;box-shadow:0 0 30px rgb(0 0 0 / 9%);background-color:#fff;opacity:0;visibility:hidden;transition:.5s}
.inner_main_nav_area ul li .sub_menu li{position:relative}
.inner_main_nav_area ul li .sub_menu li a{display:inline-block;font-size:17px;font-weight:300;color:#444;padding:6px 17px}
.inner_main_nav_area ul li .sub_menu li a:hover{color:#ea4723;margin-left:5px}
.inner_main_nav_area >ul >li:hover .sub_menu{top:100%;opacity:1;visibility:visible}
.inner_main_nav_area .sub_menu >li > ul.sub_menu{top:130%;left:100%;opacity:0;visibility:hidden;transition:.5s}
.inner_main_nav_area ul li .sub_menu li:hover  ul.sub_menu{top:0;opacity:1;visibility:visible}
.navd_active{background-color:#ea4723;color:#fff}
/*======== main menu area end ==========*/

/*======== mobile menu area start ==========*/
.mobile_logo_area{display:none !important}
.mean-container a.meanmenu-reveal{display:none !important}
.mean-container .mean-nav > ul{padding:0;margin:0;width:100%;list-style-type:none;display:block !important}
.mean-container .mean-bar{background:#fff;padding:0}
.mean-container .mean-nav ul li{border-top:0px solid #ddd}
.mean-container .mean-nav ul li li a,.mean-container .mean-nav ul li a{color:#444}
.mean-container .mean-nav ul li li a{border-top:1px solid #ddd}
.mean-container .mean-nav ul li a:hover{color:#ff4a17}
.mobile_p{position:fixed;right:0;width:350px;padding:80px 20px 0px;overflow-y:scroll;top:0;height:100%;z-index:9999;display:block;transition:0.5s all;box-shadow:0 0 30px rgb(0 0 0 / 7%);transform:translateX(100%);background:#ffffff}
.tx-s-open{transform:translateX(0)}
.mobile_p .tuetion_theme_widget > div.widget_block{padding:0}
.mobile_p .tuetion_theme_widget > div{padding:20px 0px 20px;box-shadow:none}
.mean-container .mean-nav ul li a{border:0;width:100%;border-top:1px solid #ddd;font-size:14px;padding:12px 5px;font-weight:500;display:block}
.mean-container .mean-nav ul li a.mean-expand{width:26px;height:20px;line-height:23px;text-align:center;background:#66666617}
.mobile_opicon{text-align:right;padding:4px 0}
.mean-container .mean-nav > ul > li:first-child > a{border-top:0}
.mobilemenu_con{display:flex;align-items:center;justify-content:space-between}
.mobile_menu_o  i{font-size:26px}
.mobile_menu_content .mobile_menu_logo{margin-bottom:20px}
.mobile_cicon{position:absolute;right:30px;top:50px}
.mobile_overlay{top:0px;left:0px;right:0px;bottom:0px;opacity:0;z-index:999;width:100vw;height:100vh;visibility:hidden;position:fixed;background:rgba(0,0,0,0.8);transition:all 0.3s ease-out 0s}
.mobile_overlay.mactive{opacity:1;visibility:visible}
/*======== mobile menu area end ==========*/
 
 .headmobi_rg {
  display: flex;
  gap: 16px;
}
.inner_main_nav_area li li{position: relative;}
.inner_main_nav_area li li i{position: absolute; right:5px;top:15px}

 /*============ Laptop Device =======
@media (min-width:1024px) and (max-width:1365px){====*/


.glowbal_nav_area{padding-right:140px;padding-left:140px}


@media (max-width:1465px){

    .glowbal_nav_area {
        padding: 0 20px;
    }
   
    
}

@media (max-width:1300px){
    .glowbal_nav_area {
        padding: 0 10px;
    }
    
    .inner_main_nav_area >ul >li >a {
        margin:35px 5px 35px;
    }
    
}


@media (max-width:1200px){

    
    .inner_main_nav_area >ul >li >a {
        margin:5px;
    }
    
}
/*============= Tablet Large device ===============*/
@media (max-width:1025px){  
  
    .mobile_logo_area{
        display: block !important;
        padding: 10px 0;
    } 
    
     /* main nav area css */
     .main_menu_area{
        display: none;
    }

}
/*============= mobile large device ===============*/
@media (max-width:1000px){
     .inner_nav_icon_popup{width: 92%}
    .inner_nav_icon_popup input {font-size: 20px}
    .inner_nav_popup_form_icons{top:-5px}   

}