@import url("root.css");



body.stop-scroll {



  overflow-y: hidden !important;



}



.sticky-navbar.sticky {



  transform: translateY(0);



}





body.modal-open  .sticky-navbar.sticky{
  z-index: 999 !important;
}

.sticky-navbar.sticky {



  position: fixed;



  top: 0;



  width: 100%;



    z-index: 99999;



}





.header-location-div::before {



  content: "";



  display: inline-block;



  width: 2px;



  height: 19px;



  background-color: #000;



  margin: 0 13px;



}



.wps-header-navbar-wrap .header-cta-button a {



  float: left;



}



.custom-btn:hover,
.smileranch-service-pagination li a:hover {



  color: #0D3478 !important;



  border: 2px solid #0D3478 !important;



  background-color: white !important;



  transition: all .5s;



}



.custom-btn:hover {



  color: #0D3478 !important;



  text-decoration: none !important;



  box-shadow: none !important;



}







.sticky-navbar {



  position: fixed;



  top: 0;



  left: 0;



  width: 100%;



  z-index: 99;



  transform: translateY(-110%);



  transition: .2s ease-in-out;



  border: 0;



}



.wp-caption,
.wp-caption-text,
.sticky,
.gallesr-caption,
.alignright,
.alignleft,
.aligncenter,
.bypostauthor {



  color: inherit;



}



.sticky-navbar .sticky-navbar-container {



  background: #fff;



  width: 100%;



  display: flex;



  align-items: center;



  padding: 15px 15px;



  box-shadow: inset 0 0 15px rgba(84, 84, 84, 0), inset 0 0 20px rgba(155, 155, 155, 0), 7px 7px 15px rgba(84, 84, 84, .1), -7px -7px 20px rgba(155, 155, 155, .5), inset 0 0 4px rgba(155, 155, 155, .2);



}







.sticky-navbar .container-fluid {



  display: flex;



  justify-content: space-between;



  align-items: center;



  width: 100%;



}







.sticky-navbar .navbar-brand {



  float: left;



  line-height: inherit;



  white-space: nowrap;



  padding: 0;



}







.navbar-brand {



  padding-top: var(--bs-navbar-brand-padding-y);



  padding-bottom: var(--bs-navbar-brand-padding-y);



  margin-right: var(--bs-navbar-brand-margin-end);



  font-size: var(--bs-navbar-brand-font-size);



  color: var(--bs-navbar-brand-color);



  text-decoration: none;



  white-space: nowrap;



}



.navbar-brand img {



  border-radius: 0px !important;



}







.sticky-right-side {



  display: flex;



  flex-direction: column;



  gap: 10px;



}















.topbar .tobar-inner .topbar-details:last-child:after {



  display: none;







}







.topbar .container-fluid {



  justify-content: end !important;



}







.sticky-navbar .container-fluid {



  display: flex;



  justify-content: space-between;



  align-items: center;



  width: 100%;



}







.topbar .tobar-inner {



  display: flex;



}







.topbar .tobar-inner .topbar-details {



  display: flex;



}







.topbar .tobar-inner .topbar-details a,
.topbar .tobar-inner p {



  font-weight: bold;



  color: #000 !important;



}







.topbar .tobar-inner .topbar-details a {



  display: flex;



  gap: 7px;



  align-items: center;



}



.topbar-details a {



  margin-right: 10px;



}



.fa-solid,
.fas {



  font-weight: 900;



}



.topbar .tobar-inner .topbar-details a,
.topbar .tobar-inner p {



  font-weight: bold;



  color: #000 !important;



}







.topbar .tobar-inner .topbar-details a {



  display: flex;



  gap: 7px;



  align-items: center;



}



.topbar-details a:last-child {



  margin-right: 0px;



}







.topbar .tobar-inner .topbar-details::after {



  content: "";



  display: inline-block;



  width: 2px;



  height: 21px;



  background-color: #000;



  margin: 3px 17px;



}



.topbar .tobar-inner .topbar-details {



  display: flex;



}



.topbar .tobar-inner .topbar-details a,
.topbar .tobar-inner p {



  font-weight: bold;



  color: #000 !important;



}







.sticky-navbar.sticky i {



  color: #0D3478 !important;



}











.topbar .tobar-inner .topbar-details a {



  display: flex;



  gap: 7px;



  font-size: 17px;



  align-items: center;



}



.topbar-details a:last-child {



  margin-right: 0px;



}



.right-header {



  display: flex;



  align-items: center;



  gap: 40px;



}

.sticky-navbar nav.navbar-main {
    display: none !important;
}

.sticky-navbar nav.navbar-main {



  display: flex;



  flex: 1 1 100%;



  justify-content: flex-start;



  float: left;



}



.collapse:not(.show) {



  display: none;



}







.navbar-collapse {



  flex-basis: 100%;



  flex-grow: 1;



  align-items: center;



}



.sticky-navbar nav.navbar-main #main-menu {



  display: inline-block;



  list-style-type: none;



  padding: 0;



  margin: 0;



  width: fit-content;



  margin-left: auto;



}







#main-menu {



  width: 100%;



  height: 100%;



  display: flex;



  align-items: center;



  gap: 1px;



  list-style: none;



  position: relative;



}



.sticky-navbar nav.navbar-main #main-menu>li {



  position: relative;



  display: inline-block;



  margin: 0;



}







.sticky-navbar nav.navbar-main #main-menu>li a:before {



  content: "";



  background-color: #5b77af;



  position: absolute;



  height: 3px;



  display: block;



  clear: both;



  width: 0;



  left: 0;



  bottom: -2px;



  margin-top: 0;



  margin-left: 0;



  z-index: 1;



  transition: all .2s ease-out;



}



.sticky-navbar nav.navbar-main #main-menu>li {



  position: relative;



  display: inline-block;



  margin: 0;



}















.menu-item-has-children a {



  position: relative;



  z-index: 9;



  padding-right: 36px !important;



}



.menu-item-has-children>a {



  position: relative;



}







.sticky-navbar nav.navbar-main #main-menu>li {



  position: relative;



  display: inline-block;



  margin: 0;



}







.menu-item-has-children {



  position: relative;



}



ul li {



  position: relative;



  color: #000;



}







.sticky-navbar nav.navbar-main #main-menu>li {



  position: relative;



  display: inline-block;



  margin: 0;



}







.sticky-navbar nav.navbar-main #main-menu>li a:before {



  content: "";



  background-color: #5b77af;



  position: absolute;



  height: 3px;



  display: block;



  clear: both;



  width: 0;



  left: 0;



  bottom: -2px;



  margin-top: 0;



  margin-left: 0;



  z-index: 1;



  transition: all .2s ease-out;



}



.sticky-navbar .sticky-right-section {



  display: flex;



  align-items: center;



  justify-content: flex-end;



  gap: 40px;



  height: 60px;



  position: relative;



  z-index: 9;



}







.sticky-navbar nav.navbar-main #main-menu>li:hover>ul {



  opacity: 1;



  visibility: visible;



  top: 100%;



  display: block !important;



  z-index: 2;



  padding: 11px;



  border-radius: 10px;



  margin-top: 4px;



  left: -13px;



  margin-left: 15px;



  transform: translateX(-5px);



}







.sticky-navbar nav.navbar-main #main-menu>li:hover>ul {



  opacity: 1;



  visibility: visible;



  top: 100%;



  display: block;



  z-index: 2;



  padding: 3px;



  margin-top: 0;



  left: 0;



  margin-left: 15px;



  transform: translateX(-5px);



}



.sticky-navbar nav.navbar-main #main-menu ul.sub-menu {



  transition-property: all;



  transition-duration: .22s;



  transition-timing-function: ease-in-out;



  transition-delay: 0;



  opacity: 0;



  visibility: hidden;



  position: absolute;



  left: 0;



  top: 100%;



  background: #bfd8ce;



  white-space: nowrap;



  transform: translateX(-1%);



  min-width: 377px;



  width: 100%;



  max-width: 390px;



  display: block;



  margin: 0 0 0 20px;



  box-shadow: 0 0 10px 0 rgba(24, 23, 24, .1);



}



.sticky-navbar nav.navbar-main #main-menu ul.sub-menu {



  transition-property: all;



  transition-duration: .22s;



  transition-timing-function: ease-in-out;



  transition-delay: 0;



  opacity: 0;



  visibility: hidden;



  position: absolute;



  left: 0;



  top: 100%;



  background: #5b77af;



  white-space: nowrap;



  transform: translateX(-1%);



  min-width: 300px;



  width: 100%;



  max-width: 300px;



  display: block;



  margin: 0 0 0 20px;



  box-shadow: 0 0 10px 0 rgba(24, 23, 24, .1);



}



.sticky-navbar nav.navbar-main #main-menu ul {



  list-style: none;



  padding: 0;



  margin: 0;



}



#navbarNavDropdown .menu-item-has-children .sub-menu {



  padding-top: 11px !important;



}



.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li {



  margin-bottom: 0;



}







.sticky-navbar nav.navbar-main #main-menu>li ul li {



  position: relative;



}



#navbarNavDropdown .menu-item-has-children .sub-menu li {



  padding: 0px;



}



.menu-item-has-children .sub-menu li {



  padding: 7px;



  white-space: nowrap;



}



.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li a {



  font-size: 17px;



  padding: 10px 10px 10px 20px;



  line-height: 1.2;



  position: relative;



  transition: all .2s ease-out;



}











.menu-item-has-children a {



  position: relative;



  z-index: 9;



  padding-right: 36px !important;



}



.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li a:hover {



  color: white;



  background-color: #5b719e;
  ;



  border-radius: 6px;



}







.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li a {



  font-size: 17px;



  padding: 10px 10px 10px 20px;



  line-height: 1.2;



  position: relative;



  transition: all .2s ease-out;



}



.sticky-navbar nav.navbar-main #main-menu>li a:hover {



  text-decoration: none;



  color: #5b719e;
  ;



}



.sticky-navbar nav.navbar-main #main-menu>li a {



  display: block;



  font-weight: bold !important;



  letter-spacing: .4px;



  font-size: 17px;



  padding: 1px 10px;



  color: #153476;



  background: 0;



  position: relative;



  white-space: normal;



  text-decoration: none;



  transition: all .3s ease-out;



}



.menu-item-has-children a {



  position: relative;



  z-index: 9;



  padding-right: 36px !important;



}



























































.wps-header-navbar-wrap {}







.wps-header-navbar-wrap {



  width: 100%;



  left: 0;



  top: 0;



  z-index: 5;



  padding: 33px 15px;



}



.header-top-outer {



  display: flex;



  justify-content: space-between;



}



.header-brand-container {



  align-items: center;



  display: flex;



  gap: 15px;







}

.sticky-header-location-tablet {
    display: none;
}
.sticky-header-location .header-brand-container {
    width: 100%;
    flex-direction: row;
    align-items: start;
        gap: 30px;
}

.sticky-header-location * {
    color: var(--bg-blue);
    font-weight: bold;
}
.sticky-navbar.sticky .sticky-header-location .top-get-direction {
    color: var(--bg-blue);
    font-weight: bold;
    font-size: var(--font-size-20);
} 


.sticky-navbar.sticky .sticky-header-location .header-address-wrap {
  order: 2;
}


.header-brand-container {



  width: 24%;



}



.mobile-address-div {



  display: none;



}



.header-brand-container.logo-center {}



.header-right-section {



  width: auto;



}







.sr-footer-logo-right {



  margin-bottom: -24px;



}











.wps-header-navbar-wrap .header-brand-wrap {



  text-align: center;



}



.header-brand {



  width: 300px;



  display: block;



}



.header-brand-wrap img {



  border-radius: 0px !important;



}







.header-brand img {



  position: relative;



}







picture,
img {



  max-width: 100%;



  height: auto;



}







.header-right-section {



  display: flex;



  justify-content: end;



  align-items: center;



  gap: 21px;



}







@media (min-width: 768px) {



  .col-md-8 {



    flex: 0 0 auto;



    width: 66.66666667%;



  }



}







.header-address-wrap-outer {



  display: flex;



  /* align-items: end; */



  gap: 13px;



  flex-direction: column;



}



.header-address-wrap-outer .header-address-wrap {



  display: flex;



}







.header-address-wrap div {



  display: flex;



}







.header-address-wrap a {



  color: #000;



  font-size: 15px;



  display: flex;



  width: fit-content;



  letter-spacing: 1px;



  white-space: nowrap;



  line-height: 13px;



  align-items: center;



  font-weight: 600;



  justify-content: center;



}



.header-address-wrap a i {



  margin-right: 10px;



  font-size: 15px;



}







.fa-solid,
.fas {



  font-weight: 900;



}



.header-address-wrap-outer .header-address-wrap {



  display: flex;



}











.header-address-wrap a {



  color: #ffffff;



  font-size: 15px;



  display: flex;



  width: fit-content;



  letter-spacing: 1px;



  white-space: nowrap;



  line-height: 13px;



  align-items: center;



  font-weight: 600;



  justify-content: center;



}







.phone-link {



  font-size: 20px !important;



}



.wps-header-navbar-wrap .header-cta-button {



  position: relative;



  display: flex;



  gap: 20px;



  align-items: center;



  justify-content: flex-end;







}



.wps-header-navbar-wrap .header-cta-button a {



  float: left;



}



.sticky-right-section .icon.sm-show {



  display: none;



}



/* .sticky-right-section .icon.sm-show svg path {



  fill: #0D3478;



} */



.sticky-right-section .sr-btn:hover svg path {



  fill: #fff;



}



.header-cta-button .icon.sm-show {



  display: none;



}







a {



  text-decoration: none;



}



.custom-btn {



  padding: 17px 19px;



  background-color: #5b77af;



  color: #fff;



  border-radius: 7px;



  font-size: 15px;



  display: flex;



  width: fit-content;



  gap: 10px;



  letter-spacing: 1px;



  white-space: nowrap;



  line-height: 13px;



  align-items: center;



  font-weight: 600;



  justify-content: center;



  border: 2px solid transparent !important;



  text-transform: uppercase;



}



.openbtn {



  font-size: 35px;



  cursor: pointer;



  color: #fff;



  border: none;



}



.openbtn .openbtn-area {



  color: black;



}



.openbtn-area i {



  display: block !important;



  color: #ffffff !important;



}







.header-address-wrap .address a {



  display: flex;



  align-items: baseline !important;



}







.top-get-direction {



  display: flex;



  line-height: 23px;



  color: white;



  font-size: 18px;



  font-weight: 400;



  font-size: var(--font-size-16);



  line-height: var(--line-24);



  color: #fff;



  text-transform: uppercase;



}







.sticky-navbar.sticky .top-get-direction {



  color: #000000;



}







/* menu------------------------------- sidebar--------------------------------------- */







/* * sidebar menu css  ---------------------------------------------- */



*/ .ATA_sidebar__content .header-cta-button a:hover {



  background: #0D3478 !important;



  color: white !important;



  border: 0px !important;



  transition: all 0.5s !important;



}



.sidebar-location {



  padding-left: 28px;



  display: flex;



  flex-direction: column;



  gap: 30px;



  margin-top: 20px;



}



.sidebar-location .header-address-wrap a:hover i,



.sidebar-location .header-address-wrap a:hover span {



  color: #8093ba;



}



.sidebar-location * {



  color: #153476;



  font-weight: bold;



}



.ATA_side-menu {



  transform: translateX(100%);







  transition: all 0.25s linear;



}







.ATA_side-menu.visible {



  transform: translateX(0);







  transition: all 0.25s linear;



}







#navbarNavDropdown .menu-item-has-children .sub-menu {



  padding-top: 11px !important;



}







.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li {



  padding: 0px !important;



  /* margin-top: -9px; */



}







.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li:first-child {



  margin-top: 0px;



}







.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu {



  padding: 0px !important;



}







.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li:last-child {



  /* margin-bottom: -8px; */



}







.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li:hover {



  padding: 0px !important;



  background-color: #6aa886 !important;



}







.sub-menu .header-cta-button a:hover {



  background: #6aa886 !important;



  color: white !important;



  border: 0px !important;



  transition: all 0.5s;



}







.ATA_sidebar__content p {



  font-size: 16px !important;



  color: black !important;



  margin-bottom: 0px;



}







#navbarNavDropdown .menu-item-has-children>a::after {



  content: "\f107";



  font-family: "Font Awesome 5 Free";



  font-weight: 900;



  color: #153476;



  position: absolute;



  right: 17px;



  top: 3px;



  margin-left: -21px;



  transform: rotate(93deg);



  font-size: 15px;



}



















.ATA_sidebar__content {



  width: 100%;







  /*height: 87vh;*/







  margin-bottom: auto;







  margin-top: 30px;



}







.ATA_sidebar__content li {



  position: relative;



  /* This is required to position the pseudo-element correctly */



}















.ATA_sidebar__content li::before {



  display: block;



  content: "";



  position: absolute;



  bottom: 0;



  /* Align the border to the bottom of the li */



  left: 0;



  right: 0;



  border-bottom: solid 3px #0D3478 !important;



  transform: scaleX(0) !important;



  transition: transform 150ms ease-in-out !important;



}







.ATA_sidebar__content li:hover::before {



  transform: scaleX(1);



  /* This will animate the border to full width */



  border-bottom: solid 3px #5b77af;



}







.ATA_sidebar__content li {



  /* display: inline-block; */



  transition: all 0.25s linear;



  /* padding-top: 4px;







    padding-bottom: 4px; */







  /* border-bottom: 2px solid rgba(212, 212, 212, 0.1); */







  width: 100%;







  justify-content: center;







  flex-direction: column;







  position: relative;



}







.ATA_sidebar__content li ul li:last-child {



  border-bottom: 0px !important;



}







.ATA_sidebar__content ul {



  padding-left: 0px !important;



}







.ATA_side-menu #primasr-menu {



  display: flex;



  flex-direction: column;



  padding-left: 0px !important;



}















.menu-item-has-children.open-menu>a::after {



  rotate: 360deg;



}







.menu-item-has-children>a::after {



  font-size: 22px;



  cursor: pointer;



  position: absolute;



  transition: transform 0.3sease-in-out;



}







.ATA_sidebar__content li a,



.ATA_sidebar__content li>div {



  font-weight: bold;



  display: inline-block;



  justify-content: start;



  font-size: 16px;



  text-decoration: none;



  padding: 11px 28px;







  border: none;







  border-radius: 0;







  background: transparent;







  text-transform: none;







  -webkit-transition: all 0.25s;







  transition: all 0.25s;







  cursor: pointer;



  color: #153476;







  width: 100%;







  display: flex;







  gap: 6px !important;







  align-items: baseline;



}







.ATA_sub-menu li {



  border: 0;



}







.ATA_sub-menu li a {



  display: inline-block;







  font-size: 18px;







  padding: 4px;







  border: none;







  border-radius: 0;







  background: transparent;







  text-transform: none;







  -webkit-transition: all 0.25s;







  transition: all 0.25s;







  cursor: pointer;







  color: black;







  width: 100%;







  display: flex;







  padding-left: 25px;



}







.ATA_side-menu .ATA_close-btn {



  margin-left: auto;



}







.ATA_side-menu {



  height: 100vh;



  width: 385px;



  background-color: #e9ecf8;



  position: fixed;



  top: 0;



  right: 0;



  z-index: 999999;



  /* padding: 26px; */



  display: flex;



  flex-direction: column;



  align-items: center;



  overflow: scroll;



  overflow-x: hidden;



}







.ATA_side-menu li:hover a {



  color: white;



  border: 0px !important;



  background: #5b77af;



}







.ATA_side-menu li:hover {



  background-color: #5b77af;



  color: white;



  text-decoration: none !important;



}







.ATA_side-menu li:hover a p {



  color: white !important;



}







.ATA_side-menu li:hover a p {



  color: white;



}







.ATA_side-menu li:hover a {



  color: white;



}







.ATA_side-menu li a i {



  margin-right: 6px;



}







#ATA_global-sidemenu .header-brand {



  background: none !important;



  padding: 0px !important;



  margin: 0px !important;



  padding-left: 28px !important;



}







#ATA_global-sidemenu .sidebar-logo .header-brand {



  margin-right: auto !important;



  justify-content: start;



  margin-left: auto !important;



}







.ATA_side-menu .ATA_close-btn {



  margin-right: auto;



  margin-left: 21px;



  margin-top: 14px;



  cursor: pointer;



  margin-bottom: 40px;



}







.ATA_close-btn img {



  transition: transform 0.2s ease-in-out;



}







.ATA_close-btn:hover img {



  transform: rotate(90deg);



}



.mod-side-menu {



  width: 100% !important;



}



#ATA_global-sidemenu .sidebar-logo .header-brand img {



  margin: 0 auto;



  border-radius: 0;



}







#ATA_global-sidemenu .sidebar-logo {



  width: 100%;



  display: flex;



  justify-content: space-between;



}







#ATA_global-sidemenu .ATA_close-btn img {



  width: 32px;



  height: 32px;



}







.ATA_side-menu li:hover,



.ATA_side-menu li.open-menu {



  background-color: #8093ba;



  color: white;



  text-decoration: none !important;



}







.ATA_side-menu li.open-menu ul li a:hover {



  background-color: #bcc5de !important;



  color: white;



  text-decoration: none !important;



}



.ATA_side-menu li:hover a::after {



  color: #fff;



}



.ATA_side-menu li.open-menu .sub-menu li a,



.ATA_side-menu li.open-menu a {



  color: #fff;



}







.menu-item-has-children.open-menu>a::after {



  rotate: 360deg;



}







.sticky-navbar nav.navbar-main #main-menu>li:hover>ul {



  opacity: 1;



  visibility: visible;



  top: 100%;



  display: block !important;



  z-index: 2;



  padding: 11px;



  border-radius: 10px;



  margin-top: 4px;



  left: -13px;



  margin-left: 15px;



  transform: translateX(-5px);



}







.sticky-navbar nav.navbar-main #main-menu ul.sub-menu {



  transition-property: all;



  transition-duration: 0.22s;



  transition-timing-function: ease-in-out;



  transition-delay: 0;



  opacity: 0;



  visibility: hidden;



  position: absolute;



  left: 0;



  top: 100%;



  background: #d0d5e1;



  white-space: nowrap;



  transform: translateX(-1%);



  min-width: 300px;



  width: 100%;



  max-width: 300px;



  display: block;



  margin: 0 0 0 20px;



  box-shadow: 0 0 10px 0 rgba(24, 23, 24, 0.1);



  margin-top: 0px !important;



}







.hero-section__home {



  height: 100%;



  display: flex;



  justify-content: center;



  align-items: self-end;



}







.banner-section {



  height: 100vh;



  position: absolute;



  width: 100%;



  top: 0;



}







.smileranch-home-banner-info h1 {



  color: white;



}







.wps-header-navbar-wrap .container {



  max-width: 1811px;



}







.logo-center {

  /* justify-content: center; */
}



.style-home {



  height: 100vh;



}



.style-inner {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



}



.smileranch-single-image-banner::after {



  position: absolute;



  content: "";



  width: 100%;



  height: 100vh;



  top: 0;



  left: 0;



  background-color: rgba(51, 79, 68, .5);



}







.wps-header-navbar-wrap {



  position: relative;



  z-index: 99;



}







.smileranch-banner-outer {



  z-index: 99;



  position: relative;



  top: -200px;



}







.sticky-right-section .sr-btn {



  white-space: nowrap;



  background: var(--bg-blue);



  color: #fff;



}



.sticky-right-section .sr-btn svg path {



  fill: #fff;



}







.sticky-right-section .sr-btn::after {



  background: #fff;



}



.header-cta-button .sr-btn {







  border: 2px solid #ffffff;







  color: #ffffff;







}







.header-cta-button .sr-btn svg path {







  fill: white;



}



















.menu-item-has-children:hover>a::after {



  content: "\f107";



  font-family: "Font Awesome 5 Free";
  /* FA 6 */



  font-weight: 900;
  /* solid icon */



}



.menu-item-has-children>a::after {



  content: "\f107";



  font-family: "Font Awesome 5 Free";



  font-weight: 900;



  color: #153476;



  margin-left: -21px;



  right: 17px;



  background-position: center;



  background-repeat: no-repeat;



  background-size: cover;



  rotate: 267deg;



  top: 12px;



  font-size: 17px;



  cursor: pointer;



  position: absolute;



  transition: transform .3s ease-in-out;



}











.ATA_sidebar__content #main-menu .sub-menu li a {



  padding-left: 51px !important;



}



.ATA_side-menu li.open-menu .sub-menu li a,
.ATA_side-menu li.open-menu a {



  color: #fff;



}
.header-modal-call-popup-card {
    padding: 40px 40px 40px 40px;
    position: relative;
    z-index: 9;
}
.header-modal-call-popup-card .header-brand-container {
    width: 100%;
    gap: 20px;
}
.header-modal-call-popup-card .header-brand-container .header-address-wrap-outer {
    display: flex;
    flex-direction: column;
}

.header-call-popup {
    display: none;
}
.header-call-popup .sr-btn {
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 15px;
    cursor: pointer;
}
.header-call-popup .sr-btn svg {
    width: 25px;
    height: 25px;
}
.header-call-popup .sr-btn svg path {
    fill: white;
}
.header-address-wrap-outer .header-address-wrap .top-get-direction {
    font-size: 20px;
    font-weight: bold;
}
.sticky-header-call-popup.header-call-popup .sr-btn {
    border: 2px solid var(--bg-blue);

} 
.sticky-header-call-popup.header-call-popup .sr-btn-new {
  cursor: pointer;
}
.sticky-header-call-popup.header-call-popup .sr-btn-new svg{
    width: 25px;
    height: 25px;
}

.sticky-header-call-popup.header-call-popup .sr-btn-new svg path {
    fill: white;
}