:root {
	--primary-font:'Poppins', sans-serif;
	--font-light:300;
	--font-normal:400;
	--font-medium:500;
	--font-semibold:600;
	--font-bold:700;
	--font-extrabold:800;
	
    	--primary-color:#64C6CE;
	--secondary-color:#6898ce;
	--tertiary-color:#DFDFDF;
	--dark-color:#0D0D0D;
	--grey-color:#808080;	
	--grey-tilt-color:#3b3c3c;	
	--grey-mid-color:#7f7f83;	
	--light-grey-color:#f6f6f6;
  --dark-grey-color:#282828;
	--white-color:#FFFFFF;
	--black-color:#000000;
	--primary-transition:all ease-in-out 0.35s;
	--duration: .7s;  
}
.primary-color {
    color: var(--primary-color)!important;
}
.primary-bg {
    background-color: var(--primary-color)!important;
}
.secondary-color {
    color: var(--secondary-color)!important;
}
.secondary-bg {
    background-color: var(--secondary-color)!important;
}
.tertiary-color {
    color: var(--tertiary-color)!important;
}
.tertiary-bg {
    background-color: var(--tertiary-color)!important;
}
.grey-color {
    color: var(--grey-color)!important;
}
.grey-bg {
    background-color: var(--grey-color)!important;
}
.grey-tilt-bg {
    background-color: var(--grey-tilt-color)!important;
}
.grey-mid-bg {
    background-color: var(--grey-mid-color)!important;
}
.grey-light-bg {
    background-color: var(--light-grey-color)!important;
}
.white-color {
    color: var(--white-color)!important;
}
.white-bg {
    background-color: var(--white-color)!important;
}
.dark-color {
    color: var(--dark-color)!important;
}
.black-color {
    color: var(--black-color)!important;
}
.black-bg {
    background-color: var(--black-color)!important;
}
.dark-grey-color {
    color: var(--dark-grey-color)!important;
}
.dark-grey-bg {
    background-color: var(--dark-grey-color)!important;
}
.grey-border {
    border-color: var(--grey-color)!important;
}
.font-light {
    font-weight: var(--font-light);
}
.font-normal {
    font-weight: var(--font-normal);
}
.font-medium {
    font-weight: var(--font-medium);
}
.font-semibold {
    font-weight: var(--font-semibold);
}
.font-bold {
    font-weight: var(--font-bold);
}
.font-1rem {
    font-size: 1rem !important; 
}
.font-12 {
    font-size: 0.75rem;
}
/* BODER RADIUS */
.primary-radius {
    border-radius: 10px;
}
.bold-border {
    border-top: 2px solid var(--white-color);
}
.bold-border.px_1 {
    border-top-width: 1px;
}
.bold-border.primary-color {
    border-top-color: var(--primary-color);
}
.bold-border.dark-color {
    border-top-color: var(--dark-color);
}
.bold-border.fadeIn {
    width: 0%;
    transition: width ease-in-out 1s;
}
.bold-border.fadeIn.go {
    width: 100%;
}
.letter-spacing-2 {
    letter-spacing: 2px;
}
.letter-spacing-3 {
    letter-spacing: 3px;
}
.letter-spacing-4 {
    letter-spacing: 4px;
}
.letter-spacing-5 {
    letter-spacing: 5px;
}
.border-1x {
    border: 1px solid var(--primary-color);
}


* {
  scrollbar-color: var(--primary-color) var(--light-grey-color);
  scrollbar-width: thin;
}
/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--light-grey-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}

body {
    font-family: var(--primary-font);
    font-size: clamp(0.875rem,3vw,1rem);
    font-weight: var(--font-normal);
    color: var(--dark-color);
    background: var(--white-color);
    line-height: 1.5;
    overflow-x: hidden!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

a {
    color: var(--primary-color);
}

a:hover {
    color: var(--secondary-color)
}

a, a:hover {
    text-decoration: none;
}

ul li, ol li {
    list-style: none;
}

img {
    max-width: 100%
}

.nowrap {
    white-space: nowrap;
}

.w-auto {
    width: auto!important;
}
h1,h2,h3 {
    line-height: 1.25;
}
h4,h5,h6 {
    line-height: 1.5;
}
h1,.h2-likeh1 {    
    font-size: clamp(2rem,3vw,2.5rem);
}

h2 {
    font-size: clamp(1.5rem,3vw,1.875rem);
}

h3 {
    font-size: clamp(1.375rem,3vw,1.625rem);
}

h4 {
    font-size: clamp(1.25rem,3vw,1.375rem);
}

h5 {
    font-size: clamp(1.125rem,3vw,1.25rem);
}
h6 {
    font-size: clamp(1rem,3vw,1.125rem);
}

.section-ptb {
    padding-top: clamp(2.5rem, 5vw,5.625rem);
    padding-bottom: clamp(2.5rem, 5vw,5.625rem);
}

/* BTN */
.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.arrow-btn {
    cursor: pointer;
    background-color: #000;
    /* width: 330px; */
    /* height: 64px; */
    /* padding: 12px 54px 10px 28px; */
    position: relative;
    z-index: 0;
    border-radius: 50px;
    overflow: hidden;
    display: inline-block;
}
.arrow-btn.min-200btn {
    min-width: 200px;
}
.arrow-btn:before, .arrow-btn:after {
    content: '';
    background: var(--white-color);
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.arrow-btn:before {
    top: 0;
    left: 0;
    right: auto;
}
.arrow-btn:hover:before {
    width: 100%;
    right: 0;
    left: auto;
}
.arrow-btn:after {
    bottom: 0;
    right: 0;
    left: auto;
}
.arrow-btn:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}
.arrow-btn.btn-darkbg {
    background-color: var(--dark-color);
}
.arrow-btn.btn-primarybg {
    background-color: var(--primary-color);
}
.arrow-btn span {
    color: var(--white-color);
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 4px;
    transform-origin: center left;
    transition: color 0.3s ease;
    position: relative;
    padding: 12px 54px 10px 28px;
    z-index: 1;
}
.arrow-btn:hover span {
    color: var(--dark-color);
}
.arrow-btn i {
    position: absolute;
    width: 20px;
    right: 27px;
    top: 50%;
    transform-origin: center right;
    transition: all 0.3s ease;
    margin-top: -12px;
    z-index: 1;
}
.arrow-btn svg .st0{
    fill:none;
    stroke:var(--white-color);
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:2.6131;
    transition: var(--primary-transition);
}
.arrow-btn:hover i svg polyline {    
    transform: scale(0);
}
.arrow-btn:hover i svg line {
    stroke:var(--dark-color);
}

@-webkit-keyframes arrowUp {
    0%, 100% {
      transform: translateX(0) rotate(-40deg) scaleX(1);
    }
    20%, 80% {
      transform: translateX(222px) rotate(0deg) scaleX(0.1);
    }
}
@keyframes arrowUp {
    0%, 100% {
      transform: translateX(0) rotate(-40deg) scaleX(1);
    }
    20%, 80% {
      transform: translateX(222px) rotate(0deg) scaleX(0.1);
    }
}
@-webkit-keyframes arrowDown {
    0%, 100% {
      transform: translateX(0) rotate(40deg) scaleX(1);
    }
    20%, 80% {
      transform: translateX(222px) rotate(0deg) scaleX(0.1);
    }
}
@keyframes arrowDown {
    0%, 100% {
      transform: translateX(0) rotate(40deg) scaleX(1);
    }
    20%, 80% {
      transform: translateX(222px) rotate(0deg) scaleX(0.1);
    }
}


/* SLIDER ARROW */
.arrow-vhc {
    position: relative;
}
.arrow-vhc .slider-arrows .arrow-elmnt {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.arrow-vhc .slider-arrows .arrow-elmnt.arrow-elmnt_dir_left {
    left: -40px;
}
.arrow-vhc .slider-arrows .arrow-elmnt.arrow-elmnt_dir_right {
    right: -40px;
}
.arrow {
    --active: var(--grey-color);
    --border: rgba(0, 0, 0, .12);
    display: block;
    position: relative;
    width: 44px;
    height: 44px;
    cursor: pointer;
}
.arrow.animate {
    --active: var(--primary-color);
}
.arrow.left {
    transform: scaleX(-1);
}
.arrow i {
    display: block;
    position: absolute;
    width: 26px;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -10px;
}
.arrow i .st0{
    fill:none;
    stroke:var(--grey-color);
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:2.6131;
}
.arrow:before, .arrow:after {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    border: 2px solid var(--border);
}
.arrow > svg {
    width: 44px;
    height: 44px;
    display: block;
    position: relative;
    z-index: 1;
    color: var(--active);
    stroke-width: 2px;
    stroke-dashoffset: 126;
    stroke-dasharray: 126 126 0;
    transform: rotate(0deg);
}
.arrow.animate > svg {
    -webkit-animation: stroke 1s ease forwards 0.3s;
            animation: stroke 1s ease forwards 0.3s;
}
.arrow.animate i {
    -webkit-animation: arrow 1.6s ease forwards;
            animation: arrow 1.6s ease forwards;
}
.border-transparent .arrow:before, .border-transparent .arrow:after {
    border-color: transparent;
}
.white-arrow .arrow i {
    background-color: var(--white-color);
}
.white-arrow .arrow i:before, .white-arrow .arrow i:after {
    background: var(--white-color);
}
.border-transparent .arrow svg {
    color: var(--white-color);
}
@-webkit-keyframes stroke {
    52% {
      transform: rotate(-180deg);
      stroke-dashoffset: 0;
    }
    52.1% {
      transform: rotate(-360deg);
      stroke-dashoffset: 0;
    }
    100% {
      transform: rotate(-180deg);
      stroke-dashoffset: 126;
    }
}

@keyframes stroke {
    52% {
      transform: rotate(-180deg);
      stroke-dashoffset: 0;
    }
    52.1% {
      transform: rotate(-360deg);
      stroke-dashoffset: 0;
    }
    100% {
      transform: rotate(-180deg);
      stroke-dashoffset: 126;
    }
}
@-webkit-keyframes arrow {
    0%, 100% {
      transform: translateX(0);
      opacity: 1;
    }
    23% {
      transform: translateX(17px);
      opacity: 1;
    }
    24%, 80% {
      transform: translateX(-22px);
      opacity: 0;
    }
    81% {
      opacity: 1;
      transform: translateX(-22px);
    }
}
@keyframes arrow {
    0%, 100% {
      transform: translateX(0);
      opacity: 1;
    }
    23% {
      transform: translateX(17px);
      opacity: 1;
    }
    24%, 80% {
      transform: translateX(-22px);
      opacity: 0;
    }
    81% {
      opacity: 1;
      transform: translateX(-22px);
    }
}
@-webkit-keyframes arrowUp {
    0%, 100% {
      transform: rotate(-40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
}
@keyframes arrowUp {
    0%, 100% {
      transform: rotate(-40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
}
@-webkit-keyframes arrowDown {
    0%, 100% {
      transform: rotate(40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
}
@keyframes arrowDown {
    0%, 100% {
      transform: rotate(40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
}
.slider_counter,
.slider_counter_master,
.slider_counter_parking,
.slider_counter_block,
.slider_counter_unit,
.slider_counter_floor {
    font-size: clamp(1rem, 3vw, 1.5rem);
}

/* SLIDER DOTS */
.slick-dots,
.owl-carousel .owl-dots {
    position: relative;
    bottom: 0;
}
.slick-dots {
    margin-top: 10px;
}
.slick-dots li::before {
    display: none;
}
.owl-carousel .owl-dots {
    margin-top: 20px;
}
.slick-dots li,
.slick-dots li button,
.owl-carousel .owl-dots button {
    width: 27px;
    height: 6px; 
    vertical-align: middle;
}
.slick-dots li button,
.owl-carousel .owl-dots button {
    position: relative;       
    background: var(--light-grey-color);
    background-color: var(--light-grey-color);
    border-radius: 10px;
    font-size: 0;
    padding: 0;
}
.slick-dots li button {
    margin: 0 auto;
}
.owl-carousel .owl-dots button {
    margin: 0 5px;
}
.slick-dots li button::before {
    content: '';
}
.slick-dots li button::before,
.owl-carousel .owl-dots button span {    
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background-color: var(--primary-color);
    opacity: 1;
    transition: var(--primary-transition);
    display: block
}
.slick-dots li.slick-active button::before,
.owl-carousel .owl-dots button.active span {
    width: 22px;
    height: 4px;
    opacity: 1;
}
.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
}

/* MOUSER POINTER */
.cursor {
    background: var(--white-color);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
    z-index: 10000;
}
.outline {
    border: 1px solid var(--white-color);
    width: 30px;
    height: 30px;
    /* opacity: 0.3; */
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
    z-index: 10000;
    mix-blend-mode: difference;
}
@keyframes cursorAnim {
    50% {
      scale: 0;
    }
}
@keyframes cursorHover {
    100% {
      scale: 0;
    }
}
@keyframes cursorDefault {
    0% {
      scale: 0;
    }
}
.outline.expand {
    animation: cursorAnim 0.3s forwards;
}
.outline.hover {
    animation: cursorHover 0.3s forwards;
}
.outline:not(.hover) {
    animation: cursorDefault 0.3s forwards;
}

#ball {
    width: 10px;
    height: 10px;
    background: var(--black-color);
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 999;
    transition: width 0.5s ease, height 0.5s ease;
    /* mix-blend-mode: difference; */
}

#cursor-text {
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0;
    z-index: 999;
    display: grid;
    place-items: center;
    transition: opacity 150ms ease-in-out;
    /* mix-blend-mode: difference; */
    padding: 3px 10px;
    border-radius: 4px;
    color: var(--white-color);
    text-transform: uppercase;
    width: 100px;
    height: 100px;
    text-align: center;
    font-size: 0.625rem;
    font-weight: var(--font-medium);
    letter-spacing: 2px;
}

main {
    position: relative;
    overflow: hidden;
    z-index: 2;
}
/* main ul {
    padding-left: 0;
    list-style: none;
}*/
main ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}
/*main ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: var(--primary-color);
    border-radius: 50%;    
} */

.form-control {
    border: 2px solid var(--primary-color);
    border-radius: 25px;
    padding: 12px 20px;
    background-color: transparent;
    margin-bottom: 20px;
    color: var(--white-color);
}
.form-control:focus {
    color: var(--white-color);
    background-color: var(--dark-grey-color);
    border-color: var(--primary-color);
    box-shadow: none;
}
input[type="submit"] {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-radius: 50px;
    padding: 10px;
    letter-spacing: 2px;
    border: none;
}

/* FLOATING LINK */
.floating-buttons {
    position: fixed;
    right: 15px;
    top: 50%;
    z-index: 999;
    width: 50px;
    border-radius: 51px;
    border: 1px solid var(--primary-color);
    background-color: rgba(255,255,255,.85);
    transform: translateY(-50%);
}
.floating-buttons a {
    width: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    box-sizing: border-box;
    padding: 9px 0
}
.floating-buttons .enquire-btn {
    position: relative;
    top: 20px;
    right: 24px;
    border-right: 1px solid var(--primary-color);
    height: 50px;
    padding: 0 12px 0 15px;
    width: 96px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    margin: 0 0 42px 0;
    border-top-left-radius: 51px;
    border-bottom-left-radius: 51px;
}
.enquire-btn {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    position: fixed;
    right: 41px;
    top: 180px;
    z-index: 14;
    color: var(--primary-color);
    transform: rotate(90deg);
}
.floating-buttons a:last-child {
    padding: 12px 0 15px;
    border-radius: 0 0 51px 51px;
    position: relative;
    bottom: -1px;
    box-shadow: 0 -1px var(--primary-color);
}
/* HEADER STYLE */
.main-header {
    position: sticky;
    top: 0;
    padding-left: clamp(15px, 3vw,106px);
    padding-right: clamp(15px, 3vw,106px);
    /* background-color: var(--tertiary-color); */
    background-color: #fff;
    z-index: 1001;
}
.nav-is-active .main-header {
    position: fixed;
    z-index: 1000;
    width: 100%;
}
.logo {
    position: relative;
    z-index: 10000;
    max-width: 240px;
    display: block;
    /* filter: invert(1); */
}
/* .logo-height{
    height: 60px;
} */
.logo-height{
    padding:2px 0px;
    height: 90px;
}
.logo img {
    display: block;
    transition: 0.3s linear 0.3s;
		max-width: 174px;
}
.logo.is-active img,
.fancybox-content .main-header .logo {
    filter: brightness(100);
}
.main-navigation,.top-search {
    position: relative;
    z-index: 1001;
}
.nav-is-active .main-navigation,
.nav-is-active .top-search {
    z-index: 999;
}
.search-togl-ctrl {
    display: inline-block;
    position: relative;
    padding: 0;
}

.search-togl-ctrl button {
    display: inline-block;
    /* background: url(../images/search-icon.svg) no-repeat center center; */
    background: url(https://emerge.indusnettechnologies.com/avishi/wp/wp-content/uploads/2024/08/phone-call.png) no-repeat center center;
    text-indent: -10000px;
    border: none;
    position: relative;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    transition: all .4s ease;
    border-radius: 0;
}
  
.search-togl-ctrl button:hover {
    opacity: 0.8;
}

.main-navigation ul li {
    position: relative;
}
.main-navigation>ul>li>a {
	letter-spacing: 3px;
}
.prj-details-menu .main-navigation>ul>li>a {
	letter-spacing: inherit;
}
.main-navigation ul ul li a,
.main-navigation ul ul li a::after {
    padding: 7px 16px;
    font-size: 0.875rem;
}
.main-navigation ul ul li a::after {
    color: var(--dark-color);
}
.main-navigation ul ul li a:before {
    height: 100%;
    top: 0;
    background-color: var(--tertiary-color);
}
.main-navigation li a {
    color: var(--dark-color);
    position: relative;
    white-space: nowrap;
    display: block;
    overflow: hidden;
		font-size: 0.875rem;
}
.main-navigation li a::before {
    content: '';
}
.main-navigation li a::before, .main-navigation li a::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--primary-color);
    top: 100%;
    left: 0;
    pointer-events: none;
}
.main-navigation li a::before {
    height: 2px;
    top: calc(100% - 2px);
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.main-navigation li a:hover::before,
.main-navigation li a.active::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.main-navigation li a::after {
    content: attr(data-text);
    height: 100%;
    top: 0;
    background: none;
    transform-origin: 100% 50%;
    transform: translate3d(150%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.main-navigation li a:hover::after,
.main-navigation li .active::after {
    transform: translate3d(0, 0, 0);
}

.main-navigation li a span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.main-navigation li a:hover span:not(.navtrigger) {
    transform: translate3d(-150%, 0, 0);
}

/* FULLSCREEN MENU */
.cd-nav-trigger {
    position: relative;
    z-index: 10000;
    height: 42px;
    width: 35px;
    cursor: pointer;
    border-radius: 50%;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon {
    /* icon created in CSS */
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 32px;
    height: 2px;
    /* background-color: #ffffff; */
}
.cd-nav-trigger.is-active .cd-nav-icon {
    background-color: var(--white-color);
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
    /* upper and lower lines of the menu icon */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-color);
    border-radius: 6px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
    -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
    transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}
.cd-nav-trigger:hover .cd-nav-icon::after {
    width: 60%;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
    top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
    top: -2px;
}
.cd-nav-trigger svg {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.cd-nav-trigger circle {
    /* circle border animation */
    -webkit-transition: stroke-dashoffset 0.4s 0s;
    -moz-transition: stroke-dashoffset 0.4s 0s;
    transition: stroke-dashoffset 0.4s 0s;
}
.cd-nav-trigger.is-active {
    /* rotate trigger when navigation becomes visible */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.cd-nav-trigger.is-active .cd-nav-icon::after,
.cd-nav-trigger.is-active .cd-nav-icon::before {
    /* animate arrow --> from hamburger to arrow */
    background-color: var(--white-color);
    width: 50%;
    -webkit-transition: -webkit-transform 0.5s, width 0.5s;
    -moz-transition: -moz-transform 0.5s, width 0.5s;
    transition: transform 0.5s, width 0.5s;
}
.cd-nav-trigger.is-active .cd-nav-icon::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-nav-trigger.is-active .cd-nav-icon::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.no-touch .cd-nav-trigger.is-active:hover .cd-nav-icon::after, .no-touch .cd-nav-trigger.is-active:hover .cd-nav-icon::before {
    top: 0;
}
.cd-nav-trigger.is-active circle {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 0.4s 0.3s;
    -moz-transition: stroke-dashoffset 0.4s 0.3s;
    transition: stroke-dashoffset 0.4s 0.3s;
}
.fsmenu {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    overflow: auto;
    display: none;
    transition: all ease-in-out 0.5s;
}
.fsmenu .fsmenu--container {
    width: 0;
    height: 100vh;
    padding: 8em 3em 3em;
    background: #000;
    position: absolute;
    right: 0;
    overflow: hidden;
}
.fsmenu .fsmenu--container .fsmenu--text-block {
    width: 100%;
    height: 100%;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list {
    /* width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    padding-right: 10px;
    padding-left: 0; */
    overflow: auto;
    max-height: 100%;
    padding: 0 6px 0 0;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list::-webkit-scrollbar {
    width: 4px;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element {
    position: relative;
    width: 100%;
    list-style-type: none;
    text-align: right;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element:not(:last-child)::after {
    content: '';
    position: relative;
    width: 100%;
    height: 1px;
    background: rgb(255,255,255);
background: linear-gradient(-90deg, rgba(255,255,255,0.38699229691876746) 0%, rgba(255,255,255,0) 100%);
    display: block;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .has-child>a::after {
    content: '\f105';
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: var(--grey-color);
    margin-left: 10px;
}
/* .fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .has-child.open .sub-menu {
    display: block;
} */
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a {
    /* width: 100%;
    height: 100%; */
    text-decoration: none;
    color: var(--white-color);
    /* display: flex;
    justify-content: flex-end;
    align-items: center; */
    transition: 0.2s ease;
    padding: 10px 0;
    font-size: clamp(1.125rem, 3vw, 1.25rem);
    display: block;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element .sub-menu a {
    font-size: clamp(1rem, 3vw, 1.125rem);
    color: var(--grey-color);
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element .sub-menu .sub-menu a {
    color: var(--white-color);
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a:hover,
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element .sub-menu .sub-menu a:hover {
    color: var(--primary-color);
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span {
    /* font-size: clamp(1.125rem,3vw,1.75rem);
    font-family: var(--font-semibold);
    letter-spacing: 3px; */
    text-transform: uppercase;
    /* line-height: 1; */
    /* width: 50%; */
    /* height: 1em; */
    /* display: table; */
    position: relative;
    /* z-index: 1002; */
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: var(--white-color);
    position: absolute;
    left: 0;
    z-index: 1003;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element .fsmenu--scrolling-text {
    height: 100%;
    display: flex;
    align-items: center;
    transform: translate(-20%, -100%);
    opacity: 0;
    pointer-events: none;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element .fsmenu--scrolling-text span {
    height: 1em;
    font-size: clamp(2rem,5vw,5rem);
    font-family: var(--font-bold);
    letter-spacing: 10px;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    color: #1e1e1e;
    display: inline-block;
    margin-right: 1em;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element:hover .fsmenu--scrolling-text {
    opacity: 1;
    -webkit-animation: animScrollingContactTextLeft 9s linear 0s infinite;
            animation: animScrollingContactTextLeft 9s linear 0s infinite;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element .fsmenu--link-img {
    width: 0px;
    height: 100vh;
    padding: 8em 3em 3em;
    position: absolute;
    top: 0;
    right: calc(100vw - 720px);
    z-index: 1001;
    font-size: 16px;
    pointer-events: none;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element .fsmenu--link-img .fsmenu--img-container {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element .fsmenu--link-img .fsmenu--img-container img {
    width: 624px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element.open .fsmenu--link-img {
    left: auto;
    right: calc(100vw - 720px);
    -webkit-animation: animMenuRevealImg 0.4s ease 0s forwards;
            animation: animMenuRevealImg 0.4s ease 0s forwards;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element.open .fsmenu--link-img .fsmenu--img-container img {
    right: 0;
    left: auto;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element.is-closing .fsmenu--link-img {
    left: 0;
    right: auto;
    -webkit-animation: animMenuCloseImg 0.4s ease 0s forwards;
            animation: animMenuCloseImg 0.4s ease 0s forwards;
}
.fsmenu .fsmenu--container .fsmenu--text-block .fsmenu--text-container .fsmenu--list .fsmenu--list-element.is-closing .fsmenu--link-img .fsmenu--img-container img {
    left: 0;
    right: auto;
}
.fsmenu.is-active {
    display: block;
}
.fsmenu.is-active .fsmenu--container {
    -webkit-animation: animMenuReveal 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
            animation: animMenuReveal 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
}
.fsmenu.is-active .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span:before {
    -webkit-animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
            animation: animMenuRevealLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
}
.fsmenu.close-menu {
    display: block;
    visibility: hidden;
}
.fsmenu.close-menu .fsmenu--container {
    width: 100vw;
    right: auto;
    left: 0;
    -webkit-animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
            animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
}
.fsmenu.close-menu .fsmenu--container .fsmenu--text-container .fsmenu--list .fsmenu--list-element a span:before {
    left: auto;
    right: 0;
    background: black;
    -webkit-animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
            animation: animMenuCloseLinks 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
}
  
@-webkit-keyframes animMenuReveal {
    0% {
      width: 0vw;
    }
    100% {
      width: 100vw;
    }
}
  
@keyframes animMenuReveal {
    0% {
      width: 0vw;
    }
    100% {
      width: 100vw;
    }
}
@-webkit-keyframes animMenuRevealLinks {
    0% {
      width: 100%;
    }
    100% {
      width: 0%;
    }
}
@keyframes animMenuRevealLinks {
    0% {
      width: 100%;
    }
    100% {
      width: 0%;
    }
}
@-webkit-keyframes animMenuClose {
    0% {
      width: 100vw;
      padding: 8em 3em 3em;
    }
    100% {
      width: 0vw;
      padding: 8em 0 0;
    }
}
@keyframes animMenuClose {
    0% {
      width: 100vw;
      padding: 8em 3em 3em;
    }
    100% {
      width: 0vw;
      padding: 8em 0 0;
    }
}
@-webkit-keyframes animMenuCloseLinks {
    0% {
      width: 0%;
    }
    100% {
      width: 110%;
    }
}
@keyframes animMenuCloseLinks {
    0% {
      width: 0%;
    }
    100% {
      width: 110%;
    }
}
@-webkit-keyframes animMenuRevealImg {
    0% {
      width: 0;
    }
    100% {
      width: 720px;
    }
}
@keyframes animMenuRevealImg {
    0% {
      width: 0;
    }
    100% {
      width: 720px;
    }
}
@-webkit-keyframes animMenuCloseImg {
    0% {
      width: 720px;
    }
    100% {
      width: 0;
    }
}
@keyframes animMenuCloseImg {
    0% {
      width: 720px;
    }
    100% {
      width: 0;
    }
}
@-webkit-keyframes animScrollingContactTextLeft {
    0% {
      transform: translate(-20%, -100%);
    }
    100% {
      transform: translate(-40%, -100%);
    }
}
@keyframes animScrollingContactTextLeft {
    0% {
      transform: translate(-20%, -100%);
    }
    100% {
      transform: translate(-40%, -100%);
    }
}

.fsmenu .fsmenu--container .fsmenu--list .sub-menu {
    display: none;
    padding: 0;
}


/* BANNER */
.main-banner {
    position: relative;
    background-color: var(--primary-color);
    overflow: hidden;
    z-index: 1;
}
.main-banner:not(.project-banner) .innerwrap {
    position: fixed;
    width: 100%;
}

/* .main-banner::after {
    content: '';
    position: absolute;
    width: 74%;
    height: 10%;
    display: block;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 2;
    opacity: 0.5;
} */
.main-banner .text-widget>img {
    margin-bottom: 12px;
}
.main-banner .text-widget h1 {
    position: relative;
    color: var(--white-color);
}
.swift-up-text {
margin-left: 30px;

}
.btn-padding-hero{
   margin-left: 30px; 
}
.swift-up-text>span{
    display: inline-block;
    overflow: hidden;
    animation: .3s swift-up ease-in-out forwards;	
    
}

.swift-up-text span span {
    font-style: normal;
    position: relative;
    top: 72px;
    animation: .5s swift-up ease-in-out forwards;
     /* margin-left: 30px; */
}

@keyframes swift-up {
    to {
      top: 0;
    }
}

.main-banner .slideshow .banner-arrow {
    position: absolute;
    right: 40px;
    bottom: 40px;
}
.main-banner .slideshow .banner-arrow .arrow {
    --active: var(--black-color);
    --border: rgba(0, 0, 0, 0   );
}
.main-banner .slideshow .banner-arrow .arrow.animate {
    --active: var(--primary-color);
}
.main-banner .slideshow .banner-arrow .pagingInfo {
    font-size: 1.5rem;
}
.slideshow .item {
    height: 100%;
}
.slideshow .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-slider .item::after,
.home-slider .item::before {
    /* content: ''; */
    width: 50%;
    height: 100%;
    background-color: var(--white-color);
    display: block;
    position: absolute;
    top:0;
    transition: width ease-in-out 0.5s;
    z-index: 1;
}
.home-slider .item::before {
    left: 0;
    
}
.home-slider .item::after {
    right: 0;
}
.home-slider .item.slick-current.slick-active::after,
.home-slider .item.slick-current.slick-active::before {
    width: 0px;
}
.quote-text-wrap {
  display: flex;
  height: 100%;
}
.quote-text {
  align-self: center;
}
.quote-text {
  transition: all 0.3s;
}
.cms-testimonial .quote-text {
    min-height: 140px;
}
.cms-testimonial .quote-text p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    overflow: hidden;
}
.swiper-slide.swiper-slide-next .quote-text,
.swiper-slide.swiper-slide-prev .quote-text {
  opacity: 0;
}
.swiper-slide.swiper-slide-active .quote-text {
  opacity: 1;
}

.image-slider-wrapper {
  position: relative;
}
.image-slider,
.single-slider {
  height: 100vh;
}
.swiper-slide { 
    position: relative;
    overflow: hidden;
}
.swiper-slide-inner { 
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
     
    /* z-index: -999; */
    
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.main-banner .slider-ctrl {
    position: absolute;
    right: 50px;
    bottom: 30px;
    white-space: nowrap;
    z-index: 9;
}
.main-banner .slider-ctrl .swiper-button-next, .main-banner .slider-ctrl .swiper-button-prev, .main-banner .slider-ctrl .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}
.main-banner .slider-ctrl .swiper-button-next::after, .main-banner .slider-ctrl .swiper-button-prev::after {
    font-size: 1.5rem;
    color: var(--white-color)
}
.main-banner .slider-ctrl .swiper-pagination {
    font-size: 1.5rem;
    color: var(--white-color)
}

.main-banner.project-banner .text-widget,
.main-banner.project-banner .slider-widget {
    width: 100%;
}
.main-banner.project-banner .text-widget,
.main-banner.project-banner .slider-widget {
    transition: var(--primary-transition);
}
.main-banner.project-banner .text-widget {
    position: absolute;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    background: rgb(193,82,39);
    /* background: linear-gradient(90deg, rgba(193,82,39,1) 40%, rgba(255,255,255,0) 100%); */
    
}

/* PEOPLE LOVE SECTION */
.project-list {
    background-color: var(--black-color);
    border-radius: 6px;
    overflow: hidden;
}
.project-box {
    border-radius: 6px;
    overflow: hidden;
}
.project-box .prj-img {
    position: relative;
    overflow: hidden;
}
.project-box .prj-img::after {
    content: '';
    width: 100%;
    height: 100px;
    background-color: rgba(237, 238, 247, 0.3);
    transform: scale(2) rotate(35deg) translateY(-300%);
    transition: all 800ms ease;
    z-index: 100;
    position: absolute;
}

.project-box:hover .prj-img::after {
    transform: scale(3) rotate(45deg) translateY(400px);
    filter: blur(20px);
} 
.project-box .prj-img img {
    width: 100%;
    /* height: 300px; */
    height: 410px;
    object-fit: cover;
    object-position: top;
    transition: all 400ms ease;
}
.project-box:hover .prj-img img {
    transform: scale(1.2);
}
.project-box .prj-meta {
    position: relative;
}
.project-box .prj-meta .angel,
.aminities-widget .angel,
.journey-item .img-thumb .angel {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 30px;
    width: 30px;
    /* background-color: rgba(171, 146, 87, 0); */
    opacity: 0;
    transition: opacity 200ms;
    transform: rotate(45deg);
}
div.project-box .prj-meta .angel {
    display: none;
}
.project-box:hover .prj-meta .angel,
.aminities-widget:hover .angel,
.journey-item .img-thumb:hover .angel {
  opacity: 1;
  transition-delay: 0s, 0s;
}

.project-box .prj-meta .angel::before,
.aminities-widget .angel::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 2px;
  box-shadow:
    -1px -1px 0 var(--primary-color),
    -2px -2px 0 var(--primary-color),
    -3px -3px 0 var(--primary-color),
    -4px -4px 0 var(--primary-color),
    -5px -5px 0 var(--primary-color),
    -6px -6px 0 var(--primary-color),
    -7px -7px 0 var(--primary-color),
    -8px -8px 0 var(--primary-color),
    -1px 1px 0 var(--primary-color),
    -2px 2px 0 var(--primary-color),
    -3px 3px 0 var(--primary-color),
    -4px 4px 0 var(--primary-color),
    -5px 5px 0 var(--primary-color),
    -6px 6px 0 var(--primary-color),
    -7px 7px 0 var(--primary-color),
    -8px 8px 0 var(--primary-color);
  background-color: var(--primary-color);
  transform: translateX(0px);
  transition: 160ms ease-out 80ms;
}
.journey-item .img-thumb .angel::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 2px;
  box-shadow:
    -1px -1px 0 var(--white-color),
    -2px -2px 0 var(--white-color),
    -3px -3px 0 var(--white-color),
    -4px -4px 0 var(--white-color),
    -5px -5px 0 var(--white-color),
    -6px -6px 0 var(--white-color),
    -7px -7px 0 var(--white-color),
    -8px -8px 0 var(--white-color),
    -1px 1px 0 var(--white-color),
    -2px 2px 0 var(--white-color),
    -3px 3px 0 var(--white-color),
    -4px 4px 0 var(--white-color),
    -5px 5px 0 var(--white-color),
    -6px 6px 0 var(--white-color),
    -7px 7px 0 var(--white-color),
    -8px 8px 0 var(--white-color);
  background-color: var(--white-color);
  transform: translateX(0px);
  transition: 160ms ease-out 80ms;
}

.project-box .prj-meta .rotated::before,
.aminities-widget .rotated::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color);
  transform: rotate(-45deg);
  transition: 160ms ease-out 80ms;
}

.project-box .prj-meta .angel::after,
.project-box .prj-meta .rotated::after,
.aminities-widget .angel::after,
.journey-item .img-thumb .angel::after {
  content: '';
  position: absolute;
  top: 50%;  
  left: 50%;
  width: 0px;
  height: 2px;
  background-color: var(--primary-color);
  transition: 160ms ease-out 80ms;
}
.journey-item .img-thumb .angel::after {
  background-color: var(--white-color);
}
.rotated::after {
  margin-left: 7px;
}

.project-box:hover .prj-meta .angel::before,
.aminities-widget:hover .angel::before,
.journey-item .img-thumb:hover .angel::before {
  transform: translateX(8px);
}

.project-box .prj-meta .rotated::before {
  transform: translateX(8px) rotate(-45deg);
}

.project-box:hover .prj-meta .angel::after,
.aminities-widget .angel::after,
.journey-item .img-thumb:hover .angel::after {
  width: 20px;
  margin-left: -20px;
  transform: translateX(8px);
}

.project-box:hover .prj-meta .rotated::after {
  width: 20px;
  margin-left: -13px;
  transform: translateX(8px);
}

.project-box .prj-meta .badge {
    position: absolute;
    right: 10px;
    top: 5px;
    text-shadow: none;
    font-weight: 400;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.custom-ctrl .right-elm.nolink::before {
    margin: 0 0 0 20px;
}
.specification-slider + .custom-ctrl .right-elm .textbtn.white-color:hover span {
    color: var(--black-color);
}
.specification-slider + .custom-ctrl .right-elm .textbtn.white-color:hover svg g {
    stroke: var(--black-color);
}
.custom-ctrl.primary-brdr-color .right-elm::before {
    background-color: var(--primary-color);
}
.textbtn {
    position: relative;
    font-family: var(--font-medium);
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--white-color);
    z-index: 1;
    background-color: transparent;
    border: none;
}
.textbtn.primary-color {
    color: var(--primary-color);
}
.textbtn.primary-color:hover,
.textbtn.white-color {
    color: var(--white-color);
}
.textbtn.white-color:hover,
.textbtn.white-color:hover span {
    color: var(--dark-color);
}
.textbtn .arrow-icon {
    position: relative;
    transition: transform 0.3s ease;
    vertical-align: middle;
    width: 34px;
    height: 34px;
}
.textbtn .arrow-icon--circle {
    transition: stroke-dashoffset 0.3s ease;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
    display: none;
}
.textbtn:hover .arrow-icon {
    transform: translate3d(5px, 0, 0);
}
.textbtn:hover .arrow-icon--circle {
    stroke-dashoffset: 0;
}
.textbtn span {
    display: block;
    position: relative;
    transition: var(--primary-transition);
    font-family: var(--font-medium);
}
.textbtn.primary-color svg g {
    stroke: var(--primary-color);
    transition: var(--primary-transition);
}
.textbtn.primary-color:hover span {
    color: var(--white-color);
}
.textbtn.primary-color:hover svg g {
    stroke: var(--white-color);
}
.textbtn.white-color:hover svg g,
.textbtn.white-color:hover span {
    stroke: var(--black-color);
}
.textbtn.white-color svg g {
    stroke: var(--white-color);
    transition: var(--white-transition);
}
.textbtn.white-color:hover svg g {
    stroke: var(--dark-color);
}
.textbtn.white-color:hover svg g {
    stroke: var(--black-color);
}
.textbtn.dark-color svg g {
    stroke: var(--dark-color);
    transition: var(--primary-transition);
}
.textbtn.dark-color:hover span {
    color: var(--primary-color);
}
.textbtn.dark-color:hover svg g {
    stroke: var(--primary-color);
}
.projects {
    display: grid;
}
.section-project .textbtn.white-color:hover span {
    color: var(--primary-color);
}
.section-project .textbtn.white-color:hover svg g {
    stroke: var(--primary-color);
}


/* SECTION JOURNEY */
.section-journey p {
    color: var(--dark-color);
}
.playbtn-elmnt {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: calc(100% - 50px);
}
/*.playbtn-elmnt::before {*/
/*    content: '';*/
/*    width: 0px;*/
/*    height: 2px;*/
/*    background-color: var(--white-color);*/
/*    display: inline-block;*/
/*    transition: width ease-in-out 1s;*/
/*    transition-delay: 0.5s;*/
/*}*/
.reveal.animating .playbtn-elmnt::before {
    width: calc(100% - 85px);
}
.play-btn {
    position: relative;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    /* border: 2px solid #FFFFFF; */
    background-color: transparent;
    border: none;
}
.play-btn svg:not(.play-icon) {
    margin-left: 6px;
}
.play-icon {
    /* border: 4px rgb(252, 252, 255) solid; */
    border-radius: 50%;
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    cursor: pointer;
    position: absolute;
}
.play-btn:hover svg:not(.play-icon) {
    animation: heartbeat 1s infinite;
}
@keyframes heartbeat {
    0% {
      transform: scale(0.75);
    }
    20% {
      transform: scale(1);
    }
    40% {
      transform: scale(0.75);
    }
    60% {
      transform: scale(1);
    }
    80% {
      transform: scale(0.75);
    }
    100% {
      transform: scale(0.75);
    }
}
.stroke-dotted {
opacity: 0;
stroke-dasharray: 4, 5;
stroke-width: 1px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: spin 4s infinite linear;
animation: spin 4s infinite linear;
-webkit-transition: opacity 1s ease, stroke-width 1s ease;
transition: opacity 1s ease, stroke-width 1s ease;
}
/* spin animation  */

@-webkit-keyframes spin {
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@keyframes spin {
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
.stroke-solid {
stroke-dashoffset: 0;
stroke-dasharray: 300;
stroke-width: 2px;
-webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
transition: stroke-dashoffset 1s ease, opacity 1s ease;
}
.play-btn:hover .play-icon .stroke-dotted {
stroke-width: 2px;
opacity: 1;
}
.play-btn:hover .play-icon .stroke-solid {
opacity: 0;
stroke-dashoffset: 300;
}
.play-btn:hover:after {
    content: "";
    display: inline-block;
    width: 85px;
    height: 85px;
    padding: 30px;
    border-radius: 50%;
    position: absolute;
    border: 1px dashed var(--white-color);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    transform: scale(1);
    opacity: 40%;
    animation: 2s ease-in-out infinite waveAlarm;
  }
  .play-btn:hover::before {
    content: "";
    display: inline-block;
    width: 85px;
    height: 85px;
    padding: 30px;
    border-radius: 50%;
    position: absolute;
    border: 1px dashed var(--white-color);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    transform: scale(1);
    opacity: 50%;
    animation: 2s ease-in-out 0.5s infinite waveAlarm;
  }
  
  @keyframes waveAlarm {
    0% {
      transform: scale(1);
      opacity: 40%;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }

/* SERVICE SECTION */
.section-service {
    background: var(--dark-grey-color);
    /* background: linear-gradient(180deg, var(--dark-grey-color) 0%, var(--dark-grey-color) 68%, var(--primary-color) 68%, var(--primary-color) 100%); */
    background: linear-gradient(180deg, var(--dark-grey-color) 0%, var(--dark-grey-color) 68%, var(--white-color) 68%, var(--white-color) 100%);
}
.counter-item-box h2 {
    font-size: clamp(1.75rem,3vw,3rem);
    line-height: 1;
}
.counter-item-box h4 {
    font-size: clamp(1rem,3vw,1.125rem);
}
.style-2 .counter-item-box h2 {
    font-size: clamp(2rem,5vw,4rem);
}
.service-item,
.hover-anim {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.service-box {
    position: relative;
}
.service-box>h4 {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 20px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
.service-item:hover .service-box>h4,
.hover-anim:hover .service-box>h4 {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
.service-item .service-box img,
.hover-anim .service-box img {
    max-width: none;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-30px,0,0);
    transform: translate3d(-30px,0,0);
}
.service-item:hover .service-box img,
.hover-anim:hover .service-box img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.service-item .overlay-box,
.hover-anim .overlay-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
}
.service-item .overlay-box ul li,
.hover-anim .overlay-box ul li {
    position: relative;
    padding-left: 26px;
}
.service-item .overlay-box ul li::before,
.hover-anim .overlay-box ul li::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: var(--white-color);
    left: 0;
    top: 14px;
}
.service-item .overlay-box h4,
.hover-anim .overlay-box h4 {
    font-size: clamp(1.125rem,3vw,1.375rem);
}
.service-item .overlay-box h4,
.service-item .overlay-box ul,
.service-item .overlay-box p,
.service-item .overlay-box .textbtn,
.service-item .overlay-box .icon,
.service-item .overlay-box .icon,
.hover-anim .overlay-box h4,
.hover-anim .overlay-box ul,
.hover-anim .overlay-box p,
.hover-anim .overlay-box .textbtn,
.hover-anim .overlay-box svg,
.hover-anim .overlay-box .icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.service-item .overlay-box ul,
.service-item .overlay-box p,
.hover-anim .overlay-box ul,
.hover-anim .overlay-box p {
    animation-delay: 0.5s;
    font-size: clamp(0.875rem,3vw,1rem);
}
.service-item .overlay-box .textbtn,
.hover-anim .overlay-box .textbtn {
    animation-delay: 0.9s;
}
.service-item:hover .overlay-box h4,
.service-item:hover .overlay-box p,
.service-item:hover .overlay-box ul,
.hover-anim:hover .overlay-box h4,
.hover-anim:hover .overlay-box p,
.hover-anim:hover .overlay-box ul {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
.service-item:hover .overlay-box .textbtn,
.hover-anim:hover .overlay-box .textbtn {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

.service-item:hover .overlay-box svg,
.service-item:hover .overlay-box .icon,
.hover-anim:hover .overlay-box svg,
.hover-anim:hover .overlay-box .icon {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    animation-delay: 0.8s;
}
.service-item .overlay-box .icon,
.hover-anim .overlay-box .icon {
    width: 50px;
}
.service-item .overlay-box p,
.hover-anim .overlay-box p {
    /* color: var(--white-color); */
    font-size: clamp(0.875rem,3vw,1rem);
}
.botom-white-grad .service-box::before {
    content: '';
    width: 100%;
    height: 40%;
    position: absolute;
    z-index: 1;
    display: block;
    bottom: 0;
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    transition: var(--primary-transition);
}
.hover-anim:hover.botom-white-grad .service-box::before {
    opacity: 0;
}
.botom-white-grad .service-box h4 {
    z-index: 2;
}


/* AWARDS SECTION */
.awards-box {
    position: relative;
    padding: 18px 55px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.awards-box h6 {
    font-weight: var(--font-light);
    /* font-size: 0.875rem; */
    font-size: 1.4rem;
    /* text-align: center !important; */
}
.awards-box p {
    /* font-weight: var(--font-semibold); */
    font-size: 0.875rem;
    color: var(--white-color) !important;
}
.awards-box  img{
    height: 60px;
    margin-bottom: 5px;
}
/* .awards-box:before, .awards-box:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: table;
    z-index: 15;
    width: 50%;
    height: 100%;
     background-image: url(../images/leaf.svg);
    background-image: url(../images/line.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
} */
/* .awards-box:before, .awards-box:after  {
    position: absolute;
   
    left: 4%;
    top: 0;
    content: "";
    display: table;
    z-index: 15;
    width: 50%;
    height: 100%;
   
    background-image: url(../images/leaf-01.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
} */
.awards-box:after {
    right: 0;
    left: auto;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    -moz-transform: matrix(-1,0,0,1,0,0);
    -o-transform: matrix(-1,0,0,1,0,0);
    transform: matrix(-1,0,0,1,0,0);
}

/* LEFT ICON WIDGET */
.left-icon-list {
    position: relative;
    display: grid;
    grid-template-columns: 170px calc(100% - 190px);
    gap: 20px;
    align-items: center;
    z-index: 1;
}
.left-icon-list .textbtn svg {
    width: 32px;
    height: 32px;
}
.left-icon-list .icon img {
    border-radius: 10px;
    width: 170px;
    height: 170px;
    object-fit: cover;
}
.left-icon-list h4,
.left-icon-list p {
    margin-bottom: 2px;
}
.left-icon-list p {
    font-weight: var(--font-light);
}

/* TESTTIMONIAL */
.testimonial-box {
    border-radius: 10px;
    overflow: hidden;
}
.testimonial-box {
    position: relative;
}
.testimonial-box img {
    width: 100%;
}
.testimonial-box .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.cms-testimonial {
    border-left: 2px solid var(--grey-color);
    padding-left: 20px;
}
.satisfy-counter {
    font-size: clamp(2.5rem,5vw,4rem);
}

/* MISC */
.misc-items .misc-item .left-icon-list {
    transition: opacity 0.5s ease-in-out;
}
.misc-items:hover .misc-item .left-icon-list {
    opacity: 0.15;
}
.misc-items .misc-item:hover .left-icon-list {
    opacity: 1;
}
.botm-arrow .line {
    flex: 1;    
    height: 2px;
    display: inline-block;
    background-color: var(--white-color);
}
.botm-arrow .textbtn.white-color:hover span {
    color: var(--primary-color);
}
.botm-arrow .textbtn.white-color:hover svg g {
    stroke: var(--primary-color);
}

/* PARTNERS */
.section-partner .swiper-slide img,
.section-progress .swiper-slide img {
    max-width: 230px;
    margin: 0 auto;
    display: block;
}



/* FOOTER */
.main-footer {
    position: relative;
    z-index: 1;
    /* background-color: var(--dark-color); */
    /* background-color: var(--primary-color); */
    background-color: #25858C;
    /* background-color:#085566; */
    padding-left: clamp(15px, 3vw,106px);
    padding-right: clamp(15px, 3vw,106px);
    padding-top: clamp(2rem, 5vw,5.625rem);
    padding-bottom: clamp(1.5rem, 3vw,3.625rem);
}
/* .main-footer .logo img {
	max-width: 134px;
} */
.main-footer .logo img {
	max-width: 85px;
}
.main-footer .ft-about p,
.main-footer .form-subscribe p {
    font-size: clamp(0.875rem,3vw,1rem);
    line-height: 1.2;
}

.main-footer .footer-grid .footer-widget {
    position: relative;
}
.main-footer .footer-grid .footer-widget p,
.main-footer .footer-grid .footer-widget .mail {
    font-size: 0.8125rem;
}
.main-footer .footer-grid .footer-menu>ul {
    column-count: 3;
}
.main-footer .footer-grid .footer-menu ul li a {
    font-size: clamp(0.875rem,3vw,1rem);
    color: var(--white-color);
    position: relative;
    white-space: nowrap;
    transition: all ease-in-out 0.35s;
}
.main-footer .footer-grid .footer-menu ul ul li a {
    font-size: clamp(0.9375rem,3vw,0.875rem);
}
.main-footer .footer-grid .footer-menu ul li a:hover {
    color: var(--primary-color);
}
.main-footer .footer-grid .footer-menu ul li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.main-footer .footer-grid .footer-menu ul li a:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
.main-footer .footer-grid .footer-menu>ul>li:not(:last-child) {
    margin-bottom: 30px;
}
.main-footer .footer-grid .footer-menu>ul>li>a {
    text-transform: uppercase;
    background: url(../images/arrow-next.svg) right center no-repeat;
    background-size: 8px;
    padding-right: 20px;
    font-family: var(--font-medium);
}
.main-footer .footer-grid .footer-menu ul {
    padding-left: 0;
}
.main-footer .footer-grid .footer-menu ul ul li {
    margin-top: 4px;
    
}
.main-footer .social-list li:not(:last-child) {
    margin-right: 25px;
    
}
.main-footer .social-list li a {
    font-size: 1.75rem;
    color: var(--white-color) ;
}
.main-footer .social-list li a i {
    font-style: normal;
}
.main-footer .form-subscribe {
    position: relative;
}
.main-footer .form-subscribe input[type="email"] {
    border:2px solid var(--tertiary-color);
    background-color: transparent;
    padding: 6px 70px 6px 20px;
    width: 100%;
    height: 40px;
    border-radius: 25px;
    font-size: 0.875rem;
    color: var(--white-color);
}
.main-footer .form-subscribe input[type="submit"] {
    position: absolute;
    background: var(--tertiary-color) url(../images/angel-right.svg) no-repeat center center;
    right: 0;
    width: 60px;
    height: 40px;
    border: none;
    border-radius: 0 25px 25px 0;
}
.main-footer .copyright {
    font-size: clamp(0.9375rem,3vw,0.875rem);
}
.main-footer .credai-logo {
    max-width: 140px;
}

/* REVEAL STYLE */
body:not(.no-js) .image-wrap {
    transition: 1s ease-out;
    transition-delay: 0.2s;
    position: relative;
    width: auto;
    /* height: 80vh; */
    overflow: hidden;
    /* clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); */
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    visibility: hidden;
  }
  
  body:not(.no-js) .image-wrap img {
    transform: scale(1.3);
    transition: 2s ease-out;
  }
  
  body:not(.no-js) .animating .image-wrap {
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    visibility: visible;
    transform: skewY(0);
  }
  
  body:not(.no-js) .animating img {
    transform: scale(1);
    transition: 2s ease-out;
  }
  
  body:not(.no-js) .fadeup {
    opacity: 0;
    transition: 0.4s ease-out;
    transform: translateY(40px);
  }
  
  body:not(.no-js) .fading-up {
    opacity: 1;
    transition: 1s ease-out;
    transform: translateY(0px);
    transition-delay: 0.7s;
  }
  .has-animation {
    position: relative;
  }
  .has-animation .animate-elmnt {
    opacity: 0;
  }
  .has-animation.animate-in .animate-elmnt {
    animation: textHidden 0.1s 1.1s forwards;
  }
  .has-animation.animate-in:before, .has-animation.animate-in:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 10;
  }
  .has-animation.animate-in:before {
    background-color: #eee;
  }
  .has-animation.animate-in:after {
    background-color: #444E11;
    animation-delay: 0.5s;
  }
  .has-animation.animation-ltr.animate-in:before {
    animation: revealLTR 1.8s ease;
  }
  .has-animation.animation-ltr.animate-in:after {
    animation: revealLTR 1s 0.6s ease;
  }
  .has-animation.animation-rtl.animate-in:before {
    animation: revealRTL 1.8s ease;
  }
  .has-animation.animation-rtl.animate-in:after {
    animation: revealRTL 1s 0.6s ease;
  }
  
  @keyframes revealRTL {
    0% {
      width: 0;
      right: 0;
    }
    65% {
      width: 100%;
      right: 0;
    }
    100% {
      width: 0;
      right: 100%;
    }
  }
  @keyframes revealLTR {
    0% {
      width: 0;
      left: 0;
    }
    65% {
      width: 100%;
      left: 0;
    }
    100% {
      width: 0;
      left: 100%;
    }
  }
  @keyframes textHidden {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  /* TABS STYLE */
.nav-tabs .nav-link,
.nav-tabs {
  position: relative;
  border: none;
}
.nav-tabs {
  box-shadow: none;
  /* overflow: hidden; */
  border-bottom: 2px solid var(--grey-color);
  border-radius: 0;
}
.nav-tabs .nav-item {
    margin-right: 30px;
    padding-left: 0;
}
.nav-tabs .nav-item::before {
    display: none;
}
.nav-tabs .nav-link {
  display: block;
  color: var(--white-color);
  margin-bottom: 0;
  text-align: left;
  text-transform: uppercase;
  font-weight: var(--font-bold);
  font-size: clamp(0.875rem,3vw,1.125rem);
  padding: 0;
}
.nav-tabs .nav-link.active {
  background: transparent;
  color: var(--primary-color);
}
.nav-indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  -webkit-transition: .4s;
  transition: .4s;
  z-index: 1;
  background: var(--primary-color);
  display: none;
}
.nav-link:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--grey-color);
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}
.nav-link:not(.active):hover:before {
  opacity: 1;
  bottom: 0;
}
.tab-content .btn {
    color: var(--grey-color);
}
.tab-content .btn.active {
    color: var(--primary-color);
}

.icon-box.border-left {
    border-left: 2px solid var(--primary-color);
    padding-left: 20px;
}
.icon-box.border-left.dark-color {
    border-left-color: var(--dark-color);
}
.opacity-1 {
    opacity: 0.1;
}
.opacity-2 {
    opacity: 0.2;
}
.opacity-3 {
    opacity: 0.3;
}
.opacity-4 {
    opacity: 0.4;
}
.opacity-5 {
    opacity: 0.5;
}
/* CHANNEL PARTNER */
.channel-item .icon-box.border-left {
    border-left-color: var(--white-color);
}
.channel-item .icon-box h6 {
    color: var(--primary-color);
    font-weight: var(--font-normal);
}
.channel-item .icon-box p,
.channel-item .icon-box p a {
    color: var(--white-color);
}
.channel-item .icon-box h5,
.channel-item .icon-box h6,
.channel-item .icon-box p {
    margin-bottom: 1px;
}
.contact-form-box .form-control {
    color: var(--white-color);
}
.contact-form-box .form-control:focus {
    background: rgba(0, 0, 0, .12);
    border-color: var(--secondary-color);
}
main .contact-cont ul li::before {
    display: none;
}
main .contact-cont ul li {
    padding-left: 0;
}
/* JOURNEY SLIDER */
.journey-elemnt {
    position: relative;
}
.journey-elemnt .slider-arrows {
    position: absolute;
    right: 0;
    top: 179px;
    margin-top: -25px;
    z-index: 2;
}
.journey-elemnt .slider-arrows .arrow:before, .journey-elemnt .slider-arrows .arrow:after {
    border: 2px solid transparent;
}
.journey-elemnt .slider-arrows .arrow svg {
    color: var(--white-color);
}
.journey-elemnt .slider-arrows .arrow i .st0 {
    stroke: var(--white-color);
}
.journey-elemnt .slider-arrows .arrow i::before,
.journey-elemnt .slider-arrows .arrow i::after {
    background: var(--white-color);
}
.journey-slider {
    z-index: 1;
}
.journey-slider::after {
    content: '';
    border-top: 2px solid var(--white-color);
    width: calc(100% - 90px);
    height: 0;
    display: block;
    position: absolute;
    top: 184px;
    left: 0;
    z-index: -1;
    margin-top: -7px;
}
.journey-item {
    position: relative;
    /* opacity: 0.5; */
    transition: all ease-in-out 0.35s;
}
.journey-item.slick-current {
    /* opacity: 1; */
}
.journey-item .img-thumb {
    width: 200px;
    height: 132px;
    border-radius: 8px;
    overflow: hidden;
}
.journey-item .img-thumb img {
    object-fit: cover;
    transition: var(--primary-transition);
    filter: grayscale();
}
.journey-item .img-thumb:hover img {
    filter: inherit;
}
.journey-item .journey-cont {
    margin-left: 70px;
}
.journey-item .journey-cont h6 {
    font-size: 1rem;
    margin-bottom: 0;
}
.journey-item .journey-cont p {
    font-size: 0.875rem;
    font-weight: var(--font-light);
    margin-bottom: 0;
}

.journey-item .devider {
    /* border-top: 1px solid var(--white-color); */
    width: 100%;
    display: block;
    margin: 30px 0;
}
.journey-item .devider::before {
    content: '';
    border: 2px solid var(--white-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: block;
    margin: 0 0 0 85px;
}
#constructionsUpdate .journey-item .devider::before {
    background-color: var(--dark-grey-color);
}
.journey-item .devider::after {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: var(--white-color);
    display: block;
    margin: -22.5px 0 0 92px;
    transition: all ease-in-out 0.35s;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
.journey-item:hover .devider::after,
.journey-item.slick-current .devider::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.rtl-bg {
    position: relative;
    background-position: right top;
    background-size: 35%;
    background-repeat: no-repeat;
    z-index: 1;
} 
.rtl-bg .bg-elmnt {
    position: absolute;
    height: 100%;
    display: block;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.rtl-bg .bg-elmnt img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article-grid-list {
    display: grid;
    grid-gap: 10px;    
}


.article-grid-list > article:not(:first-child) h5 {
    font-size: 1rem;
}
.article-grid-list > article h5 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.article-grid-list > article h5 a {
    color: var(--black-color);
    transition: var(--primary-transition);
}
.article-grid-list > article h5 a:hover {
    color: var(--primary-color);
}
.article-grid-list > article:nth-child(3) {
    background-color: var(--white-color);
}
.article-grid-list > article:nth-child(3) h5 {
    font-weight: var(--font-bold);
    margin-bottom: 16px;
}
.article-grid-list > article:nth-child(3) h5::after {
    content: '';
    width: 100%;
    height: 0;
    border-top: 4px solid var(--primary-color);
    display: block;
    margin-top: 4px;
}
.article-grid-list > article:nth-child(3) ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.article-grid-list > article:nth-child(3) ul li:not(:last-child) {
    margin-bottom: 18px;
}
.article-grid-list > article:nth-child(3) ul li a {
    font-size: 0.875rem;
    color: var(--grey-color);
    line-height: 1.2;
    display: block;
    transition: var(--primary-transition);
}
.article-grid-list > article:nth-child(3) ul li a:hover {
    color: var(--primary-color);
}
.article-grid-list > article:first-child figure figcaption p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}
.article-grid-list > article:not(:first-child) figure figcaption p {
    display: none;
}
.article-grid-list > article:nth-child(5),
.article-grid-list > article:nth-child(8),
.article-grid-list > article:nth-child(7) {
    background-color: var(--white-color);
    padding: 5px
}
.article-grid-list > article:nth-child(5) figure,
.article-grid-list > article:nth-child(8) figure,
.article-grid-list > article:nth-child(7) figure {
    display: grid;
    grid-template-columns: 100px calc(100% - 100px);
}
.article-grid-list > article:nth-child(5) figure img,
.article-grid-list > article:nth-child(8) figure img,
.article-grid-list > article:nth-child(7) figure img {
    position: relative;
    border-radius: 5px;
    max-height: 100px;
}
.article-grid-list > article:nth-child(5) figure figcaption h5,
.article-grid-list > article:nth-child(8) figure figcaption h5,
.article-grid-list > article:nth-child(7) figure figcaption h5 {
    font-size: 0.875rem;
    margin-bottom: 4px;
}
.article-grid-list article {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}
.article-grid-list article figure {
    position: relative;
    display: flex;
    /* flex-direction: column;
    justify-content: end; */
    width: 100%;
    height: 100%;
    margin: 0;
}
.article-grid-list article figure::before {
    content: '';
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 60%;
    display: block;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.835171568627451) 0%, rgba(255,255,255,0) 100%);
}
.article-grid-list > article figure figcaption .textbtn,
.article-grid-list > article:nth-child(5) figure::before,
.article-grid-list > article:nth-child(8) figure::before,
.article-grid-list > article:nth-child(7) figure::before {
    display: none;
}
.article-grid-list > article:nth-child(5) figure figcaption .textbtn,
.article-grid-list > article:nth-child(8) figure figcaption .textbtn,
.article-grid-list > article:nth-child(7) figure figcaption .textbtn {
    display: flex;
}
.article-grid-list > article figure figcaption .textbtn {
    font-size: 0.875rem;
}
.article-grid-list > article figure figcaption .textbtn span {
    letter-spacing: 4px;
}
.article-grid-list > article figure figcaption .textbtn .arrow-icon {
    width: 27px;
    height: 27px;
}
.article-grid-list > article figure figcaption .textbtn:hover span {
    color: var(--secondary-color);
}
.article-grid-list > article figure figcaption .textbtn.primary-color:hover svg g {
    stroke: var(--secondary-color);
}
.article-grid-list article figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.article-grid-list article figure figcaption {
    position: relative;
    z-index: 1;
    padding: 10px 15px 5px;
    align-self: flex-end;
}
.article-grid-list article figure figcaption p {
    margin-bottom: 5px;
    font-size: 1rem;
    color: var(--dark-grey-color);
}

.news-slider {
    margin: 0 -10px;
}
.news-slider .news-item {
    padding: 0 10px;
}
.news-slider .news-item {
    padding: 0 10px;
}
.news-slider .news-item .news-box {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--black-color);
}
.news-slider .news-item .news-box img {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);    
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
}
.news-slider .news-item .news-box:hover img {
    opacity: 0.5;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.news-slider .news-item .news-box figcaption {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 1;
}
.news-slider .news-item .news-box p,
.news-slider .news-item .news-box a {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.news-slider .news-item .news-box:hover p,
.news-slider .news-item .news-box:hover a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.news-slider .news-item .news-box a {
    opacity: 0;
}
.news-slider .news-item .news-box:hover a {
    opacity: 1;
}
.news-slider .news-item .news-box::before {
    content: '';
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 50%;
    display: block;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.835171568627451) 0%, rgba(255,255,255,0) 100%);
    z-index: 1;
    transition: all ease-in-out 0.35s;
}
.news-slider .news-item .news-box:hover::before {
    opacity: 0.9;
}
.heading-style .right-elm {
    flex: 1;
}
.heading-style .right-elm::before {
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    margin: 0 20px;
    background-color: var(--white-color);
}
.blog-slider {
    margin: 0 -10px
}
.blog-slider article {
    padding: 10px;
}
.blog-slider article figure {
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
    background-color: var(--white-color);
    display: grid;
    align-items: center;
    padding: 6px;
}
.blog-slider article figure.showimg {
    grid-template-columns: 120px calc(100% - 120px);
}
.blog-slider article figure:not(.showimg) {
    min-height: 132px;
}
.blog-slider article figure img {
    border-radius: 8px;
    width: 120px;
    height: 120px;
    object-fit: cover;
}
.blog-slider article figure figcaption {
    padding-left: 10px;
}
.blog-slider article figure figcaption h5 {
    font-size: 1rem;
    font-weight: var(--font-normal);
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}
.blog-slider article figure figcaption .textbtn {
    font-size: 0.875rem;
    letter-spacing: 4px;
}
.blog-slider article figure figcaption .textbtn span {
    letter-spacing: 4px;
}
.blog-slider article figure figcaption .textbtn.primary-color:hover span {
    color: var(--secondary-color);
}
.blog-slider article figure figcaption .textbtn.primary-color:hover svg g {
    stroke: var(--secondary-color);
}
.slick-slide.fade {
    opacity: 1!important;
}
.article-dtls-top img {
    max-height: 400px;
    object-fit: cover;
}
/* ACCORDIAN STYLE */

.accordian .accordian-card {
    margin-bottom: 12px;
}
.accordian.no-bg .accordian-card {
    border-bottom: 1px solid var(--grey-color);
    border-radius: 0;
    margin-bottom: 0;
}
.accordian.no-bg .accordian-card.white-color {
    border-color: var(--white-color);
}

.accordian .accordian-card .accordian-header, .accordian .accordian-card .accordian-content {
    position: relative;
}
.accordian .accordian-card .accordian-header {
    padding: 24px 21px;
}
.accordian .accordian-card .accordian-content {
    padding: 24px 0;
}
.accordian .accordian-card .accordian-header {
    padding-right: 50px;
    border-radius: 5px;
    cursor: pointer;
}
.accordian.no-bg .accordian-card .accordian-header {
    color: var(--grey-color);
    font-weight: var(--font-bold);
}
.accordian.is-bg .accordian-card .accordian-header {
    color: var(--white-color);
}

.accordian .accordian-card .accordian-header::after {
    content: '';
    width: 28px;
    height: 28px;
    background-image: url(../images/plus-icon.svg);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    background-size: 28px;
}
.accordian .accordian-card .accordian-header.white-color::after {
    background-image: url(../images/plus-white-icon.svg);
}

.accordian .accordian-card .accordian-content {
    font-size: 1rem;
    display: none;
}
.accordian .accordian-card .accordian-content ul {
    list-style:none;
	padding-left:0;
}
.accordian .accordian-card .accordian-content ul ul {
	padding-left:15px;
	margin-top:10px;
}
.accordian .accordian-card .accordian-content ul li:not(:last-child) {
    margin-bottom:12px;
}
.accordian.is-bg>.accordian-card .accordian-header {
    border-bottom: 1px solid var(--grey-color);
    font-weight: var(--font-bold);
    color: var(--grey-color); 
    border-radius: 0;
}

.accordian.is-bg>.accordian-card.active>.accordian-header {    
    color: var(--primary-color);  
    border-bottom-color: transparent;  
}

.accordian.no-bg>.accordian-card.active>.accordian-header::after {
    background-image: url(../images/line-orrange.svg);
    background-position: center;
}
.accordian.no-bg>.accordian-card.active>.accordian-header {
    color: var(--primary-color);
}

.accordian.is-bg>.accordian-card.active>.accordian-header::after {
    background-image: url(../images/minus-icon.svg);
    background-position: center;
}
.store-details #name {
    color: var(--white-color);
    font-weight: var(--font-semibold);
    font-size: 1.125rem;
}
.store-details p {
    margin-bottom: 5px;
}
.store-details {
    max-height: 120px;
    overflow: auto;
}
/* width */
.store-details::-webkit-scrollbar {
    width: 2px;
}

/* Track */
.store-details::-webkit-scrollbar-track {
background: var(--light-grey-color);
}

/* Handle */
.store-details::-webkit-scrollbar-thumb {
background: var(--dark-color);
border-radius: 4px;
}

/* Handle on hover */
.store-details::-webkit-scrollbar-thumb:hover {
background: var(--dark-color);
}
.store #store-list {
    flex: 1;
    background: transparent url(../images/arrow-down.svg) no-repeat right 15px top 50%;
    background-size: 12px;
    border: 1px solid var(--white-color);
    border-radius: 24px;
    max-width: 260px;
}
.store #store-list {
    color: var(--white-color);
}
.store #store-list option{
    color: var(--black-color);
    /* background-color: var(--primary-color); */
}
.store-widget .locate-map-elm iframe {
    border: 0;
    width: 160px;
    height: 160px;
    border-radius: 6px;
}
.store-location h4 {
    display: flex;
    align-items: flex-end;
}
.store-location h4::after {
    content: '';
    flex: 1;
    width: 100%;
    height: 0;
    border-bottom: 2px solid var(--grey-color);
    margin-bottom: 15px;
    margin-left: 10px;
}
.form-select:focus {
    box-shadow: none;
}
.others-sections.togl {
    display: none;
}
.main-header.open-culture {
    background-color: var(--primary-color);
}
.main-header.open-culture .logo img {
    filter: brightness(100);
}
.section-esg-gallery,
.section-esg,
.section-outdoor,
.section-indoor,
.section-gallery {
    position: fixed;
    transform: translateX(200%);
    transition: var(--primary-transition);
}
.section-esg-gallery.open,
.section-esg.open,
.section-outdoor.open,
.section-indoor.open,
.section-gallery.open {
    transform: translateX(0);
    position: relative;
}
#cultureCloseCtrl {
    cursor: pointer;
}
.section-culture ul {
    display: grid;
    gap: 30px;
}
.section-culture ul li {
    padding-left: 0;
}
.section-culture ul li::before {
    display: none;
}
.section-culture ul li .counter {
    position: relative;
    font-weight: var(--font-bold);
    font-size: clamp(1.75rem,5vw,3rem);
    color: var(--grey-color);
    background-color: transparent;
}
.section-culture ul li h4 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    min-height: 70px;
}
.leadership-item {
    margin: 0 -15px;
}
.leadership-item .leadership-box {
    padding-left: 15px;
    padding-right: 15px;
}
.leadership-box .quote-icon {
    filter: brightness(10);
}
.leadership-box .leadership-cont h5 {
    font-size: 1rem;
}
.leadership-box .leadership-cont h6 {
    font-size: 0.875rem;
}
.leadership-item + .custom-ctrl::before {
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    margin-right: 8px;
    background-color: var(--white-color);
}
.leadership-item + .custom-ctrl .arrow i .st0 {
    stroke: var(--white-color);
}
.leadership-item + .custom-ctrl .arrow:before, .leadership-item + .custom-ctrl .arrow:after {
    border-color: var(--primary-color);
}
.counter-list {
    display: grid;
    gap: 30px;
    counter-reset: my-sec-counter;
}
.counter-list li {
    padding-left: 0;
}
.counter-list li::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter, decimal-leading-zero);
    position: relative;
    font-weight: var(--font-bold);
    font-size: clamp(2rem,5vw,3.75rem);
    color: var(--grey-color);
    background-color: transparent;
}
.counter-list li h4 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom-width: 2px!important;
}
.carrer-acard.accordian.is-bg>.accordian-card{
    border-top: 1px solid var(--grey-color);
    border-bottom: none;
    margin-bottom: 0;
}
.carrer-acard.accordian.is-bg>.accordian-card .accordian-header {
    border-bottom: none;
}
.carrer-acard .job-row strong {
    float: left;
}
.career-form .form-control,
.career-form .resume-label,
#post-job .form-control {
    background-color: transparent;
    border-color: var(--primary-color);
    border-radius: 25px;
    margin-bottom: 15px;
    padding: 10px 20px
}
.career-form .form-control#resume {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.career-form .resume-label {
    position: relative;
    display: block;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    color: var(--white-color);
}
.career-form .resume-label::after {
    content: '';
    width: 60px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--primary-color) url(../images/upload-icon.svg) no-repeat center center;
    border-radius: 0 50px 50px 0;
}
.form-control {
    color: var(--white-color);
}
input.form-control::placeholder,
textarea.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--white-color);
    opacity: 1; /* Firefox */
}
  
input.form-control:-ms-input-placeholder, /* Internet Explorer 10-11 */
textarea.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--white-color);
}
  
input.form-control::-ms-input-placeholder, /* Microsoft Edge */
textarea.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--white-color);
}
.career-form select.form-control {
    color: var(--white-color);
    background: url(../images/arrow-down.svg) no-repeat right 20px top 50%;
    background-size: 15px;
}
.career-form select.form-control option {
    color: var(--black-color);
}
.form-control:focus {
    box-shadow: none;
}
#myModal .close {
    position: absolute;
    background-color: transparent;
    border: none;
    right: 3px;
    margin: 0;
    padding: 0;
}
.elm-right-vbrdr {
    display: flex;
    align-items: center;
}
.elm-right-vbrdr::after {
    content: '';
    flex: 1;
    border-top: 1px solid var(--primary-color);
}

/* EVENT */
.event-list {
    position: relative;
    overflow: hidden;
}
.event-list::before {
    content: '';
    width: 100%;
    height: 40%;
    position: absolute;
    z-index: 1;
    display: block;
    bottom: 0;
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    transition: var(--primary-transition);
}
.event-list h6 {
    position: absolute;
    padding: 15px;
    left: 0;
    bottom: 0;
    z-index: 2;
    color: var(--black-color);
}
.event-list img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.event-list .textbtn.primary-color:hover span {
    color: var(--secondary-color);
}
.event-list .textbtn.primary-color:hover svg g {
    stroke: var(--secondary-color);
}

/* SITEMAP */
/* .sitemap {
    display: table;
    margin: 0 auto;
} */
.sitemap h6 {
    display: flex;
    align-items: center;
}
.sitemap h6::after {
    content: '';
    flex: 1;
    border-top: 1px solid var(--grey-color);
    margin-left: 15px;
}
.sitemap ul {
    padding-left: 0;
}
.sitemap a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    margin: 0 5px;
    border-radius: 7px;
    text-align: center;
    position: relative;
}
.sitemap > ul > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    margin-bottom: 0px;
}
.sitemap > ul{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    flex-wrap: wrap;
}
/* .sitemap > ul::after {
    content: '';
    border-left: 1px solid #9e9f9e;
    display: block;
    width:0;
    height: calc(100% - 35px);
    position: absolute;
    top:25px;
    left:-6px
} */
.sitemap > ul>li>a {
    margin-bottom: 10px;
}
.sitemap > ul > li:not(.has-child) > a::before {
    content: "";
    position: absolute;
    border-left: 1px solid #9e9f9e;
    height: calc(100% + 12px);
    top: 22px;
    left: -3px;
    width: 7px;
}
.sitemap > ul>li>ul {
    margin-top: -10px;
}
.sitemap > ul>li:before {
    /* content: "";
    position: absolute;
    border: 1px solid #9e9f9e;
    border-left: none;
    border-right: none;
    border-top: none;
    height: 0px;
    width: 10px;
    top: 25px;
    left: -5px; */
    display: none;
}
.sitemap > ul a {
    /* background: #cbcccb; */
    font-size: 1.125rem;
    font-weight: 600;
    /* width: 175px; */
    min-height: 60px;
    z-index: 10;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    transition: all ease-in-out 0.35s;
    color:var(--primary-color);
    padding: 0 16px;
}
.sitemap > ul .has-sub-child a {
    min-height: inherit;
}
.sitemap > ul ul a:before {
    content: "";
    position: absolute;
    border: 1px solid #9e9f9e;
    border-left: none;
    border-bottom: none;
    height: 9px;
    top: -10px;
    left: -91px;
    width: 190px;
}
.sitemap > ul > ul li:first-child a:before {
    border-top: none;
}
.sitemap ul {
    position: relative;
}

.sitemap > ul > li > ul::before {
    content: "";
    position: absolute;
    border-left: 1px solid #9e9f9e;
    height: calc(100% + 14px);
    top: -38px;
    left: 2px;
    width: 7px;
}
.sitemap > ul > li > ul > li > ul::before {
    content: "";
    position: absolute;
    border-left: 1px solid #9e9f9e;
    height: calc(100% - 6px);
    top: 0;
    left: 2px;
    width: 7px;
}
.sitemap > ul ul li::before {
    display: none;
}
.sitemap > ul ul {
    margin-left: 0;
    padding-top: 10px;
}
.sitemap > ul ul a {
    /* background: #e4e4e3;
    width: 120px;
    height: 40px; */
    /* margin-bottom: 10px; */
    z-index: 5;
    font-size: 1rem;
    color: var(--white-color);
    padding-left: 0;
    font-weight: var(--font-medium);
}
/* .sitemap > ul ul a:before {
    border: 1px solid #9e9f9e;
    border-left: none;
    border-right: none;
    border-top: none;
    width: 15px;
    height: 15px;
    background-color: var(--primary-color);
    border-radius: 50%;
    top: -35px;
    left: -8px;
    width: 7px;
}  */

.sitemap > ul ul a:before {
    border: 1px solid #9e9f9e;
    width: 12px;
    height: 12px;
    background-color: var(--primary-color);
    border-radius: 50%;
    top: 50%;
    left: -23px;
    margin-top: -6px;
} 
.sitemap > ul ul ul a:before {
    width: 8px;
    height: 8px;
    background-color: var(--white-color);
    left: -21.4px;
    margin-top: -4px;
} 
.sitemap > ul ul ul a {
    padding-left: 14px;
} 
.sitemap > ul ul ul a:after {
    content: '';
    position: absolute;
    border-top: 1px solid #9e9f9e;
    width: 22px;
    height: 0;
    left: -14px;
    top: 50%;
} 
.sitemap > ul ul ul a {
    font-weight: var(--font-normal);
    font-size: 0.875rem;
} 

/* ESG */

/* SINGLE PROJECT */
.project-banner .bottom-widget ul li {
    border-left: 2px solid var(--black-color);
    padding-left: 15px;
}
.project-banner .bottom-widget ul li:not(:last-child) {
    margin-right: 15px;
}
.aminities-widget {
    overflow: hidden;
}
.aminities-widget>*:not(img) {
    position: absolute;
    width: 100%;
    left: 0;
}
.aminities-widget::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    display: block;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.9556197478991597) 0%, rgba(255,255,255,0) 100%);
    bottom: 0;
    left: 0;
    transition: var(--primary-transition);
}
.aminities-widget:hover::before {
    height: 100%;
    background: rgba(255,255,255,0.9);
}
.aminities-widget h5,
.aminities-widget .info {
    transition: var(--primary-transition);
    color: var(--dark-color);
}
.aminities-widget h5 {
    bottom: 0;    
}
.aminities-widget:hover h5 {
    bottom: calc(100% - 65px);
    color: var(--primary-color);
}
.aminities-widget .info {
    bottom: 100%;
}
.aminities-widget:hover .info {
    bottom: 0;
}
.aminities-widget .angel {
    left: auto;
    bottom: auto;
    top: 0;
    transform: rotate(-35deg);
}
.specification-box {
    z-index: 1;
}
.specification-box h4 {
    top: 20px;
    right: 20px;
}
.hotspot-widget {
    left: 0;
    top: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.hotspot-widget .hotspot::before {
    display: none;
}
.hotspot-widget .hotspot .icon {
    position: relative;
    width: 30px;
    height: 30px;
    background-color: var(--grey-color);
    border-radius: 50%;
    cursor: pointer;
    transition: var(--primary-transition);
}
.hotspot-widget .hotspot .icon::before,
.hotspot-widget .hotspot .icon::after {
    content: '';
    position: absolute;
    background-color: var(--white-color);
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    margin: auto;
    display: block;
    transition: var(--primary-transition);
}
.hotspot-widget .hotspot .icon::before {
    width: 2px;
    height: 15px;
}
.hotspot-widget .hotspot.is-active .icon::before {
    height: 0px;
}
.hotspot-widget .hotspot .icon::after {
    width: 15px;
    height: 2px;
}
.hotspot-widget .hotspot.is-active .icon {
    background-color: var(--dark-grey-color);
}
.hotspot-widget .hotspot .hotspot-info {
    width: 300px;
    height: calc(100% - 40px);
    background-color: var(--light-grey-color);
    position: fixed;
    z-index: 1;
    left: 20px;
    top: 20px;
    transform: translateX(-150%);
    transition: var(--primary-transition);
    padding: 50px 30px 60px;
}
.hotspot-widget .hotspot.is-active .hotspot-info {
    display: block;
    transform: translateX(0);
}
.hotspot-widget .hotspot .hotspot-info > img {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}
.hotspot-widget .hotspot .hotspot-info .closebtn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.hotspot-widget .hotspot .hotspot-info .hst-arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
}
.hst-arrow span {
    cursor: pointer;
}
.tour360-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
}
.prdtvideo-slider {
    max-width: 1200px;
    margin: 0 auto;
}
.section-aminities {
    position: relative;
}
.section-aminities::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    bottom: 0;
    left: 0;
    z-index: 1;
}
.section-aminities .custom-ctrl {
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 2;
}
.aminities-item li::before {
    display: none;
}
.aminities-slider + .custom-ctrl .right-elm::before {
    background-color: var(--primary-color);
}
.aminities-slider + .custom-ctrl .right-elm .textbtn span {
    color: var(--dark-color);
}
.aminities-slider + .custom-ctrl .right-elm .textbtn.white-color svg g {
    stroke: var(--dark-color);
}
.aminities-slider + .custom-ctrl .arrow i .st0,
.custom-ctrl.primary-brdr-color .arrow i .st0 {
    stroke: var(--primary-color);
}
.aminities-slider + .custom-ctrl .arrow::before, .aminities-slider + .custom-ctrl .arrow::after, .custom-ctrl.primary-brdr-color .arrow::after, .custom-ctrl.primary-brdr-color .arrow::before {
    border-color: transparent;
}
.aminities-slider + .custom-ctrl .arrow.animate, .aminities-slider + .custom-ctrl .arrow.animate, .custom-ctrl.primary-brdr-color .arrow.animate {
    border-color: var(--primary-color);
}
.aminities-slider + .custom-ctrl .arrow i:before, .aminities-slider + .custom-ctrl .arrow i:after, .custom-ctrl.primary-brdr-color .arrow i:before, .custom-ctrl.primary-brdr-color .arrow i:after {
    background: var(--primary-color);
}

.specification-slider + .custom-ctrl .right-elm::before {
    background-color: var(--dark-color);
}
.specification-slider + .custom-ctrl .arrow i {
    background-color: var(--dark-color);
}
.specification-slider + .custom-ctrl .arrow:before, .specification-slider + .custom-ctrl .arrow:after, .leadership-item + .custom-ctrl .arrow:after {
    border: 2px solid var(--primary-color);
}
.specification-slider + .custom-ctrl .arrow.animate:before, .specification-slider + .custom-ctrl .arrow.animate:after, .leadership-item + .custom-ctrl .arrow.animate:after {
    border: 2px solid var(--white-color);
}
.specification-slider + .custom-ctrl .arrow i:before, .specification-slider + .custom-ctrl .arrow i:after {
    background: var(--dark-color);
}
.propdtls-form .form-control {
    border: 2px solid var(--primary-color);
    border-radius: 50px;
    padding: 12px 20px;
    background-color: transparent;
    margin-bottom: 20px;
    color: var(--white-color);
}
.propdtls-form select.form-control {
    background: url(../images/arrow-down.svg) no-repeat right 17px center;
    background-size: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.propdtls-form .form-control option {
    color: var(--black-color);
}
.propdtls-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--white-color);
    opacity: 1; /* Firefox */
}  
.propdtls-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--white-color);
}  
.propdtls-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--white-color);
}
.propdtls-form input[type="submit"],
#enquiryModal input[type="submit"] {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-radius: 50px;
    padding: 10px;
    letter-spacing: 2px;
    border: none;
}
.download-item h6::after {
    content: '';
    border-bottom: 2px solid var(--white-color);
    flex: 1;
    margin-left:10px;
}
#downloads {
    background-color: #c15227!important;
}
.download-item:not(:last-child) {
    margin-bottom: 30px;
}
.download-item .icon {
    max-width: 46px;
}
.download-item .title {
    color: var(--black-color);
    font-size: clamp(1.0625rem,3vw,1.125rem);
    font-weight: var(--font-bold);
}
.custom-chkbox {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--white-color);
    font-size: 0.8125rem;
}
.custom-chkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid var(--primary-color);
    border-radius: 3px;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.custom-chkbox input:checked ~ .checkmark:after {
    display: block;
}
.custom-chkbox .checkmark:after {
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    background: var(--primary-color);
    border-radius: 2px;
}
.aminities-gallery {
    margin: 0 -15px;
}
.aminities-gallery .slick-slide {
    padding: 0 15px;
}
.plan-tabs .nav-item .nav-link {
    color: var(--grey-mid-color);
}
.plan-tabs .nav-item .nav-link.active {
    color: var(--primary-color);
}
.plan-tabcont .slick-dots li button, .plan-tabcont .owl-carousel .owl-dots button {
    background: var(--white-color);
    background-color: var(--white-color);
}
.plan-tabcont img {
    max-height: 450px;
    margin: 0 auto;
}
.nearest-widget {
    position: absolute;
    top: 80px;
    left: 80px;
    background-color: var(--grey-mid-color);
    min-width: 230px;    
    color: var(--white-color);
    overflow: hidden;
}
.nearest-widget .title-ctrl {   
    padding: 15px 20px;
    cursor: pointer;    
}
.nearest-widget .title-ctrl::after {
    content: '\f107';
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: var(--white-color);
    transition: var(--primary-transition);
}
.nearest-widget .title-ctrl.togl::after {
    transform: rotate(-180deg);
}
.nearest-widget ul {
    display: none;
}
.nearest-widget ul li {
    margin-bottom: 1px;
}
.nearest-widget ul li input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.nearest-widget ul li label {
    transition: var(--primary-transition);
    cursor: pointer;
    padding: 7px 12px;
    display: block;
}
.nearest-widget ul li input:checked ~ label,
.nearest-widget ul li:hover label {
    background-color: var(--primary-color);
}
.nearest-widget ul li::before {
    display: none;
}
.nearest-widget ul li label::before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    background-color: transparent;
    border: 1px solid var(--white-color);
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}
.nearest-widget ul li.Schools label::before {
    content: '\f19d';
}
.nearest-widget ul li.Hospitals label::before {
    content: '\f0f9';
}
.nearest-widget ul li.Shopping label::before {
    content: '\f291';
}
main .specification ul li::before {
    background-color: var(--white-color);
}
.section-specification .accordian.no-bg .accordian-card .accordian-header {
    color: var(--grey-color);
    padding-left: 3px;
}
.section-specification .accordian.no-bg .accordian-card .accordian-header::after {
    right: 3px;
}
.section-specification .accordian.no-bg .accordian-card.active .accordian-header {
    color: var(--primary-color);
}
.fancybox-content {
    background: transparent;
    width: 100%;
    height: 100%;
}
.fancybox-is-open .fancybox-bg {
    opacity: 1;
    background-color: var(--dark-grey-color);
}
.fancybox-button svg path {
    fill: var(--white-color);
}
#enquiryModal.fancybox-content .fancybox-button svg path, 
#mainBrochure.fancybox-content .fancybox-button svg path,
#planBrochure.fancybox-content .fancybox-button svg path {
    fill: var(--dark-color);
    
}
.modal-form-outer {
    width: max(550px,500px);
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.project-info {
    margin: 0 -15px;
}
.project-info > div {
    /* flex: 1; */
    padding: 0 15px;
}
.gallery-item .gallery-caption {
    position: absolute;
    padding: 10px;
    bottom: 0;
    left: 0;
    width: 100%;
}
.gallery-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.47942927170868344) 81%);
    width: 100%;
    height: 80%;
    border-radius: 0 0 6px 6px;
}
#datetimepicker .input-group-addon {
    background: url(../images/arrow-down.svg) no-repeat center center;
    background-size: 17px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 0 50px 50px 0px;
}
.propdtls-form #visit-date.form-control {
    border-radius: 50px;
}
.cald-widget {
    display: grid;
    align-items: center;
}
.bootstrap-datetimepicker-widget th.next::after {
    content: '\f105';
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
}
.bootstrap-datetimepicker-widget th.prev {
    font-size: 21px;
}
.message-box {
    position: relative;
}
.message-box .close-message {
    position: absolute;
    background: transparent;
    border: none;
    right: 0;
    top: 0;
}
.const-updatelink.primary-color:hover span {
    color: var(--dark-color);
}
.const-updatelink.primary-color:hover svg g {
    stroke: var(--dark-color);
}
/* FANCYBOX CUSTOMIZED */
.fancybox-container {
    left: 110%;
}
.fancybox-container.fancybox-is-open {
    left: 0;
}
.fancybox-slide--html,
.fancybox-content {
    padding: 0;
}
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: inherit;
}
.fancybox-slide--html .fancybox-close-small {
    position: fixed;
    z-index: 9999;
    background: url(../images/modal-arrow.png) no-repeat;
    right: 37px;
    top: 18px;
}
.fancybox-slide--html .fancybox-close-small svg {
    display: none;
}
.modal-backdrop.show {
    opacity: 0.9;
}
.legends-drop {
    position: absolute;
    left: 40px;
    z-index: 1;
}
.legends-drop .btn {
    min-width: 210px;
    text-align: left;
    padding: 10px 15px 8px;
}
.legends-drop .btn::after {
    content: '\f107';
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: var(--white-color);
    transition: var(--primary-transition);
    position: absolute;
    right: 9px;
    border: 0;
}

/* COKKIE */
.texte_alert_cookies {
    background: var(--primary-color);
    padding: 15px;
    color: var(--white-color);
    text-align: left;
    position: fixed;
    z-index: 10000;
    width: 100%;
    bottom: 0;
    margin: 0;
    box-sizing: border-box;
}
.texte_alert_cookies .texte {
    font-size: 0.875rem;
    line-height: 20px;
}
.texte_alert_cookies .texte a {
    color: var(--dark-grey-color)
}
.texte_alert_cookies .bouton {
    width: 55px;
    margin-left: 15px;
}
.texte_alert_cookies .popup-modal-dismiss {
    color: var(--grey-color);
    padding: 5px 10px;
    font-size: 0.75rem;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background: var(--dark-color)!important;
    border-color: var(--dark-color)!important;
    border: 0;
}
#go_top {
    display: inline-block;
    background-color: var(--primary-color);
    border: 1px solid var(--white-color);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 72px;
    right: 15px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#go_top::after {
    content: "\f062";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    font-size: 1.25rem;
    line-height: 42px;
    color: var(--white-color);
}
#go_top:hover {
    cursor: pointer;
}
#go_top.show {
    opacity: 1;
    visibility: visible;
}
#myModal .close {
	top: 18px;
    right: 15px;
}
#myModal .modal-content {
background-color:transparent;
}
#myModal .modal-content #job-title {
color:var(--white-color)
}
#myModal .modal-content .close svg path {
fill:var(--white-color)
}
.alert.alert-danger ul {
list-style:none;
padding:0;
margin:0;
}
.blog-dtls ul li {
    list-style: disc;
}
.blog-dtls ol li {
    list-style:decimal;
}
.blog-dtls ul li,
.blog-dtls ol li {
    margin-bottom: 12px;
}
.rera-elem a {
    color: var(--white-color);
}
/* 404 */
.page-404 {
    padding-left: clamp(15px, 3vw, 106px);
    padding-right: clamp(15px, 3vw, 106px);
}
.page-404 .left-elem {
    background: url(../images/connect-top.html) no-repeat left 70px top, url(../images/connect-bottom.html) no-repeat right 70px bottom -5px;
}
.clients-items {
    margin: 0 -15px;
}
.clients-items .slick-track {
    margin: 0;
}
.clients-items .slick-slide {
    padding: 0 15px;
}
.sku-img-wrapper {
    margin: 0 -10px;
}
.sku-img {
    max-width: 200px;
    padding: 0 10px;
}

/* LANDING */
.top-widget {
    height: 40vh;
}
.bottom-widget {
    height: 60vh;
    z-index: 1;
}
@media screen and (max-width:575px) {
    .top-widget {
        height: 30vh;
    }
    .bottom-widget {
        height: 40vh;
    }
}
.bottom-widget::before {
    content: '';
    background-color: var(--primary-color);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0 100px 0 0;
    transform: skew(25deg, 0deg);
    transform-origin: bottom left;
}
.top-widget h1{
    font-size: clamp(2.25rem, 5vw, 4.5rem);
}
.bottom-widget h2{
    font-size: clamp(1.5rem, 3vw, 3rem);
}
.job-row ol {
    clear: both;
    padding-left: 19px;
}
.job-row li {
    list-style: decimal;
    padding-left: 13px;
}
.job-row li:not(:last-child) {
    margin-bottom: 12px
}
.project-banner .bottom-widget {
    height: auto!important;
}
.project-banner .bottom-widget::before {
    display: none;
}
/* ============ testimonial CSS Start ======================== */

/* ============ testimonial CSS End ======================== */