@charset "utf-8";



/* CSS Document */

/* @import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"; */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



/* This stylesheet generated by Transfonter (https://transfonter.org) on August 30, 2017 11:40 AM */

@font-face{font-family:'Lato';src:url('./fonts/Lato-LightItalic.eot');src:url('./fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-LightItalic.woff') format('woff'),url('./fonts/Lato-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic;}

@font-face{font-family:'Lato';src:url('./fonts/Lato-Italic.eot');src:url('./fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-Italic.woff') format('woff'),url('./fonts/Lato-Italic.ttf') format('truetype');font-weight:normal;font-style:italic;}

@font-face{font-family:'Lato';src:url('./fonts/Lato-Regular.eot');src:url('./fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-Regular.woff') format('woff'),url('./fonts/Lato-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;}

@font-face{font-family:'Lato';src:url('./fonts/Lato-Black.eot');src:url('./fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-Black.woff') format('woff'),url('./fonts/Lato-Black.ttf') format('truetype');font-weight:900;font-style:normal;}

@font-face{font-family:'Lato Hairline';src:url('./fonts/Lato-HairlineItalic.eot');src:url('./fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-HairlineItalic.woff') format('woff'),url('./fonts/Lato-HairlineItalic.ttf') format('truetype');font-weight:300;font-style:italic;}

@font-face{font-family:'Lato';src:url('./fonts/Lato-BoldItalic.eot');src:url('./fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-BoldItalic.woff') format('woff'),url('./fonts/Lato-BoldItalic.ttf') format('truetype');font-weight:bold;font-style:italic;}

@font-face{font-family:'Lato Hairline';src:url('./fonts/Lato-Hairline.eot');src:url('./fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-Hairline.woff') format('woff'),url('./fonts/Lato-Hairline.ttf') format('truetype');font-weight:300;font-style:normal;}

@font-face{font-family:'Lato';src:url('./fonts/Lato-BlackItalic.eot');src:url('./fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-BlackItalic.woff') format('woff'),url('./fonts/Lato-BlackItalic.ttf') format('truetype');font-weight:900;font-style:italic;}

@font-face{font-family:'Lato';src:url('./fonts/Lato-Light.eot');src:url('./fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-Light.woff') format('woff'),url('./fonts/Lato-Light.ttf') format('truetype');font-weight:300;font-style:normal;}

@font-face{font-family:'Lato';src:url('./fonts/Lato-Bold.eot');src:url('./fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-Bold.woff') format('woff'),url('./fonts/Lato-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;}

a{text-decoration:none;outline:none;color:#696969;}

a:hover{text-decoration:underline;color:#12416D;}

a:link{outline:none;}

:root {
    --green: #337449;
    --white: #fff;
    --font: "Open Sans", sans-serif;
}
body{font-family: var(--font);color:#88898B;}

.hr{background-color:#c0c0c0;}

.times_new_roman{font-family:"Times New Roman",Times,serif;}

.btn{background:#337449;border:none;color:#fff;font-size:16px;box-shadow:none;padding:4px 20px;cursor:pointer;filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

.btn:hover,.btn.active{text-decoration:none;text-shadow: none;color:#fff;background-color:darkgreen;}

.gray_btn{background-color:#DBDBDB;border:none;color:#696969;font-size:16px;box-shadow:1px 1px 1px #333333;padding:4px 20px;}

.gray_btn:hover{text-decoration:none;color:#fff;background-color:#A3A3A3;}

.gray_btn.active{background-color:#337449;color:#fff;}

input.datepicker{float:left;border:1px solid #dbdbdb;color:#696969;box-shadow:none;padding:5px;background:url(../images/Calendar_Icon_22_X_25.jpg) 99% center no-repeat;cursor:pointer;display:block;}

input.text_field{border:1px solid #dbdbdb;box-shadow:none;padding:5px;}

.border{border:1px solid #dbdbdb;box-shadow:none;color:#696969;}

h1,h2,h3,h4,h5,h6{color:#696969;}

h1{font-size:28px;margin-top:0px;}

h2{font-size:26px;}

h3{font-size:24px;}

h4{font-size:22px; margin-bottom: 15px;}

h5{font-size:20px;}

h6{font-size:18px;}



/*-------------------------------------------------------------Top Nav End----------------------------------------------------------------*/

#sign_in{background-color:#E5E5E5;border:1px solid #999;}

#sign_in label{color:#666;}

#sign_in input.text_field{border:1px solid #999;color:#666;}

#sign_in #message{background-color:#FF4343;color:#FFFFFF;}

#tab_wrap a{background:#337449;font-size:12pt;color:#fff;box-shadow:none;filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

#tab_wrap a:hover,#tab_wrap a.active{text-decoration:none;text-shadow: none;background-color:darkgreen;color:#fff;filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

#tab_wrap a.in_active{text-decoration:none;background-color:#B2B2B2;color:#8E8E8E;cursor:default;display:none;}

#tab_wrap a.in_active:hover{text-shadow:none;}

#tab_wrap span.singout_btn{background:#337449;font-weight:bold;font-size:10pt;color:#fff;box-shadow:none;filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

#tab_wrap span.singout_btn cite{color:#FFFFFF;font-family:Times New Roman;font-style:italic;font-weight:bold;}

#tab_wrap span.singout_btn a{text-align:center;text-decoration:underline;background:none;font-size:10pt;box-shadow:none;border-left:none;}

#tab_wrap span.singout_btn a:hover{text-shadow:none;}

.case_form{border:3px solid rgba(36,141,193,0.32);background-color:#fff;}

.form_content_head{border-bottom:3px solid #c0c0c0;}

.form_content_head .top_label{font-family:"Times New Roman",Times,serif;}

table.date_table td input.search_cases_btn{font-weight:bold;border:none;font-size:17px;background:#337449;color:#fff;box-shadow:none;filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

table.date_table td input.search_cases_btn:hover{background-color:darkgreen;}

.select_filde{background-color:#f5f5f5;border:1px solid #c0c0c0;color:#696969;}

.select_filde label{font-size:10pt;font-weight:bold;}

.select_filde select{font-size:10pt;font-weight:bold;}

.schedule_content label{font-size:10pt;font-weight:bold;}

table.form_aera td h6,table.new_case td h6{background-color:#E5E5E5;}

table.form_aera td input.text_field,table.new_case td input.text_field{color:#696969;}

table.form_aera td select,table.new_case td select{color:#696969;font-size:10pt;font-weight:bold;}

table.table_data tr.table_head{background-color:#101820;color:#fff;font-weight:bold;}

table.table_data tr.table_head td{border:1px solid #e8e8e8;}

table.table_data td{border:1px solid #e8e8e8;}

table.table_data td a{color:#696969;font-weight:bold;}

table.table_data td a:hover{color:#12416D;}

.case_info_tab a{background-color:#DBDBDB;color:#696969;box-shadow:2px 2px 2px #555;font-weight:bold;font-size:12pt;filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);}

.case_info_tab a:hover{text-decoration:none;background-color:#A3A3A3;color:#fff;}

.case_info_tab a.active{text-decoration:none;background-color:#337449;color:#fff;}

.case_info_tab a.in_active{text-decoration:none;background-color:#B2B2B2;color:#8E8E8E;}

.case_info_tab a.in_active:hover{text-shadow:none;}

.case_info h6{color:#12416D;font-size:16pt;}

.case_id{color:#696969;font-size:16pt;font-weight:bold;}

.invices_info table.table_data td:first-child{font-weight:bold;}

.add_user{background-color:#fff;}

.add_user table.form_aera td{font-weight:bold;}

.add_user table.form_aera td table td{font-weight:normal;}

#BrowserVisible,#BrowserVisible2,#BrowserVisible3{background:url(../images/browse_btn.png) 100% 0px no-repeat;}

#FileField,#FileField2,#FileField3{color:#88898B;border:1px solid #dbdbdb;box-shadow:1px 1px 0 #dbdbdb inset;}

.dataTables_filter input,.dataTables_length select{border:1px solid #dbdbdb;box-shadow:1px 1px 0 #dbdbdb inset;color:#696969;}

#loader{display:none;position:absolute;left:44%;top:50%;z-index:16;}

#loading{display:none;background:url(../images/loader_bg.png) left top;cursor:auto;width:100%;height:100%;z-index:15; /* Positioning */position:absolute;left:0;top:0;}

#pay_current_balance.in_active{text-decoration:none;background-color:#ABABAB;color:#919191;cursor:default;border:0px;}

#pay_current_balance.in_active:hover{text-shadow:none;}



/*===================================================*/

html{position:relative;min-height:100%;}

body{font-family:'Lato',sans-serif;}

p{font-size:14px;color:#333;}

#wrapper{background:transparent;padding:0;margin-top:0px;border-radius:0px;box-shadow:none;width:100%;max-width:100%;}

#container{float:none;width:100%;padding:0;/*max-width:980px;*/ max-width:1170px;margin:0 auto;position:relative;margin-bottom:20px;clear:both;box-sizing:border-box;padding:0 20px;}





/*-----------------------------------------*/

div,section{box-sizing:border-box;}

img{max-width:100%;height:auto;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#container:after,.custom-container:after,.custom-container:before,.customrow:after,.customrow:before{display:table;content:" ";}

#container:after,.custom-container:after,.customrow:after{clear:both;}



/* =========Footer======================== */

.footer{width:100%;float:none;margin-top:50px;text-align:left;float:none;position:relative;clear:both;}

.footer .contactSection{background:#101820;padding:30px 0;color:#fff;position:relative;float:none;clear:both;}

.custom-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}

.footer .contactSection h2{margin:0 0 30px;font-size:36px;font-weight:500;line-height:1.1;color:#fff;}

.customrow{margin-right:-15px;margin-left:-15px;}

.footer .contactSection h6{color:#00abff;font-weight:500;line-height:24px;margin:0;font-family:'Lato',sans-serif;padding:5px 0 3px 30px;}

.footer .contactSection p{color:#fff;line-height:24px;padding:0 30px;margin:0;}

.footer .contactSection p a{color:#fff;}

.footer .contactSection .contacts{position:relative;}

.footer .contactSection .contacts:before{content:"";position:absolute;height:100%;background:#707479;width:1px;}

.footer .footerNav{background:#337449;}

.footer .footerNav .bottomNav{float:left;}

.footer .footerNav ul{margin:0;padding:0;}

.footer .footerNav ul li{display:inline-block;}

.footer .footerNav ul li a{line-height:50px;padding:0 20px;font-size:14px;font-weight:bold;color:#fff;display:block;}

.footer .footerNav ul li a:hover{background-color:darkgreen;text-decoration:none;}



/*=======*/

.footer .footerNav .socialLink{margin:14px 0;float:right;}

.footer .footerNav .socialLink a{padding:0 10px;color:#fff;font-size:20px;}

.footer .footerNav .socialLink a:hover{color:darkgreen;text-decoration:none;}



/*============*/

.copyrightSection{padding:32px 0 35px 0;}

.copyrightSection p{font-size:14px;color:#333;}

.copyrightSection .bottomLogo{float:left;}

.copyrightSection .bottomText{float:right;margin:38px 0 0;}



/*============================================================*/

#header{float:none;width:100%;margin-bottom:50px;}

.topHeader{background:#337449;0;}

.custom-col4,.custom-col9,.custom-col3{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}



/*=================*/



/*==========================*/

.logo img{width:300px;}

.logo a{display: block}

.topNav {

    margin-top: 30px;

}

.topNav > ul{margin:0;padding:0;list-style:none;float:right;}

.topNav > ul > li{display:inline-block;position:relative;z-index:110;}

.topNav > ul > li > a{padding:0 18px;line-height:50px;display:block;color:#fff;text-transform:capitalize;border-radius:3px;font-size:16px;}

.topNav > ul > li > a.drop:after{content:"";position:relative;width:0;display:inline-block;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff;margin:0px 0 0 14px;}

.topNav > ul > li:hover > a,.topNav > ul > li > a:hover{background-color:darkgreen;color:#fff;font-weight:normal;text-decoration:none;border-color:#fff;border-radius:3px 3px 0 0;}

.topNav > ul > li ul{position:absolute;left:0;top:60px;background-color:#337449;padding:0;margin:0;min-width:280px;opacity:0;visibility:hidden;}

.topNav > ul > li:hover > ul{opacity:1;visibility:visible;top:50px;}

.topNav > ul > li ul li{list-style:none;position:relative;}

.topNav > ul > li ul li{border-top:1px solid #fff;}

.topNav > ul > li ul li:first-of-type{border-top:none;}

.topNav > ul > li ul li a{color:#fff;padding:0 10px;line-height:35px;display:block;font-size:14px;}

.topNav > ul > li ul li a.droprite:after{content:"";position:absolute;width:0;right:20px;height:0;top:42%;border-left:5px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;}

.topNav > ul > li ul li a:hover::after{border-left:5px solid darkgreen;}

.topNav > ul > li ul li a:hover{text-decoration:none;background-color:#fff;color:#337449;}

.topNav > ul > li ul li ul{left:100%;top:100%;}

.topNav > ul > li:hover > ul li:hover ul{opacity:1;visibility:visible;top:0;}

.topNav ul,.topNav ul a{-webkit-transition:.3s linear;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;}

.topNav > ul > li > a.customerLogin{background:#fff;border-radius:25px;color:#337449;}

.topNav > ul > li > a.customerLogin:hover{background:darkgreen;color:#fff;text-decoration:none;border-color:#fff;}



/*==============*/

@media (min-width:768px){

    .custom-container{width:750px;}

}

@media (min-width:992px){

    .custom-container{width:970px;}

}

@media (min-width:1200px){

    .custom-container{width:1170px;margin:0 auto;box-sizing:border-box;}

}

@media (min-width:991px){

    .custom-col3{width:25%;float:left;}

    .custom-col9{width:75%;float:left;}

    .custom-col4{width:33.33333333%;float:left;}

}

@media (max-width:1199px){

    .topNav > ul > li > a{padding:0 14px;font-size:14px;}

}

@media (max-width:991px){

    .custom-col3{width:100%;}

    .custom-col9{width:100%;}

    .logo{text-align:center;}

    .topNav > ul > li > a{padding:0 14px;font-size:14px;line-height:35px;}

    .topNav > ul > li ul{top:35px;}

    .topNav > ul > li:hover > ul{top:35px;}

    .topNav{margin:10px 0 20px 0;}

    .custom-col4{width:33.3330%;float:left;}

    .footer .footerNav ul li a{padding:0 16px;}

    .footer .footerNav .bottomNav{float:none;text-align:center;}

    .footer .footerNav .socialLink{float:none;text-align:center;}

    .footer .contactSection p{padding:0 20px;}

    .footer .contactSection h6{padding:5px 0 3px 20px;}

    .topNav > ul > li ul{min-width:220px;}

}

@media (max-width:767px){

    .custom-container{width:100%;}

}

/* custom css for emulation  */
table.dataTable td {
    padding: 10px 10px !important;
}

.emulation_banner .return_main_acc {
    float: left;
    width: 450px;
    background-color: #FBBB00;
    color: black;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
    
}

.emulation_banner .return_main_acc:hover {
    background-color: rgb(23, 200, 109);
    color: white;
}

.emulation_banner .return_main_acc:active {
    background-color: white;
    color: black;
    border: 5px solid rgb(23, 200, 109);;
}

.emulation_banner .current_emulating_name {
    float: right;
    width: 450px;
    background-color: #FBBB00;
    color: black;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
}

.error {
    color: red;
}

.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* custom css for emulation ended */



/***************************  Top Bar Started  *********************************/

.top-bar {
    background-color: var(--green);
    color: var(--white);
    font-size: 13px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 30px;
}

.container {
    max-width: 1310px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 50px;
    clear: both;
    box-sizing: border-box;
}

.top-bar .top-bar-inner {
    display: flex;
    justify-content: end;
    align-items: center;
    text-align: center;
}

.top-bar .top-bar-inner .phone-info a {
    color: #fff;
    text-decoration: none;
}

.top-bar .top-bar-inner ul {
    display: flex;
    list-style-type: none;
    margin: 0px;
    padding-left: 20px;
}

.top-bar .top-bar-inner ul li {
    height: 100%;
    float: left;
    padding: 0;
    transition: all 0.2s ease-in-out;
    border-right-style: solid;
    border-right-width: 1px;
    display: block;
    width: 30px;
}

.top-bar .top-bar-inner ul li a {
    float: left;
    width: 30px;
    line-height: 30px;
    display: block;
    margin: 0px;
    outline: none;
    padding: 0;
    min-height: 30px;
    height: 100%;
    overflow: visible;
    z-index: 2;
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #337449;
    transition: all 0.3s ease-out;
    display: flex;
    align-items: center;
    justify-content:center; 
}

.top-bar .top-bar-inner ul .email-icon a:hover {
    color: #fff;
    background-color: #9fae37;
}

.top-bar .top-bar-inner ul .facebook-icon a:hover {
    color: #fff;
    background-color: darkgreen;
}

.top-bar .top-bar-inner ul .instagram-icon a:hover {
    color: #fff;
    background-color: #a67658;
}

.top-bar .top-bar-inner ul .twitter-icon a:hover {
    color: #fff;
    background-color: #000;
}

.top-bar .top-bar-inner ul .linkedin-icon a:hover {
    color: #fff;
    background-color: darkgreen;
}

@media screen and (max-width: 767.98px) {
    .top-bar .top-bar-inner .top-bar-icons {
        display: none;
    }

    .top-bar .top-bar-inner {
        justify-content: center;
    }

    .container {
        padding: 0px 30px;
    }
}

/***************************  Top Bar End  *********************************/


/***************************  Header Started  *********************************/


#header {
    background: var(--white);
    border-bottom: 1px solid #ccc;
    min-height: 152px;
    height: 100%;
}

#header .header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header .logo img {
    max-height: 126px;
}

#header nav {
    display: flex;
    align-items: center;
}

#header nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

#header nav ul li {
    position: relative;
}

#header nav ul li .parent-anchor {
    text-decoration: none;
    color: var(--green);
    font-weight: 600;
    display: block;
    height: 150px;
    line-height: 150px;
    font-size: 13px;
    padding: 0 23px;
    position: relative;
    transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

#header .sub-menu {
    position: absolute;
    display: none;
    margin-left: 0;
    background-color: #fff;
    width: 208px;
    z-index: 2;
    padding: 0;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    margin-top: -1px;
    border-top: 2px solid var(--green);
    list-style: none;
}

#header .sub-menu li {
    position: relative;
    padding-left: 0px;
}

#header .sub-menu a {
    height: auto;
    display: block;
    text-align: left;
    line-height: 23px;
    padding: 8px 0px 8px 10px;
    font-size: 12px;
    color: #808080;
    text-decoration: none;
    font-family: inherit;
    background-color: #fff;
    transition: background-color 0.3s ease;
}

#header .sub-menu a:hover {
    background-color: #f8f8f8;
    color: #000;
}

#header nav ul li:hover>.sub-menu {
    display: block;
    top: 100%;
    left: 0;
}

#header .sub-menu li ul {
    display: none;
    position: absolute;
    top: 0;
    right: 100%;
    margin-top: 0;
    border-top: none;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    width: 208px;
    background-color: #fff;
    z-index: 3;
    list-style: none;
    padding: 0;
}

#header .sub-menu li:hover>ul {
    display: block;
}

#header .menu-toggle {
    display: none;
}

#header .serviceanchor:hover {
    border-bottom: 2px solid var(--green);
}


/* =============== BASE STYLES =============== */

.navigation-menu {
    position: relative;
    z-index: 1000;
}

.navigation-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.navigation-menu ul li {
    position: relative;
}

.navigation-menu .parent-anchor {
    text-decoration: none;
    color: #337449;
    font-weight: 600;
    display: block;
    padding: 15px 20px;
    transition: color 0.3s ease;
}

.navigation-menu .parent-anchor:hover {
    color: #00994d;
}

/* =============== MEGA MENU =============== */
.navigation-menu {
    position: relative;
}

.navigation-menu .mega-menu {
    position: absolute;
    top: 100%;
    left: 40%;
    transform: translateX(-60%);
    display: none;
    background: #fff;
    border-top: 2px solid #337449;
    padding: 30px 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    min-width: 1200px;
    z-index: 999;
}

.navigation-menu .mega-menu .flexwrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.navigation-menu .mega-menu.mega-menu-dentist {
    left: -55%;
}

.navigation-menu .mega-menu.servicemegamenu {
        left: -124%;
}

.navigation-menu li:hover>.mega-menu {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* =============== COLUMNS =============== */

.navigation-menu .mega-column {
    flex: 1;
    padding: 0 15px;
    border-right: 1px dotted #ccc;
}

.navigation-menu .mega-column:last-child {
    border-right: none;
}

.navigation-menu .mega-column h4 a {
    font-size: 16px;
    margin-bottom: 12px;
    color: #000;
    text-decoration: none;
}

.navigation-menu .mega-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.navigation-menu .mega-column ul li {
    margin-bottom: 8px;
}

.navigation-menu .mega-column ul li a {
    font-size: 13px;
    color: #666;
    text-decoration: none;
    position: relative;
    padding-left: 10px;
    transition: color 0.3s ease;
}

.navigation-menu .mega-column .inner-anchor {
    padding-left: 15px;
}

.navigation-menu .mega-column ul li a::before {
    content: '›';
    position: absolute;
    left: 0;
    top: -1px;
    color: #66aa66;
    font-weight: bold;
}

.navigation-menu .mega-column ul li a:hover {
    color: darkgreen;
}

@media screen and (max-width: 1400.98px) {
    .navigation-menu .mega-menu {
        transform: translateX(-60%);
    }
}

@media screen and (max-width: 1300.98px) {
    .navigation-menu .mega-menu {
        min-width: 1100px;
        transform: translateX(-59%);
    }
}

@media screen and (max-width: 1200.98px) {
    .navigation-menu .mega-menu {
        min-width: 900px;
        left: 50%;
        transform: translateX(-50%);
    }

    .navigation-menu .mega-menu.mega-menu-dentist {
        left: -38%;
    }
}

@media screen and (max-width: 1024.98px) {
    .navigation-menu .mega-menu {
        min-width: 850px;
        left: 60%;
        transform: translateX(-50%);
    }

    .navigation-menu .mega-menu.mega-menu-dentist {
        left: -30%;
    }
}

@media screen and (max-width: 991.98px) {
    .navigation-menu .mega-menu {
        min-width: 650px;
        left: 60%;
        transform: translateX(-45%);
    }

    .navigation-menu .mega-menu.mega-menu-dentist {
        left: -30%;
    }

    .container {
        padding: 0px 20px;
    }

    #header .logo img {
        max-height: 90px;
    }

    #header nav ul li .parent-anchor {
        padding: 0 13px;
    }
}

@media screen and (max-width: 768.98px) {

    #header {
        background: var(--white);
        border-bottom: 1px solid #ccc;
        min-height: 100%;
        height: 100%;
    }

    #header .logo img {
        max-height: 90px;
        margin-left: -14px;
    }

    #header .menu-toggle {
        display: block;
    }

    #header nav {
        width: 100%;
        display: none;
        flex-direction: column;
    }

    #header nav.active {
        display: flex;
    }

    #header nav ul {
        flex-direction: column;
        gap: 10px;
    }

    #header .mega-menu {
        position: static;
        width: 100%;
        display: none;
        flex-direction: column;
        padding: 10px 0;
    }

    #header nav ul li:hover .mega-menu {
        display: flex;
    }
}

/***************************  Header End  *********************************/

/***************************  Footer Started  *********************************/

.footer {
    background-color: #337449;
    color: white;
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer .footer-inner {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

.footer .footer-inner .footer-column h5 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-top: 10px;
    color: #fff;
}

.footer .footer-inner .footer-column p {
    font-size: 17px;
    line-height: 1.9em;
    color: #fff;
}

.footer .footer-inner .footer-column a {
    color: white;
    text-decoration: none;
}

.footer .footer-inner .footer-icons {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer .footer-inner .footer-icons a {
    margin-right: 15px;
    font-size: 18px;
    color: white;
    transition: color 0.3s ease;
}

.footer .footer-inner .footer-icons a:hover {
    color: #ccc;
}

.navigation-menu .mega-column h4  {
    font-size: 16px;
   margin-bottom: 12px;
    color: #000;
    text-decoration: none;
}

@media (max-width: 768px) {

    .footer {
        padding: 30px 0px;
    }

    .footer-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-column {
        width: 100%;
    }
}


/***************************  Footer End  *********************************/