@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-poppins);
}

body{
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
  background-color: var(--color-white);
  min-width: 280px;
}

:root{
  --color-white:#fff;
  --color-black:#000;
  --color-border: #303030;
  --color-text: #858487;
  --color-muted: #818286;
  --color-gold: #feac00;
  --font-poppins: "Poppins",Arial, Helvetica, sans-serif;
}

/* -----========== THEME STYLES ==========----- */

.swiper-container{margin: 0;padding: 0;position: relative;overflow: hidden;max-width: 100%;}
.max-container{max-width: 1920px;margin: 0 auto;}
.no-select{pointer-events: none;user-select: none;}
.row-gap{row-gap: var(--bs-gutter-x);}
.font-poppins{font-family: var(--font-poppins);}
.color-text{color: var(--color-text) !important;}
.color-muted{ color: var(--color-muted) !important;}
.border-muted{ border-color: var(--color-muted) !important;}
.border-theme{ border-color: var(--color-border) !important;}
.bg-muted{ background-color: var(--color-muted) !important;}
.m-p-0{margin: 0 !important;padding: 0 !important;}
.inline-flex-center{display: inline-flex;justify-content: center;align-items: center;}
.w-fit{width: fit-content;}
.passage{margin: 0;padding: 0;display: block;font-size: 14px;color: var(--color-text);transition: inherit;line-height: 1.4;font-weight: normal;}
.passage > *{color: inherit;transition: inherit;line-height: inherit;}
.rs-list{margin: 0;padding: 0;list-style: none;}
.rs-logo{--size-logo:50px;display: block;position: relative;}
.rs-logo a{display: block;width: fit-content;height: var(--size-logo);}
.rs-logo a img{height: 100%;width: auto;}
a{color: inherit;transition: inherit;text-decoration: none;cursor: pointer;}
/* .hover-underline{position: relative;}
.hover-underline::before{content: '';position: absolute;width: 0;height: 1px;background-color: currentColor;right: 0%;bottom: 0%;transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.hover-underline:hover::before{right: auto;left: 0%;width: 100%;} */
.fs-tiny{font-size: 10px !important;}
.fs-xs{font-size: 12px !important;}
.fs-sm{font-size: 14px !important;}

.hover-underline{
  position: relative;
  display: inline;
  background-image: linear-gradient(currentColor,currentColor);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: 0% 100%;
  transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.hover-underline:hover{
  background-size: 100% 1px;
  background-position: 0% 100%;
}

/* SITE BTN */

.site-btn{
  border: 0;
  transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 7px;
  background-color: var(--color-black);
  border-radius: 50px;
  min-width: 160px ;
  width: fit-content;
  font-size: 14px;
  color: var(--color-white);
}

.site-btn .icon{height: 40px;width: 40px;aspect-ratio: 1/1;background-color: var(--color-white);padding: 5px;border-radius: 100%;}
.site-btn .icon img{width: 100%;transform: scaleX(-1) rotate(140deg);}
.site-btn span{margin: 0 auto;}
.site-btn:hover{background-color: var(--color-muted);}
/* CUSTOM BTN */
.rs-btn{font-size: 14px;font-weight: 500;color: var(--color-text);display: block;width: fit-content;border: 0;padding: 0.5em 1em;transition: all 0.25s ease-in-out;}
.rs-btn:has(>.icon){display: inline-flex;justify-content: start;align-items: center;}
.rs-btn .icon{height: 25px;width: auto;aspect-ratio: 1/1;transition: inherit;}
.rs-btn .icon img{height: 100%;width: auto;transform: scaleX(-1) rotate(140deg);transition: inherit;}
.rs-btn.btn-xs{font-size: 12px;}
.rs-btn.btn-xs .icon{height: 20px;}
.rs-btn:hover{color: var(--color-black);}
/* ICON BTN */
.site-icon-btn{height: 50px;width: 50px;aspect-ratio: 1/1;background-color: var(--color-white);padding: 8px;border-radius: 100%;border: 0;transition: all 0.25s ease-in-out;display: block;}
.site-icon-btn img{width: 100%;transform: scaleX(-1) rotate(140deg);transition: inherit;}
.site-icon-btn:hover{background-color: var(--color-muted);}
.site-icon-btn:hover img{filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(329%) hue-rotate(177deg) brightness(116%) contrast(100%);}
.site-icon-btn.black-btn{background-color: var(--color-black);}
.site-icon-btn.black-btn img{filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(329%) hue-rotate(177deg) brightness(116%) contrast(100%);}
.site-icon-btn.black-btn:hover{background-color: var(--color-muted);}
.site-icon-btn.btn-left img{transform: rotate(140deg);}
.site-icon-btn.btn-right img{transform: scaleX(-1) rotate(140deg);}

/* -----========== HEADER ==========----- */

.rs-desk_header{
  position: relative;
  z-index: 10;
}

.rs-hsocil{
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0;
}

.rs-hsocil li{display: block;}

.rs-hsocil li a i{
  width: 30px;
  height: 30px;
  color: var(--color-black);
  font-size: 16px;
  border-radius: 40px;
  transition: all 0.25s ease-in-out;
}

.rs-hsocil li a i:hover{
  background-color: var(--color-black);
  color: var(--color-white);
}

.rs-hcontact{
  display: inline-flex;
  justify-content: start;
  align-items: start;
  gap: 1rem;
}

.rs-hcontact li{
  display: flex;
  justify-content: start;
  align-items: flex-start;
  gap: 10px;
  max-width: 280px;
  text-align: left;
}

.rs-hcontact li i{
  min-width: 45px;
  height: 45px;
  aspect-ratio: 1/1;
  color: var(--color-white);
  background-color: var(--color-black);
  font-size: 18px;
  border-radius: 40px;
  transition: all 0.25s ease-in-out;
}

.rs-hcontact li > div{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  align-self: stretch;
  line-height: 1.25;
}

.rs-navigation{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rs-navigation .rs-nav{
  display: block;
  text-align: left;
  padding: 0 20px;
}

.rs-navigation .rs-nav > ul{
  display: flex;
  justify-content: start;
  align-items: center;
}

.rs-navigation .rs-nav > ul > li{
  position: relative;
  padding-block: 6px ;
}

.rs-navigation .rs-nav > ul > li:not(:last-of-type){
  margin-right: 1.5rem;
  padding-right: 1rem;
}

.rs-navigation .rs-nav > ul > li:not(:last-of-type)::before{
  content: '';
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(50%,-50%) ;
  height: 5px;
  width: 5px;
  background-color: white;
  border-radius: 10px;
}

.rs-navigation .rs-nav > ul > li > a{
  font-size: 17px;
  font-family: var(--font-poppins);
  color: var(--color-white);
}

.rs-nav > ul > li .rs-submenu{
  display: block;
  position: absolute;
  top: calc(100% + 2.5rem);
  left: 0%;
  min-width: 280px;
  width: 280px;
  max-width: 280px;
  background-color: var(--color-muted);
  padding: 4px 4px;
  border-radius: 0.5rem;
  transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  opacity: 0;
  visibility: hidden;
}

.rs-nav > ul > li .rs-submenu ul li{
  padding: 3px 0;
  margin: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
}

/* .rs-nav > ul > li .rs-submenu ul li:first-of-type{padding-top: 0;} */

.rs-nav > ul > li .rs-submenu ul li:last-of-type{border-bottom: 0;}

.rs-nav > ul > li .rs-submenu ul li a{
  display: block;
  padding: 4px 8px;
  border-radius: 0.3rem;
  font-size: 14px;
  font-weight: normal;
  color: var(--color-white);
  transition: all 0.25s ease-in-out;
}

.rs-nav > ul > li .rs-submenu ul li a:hover{
  background-color: var(--color-border);
}

.rs-nav > ul > li:hover .rs-submenu{
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.rs-navigation .rs-hactions{
  display: flex;
  justify-content: center;
  align-items: center;
}

.rs-navigation .rs-hactions button{
  width: 60px;
  height: 50px;
  border: 0;
  background-color: transparent;
  color: var(--color-white);
  transition: all 0.25s ease-in-out;
  border-left: 1px solid var(--color-muted);
  font-size: 16px;
}

.rs-navigation .rs-hactions button:last-of-type{
  border-bottom-right-radius: 1rem;
}

.rs-navigation .rs-hactions button:hover{
  background-color: var(--color-muted);
  color: var(--color-black);
}

.rs-mob_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: var(--color-black);
  gap: 1rem;
}

.rs-mob_header .rs-logo{
  max-width: 150px;
  min-width: auto;
}

.rs-mob_header .rs-logo a,
.rs-mob_header .rs-logo a img{
  max-height: inherit;
  width: 100%;
  height: auto;
}

.rs-mob_header .rs-logo a img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(1643%) hue-rotate(133deg) brightness(95%) contrast(104%);
}

.rs-mob_header button{
  min-width: 35px;
  min-height: 35px;
  color: var(--color-white);
  background-color: var(--color-muted);
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  font-size: 14px;
  border: 0;
  border-radius: 0.375rem;
}

.rs-mob_header button:hover{
  background-color: var(--color-white);
  color: var(--color-black);
}

/* -----========== BANNER ==========----- */

.rs-bslider{
  margin-top: -50px;
}

.rs-hslide{
  position: relative;
  /* min-height: 600px; */
  min-height: 500px;
}

.rs-hslide .rs-hscontent{
  position:absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  width: 100%;
  max-width: 676px;
  height: fit-content;
  padding: 10px 16px;
}

.rs-hslide > a:has(>img){
  width: 100%;
  height: 100%;
  min-height: inherit;
}

.rs-hslide > a:has(>img) > img{
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center;
}

/* -----========== INTRODUCTION ==========----- */

.rs-statitem h1{position: relative;}

.rs-statitem h1::before{
  content: '';
  position: absolute;
  width: 0%;
  height: 1px;
  background-color: var(--color-border);
  right: 0%;
  bottom: -1px;
  transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.rs-statitem:hover h1::before{
  width: 100%;
  right: auto;
  left: 0%;
}

/* -----========== SERVICES ==========----- */

.serv-bg{
  position: relative;
  z-index: 1;
  background-color: #e9eef2;
}

.serv-bg::before{
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("..//images/serv-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: 10%;
}

.rs-serv-slide{
  position: relative;
  border-radius: 1rem;
  background-color: var(--color-white);
}

.rs-serv-slide .thumb{
  width: 100%;
  position: relative;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden;
}

.rs-serv-slide .thumb > img{
  border-radius: inherit;
  transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: scale(100%);
}

.rs-serv-slide:hover .thumb > img{
  transform: scale(105%);
}

.rs-serv-slide .thumb .icon{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 20%;
  height: auto;
  aspect-ratio: 1/1;
  background-color: var(--color-muted);
  border-top-left-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.rs-serv-slide .thumb .icon img{
  height: 100%;
  width: auto;
}

.rs-serv-slide .content .rs-btn{
  color: var(--color-muted);
}

.rs-serv-slide .content .rs-btn .icon img{
  filter: brightness(0) saturate(100%) invert(52%) sepia(8%) saturate(174%) hue-rotate(191deg) brightness(96%) contrast(81%);
}

.rs-serv-slide .content .rs-btn:hover{
  color: var(--color-black);
}

.rs-serv-slide .content .rs-btn:hover .icon img{
  filter: none;
}

/* -----========== RECENT PROJECTS ==========----- */

.rs-rpitem{
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  height: 100%;
}

.rs-rpitem .image{
  border-radius: inherit;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.rs-rpitem .image img{
  transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  transform: scale(101%);
}

.rs-rpitem:hover .image img{
  transform: scale(105%);
}

.rs-rpitem .text-content{
  position: absolute;
  inset: 0;
  padding: 2rem;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  background-image: linear-gradient(to bottom , transparent ,  var(--color-black));
  transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  display: flex;
  justify-content: start;
  align-items: flex-end;
}

.rs-rpitem .text-content > div{
  max-width: 420px;
  transition: inherit;
  transform: translateY(calc(100% - var(--value)));
}

.rs-rpitem .text-content h2{
  font-size: 28px;
}

.rs-rpitem .text-content > div >*:not(h2){
  transition: inherit;
  opacity: 0;
  visibility: hidden;
}

.rs-rpitem:hover .text-content > div >:not(h2){
  opacity: 1;
  visibility: visible;
}

.rs-rpitem:hover .text-content > div{transform: none;}

/* -----========== WHY CHOOSE US ==========----- */

.rs-cvitem{
  --icon-size:100px;
  position: relative;
  border-radius: 1.5rem;
  padding: 2rem 1rem;
  height: 100%;
}

.rs-cvitem::before{
  content: '';
  position: absolute;
  left: 0%;
  bottom: 0%;
  width: 100%;
  height: calc( 100% - ( ( var(--icon-size) / 2 ) + 2rem ) );
  background-color: var(--color-black);
  z-index: -1;
  border-radius: inherit;
}

.rs-cvitem .item-icon{
  background-color: var(--color-white);
  width: var(--icon-size);
  min-height: var(--icon-size);
  aspect-ratio: 1/1;
  border: 1px solid var(--color-black);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  margin-inline: auto;
}

.rs-cvitem .item-icon img{
  height: 100%;
  width: auto;
  transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.rs-cvitem:hover .item-icon img{
  transform: scale(105%);
}
.tus_nxpage{margin:-25px 0 45px 0; padding:100px 0; background-color:#666; position:relative}
.tus_nxpage h4{margin:0px auto; padding:0px; color:#fff; font-size:30px; text-transform:uppercase; font-weight:600; text-align:center; width:60%}
.tus_abts{margin:0px; padding:0px;}
.tus_abts p{margin:0px; padding:0px; color:#333; font-size:15px;}
.tus_contsbmt{
	margin:0px; padding:10px 15px; background-color:#000; color:#fff; font-size:14px; text-transform:uppercase; text-align:center; font-family:'Roboto', sans-serif; border:none;
	transition:0.8s}
.tus_contsbmt:hover{
	background-color:#00a85b; text-decoration:none;}
.tus_conactf{
	margin:0px 0 25px 0; padding:30px 25px; background-color:#eee;}
.tus_continp{
	margin:0px 0 10px 0; padding:10px 10px; width:100%; font-size:14px; border:solid 1px #ccc; color:#000}
.tus_conactf h4{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:#000; font-size:18px; text-transform:uppercase; border-bottom:solid 1px #000;}
.tus_conactf h5{
	margin:0px 0 15px 0; padding:0px; color:#00a85b; font-size:40px; text-transform:uppercase; position:relative}
.tus_conactf h5 span{
	color:#000; font-size:20px; margin-left:30px}
.tus_conactf h5:before{
	content:''; position:absolute; background-color:#000; width:20px; height:3px; top:32%; left:0;}
.tus_coninfo{
	margin:0px 0 20px 0; padding:0px;}
.tus_coninfo h3{
	margin:0px; padding:0px; font-size:18px; color:#000; text-transform:capitalize; text-align:center;}
.tus_coninfo h4{
	margin:10px 0 0 0; padding:0px; font-size:32px; color:#000; text-transform:capitalize; text-align:center;}
.tus_coninfo h5{
	margin:0px 0 0 0; padding:0px; font-size:20px; color:#000; text-transform:capitalize; text-align:center;}
.tus_prdetails{margin:0px; padding:0px;}
.tus_prdetails h3{margin:0px 0 10px 0; padding:0px; color:#000; font-size:25px; text-transform:capitalize}
.tus_prdetails p{margin:0px; padding:0px; color:#333; font-size:14px;}
.tus_prdetails img{margin:0px; padding:0px; width:100%; height:auto; border:solid 2px #000; border-radius:0.50em}
.tus_prdetails h1{
	margin:50px 0 30px 0; padding:15px 0; font-size:30px; color:#000; text-transform:capitalize; text-align:center; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
.tus_morviews{margin:0px 0 15px 0; padding:0px; position:relative; overflow:hidden; border-radius:0.50em}
.tus_morviews img{margin:0px; padding:0px; border:none; border-radius:0em}
.tus_morviews:before{content:''; position:absolute; background-color:#000; width:100%; height:100%; top:0; left:0; opacity:0; transition:0.8s}
.tus_morviews:hover:before{opacity:0.5}
.tus_morviews h2{margin:0px auto; padding:8px 10px; background-color:#fff; color:#000; font-size:13px; text-transform:uppercase; bottom:5%; left:0; right:0; position:absolute;
text-align:center; width:130px; border-radius:2em; transition:0.8s; opacity:0}
.tus_morviews:hover h2{
	bottom:45%; opacity:1}
/* -----========== FOOTER ==========----- */

.rs-footer{
  background-color: var(--color-black);
}

div:has(>.rs-fcopy){border-top: 1px solid var(--color-border);}
/* div:has(>.rs-fitem):not(:last-of-type){border-right: 1px solid var(--color-border);} */
.rs-frow > *:not(:last-of-type){border-right: 1px solid var(--color-border);}

.rs-fitem{
  padding: 6rem 0;
  height: 100%;
}

.rs-fitem .rs-logo{
  --size-logo:70px;
}

.rs-fitem .rs-logo a img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(1643%) hue-rotate(133deg) brightness(95%) contrast(104%);
}

.rs-fitem h3{
  position: relative;
  margin: 0 0 1rem 0;
  padding: 0 0 0 1rem;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-white);
}

.rs-fitem h3::before{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 12px;
  background-color: currentColor;
}

.rs-fitem .rs-fcont li{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
  color: var(--color-white);
}

.rs-fitem .rs-fqlist li:not(:last-of-type),
.rs-fitem .rs-fcont li:not(:last-of-type){
  margin-bottom: 10px;
}

.rs-fitem .rs-fcont li i{
  width: 24px;
  height: 24px;
  color: var(--color-white);
  font-size: 16px;
  transition: all 0.25s ease-in-out;
}

.rs-fitem > div:has(>.rs-fqlist){
  width: fit-content;
  margin: 0 auto;
}

.rs-fitem .rs-fcont li a,
.rs-fitem .rs-fqlist li a{
  font-size: 14px;
  font-weight: normal;
  color: var(--color-white);
}

.rs-fitem .rs-fform .input-group{
  position: relative;
  background-color: var(--color-white);
  border-radius: 0.5rem;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 10px; width:117%;
}

.rs-fitem .rs-fform .input-group input{
  padding: 0.5em 1em;
  font-size: 14px;
  color: var(--color-black);
  font-weight: normal;
  font-family: var(--font-poppins);
  flex-grow: 1;
  border: 0;
  background-color: transparent;
}

.rs-fitem .rs-fform .input-group input:focus,
.rs-fitem .rs-fform .input-group input:focus-within,
.rs-fitem .rs-fform .input-group input:active{
  outline: none;
}

.rs-fitem .rs-fform .input-group button{
  padding: 0.5em 1em;
  font-size: 14px;
  color: var(--color-black);
  border: 0;
  background-color: transparent;
  transition: all 0.25s ease-in-out;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

.rs-fitem .rs-fform .input-group button:hover{
  background-color:var(--color-muted);
  color: var(--color-white);
}

.rs-fitem .rs-fform .checkbox-group{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
}

.rs-fitem .rs-fform .checkbox-group label a{
  color: var(--color-gold);
}

.rs-fsocil{
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.rs-fsocil li{display: block;}

.rs-fsocil li a i{
  width: 30px;
  height: 30px;
  color: var(--color-black);
  background-color: var(--color-white);
  font-size: 16px;
  border-radius: 40px;
  transition: all 0.25s ease-in-out;
}

.rs-fsocil li a i:hover{
  background-color: var(--color-muted);
  color: var(--color-white);
}

.rs-fcopy{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 1rem;
}

/*! -----========== SIDE MENU ==========----- !*/

.close-btn{
  background-color: transparent;
  border: 1px solid var(--color-black);
  color: var(--color-black);
  width: 35px;height: 35px;
  display: flex;justify-content: center;
  align-items: center;border-radius: 50px;
  transition: all 0.25s ease-in-out;
}

.close-btn > i,
.close-btn > svg{transition: inherit;color: inherit;}

.close-btn:hover{background-color: var(--color-black);color: var(--color-white);border-color: var(--color-black);}

aside .site-logo{max-width: 150px;}

aside .side-nav{position: relative;}

aside .side-nav ul{margin: 0;padding: 0;list-style: none;}

aside .side-nav > ul > li{border-bottom: 1px solid var(--color-muted);padding: 4px 0;}

aside .side-nav > ul > li > a{
  display: block;padding: 4px 8px;
  border-radius: 4px;transition: all 0.4s ease-in-out;
}

aside .side-nav > ul > li > a:hover{background-color: var(--color-black);}

aside .side-nav > ul > li > a:hover span{color: var(--color-white);}

aside .side-nav > ul > li > a > span{
  display: block;font-family: var(--font-poppins);
  font-size: 16px;font-weight: 500;color: var(--color-black);
  margin: 0;padding: 0;transition: inherit;text-transform: uppercase;
}

aside .side-nav > ul > li:has(>.submenu){position: relative;}

aside .side-nav > ul > li:has(>.submenu) > a{display: flex;justify-content: space-between;align-items: center;}

aside .side-nav > ul > li:has(>.submenu) > a:hover,
aside .side-nav > ul > li:has(>.submenu) > a.active{background-color: var(--color-black);}

aside .side-nav > ul > li:has(>.submenu) > a:hover span,
aside .side-nav > ul > li:has(>.submenu) > a.active span,
aside .side-nav > ul > li:has(>.submenu) > a:hover i,
aside .side-nav > ul > li:has(>.submenu) > a.active i{color: var(--color-white);}

aside .side-nav > ul > li:has(>.submenu) > a.active i{transform: rotate(-180deg);}

aside .side-nav > ul > li:has(>.submenu) > a > i{
  font-size: 14px !important;color: var(--color-muted);
  transition: all 0.4s ease-in-out;transform: rotate(0deg);
}

aside .side-nav > ul > li .submenu{
  padding: 4px 0 0 0;margin: 4px 0 0 0;
  border-top: 1px solid var(--color-black);
  display: none;
}

aside .side-nav > ul > li .submenu > ul {padding: 4px 8px;background-color: var(--color-black);border-radius: 4px;}

aside .side-nav > ul > li .submenu > ul li{padding: 4px 0;border-bottom: 1px solid var(--color-muted);}

aside .side-nav > ul > li .submenu > ul li:last-of-type{border-bottom: 0;}

aside .side-nav > ul > li .submenu > ul li a{
  display: block;padding: 4px 8px;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
}

aside .side-nav > ul > li .submenu > ul li a:hover{background-color: var(--color-white);}

aside .side-nav > ul > li .submenu > ul li a:hover span{color: var(--color-whute);}

aside .side-nav > ul > li .submenu > ul li a span{
  transition: inherit;display: block;
  font-family: var(--font-poppins);
  font-size: 14px;font-weight: normal;color: var(--color-white);
  margin: 0;padding: 0;text-transform: uppercase;
}

.offcanvas-backdrop.show{
  opacity: 1;
  background-color: color-mix(in srgb, var(--color-black) 30%, transparent) !important;
  backdrop-filter: blur(2px);
}

/*! -----========== SEARCH MENU ==========----- !*/

.top-search-form{position: relative;}

.top-search-form form{
  display: flex;justify-content: center;align-items: center;
  gap: 0px;margin: 0 auto;max-width: 700px;border-radius: 10px;
  background-color: var(--color-white);
}

.top-search-form form input,
.top-search-form form button{
  margin: 0;padding: 1em 1.25em;background-color: transparent;
  border: 1px solid var(--color-black);font-weight: 500;
  font-family: "Poppins",Arial, Helvetica, sans-serif;
  font-size: 14px;color: var(--color-black);
}

.top-search-form form input{
  flex-grow: 1;border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;border-right: 0;
}

.top-search-form form button{
  width: fit-content;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  padding-inline: 2em;
  background-color: var(--color-muted);
  color: var(--color-white);
  transition: all 0.25s ease-in-out;
  border-left: 0;
}

.top-search-form form button i{color: inherit;transition: inherit;}

.top-search-form form button:hover{background-color: var(--color-black);}

/* -----========== RESPONSIVE ==========----- */

@media screen and (max-width:1200px) {
  .rs-hcontact li{flex-wrap: wrap;}
}

@media screen and (max-width:992px) {
  .rs-desk_header{display: none;}
  .rs-hslide .rs-hscontent{left: 50%;transform: translate(-50%,-50%);max-width: 676px;height: fit-content;}
  .rs-rpitem .text-content{padding: 1rem}
  .rs-rpitem .text-content h2{font-size: 20px;}
  .rs-fitem{padding: 3rem 0;}
  .rs-frow > *{border-bottom: 1px solid var(--color-border);}
  .rs-frow > *:not(:last-of-type){border-right: 0px;}
  div:has(>.rs-fcopy){border-top: 0;}
  .rs-fitem > div:has(>.rs-fqlist){width: auto;}
  .rs-bslider{margin-top: 0px;}
}

@media screen and (max-width:768px) {
  .rs-fitem .rs-fcont li{flex-wrap: wrap;}
  .rs-fitem .rs-fcont li .hover-underline{word-break: break-all;}
  .rs-cvitem{--icon-size:100px;}
}

@media screen and (max-width:576px) {
  .rs-rpitem{aspect-ratio: 4/3;}
  .passage{font-size: 12px;}
  .site-icon-btn{width: 40px;height: 40px;padding: 6px;}
  .max-sm\:border-bottom-theme{border-bottom: 1px solid var(--color-border);}
}