@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');





*,

*::after,

*::after {

  box-sizing: border-box;

  padding: 0;

  margin: 0;

}



:root {

  --font-primary: "Outfit", sans-serif;



  --w-100: 100%;



  /* Color */

  --accent: #018DD7;

  --accent2: #F16432;

  --text-color: #1b3a4a;

  --text-body: #000000;

  --text-white: #ffffff;

  --text-color2: #374349;



  /* Font Size */

  --fz-54: 54px;

  --fz-46: 46px;

  --fz-30: 30px;

  --fz-16: 16px;

  --fz-14: 14px;

  --fz-15: 15px;



  /* Font Weight */



  --fw-400: 400;

  --fw-500: 500;

  --fw-600: 600;

  --fw-700: 700;

  --fw-800: 800;



  /* Line Height */



  --lh-1-75: 1.75;

  --lh-1-7: 1.7em;



  --anim: all 0.3s ease;

}



body {

  font-family: var(--font-primary);

  font-size: 18px;

}



a {

  text-decoration: none;

  color: inherit;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

}



h1 {

  font-weight: var(--fw-700);

  font-size: var(--fz-54);

}



h2 {

  font-size: var(--fw-700);

  font-size: var(--fz-46);

}



h3 {

  font-size: var(--fz-30);

}



.hero-title h1 {

  color: var(--text-white);

  text-align: center;

}



.hero-title h1 span {

  color: var(--accent);

}



.hero-title .so-inner-b-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 30px;

}



.hero-title p {

  font-size: 26px;

  font-weight: var(--fw-400);

  color: var(--text-white);

  text-align: center;

  max-width: 800px;

  margin-left: auto;

  margin-right: auto;

}





.section-title-center {

  text-align: center;

}



.section-title-center h2 {

  font-weight: 600;

  color: var(--text-color);

}



.section-title-center h2 span {

  color: var(--accent);

  font-weight: var(--fw-600);

}



.section-title {

  text-align: left;

}







.section-title .title-eyebrow {

  font-size: 26px;

  font-weight: var(--fw-400);

  color: var(--text-color);

}



.section-title h2 {

  font-weight: var(--fw-600);

  color: var(--text-color);

}



.section-title h2 span {

  color: var(--accent);

  font-weight: var(--fw-600);

}





.si-btn {

  display: inline-block;

  color: var(--text-white);

  border-color: RGBA(255, 255, 255, 0);

  border-radius: 0px;

  font-size: 16px;

  font-weight: var(--fw-500);

  text-transform: uppercase !important;

  position: relative;

  padding: .5em 1em;

  line-height: var(--lh-1-7);

  transition: var(--anim);

  width: max-content;

}



.btn-style1 {

  background-color: var(--accent);

}



.btn-style1:hover {

  background-color: var(--accent2);

}



.btn-style2 {

  background-color: var(--text-color);

}



.btn-style2:hover {

  background-color: var(--accent2);

}



.si-btn::after {

  content: '';

  position: absolute;

  width: 10px;

  height: 100%;

  right: 10px;

  top: 0;

  z-index: 0;

  background-image: url('../images/arrow-right.svg');

  background-repeat: no-repeat;

  background-position: center;

  transition: var(--anim);

  opacity: 0;

}







.si-btn:hover {

  padding-right: 30px;

  transition: var(--anim);

}



.si-btn:hover::after {

  opacity: 1;

}







/* Header Start */



.header-main {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 99;

}



.sticky-navbar.sticky {

  transform: translateY(0);

}



.sticky-navbar.sticky {

  position: fixed;

  top: 0;

  width: var(--w-100);

  z-index: 999;

}



.header-location-div::before {

  content: "";

  display: inline-block;

  width: 2px;

  height: 19px;

  background-color: var(--text-body);

  margin: 0 13px;

}



.custom-btn:hover {

  border: 2px solid var(--text-body);

  text-decoration: none;

  box-shadow: none;

  color: var(--text-body);

  background-color: var(--text-white);

  transition: all 0.5s;

}







.sticky-navbar {

  position: fixed;

  top: 0;

  left: 0;

  width: var(--w-100);

  z-index: 99;

  transform: translateY(-110%);

  transition: 0.2s ease-in-out;

  border: 0;

}







.sticky-navbar .sticky-navbar-container {

  background: var(--text-white);

  width: var(--w-100);

  display: flex;

  align-items: center;

  padding: 6px 0;

  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, 0.1),

    -7px -7px 20px rgba(155, 155, 155, 0.5),

    inset 0 0 4px rgba(155, 155, 155, 0.2);

}



.sticky-navbar .container-fluid {

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: var(--w-100);

}



.sticky-navbar .navbar-brand {

  float: left;

  /* margin-right: 30px; */

  line-height: inherit;

  white-space: nowrap;

  padding: 0;

  width: 180px;

}



.navbar-brand {

  text-decoration: none;

  white-space: nowrap;

}



.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;

}



.topbar .tobar-inner {

  display: flex;

}



.topbar .tobar-inner .topbar-details {

  display: flex;

}



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

.topbar .tobar-inner p {

  font-weight: 500;

  color: var(--text-body);

}



.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-details a:last-child {

  margin-right: 0px;

}



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

  content: "\f107";

  font: var(--fa-font-solid);

  color: #fff;

  right: 16px;





  rotate: 267deg;

  top: 15px;





  cursor: pointer;

  position: absolute;

  transition: transform 0.3s ease-in-out;

}







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

  content: "";

  display: inline-block;

  width: 2px;

  height: 21px;

  background-color: var(--text-body);

  margin: 3px 17px;

}



.right-header {

  display: flex;

  align-items: center;

  gap: 15px;

}



.sticky-navbar nav.navbar-main {

  display: flex;

  flex: 1 1 var(--w-100);

  justify-content: flex-start;

  float: left;

}



.collapse:not(.show) {

  display: none;

}



.navbar-collapse {

  flex-basis: var(--w-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: var(--w-100);

  height: var(--w-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 {

  display: block;

  font-weight: 600;

  letter-spacing: 0.4px;

  font-size: 16px;

  padding: 9px 10px;

  color: var(--text-color);

  background: 0;

  position: relative;

  white-space: normal;

  text-decoration: none;

  transition: all 0.3s ease-out;

}



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

  opacity: 1;

  visibility: visible;

  top: var(--w-100);

  display: block !important;

  z-index: 2;

  padding: 11px;

  margin-top: 4px;

  left: -13px;

  margin-left: 15px;

  transform: translateX(-5px);

}



.menu-item-has-children>a {

  position: relative;

}



.menu-item-has-children {

  position: relative;

}



ul li {

  position: relative;

  color: var(--text-body);

}



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

  content: "";

  background-color: var(--text-body);

  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 0.2s ease-out;

}



.sticky-navbar .sticky-right-section {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 20px;

  height: 60px;

}



.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: var(--w-100);

  background: #bfd8ce;

  white-space: nowrap;

  transform: translateX(-1%);

  min-width: 377px;

  width: var(--w-100);

  max-width: 390px;

  display: block;

  margin: 0 0 0 20px;

  box-shadow: 0 0 10px 0 rgba(24, 23, 24, 0.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;

}



.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;

}



.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: var(--text-white);

  background-color: var(--accent);

}



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

  font-size: 16px;

  color: var(--text-white);

  padding: 10px 10px 10px 20px;

  line-height: 1.2;

  position: relative;

  transition: all 0.2s ease-out;

}



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

  text-decoration: none;

  color: var(--text-body);

}



.wps-header-navbar-wrap {

  width: var(--w-100);

  left: 0;

  top: 0;

  z-index: 5;

  padding: 8px 0;

}



.header-address-wrap-icon {

  display: none !important;

}



.si-btn-icon {

  display: none !important;

}



/* .wps-inner-header-nav-content{

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

} */



.wps-inner-header-nav-content {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-template-rows: auto;

  align-items: center;

}



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

  margin-left: auto;

  margin-right: auto;

}



.h-location {

  display: flex;

  flex-direction: column;

  gap: 5px;

}



.h-location a {

  color: var(--text-white);

  font-size: 18px;

  text-transform: uppercase;

  display: flex;

  align-items: center;

  gap: 5px;

  transition: var(--anim);

}



.h-location a:hover {

  color: var(--accent);

  transition: var(--anim);

}



.h-location a span {

  color: #fff;

}





.wps-header-navbar-wrap .container {

  max-width: 1645px;

  width: 100%;

}



.header-brand-container {

  align-items: center;

  display: flex;

}



@media (min-width: 768px) {

  .col-md-4 {

    flex: 0 0 auto;

    width: 33.33333333%;

  }

}



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

  text-align: center;

}



.header-brand {

  width: 200px;

  display: block;

}



.header-brand img {

  position: relative;

}





picture,

img {

  max-width: var(--w-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: var(--text-body);

  font-size: 20px;

  display: flex;

  width: fit-content;

  letter-spacing: 1px;

  white-space: nowrap;

  line-height: 13px;

  align-items: center;

  font-weight: 500;

  justify-content: center;

}



.header-address-wrap a i {

  margin-right: 10px;

}



.fa-solid,

.fas {

  font-weight: 900;

}



.phone-link {

  font-size: 20px;

  display: flex;

  gap: 10px;

  align-items: center;

  color: var(--text-white) !important;

}



.phone-link span {

  background-color: var(--accent);

  padding: 14px;

  display: flex;

  align-items: center;

  color: #fff;

}



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

  position: relative;

  display: flex;

  gap: 20px;

  align-items: center;

  justify-content: flex-end;

  flex: 0 1 calc(25% - 15px);

}



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

  float: left;

}



a {

  text-decoration: none;

}



.custom-btn {

  padding: 17px 19px;

  background-color: var(--text-body);

  color: var(--text-white);



  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;

  text-transform: uppercase;

}



.openbtn {

  font-size: 35px;

  cursor: pointer;

  color: var(--text-white);

  border: none;

}



.openbtn .openbtn-area {

  color: var(--text-white);

  display: flex;

}



.openbtn-area i {

  display: block;

  color: var(--text-body);

}







.header-top-bar {

  background-color: var(--accent);

  padding: 8px 0;

}



.header-top-bar p {

  margin-bottom: 0;

  padding-bottom: 0;

  color: var(--text-white);

  text-align: center;

  font-weight: var(--fw-400);

}



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



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

.custom_sidebar__content .header-cta-button a:hover {

  background: var(--accent);

  color: var(--text-white);

  border: 0px;

  transition: all 0.5s;

}



ul {

  list-style: none;

}



.custom_side-menu.visible {

  transform: translateX(0);

  transition: all 0.25s linear;

}



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

  padding-top: 11px;

}



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

  background-color: #7da392;

}







li.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu>a {

  background-color: #618578;

}





li.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu .sub-menu li:hover a {

  background-color: #618578;

}



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

  padding: 0px;

}



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

  margin-top: 0px;

}



.custom_side-menu .menu-header-container .menu-item-has-children .sub-menu a {



  padding-left: 45px;

}





.custom_side-menu .menu-header-container .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu a {



  padding-left: 57px;

}



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

  padding: 2px 0px 0px 0px;

  list-style: none;



}



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

  padding: 0px;



}







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

  background: #6aa886;

  color: var(--text-white);

  border: 0px;

  transition: all 0.5s;

}



.custom_sidebar__content p {

  font-size: 16px;

  color: var(--text-white);

  margin-bottom: 0px;

}



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

  content: "\f107";

  font-family: "Font Awesome 5 Free";

  color: var(--text-body);

  font-size: 16px;

  rotate: 360deg;



}



.side-menu-layer {

  width: 100vw;

  height: 100vh;

  position: fixed;

  top: 0;

  left: 0;

  background-color: #00000063;

  z-index: 999;

  display: none;

}









.custom_sidebar__content {

  width: 100%;

  margin-bottom: auto;

  margin-top: 30px;

}





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



  color: var(--text-white);



}







.custom_sidebar__content li:hover::before {

  transform: scaleX(1);

  border-bottom: solid 3px var(--accent);

}





.custom_sidebar__content li {

  transition: all 0.25s linear;

  width: 100%;

  justify-content: center;

  flex-direction: column;

  position: relative;

}



.custom_sidebar__content li ul li:last-child {

  border-bottom: 0px;

}



.custom_sidebar__content ul {

  padding-left: 0px;

}



.custom_side-menu #primary-menu {

  display: flex;

  flex-direction: column;

  padding-left: 0px;

}



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

  color: var(--text-white);

}



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

  rotate: 360deg;

}







.custom_sidebar__content li a,

.custom_sidebar__content li>div {

  display: inline-block;

  justify-content: start;

  font-size: 16px;

  text-decoration: none;

  padding: 11px 28px;

  border: none;

  background: transparent;

  text-transform: none;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

  cursor: pointer;

  color: var(--text-white);

  width: 100%;

  display: flex;

  gap: 6px;

  align-items: baseline;

  font-weight: var(--fw-400);

}



.custom_sub-menu li {

  border: 0;

}



.custom_sub-menu li a {

  display: inline-block;



  font-size: 18px;



  padding: 4px;



  border: none;







  background: transparent;



  text-transform: none;



  -webkit-transition: all 0.25s;



  transition: all 0.25s;



  cursor: pointer;



  color: var(--text-body);



  width: 100%;



  display: flex;



  padding-left: 25px;

}



body.stop-scroll {

  overflow: hidden;

}







.custom_side-menu {

  transform: translateX(100%);

  transition: all 0.25s linear;

  height: 100vh;

  width: 397px;

  background-color: var(--text-color);

  position: fixed;

  top: 0;

  right: 0;

  z-index: 999999;

  /* padding: 26px; */

  display: flex;

  flex-direction: column;

  align-items: center;

  overflow: scroll;

  overflow-x: hidden;

}



.custom_side-menu li:hover a {

  color: var(--text-white);

  border: 0px;

  background: var(--accent);

}



.sub-menu .menu-item-has-children.open-menu li:hover a {

  color: var(--text-white);

  border: 0px;

  background: var(--accent);

}



.custom_side-menu li:hover {

  background-color: var(--accent);

  color: var(--text-white);

  text-decoration: none;

}



.custom_side-menu li:hover a p {

  color: var(--text-white);

}



.custom_side-menu li:hover a p {

  color: var(--text-white);

}





.custom_side-menu li a i {

  margin-right: 6px;

}



#custom_global-sidemenu .header-brand {

  background: none;

  padding: 0px;

  margin: 0px;

}



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

  margin-right: auto;

  justify-content: start;

  margin-left: auto;

}



.custom_side-menu .custom_close-btn {

  margin-right: auto;

  margin-left: 21px;

  margin-top: 14px;

  /* margin-left: auto; */

  cursor: pointer;

  margin-bottom: 40px;

  color: var(--text-white);

}



.custom_close-btn img {

  transition: transform 0.2s ease-in-out;

}



.custom_close-btn:hover img {

  transform: rotate(90deg);

}



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

  width: 100%;

  margin: 0 auto;



}



#custom_global-sidemenu .sidebar-logo {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



#custom_global-sidemenu .custom_close-btn img {

  width: 32px;

  height: 32px;

}



.custom_side-menu li:hover,

.custom_side-menu li.open-menu {

  background-color: var(--accent);

  color: var(--text-white);

  text-decoration: none;



}



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

  background-color: var(--text-white);

  color: var(--text-color);

  text-decoration: none;

}



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

.custom_side-menu li.open-menu a {

  color: var(--text-white);

}





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

  opacity: 1;

  visibility: visible;

  top: 100%;

  display: block;

  z-index: 2;

  padding: 11px;



  margin-top: 0px;

  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: var(--text-color);

  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, 0.1);

}



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

  background: #7ba392;

}



/* Header End */



/* Hero Section Start */

.so-hero {

  position: relative;

  overflow: hidden;

}



.so-hero-bg {

  position: absolute;

  bottom: -130px;

  right: -74px;

  width: 800px;

  z-index: 1;

  opacity: 0.2;

}



.so-hero-bg img {

  width: 100%;

}



.so-hero-video {

  position: absolute;

  inset: 0;

}



.so-hero-video::after {

  position: absolute;

  content: '';

  inset: 0;

  background-color: #1b3a4a42;

}



.so-hero-video video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.so-hero-wrapper {

  min-height: 100dvh;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: end;

  padding-bottom: 80px;

  padding-top: 200px;

  position: relative;

  gap: 12px;

  z-index: 1;

}



/* Hero Section End */



/* ---------- Home Page Cards Section Strat --------- */



.so-home-cards-section .section-title-center {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  gap: 12px;

  margin-bottom: 54px;

}



.so-home-cards-section .section-title-center h2 {

  line-height: 50px;

}



.so-home-cards-section .section-title-center p {

  font-size: 18px;

  line-height: 27px;

}



.so-home-cards-detail h3 {

  font-size: 30px;

  line-height: 30px;

  /* font-weight: 800; */

  color: var(--accent);

  margin-bottom: 10px;

}



.so-home-single-card {

  display: flex;

  flex-direction: column;

  align-items: center;

  /* justify-content: center; */

  text-align: center;

  gap: 30px;

}



.so-home-cards-wrapper {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-template-rows: auto;

  column-gap: 59px;

  row-gap: 27px;

  margin-top: 50px;

}



.so-home-cards-wrapper .so-service-img {

  width: 100%;

  height: 350px;

}



.so-service-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-top-left-radius: 130px;

}



.so-home-crad-more-button {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 20px;

}



.so-home-cards-detail p {

  font-size: 16px;

}







/* ---------- Home Page Cards Section End --------- */



/* Right Image Left Content Section Start */



.pt-60 {

  padding-top: 60px;

}



.pb-60 {

  padding-bottom: 60px;

}



.rilc-wrapper {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: auto;

  gap: 200px;

}



.line {

  width: 100%;

  height: 4px;

  /* background-color: var(--text-color); */

  margin: 20px 0;

  position: relative;

}



.line::after {

  content: '';

  background-color: var(--text-color);

  position: absolute;

  top: 50%;

  left: 0;

  height: 4px;

  width: 100%;

  transform: translateY(-50%);

}



.right-img-left-content .container-fluid {

  max-width: 1920px;

  width: 100%;

}



.right-img-left-content .container-fluid {

  padding: 0;

}



/* .right-img-left-content .rilc-left-inner{

  max-width: 650px;

} */



.right-img-left-content .rilc-left-inner .section-title {

  max-width: 650px;

  margin-left: auto;

  /* margin-right: auto; */

}



.rilc-content {

  max-width: 650px;

  width: 100%;

  margin-left: auto;

  /* margin-right: auto; */

}



.rilc-left {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.right-img-left-content .rilc-left-inner line {

  width: 100%;

}





.rilc-right-inner {

  width: 100%;

  border-top-left-radius: 130px;

  overflow: hidden;

  position: relative;

}







.play-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.play-icon button {

  width: 150px;

  height: 150px;

  border: none;

  background: transparent;

  outline: none;

  transition: var(--anim);

}



.play-icon button:hover {

  width: 170px;

  height: 170px;

  transition: var(--anim);

}



.rilc-right-inner img {

  object-fit: cover;

  width: 100%;

}





/* Right Image Left Content Section End */



/* Right content left image section Start */



.rcli-wrapper {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: auto;

  gap: 200px;

}



.right-content-left-image .container-fluid {

  padding: 0;

}



.rcli-left .rcli-left-inner {

  width: 100%;

  border-top-right-radius: 130px;

  overflow: hidden;

}



.rcli-left .rcli-left-inner img {

  width: 100%;

  object-fit: cover;

}



.rcli-right {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.rcli-right-inner .section-title {

  max-width: 650px;

  margin-right: auto;

}



.rcli-right-inner .rcli-content {

  max-width: 650px;

  margin-right: auto;

}



.rcli-content a,

.rilc-content a {

  margin-top: 10px;

}



/* Right content left image section End */



.modal-content {

  border-radius: 0;

}



.modal-body {

  position: relative;

  padding: 10px;

}



.modal-body iframe {

  width: 100%;

  aspect-ratio: 16/9;

}



.btn-close {

  position: absolute;

  top: 0;

  right: 0;

  width: 20px;

  height: 20px;

  background-color: var(--accent);

  font-size: 16px;

  color: #fff;

  border-radius: 0;

  opacity: 1;

}



.btn-close:hover {

  opacity: 1;

}





/* Review Slider Section Start */



.so-review-section {

  background-color: #ade9ff !important;

}



.so-review-wrapper {

  padding-top: 40px;

  max-width: 1040px;

  margin-left: auto;

  margin-right: auto;

}



.so-review-card span {

  text-align: center;

  width: 100%;

  display: flex;

  justify-content: center;

  margin-bottom: 10px;

  color: var(--accent);

}



.so-review-bottom {

  width: 100%;

  position: relative;

  top: -1px;

}



.so-review-bottom img {

  width: 100%;

  height: 100px;

}



.so-review-card .so-review {

  text-align: center;

}



.so-review-card .so-r-user {

  margin-top: 50px;

  text-align: center;

}



.so-review-section .swiper-pagination {

  position: static;

  margin-top: 40px;

}



.so-review-section .swiper-pagination .swiper-pagination-bullet {

  width: 40px;

  height: 2px;

  border-radius: 0;

  margin: 0 2px;

}



.so-review-btn {

  margin-top: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

}



/* Review Slider Section End */



/* ---------- CTA Section Start ---------- */

.so-cta-section {

  padding: 84px 0;

  background-color: #ADE9FF;

}



.so-cta-section .section-title {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

}



.so-cta-section .section-title h2 {

  margin-bottom: 10px;

}







.so-cta-section .section-title p {

  font-size: 18px;

  line-height: 27px;

  font-weight: 500;

  margin: 0px;

}



.so-cta-section .section-title p:last-child {

  margin-bottom: 0;

}



.so-cta-sec-btn {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  row-gap: 20px;

  align-items: center;

  gap: 38px;

  margin-top: 30px;

}



.bg-white {

  background-color: var(--text-white) !important;

}



/* ---------- CTA Section End ---------- */





/* -------- Home FAQs Section Start ----------- */

.pt-89 {

  padding-top: 89px;

}



.pb-89 {

  padding-bottom: 89px !important;

}



.so-home-faq-sec {

  background-color: var(--accent);

}



.so-home-faq-sec .section-title {

  margin-bottom: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}



.so-home-faq-sec .accordion-button::after {

  background-image: url('../images/home/down-arrow.svg');

  transition: all 0.55s ease;



}



.so-home-faq-sec .accordion-button {

  transition: all 1s ease !important;

  background-color: var(--text-color);

  color: #fff;

  font-size: 20px;

  line-height: 20px;

  font-weight: 500;

}



.so-home-faq-sec .accordion-item {

  border-bottom: none;

  background: var(--text-color) !important;

}



.so-home-faq-sec .accordion {

  display: flex;

  flex-direction: column;

  gap: 20px;

}



.so-home-faq-sec .accordion-button:focus {

  box-shadow: none;

}



.so-home-faq-sec .accordion-button {

  padding: 20px;

  font-size: 18px;

  font-weight: var(--fw-400);

  gap: 10px;

}



.so-home-faq-sec .accordion-collapse {

  background: var(--text-color) !important;

}



.so-home-faq-sec .accordion-body {

  color: var(--text-white);

  padding-top: 0;

  font-size: 16px;

  font-weight: var(--fw-400);

}



.so-faq-wrapper {

  max-width: 1040px;

  margin-left: auto;

  margin-right: auto;

}



/* -------- Home FAQs Section End ----------- */



/* Inner Banne Start */



.sp-inner-banner {

  position: relative;

  background-color: gray;

}



.inner-banner-small .so-inner-b-wrapper {

  min-height: 50dvh;

}



.inner-banner-bg {

  position: absolute;

  inset: 0;

}



.inner-banner-bg::after {

  position: absolute;

  content: '';

  inset: 0;

  background-color: #1b3a4a80;

}



.inner-banner-bg video {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



.so-inner-b-wrapper {

  min-height: 100dvh;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  z-index: 1;

}



.so-inner-b-wrapper .hero-title {

  /* margin-top: 80px; */

  padding-top: 220px;

  padding-bottom: 60px;

}



.so-inner-b-wrapper .hero-title p {

  max-width: 1040px;

  margin-left: auto;

  margin-right: auto;

}



/* Inner Banne End */



/* ---------- What Are Clear Aligners Section Start --------- */

.so-clear-align-title-sec {

  padding-top: 80px;

  padding-bottom: 20px;

}



.so-clear-align-title-sec .section-title {

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-template-rows: auto;

  gap: 60px;

}



.so-clear-align-title-sec .section-title h2 {

  font-size: 55px;

  line-height: 55px;

}



.so-clear-align-title-sec .section-title p {

  font-size: 20px;

  line-height: 27px;

  color: rgb(0, 0, 0);

}



/* ---------- What Are Clear Aligners Section End --------- */



/* ---------- Ortho Service Image Content Section Start ---------- */

.so-single-service-img-co {

  display: grid;

  grid-template-columns: 0.43fr 2fr;

  grid-template-rows: auto;

  gap: 70px;

  border-bottom: 1px solid var(--accent);

  padding-top: 50px;

  padding-bottom: 20px;

}



.so-single-service-img-co img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.so-service-inner-content h3 {

  font-size: 35px;

  line-height: 35px;

  color: rgb(34, 40, 50);

}



.so-service-inner-content p {

  font-size: 18px;

  line-height: 27px;

}



.so-service-inner-content {

  display: flex;

  flex-direction: column;

  gap: 42px;

}



.so-single-service-img-co:last-child {

  border-bottom: none;

}



/* ---------- Ortho Service Image Content Section End ---------- */



/* ---------- Video Section Start ---------- */

.so-video-wrapper {

  max-width: 1080px;

  height: 607px;

  margin: 0 auto;

  border-top-right-radius: 200px;

  overflow: hidden;

}



.so-video-wrapper video {

  object-fit: cover;

  width: 100%;

  height: 100%;

}



/* ---------- Video Section End ---------- */



/* Team Start */



.so-team-grid {

  margin-top: 60px;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-template-rows: auto;

  gap: 60px;

}



.team-card .team-img {

  border-top-left-radius: 132px;

  overflow: hidden;

  position: relative;

}



.team-card .team-img .team-btn-overlay {

  position: absolute;

  inset: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #018dd75c;

  opacity: 0;

  transition: var(--anim);

  cursor: pointer;

}



.team-card .team-img:hover .team-btn-overlay {

  opacity: 1;

  transition: var(--anim);

}



.team-card .team-img .team-btn-overlay button {

  border: 0;

  outline: 0;

  background: transparent;

  color: var(--text-white);

  font-size: 26px;

  font-weight: var(--fw-600);

}



.team-card .team-img img {

  width: 100%;

  aspect-ratio: 4/4;

}



.team-card .team-title {

  margin-top: 20px;

  text-align: center;

  font-size: 22px;

}



.team-card .team-position {

  text-align: center;

  font-size: 16px;

  font-weight: var(--fw-400);

  margin-top: 5px;

}



#bio-popup .modal-body,
.singteam .modal-body {

  padding: 0;

}



#bio-popup .modal-body .bio-wrapper,
.singteam .modal-body .bio-wrapper {

  display: grid;

  grid-template-columns: 1fr 2fr;

  grid-template-rows: auto;

  gap: 30px;

  padding: 40px 40px;

  background-color: var(--text-color);

}



#bio-popup .modal-body .bio-wrapper .bio-img img,
.singteam .modal-body .bio-wrapper .bio-img img {

  aspect-ratio: 4/4;

}



#bio-popup .modal-body .bio-wrapper .bio-content,
.singteam .modal-body .bio-wrapper .bio-content {

  display: flex;

  flex-direction: column;

  gap: 5px;

}



#bio-popup .modal-body .bio-wrapper .bio-content h2,
.singteam .modal-body .bio-wrapper .bio-content h2 {

  color: var(--text-white);

}



#bio-popup .modal-body .bio-wrapper .bio-content h3,
.singteam .modal-body .bio-wrapper .bio-content h3 {

  color: #ADE9FF;

}



#bio-popup .modal-body .bio-wrapper .bio-content p,
.singteam .modal-body .bio-wrapper .bio-content p {

  color: var(--text-white);

  font-size: 16px;

  margin-top: 10px;

}



/* Team End */





/* ---------- Home Lifestyle Banner Section Start --------- */

.so-home-lifestyle-banner-sec {

  padding: 89px 0;

  background-color: var(--text-color);

  position: relative;

  overflow: hidden;

}



.cta-bg {

  position: absolute;

  inset: 0;

}



.so-home-lifestyle-banner-sec .container {

  position: relative;

  z-index: 1;

}



.cta-bg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.so-home-lifestyle-banner-sec .section-title h2 {

  margin-bottom: 10px;

  color: var(--text-white);

}



.so-home-lifestyle-banner-sec .section-title p {

  font-size: 18px;

  line-height: 27px;

  margin-bottom: 0;

  color: var(--text-white);

}



.so-home-cta{

  margin-top: 20px;

}



.so-home-lifestyle-banner-sec .section-title {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  gap: 10px;

}



.so-home-cta {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 20px;

}



/* ---------- Home Lifestyle Banner Section End --------- */



.rcli-content .accordion {

  display: flex;

  flex-direction: column;

  gap: 25px;

}



.rcli-content .accordion .accordion-item {

  border-radius: 0 !important;

  border: 1px solid var(--accent);

}



.rcli-content .accordion .accordion-header .accordion-button {

  border-radius: 0;

  font-size: 26px;

  gap: 12px;

  color: var(--text-color);

}



.rcli-content .accordion .accordion-header .accordion-button:focus {

  box-shadow: none;

}



.rcli-content .accordion-button:not(.collapsed) {

  background-color: transparent;

}



.rcli-content .accordion-body {

  padding-top: 0;

}



.rcli-content .accordion-button::after {

  background-image: url('../images/plus-circle.svg');

}



.rcli-content .accordion-button:not(.collapsed)::after {

  background-image: url('../images/minus-circle.svg');

}



.rcli-content ul {

  list-style: disc;

  padding-left: 1.4rem;

}







.rilc-content .accordion {

  display: flex;

  flex-direction: column;

  gap: 25px;

}



.rilc-content .accordion .accordion-item {

  border-radius: 0 !important;

  border: 1px solid var(--accent);

}



.rilc-content .accordion .accordion-header .accordion-button {

  border-radius: 0;

  font-size: 26px;

  gap: 12px;

  color: var(--text-color);

}



.rilc-content .accordion .accordion-header .accordion-button:focus {

  box-shadow: none;

}



.rilc-content .accordion-button:not(.collapsed) {

  background-color: transparent;

}



.rilc-content .accordion-body {

  padding-top: 0;

}



.rilc-content .accordion-button::after {

  background-image: url('../images/plus-circle.svg');

}



.rilc-content .accordion-button:not(.collapsed)::after {

  background-image: url('../images/minus-circle.svg');

}





.so-faq-v2-wrapper {

  margin-top: 50px;

}



.so-faq-v2-wrapper .accordion {

  display: flex;

  flex-direction: column;

  gap: 25px;

}



.so-faq-v2-wrapper .accordion .accordion-item {

  border-radius: 0 !important;

  border: 1px solid var(--accent);

}



.so-faq-v2-wrapper .accordion .accordion-header .accordion-button {

  border-radius: 0;

  font-size: 26px;

  gap: 12px;

  color: var(--text-color);

}



.so-faq-v2-wrapper .accordion .accordion-header .accordion-button:focus {

  box-shadow: none;

}



.so-faq-v2-wrapper .accordion-button:not(.collapsed) {

  background-color: transparent;

}



.so-faq-v2-wrapper .accordion-body {

  padding-top: 0;

}



.so-faq-v2-wrapper .accordion-button::after {

  background-image: url('../images/plus-circle.svg');

}



.so-faq-v2-wrapper .accordion-button:not(.collapsed)::after {

  background-image: url('../images/minus-circle.svg');

}



.pp-wrapper h4 {

  margin-bottom: 0.5rem;

  font-size: 24px;

  font-weight: var(--fw-400);

}



.rilc-content ul,

.accordion-body ul {

  padding-left: 1.4rem;

  list-style: disc;

}





/* ---------- Accessibility Section Start ------------- */

.so-acc-section {

  padding: 54px 0;

}



.so-acc-sec-wrapper {

  max-width: 1080px;

  margin: 0 auto;

}



.so-acc-sec-wrapper h2 {

  font-size: 38px;

  font-weight: 400;

  color: rgb(33, 37, 41);

  margin-bottom: 12px;

  margin-top: 24px;

}



.so-acc-sec-wrapper h3 {

  font-size: 25px;

  font-weight: 400;

  color: rgb(33, 37, 41);

  margin-bottom: 12px;

  margin-top: 20px;

}



.so-acc-sec-wrapper ul {

  padding-left: 20px;

  list-style-type: disc !important;

}



.so-acc-sec-wrapper p a,

.so-acc-sec-wrapper ul li a {

  color: var(--accent2);

}



.so-acc-sec-wrapper p {

  line-height: 27px;

}



/* ---------- Accessibility Section End ------------- */





/* -------- Doctor Form Section Start ----------- */

.so-doctor-form-sec {

  padding: 80px 0;

}



/* -------- Doctor Form Section End ----------- */





/* -------- Sitemap Page List Section Start -------- */

.so-sitemap-section {

  padding-top: 54px;

  padding-bottom: 54px;

}



.so-sitemap-sec-wrapper {

  max-width: 1080px;

  margin-left: auto;

  margin-right: auto;

}



.so-sitemap-sec-wrapper ul {

  padding-left: 0;

  margin-bottom: 0;

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.so-sitemap-sec-wrapper ul li a {

  color: var(--accent2);

  font-size: 16px;

  line-height: 27px;

  font-weight: 500;

}



/* -------- Sitemap Page List Section End -------- */





/* ---------- BLog Section Start ------------- */

.so-blog-section {

  padding: 80px 0;

}



.so-blog-detail {

  padding: 20px 20px;

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.so-blog-detail h2 {

  font-size: 22px;

  /* line-height: 30px; */

  font-weight: 600;

  color: rgb(34, 40, 50);

}



.so-blog-card-img a {

  width: 100%;

  height: 250px;

  object-fit: cover;

}



.so-blog-card-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.so-blog-detail p {

  overflow: hidden;

  display: -webkit-box;

  display: box;

  /* optional fallback */

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  line-clamp: 4;

  /* Future standard */

  margin-bottom: 0;

}



.so-single-blog-card {

  border: 1px solid #d8d8d8;

  transition: var(--anim);

}

.so-blog-card-img {
    height: 300px;
    object-fit: cover;
}

.so-single-blog-card:hover{

  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

  transition: var(--anim);

}



.so-blog-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-template-rows: auto;

  column-gap: 30px;

  row-gap: 50px;

}



.so-blog-detail span{

  font-size: 14px;

}







/* ---------- BLog Section End ------------- */





/* ---------- Location Section Start ---------- */

.so-location-section {

  padding: 80px 0;

}



.so-location-section .section-title h2 {

  /* font-size: 55px;

  line-height: 55px; */

  color: rgb(27, 58, 74);

  margin-bottom: 30px;

}



.so-location-detail ul,

.so-location-hours ul {

  padding-left: 0;

  margin-bottom: 0;

  list-style-type: none;

}



.so-location-detail ul li,

.so-location-hours ul li {

  font-size: 18px;

  line-height: 27px;

}



.so-location-sec-wrapper {

  display: grid;

  grid-template-columns: 2fr 1fr;

  grid-template-rows: auto;

  margin-bottom: 30px;

  gap: 50px;

}



/* ---------- Location Section End ---------- */







/* ---------- Map Section Start ---------- */

.so-map-sec {

  padding-top: 80px;

  padding-bottom: 54px;

}



.so-map-sec .section-title h2 {

  margin-bottom: 30px;

}



.so-map-sec-all-detail ul {

  padding-left: 0;

  list-style-type: none;

  margin-bottom: 0;

  margin-bottom: 50px;

}



.so-map-sec-all-detail ul li {

  font-size: 18px;

  line-height: 27px;

}



.so-map-sec-all-detail ul li:nth-child(1) {

  margin-bottom: 20px;

}

.so-location-detail ul li:nth-child(1) {
  margin-bottom: 20px;
}

.so-map-sec-all-detail ul li:nth-child(4) {

  margin-bottom: 20px;

}



.so-map-sec-wrapper {

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-template-rows: auto;

  gap: 60px;

}



.so-map-area iframe {

  width: 100%;

  height: 100%;

}



/* ---------- Map Section End ---------- */





/* ---------- Simple Content Section Start ---------- */

.so-simple-content-sec-wrapper {

  padding: 80px 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  gap: 40px;



}



.so-simple-content-sec-wrapper h3 {

  font-size: 28px;

  line-height: 28px;

  color: rgb(34, 40, 50);

}



.so-simple-content-sec-wrapper p {

  font-size: 16px;

  line-height: 27px;

  color: rgb(34, 40, 50);

}



.so-simple-content-sec-wrapper p:last-child {

  margin-bottom: 0;

}



/* ---------- Simple Content Section End ---------- */





/* -------- Video Card Section Start ------------ */

.so-video-card-section {

  padding: 80px 0;

}



.so-video-card-title h2 {

  font-size: 38px;

  line-height: 38px;

  text-align: center;

  color: var(--accent);

}



.so-video-box {

  border-top-right-radius: 126px;

  overflow: hidden;

  margin-bottom: 30px;

}



.so-video-box video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.so-video-card-sec-wrapper {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-template-rows: auto;

  row-gap: 64px;

  column-gap: 60px;

}



/* -------- Video Card Section End ------------ */



/* ------------ 404 page section Start------------ */

.so-error-page-section {

  min-height: 800px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #ADE9FF;

}



.so-error-page {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 24px;



}



.so-error-page h1 {

  font-size: 65px;

  line-height: 65px;

  color: var(--text-color);

}



.so-error-page p {

  font-size: 24px;

  color: var(--text-color);

  line-height: 30px;

}



/* ------------ 404 page section End------------ */





/* Footer Start */



.so-footer {

  background: var(--text-color);

  /* margin-top: 280px; */

  position: relative;

}



.so-footer .container {

  position: relative;

  z-index: 1;

}



.so-footer-bg {

  position: absolute;

  /* width: 696px; */

  /* bottom: 0; */

  /* left: 0; */

  inset: 0;

  opacity: 0.4;

}



.so-footer-bg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.so-footer .container {

  max-width: 1440px;

}



.footer-map-wrapper {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: auto;

  gap: 50px;

  /* transform: translateY(-182px); */

  padding-top: 89px;

}



.footer-map {

  position: relative;

}



.footer-map .footer-location {

  position: absolute;

  width: 100%;

  bottom: -1px;

  left: 0;

  background-color: #018dd7e6;

  padding: 20px;

}



.footer-map .footer-location h4 {

  text-align: center;

  font-size: 20px;

  color: var(--text-white);

  text-transform: uppercase;

  margin-bottom: 10px;

}



.footer-map .footer-location a {

  text-align: center;

  color: var(--text-white);

  font-size: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 10px;

  flex-direction: column;

}



.footer-map iframe {

  width: 100%;

  height: 100%;

  aspect-ratio: 16/11;

}



.so-footer-wrapper {

  padding: 0 0 40px 0;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 20px;

  padding-top: 89px;

}



.so-footer-logo {

  max-width: 300px;

}



.so-footer-logo .f-logo {

  width: 200px;

}



.so-footer-logo .f-logo img {

  width: 100%;

}



.so-f-logo-btn {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 30px;

}



.footer-link {

  display: flex;

  flex-direction: column;

  gap: 15px;

}



.footer-link h4 {

  font-size: 18px;

  color: var(--accent);

}



.footer-link ul {

  padding-left: 0;

  margin-bottom: 0;

  display: flex;

  flex-direction: column;

  gap: 5px;

}



.footer-link ul li a {

  color: var(--text-white);

  font-size: 16px;

  transition: var(--anim);

}



.footer-link ul li a:hover {

  color: var(--accent);

  transition: var(--anim);

}



.footer-contact {

  display: flex;

  flex-direction: column;

  gap: 15px;

}



.footer-contact .footer-info {

  display: flex;

  flex-direction: column;

  gap: 10px;
  color: #fff;
  font-size: 16px;

}



.footer-contact h4,

.footer-contact .footer-info h4 {

  color: var(--accent);

  font-size: 18px;

}



.footer-contact .footer-info {

  display: flex;

  flex-direction: row;

  gap: 10px;

  align-items: center;

}



.footer-contact .footer-info span {

  width: 35px;

  height: 35px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--accent);

  color: var(--text-white);

  font-size: 15px;

}



.footer-contact .footer-info a {

  color: var(--text-white);

  font-size: 16px;

  transition: var(--anim);

}



.footer-contact .footer-info a:hover {

  color: var(--accent);

  transition: var(--anim);

}



.footer-social {

  display: flex;

  gap: 15px;

  margin-top: 15px;

}



.footer-social a {

  width: 35px;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 16px;

  background-color: var(--accent);

}



.footer-bottom {

  border-top: 1px solid var(--accent);

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  padding: 20px 0;

}



.footer-bottom p {

  margin: 0;

  padding: 0;

  font-size: 16px;

  color: var(--text-white);

}



.footer-bottom p a {

  color: var(--accent);

  font-size: 16px;

}



/* Footer End */



/* consult popup start */



#schedule-popup .consult-wrapper {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 50px 14px;

}



#schedule-popup .consult-wrapper .consult-title h3 {

  text-align: center;

}



#schedule-popup .consult-wrapper .consult-btn {

  margin-top: 30px;

  display: flex;

  gap: 30px;

}



#schedule-popup .consult-wrapper .consult-btn .consult-location {

  display: flex;

  flex-direction: column;

  gap: 15px;

}



#schedule-popup .consult-wrapper .consult-btn .consult-location a {

  width: 100%;

  text-align: center;

}



.header-top-bar p {

  font-size: 16px;

}



/* consult popup end */



.sticky-right-section .so-phone-link-icon{

  display: none;

}



.phone-link-button-sticky a{

  color: var(--text-body) !important;

}



/* blog details start */



.blog-bg{

  background-color: var(--text-color) !important;

}



.blog-details-section{

  padding: 89px 0;

}



.blog-content-wrapper{

  max-width: 1040px;

  margin-left: auto;

  margin-right: auto;

}



.blog-f-images {

  width: 100%;

}



.blog-f-images img{

  width: 100%;

}



.blog-content{

  margin-top: 50px;

}



.blog-content h2{
  font-size: 36px;
  line-height: 36px;

  margin-top: 40px;

  margin-bottom: 15px;

}



.blog-content h4,

.blog-content h3{
  font-size: 28px;

  margin-top: 15px;

  margin-bottom: 10px;

}



.blog-content ul{
  left: 35px;
  list-style: disc;

  padding-left: 1.4rem;

}



.blog-pagination{

  margin-top: 89px;

  display: flex;


}



.blog-bg .hero-title{

  margin-top: 20px;

}



/* blog details end */



.accordion-button:not(.collapsed){

  box-shadow: none;

}



.mod-side-menu{

  padding-bottom: 50px;

}



.blog-content a{
  font-weight: bold;
  color: var(--accent);

}



.blog-content a:hover{

  color: var(--accent2);

}


/* pagination css */
.blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 50px;
    flex-wrap: wrap;
}

.blog-pagination a,
.page-status {
    min-width: 40px;
    height: 40px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #018dd7;
    background: #fff;
    color: #018dd7;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s ease;
}

.blog-pagination a:hover {
    background: #018dd7;
    color: #fff;
    border-color: #018dd7;
}

.blog-pagination .active {
    background: #018dd7;
    color: #fff;
    border-color: #018dd7;

        min-width: 40px;
    height: 40px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #018dd7;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s ease;
}

.page-status {
    display: flex;
    align-items: center;
    gap: 6px;
}

.prev-btn::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    left: 10px;
    top: 0;
    z-index: 0;
    background-image: url(../images/arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: var(--anim);
    opacity: 0;
}

.prev-btn:hover {
    padding-left: 30px;
    transition: var(--anim);
    padding-right: 18px;
}
.blog-pagination.blog-pagination-prev-next {
    justify-content: space-between;
}
.so-eyebrow {
    background-color: var(--accent);
    padding: 10px 22px;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
}

.so-sign {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-direction: row;
}

.so-sign-num {
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
}
.so-sign-body {
    width: 92%;
}
.so-post .so-table-wrap {
    margin: 2rem 0;
    border-radius: var(--so-radius-lg);
    overflow: hidden;
    border: 1px solid var(--so-line);
    box-shadow: 0 4px 14px rgba(15, 30, 35, 0.06);
}
.so-post table.so-compare {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    margin: 0;
}
.so-post table.so-compare thead th {
    background: #1a2b30;
    color: #fff;
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 1rem 1.25rem;
    text-align: left;
}
.so-post table.so-compare {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    margin: 0;
}
.so-post table.so-compare td:first-child {
    color: #0a5a64;
    font-weight: 500;
    background: var(--so-bg-soft);
}
.so-post table.so-compare td {
    padding: 0.9rem 1.25rem;
    border-bottom: 1px solid #e2e6e8;
    vertical-align: top;
}
.entry-content tr td {
    border-top: 1px solid #eee;
    padding: 6px 24px;
}

.so-post .so-quote {
    background: #fbf5e8;
    border-left: 4px solid #c9a35a;
    border-radius: 0 10px 10px 0;
    padding: 1.5rem 1.75rem;
    margin: 2rem 0;
    position: relative;
}
.so-post .so-quote p {
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
    color: #1a2b30 !important;
    font-style: italic !important;
    margin: 0 0 0.75rem !important;
}

.so-post .so-series {
    background: #f7f9f9;
    border-radius: 16px;
    padding: 2rem;
    margin: 3rem 0;
}
.so-post .so-series h2 {
    margin-top: 0 !important;
}
.so-post h2 {
    font-weight: 600 !important;
    font-size: clamp(1.5rem, 2.8vw, 1.875rem) !important;
    line-height: 1.25 !important;
    color: #1a2b30 !important;
    margin: 3rem 0 1rem !important;
    letter-spacing: -0.01em !important;
}
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    list-style-type: disc;
    padding: 0 0 23px 1em;
    line-height: 26px;
}
.so-post .so-series ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.so-post .so-series li {
    border-bottom: 1px solid #e2e6e8;
    padding: 0.85rem 0;
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin: 0;
}
.so-post .so-series li::before {
    content: "\2192";
    color: #0f7a86;
    font-weight: 600;
    flex-shrink: 0;
}
.so-post .so-series a {
    text-decoration: none;
    font-weight: 500;
}

.so-post .so-series .so-condition {
    display: block;
    font-size: 0.85rem;
    color: #6b7a80;
    font-weight: 400;
    margin-top: 0.15rem;
}





/* ------- Contact Form Section ----------- */
.so-contact-form-section{
  padding: 90px 0;
}

.sp-address-detail-contact{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sp-address-detail-contact a span,
.sp-address-detail-contact p span{
  background-color: var(--accent);
  color: #fff;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sp-address-detail-contact a span i,
.sp-address-detail-contact p span i{
font-size: 15px;
}
.sp-address-detail-contact a,
.sp-address-detail-contact p{
  display: flex;
  align-items: start;
  gap: 10px;
}

.sp-address-detail-contact p{
  margin-bottom: 0;
}



.sp-contact-form-detail .section-title h2{
  margin-bottom: 10px;
}
.sp-contact-form-detail .section-title h4{
  margin-bottom: 20px;
}

.sp-address-detail-contact ul{
  padding-left: 0;
  display: flex;
  flex-direction: column;
  max-width: max-content;
}
.sp-address-detail-contact ul li{
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.sp-contact-form-detail{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sp-contact-line{
  width: 100%;
  height: 1px;
  background-color: #018dd75e;
  margin-top: 10px;
  margin-bottom: 30px;
}

.sp-contact-form-wrapper{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 50px;
}

.sp-contact-form{
  background-color: #99d5fa;
  padding: 30px;
  max-height: max-content;
}

.sp-contact-form h2{
  margin-bottom: 10px;
}


.sp-contact-form .gform-theme--foundation .gform_fields{
  row-gap: 16px;
}
.sp-contact-form .gform-theme--framework .gform-field-label{
color: var(--text-color);
}
.sp-contact-form .gform_title{
  color: var(--text-color);
  margin-bottom: 10px;
  display: none;
}
.sp-contact-form .gform_footer input{
  background-color: var(--accent2) !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
}

.sp-contact-form .gform_footer input:hover{
  background-color: var(--accent2) !important;
}
.sp-contact-form .gform-theme--foundation .gfield input.large,
.sp-contact-form .gform-theme--foundation .gfield textarea.medium{
  min-height: 50px ;
  border-radius: 0;
  background-color: transparent;
  border-color: var(--text-color);
  color: var(--text-color);
  font-size: 18px;
}

.sp-contact-form .gform-theme--foundation .gfield input.large:focus,
.sp-contact-form .gform-theme--foundation .gfield textarea.medium:focus{
box-shadow: none;
}