@charset "utf-8";

:root {
--cursor-stroke: var(--white);
--cursor-fill: none;
--cursor-stroke-width: 1px;


/* COLOR VARIABLES */
--white: #ffffff;
--black: #000000;
--orange: #FF9100;
--yellow: #D7FF01;
--gray: #D0D0D0;
--gray-100: #F0F0F0;
--pink: #ED2E69;


/* TRANSITION SPEED */
--all-fast: all 0.3s;
--all-medium: all 0.5s;
--all-slow: all 0.8s;

--gap-sm: 8px;
--gap-md: 16px;
--gap-lg: 24px;
--gap-xl: 32px;
--gap-xxl: 40px;
--gap-xxxl: 48px;
}

/* ========================== COMMON CSS ========================== */
*,
ul,
ol,
li,
a { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", sans-serif; font-weight: 400; line-height: 1.5; color: inherit; color: var(--black); }
/* .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "MinervaModern"; } */
input,
input:focus,
textarea,
textarea:focus,
.form-control,
.form-control:focus, .btn:focus { font-family: "Poppins", sans-serif; -webkit-box-shadow: none; box-shadow: none; outline: none; color: rgb(var(--black) / 70%); }
*,
a,
a:active,
a:focus,
a:hover,
button:hover,
button:focus { text-decoration: none; outline: 0; color: inherit; }
button { background: transparent; outline: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }
a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
a:hover { color: inherit; }
.form-control:focus { background: #F2F2F2; border: 1px solid var(--orange); }
body { width: 100%; font-size: 20px; line-height: 1.4; width: 100%; position: relative; font-weight: 300; color: var(--black); z-index: 1; overflow-x: hidden; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
body p { font-size: 20px; line-height: 1.4; color: var(--black); margin-bottom: 20px; font-weight: 300; font-family: var(--jost); }

.no-scroll { overflow: hidden; }
section { position: relative; }

hr { border-top: 1px solid var(--light-gray); }

::-moz-selection { color: var(--white); background: var(--black); }
::selection { color: var(--white); background: var(--black); }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f2f2f2; }
::-webkit-scrollbar-thumb { background-color: var(--orange); border-radius: 15px; }

@media (any-pointer: fine) {
.cursor { position: fixed; top: 0; left: 0; display: block; pointer-events: none; opacity: 0; z-index: 999; }
.cursor__inner { fill: var(--cursor-fill); stroke: var(--cursor-stroke); stroke-width: var(--cursor-stroke-width); }
}

/* .barContainer { position: fixed; top: 0; right: 0; width: 5px; height: 100vh; -webkit-box-shadow: none; box-shadow: none; background: transparent; border-radius: 15px; z-index: 999; pointer-events: none; }
.bar { height: 20%; width: 100%; background-color: var(--orange); border-radius: 15px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); } */

/* section { overflow-x: hidden; width: 100%; } */

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

@media screen and (min-width: 2200px) {
  .container { max-width: 1700px; position: relative; z-index: 1; }
}
@media screen and (min-width: 1500px) {
  .container { max-width: 1480px; position: relative; z-index: 1; }
}

.form-control::-webkit-input-placeholder { color: rgba(0,0,0,0.5); }
.form-control::-moz-placeholder { color: rgba(0,0,0,0.5); }
.form-control:-ms-input-placeholder { color: rgba(0,0,0,0.5); }
.form-control::-ms-input-placeholder { color: rgba(0,0,0,0.5); }
.form-control::placeholder { -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); color: rgba(0,0,0,0.5); }

.form-control { width: 100%; padding: 15px 15px; border-radius: 5px; font-size: 14px; font-weight: 300; color: var(--black); border: 1px solid #F2F2F2; background: #F2F2F2; line-height: 1;  -moz-appearance: none; appearance: none; -webkit-appearance: none; }
.form-control:not(:-moz-placeholder-shown) ~ label { font-size: 14px; transform: translateY(-20px); }
.form-control:not(:-ms-input-placeholder) ~ label { font-size: 14px; -ms-transform: translateY(-20px); transform: translateY(-20px); }
.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label { font-size: 14px; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
.form-control:focus, .form-select:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
.form-select { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; color: var(--black, #252324); font-size: 16px; font-weight: 400; line-height: 1.35; letter-spacing: 0.3px; padding: 12px 0; padding-right: 15px; border-bottom: 1px solid rgb(94 95 97 / 10%); border-radius: 0; cursor: pointer; }
.form-select:focus { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; }

label { font-size: 18px; color: var(--black); margin-bottom: 10px; }
.form-group { margin-bottom: 25px; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }

select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #ffffff url(../images/icons/down-angle.svg) no-repeat right 10px center; background-size: 11px; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

.img-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#smooth-content { position: relative; }

/* STYLE GUIDE */

/* HEADINGS */
.hero--1 { font-size: 128px; line-height: 1.2; font-weight: 300; }
.hero--2 { font-size: 53px; line-height: 1.2; font-weight: 300; margin-bottom: var(--gap-xxl); text-transform: uppercase; }
.hero--2 span { font-weight: 700; }
.hero--3 { font-size: 64px; line-height: 1.2; font-weight: 400; }

.h1 { font-size: 45px; line-height: 1.2; font-weight: 300; }
.h2 { font-size: 32px; line-height: 1.2; font-weight: 400; }
.h3 { font-size: 28px; line-height: 1.2; font-weight: 400; }
.h4 { font-size: 24px; line-height: 1.2; font-weight: 400; }
.h5 { font-size: 22px; line-height: 1.2; font-weight: 400; }
.h6 { font-size: 20px; line-height: 1.2; font-weight: 500; }
.h7 { font-size: 20px; line-height: 1.2; font-weight: 300; }
.h8 { font-size: 18px; line-height: 1.2; font-weight: 300; }
.h9 { font-size: 14px; line-height: 1.2; font-weight: 500; }

.p1 { font-size: 20px; line-height: 1.5; font-weight: 400; }

.subtitle { font-size: 20px; color: var(--black); font-weight: 300; margin-bottom: var(--gap-sm); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.py--lg { padding: calc(var(--gap-xxxl) * 2.5) 0; }
.pb--lg { padding-bottom: calc(var(--gap-xxxl) * 2.5); }
.pt--lg { padding-top: calc(var(--gap-xxxl) * 2.5); }

.py--md { padding: calc(var(--gap-xxl) * 1.5) 0; }
.pb--md { padding-bottom: calc(var(--gap-xxl) * 1.5); }
.pt--md { padding-top: calc(var(--gap-xxl) * 1.5); }



/* BUTTONS */
.btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 20px; border-radius: 8px; cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn span { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; line-height: 1.2; text-align: center; text-transform: uppercase;  color: inherit; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn span .svg { width: 15px; height: auto; margin-left: 8px; }
.btn .svg path { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.btn--primary { background: var(--yellow); color: var(--black); border: 1px solid var(--yellow) }
.btn--primary span { color: var(--black); }
.btn--primary:hover { background: var(--orange); border: 1px solid var(--orange) }
.btn--primary:hover span { color: var(--white); }
.btn--primary:hover .svg path { stroke: var(--white); }

.btn--secondary { background: var(--orange); color: var(--white); border: 1px solid var(--orange) }
.btn--secondary:hover { background: transparent; color: var(--orange); }
.btn--secondary:hover span { color: var(--orange); }
.btn--secondary:hover .svg path { stroke: var(--orange); }

.btn--border { border: 1px solid rgba(102,102,102,0.6); background: var(--white); }
.btn--border span { color: var(--black); }
.btn--border:hover { background: var(--yellow); } 

.btn--tertiary { padding: var(--gap-xl) calc(var(--gap-xl) * 2); background: var(--white); color: var(--black); border-radius: calc(var(--gap-sm) / 2 * 5) 0 0 0; }
.btn--tertiary span { font-size: 14px; font-weight: 500; color: var(--black); }
.btn--tertiary:hover { background: var(--orange); }

.read--more { font-size: 20px; color: var(--green); text-transform: capitalize; font-family: "Jost"; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.read--more .svg { margin-left: 5px; width: 24px; height: 24px; }
.read--more .svg path { stroke: var(--green); }

.header { border-top: 1px solid #7D7D7D; background: var(--white); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .navbar--nav li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; font-weight: 600; text-transform: capitalize; color: var(--black); padding: 15px 0px; position: relative; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav li a:before { content: ""; position: absolute; z-index: 1; width: 0px; height: 2px; background: var(--orange); top: -1px; left: 0px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav li.active a:before { width: 100%; }
.header .navbar--nav li a:hover:before { width: 100%; }
.header .navbar--nav li a:hover { color: var(--orange); }
.header .navbar--nav li a span { text-transform: uppercase; font-size: 14px; }
.header .navbar--nav li { margin-right: 45px; }
.header .navbar--nav li:last-child { margin-right: 0px; }
.header .navbar--nav li.mob--menu { display: none; }
.navbar--wrapper .overlay--div { opacity: 0; }

.dropdown--bx { position: relative; }
.dropdown--bx .svg { width: 11px; margin-left: 6px; height: auto; -o-object-fit: contain; object-fit: contain; }
.dropdown--bx svg path { fill-opacity: 1; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.dropdown--bx:hover svg path { fill: var(--orange); }
.header .navbar--nav .dropdown--bx .dropdown--menu { display: block; width: 180px; padding: 0px 0px; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); background-color: var(--orange); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-radius: 5px; opacity: 0; pointer-events: none; }
.dropdown--bx .dropdown--menu:before { content: ""; position: absolute; bottom: calc(100% - 7px); left: 30px; width: 14px; height: 14px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: var(--orange); }
.header .navbar--nav .dropdown--bx .dropdown--menu li a { padding: 12px 20px; font-size: 14px ; font-weight: 300; border-bottom: 1px solid #e2e2e2; color: white; }
.header .navbar--nav .dropdown--bx .dropdown--menu li:last-child a { border-bottom: 0px; }
.header .navbar--nav .dropdown--bx .dropdown--menu li a:before { display: none; }
.header .navbar--nav .dropdown--bx .dropdown--menu li { margin-right: 0px; }

.header .navbar--nav .dropdown--bx:hover .dropdown--menu { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); pointer-events: all; }

.header .search--icon--bx { margin-left: auto;  text-align: right; position: relative; padding-right: 12px; cursor: pointer; }
.header .wishlist--icon { position: relative; }
.header .wishlist--icon:after { content: ""; position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #595959; width: 1px; height: 15px; left: 0px; }
.header .search--icon--bx .search--icon { width: 18px; }
.serach--grp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
svg.favrite--icon  path { fill: var(--black); }
.favrite--icon { width: 20px; margin-left: 12px; opacity: 0.5; }

.header--wrap .header .footer--logo--icon { width: 0px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header--wrap .header .footer--logo--icon svg { width: 100%; }
.header--wrap.show .header .footer--logo--icon { width: 50px; height: auto; margin-right: 25px; }
.navbar--container { display: -webkit-box; display: -ms-flexbox; display: flex; }
.navbar--container .footer--logo--icon .logo { display: none; }


.serach--grp .hamburger--div { display: none; }
.navbar--container .navbar--wrapper .sub--links { display: none; }
.navbar--wrapper .close--icon { display: none; }


.header--wrap { position: fixed; left: 0px; top: 0px; width: 100%; background: var(--white);  z-index: 111111; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header--wrap .top--line { width: 100%; height: 7px; background: var(--yellow); display: block; margin-bottom: 10px; }

.top--header .logo { width: 300px; height: auto; }
.top--header {  padding: 0px 0px 10px 0px; }
.top--header .top--header--r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.top--header .top--header--r ul { margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.top--header .top--header--r ul li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; margin-left: 15px; padding-left: 15px; }
.top--header .top--header--r ul li:first-child { padding-left: 0px; margin-left: 0px; }
.top--header .top--header--r ul li:first-child:before { display: none; }
.top--header .top--header--r ul li:before { content: ""; position: absolute; left: 0px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 15px; width: 1px; background:#595959; }
.top--header .top--header--r ul li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-transform: uppercase; color: #595959; font-size: 14px; font-weight: 500; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.top--header .top--header--r ul li a:hover { color: var(--orange); }
.top--header .top--header--r .btn span .svg { margin-left: 0px; margin-right: 10px; width: 20px; height: auto; }
.top--header .top--header--r .btn span { color: var(--black); }
.top--header .top--header--r .btn svg path { fill: var(--black); }
.top--header .top--header--r .btn:hover span { color: var(--orange); }
.top--header .top--header--r .btn:hover svg path { fill: var(--orange); }

/* ========================== HOME PAGE ========================== */
/* BANNER */
.home--banner { position: relative; width: 100%; }
.home--banner .container { position: relative; }
.home--banner .banner--slider .swiper-slide { overflow: hidden; border-radius: 16px; }
.home--banner .banner--slider .swiper-slide .bg { width: 100%; height: 750px; overflow: hidden; }
.home--banner .banner--slider .swiper-slide .bg img { -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.home--banner .banner--slider .swiper-slide.swiper-slide-active .bg img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.home--banner .banner--slider .swiper-slide .bg::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 100%); }
.banner--slider { position: relative; }

.banner--slider .banner--content { position: absolute; bottom: 90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center;  width: 100%; }
.banner--slider .banner--content .title { color: var(--white); margin-bottom: var(--gap-md); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.banner--slider .banner--content .title span { font-size: 48px; padding: 6px 25px; border-radius: 8px; display: block; color: var(--white); font-weight: 700; text-transform: uppercase; }
.banner--slider .banner--content .title span.bg--orange { background:#EB5729; -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); margin-bottom: 10px; position: relative; z-index: 1; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.banner--slider .banner--content .title span.bg--green { background: #8BE7A8; }
.banner--slider .banner--content .h3 { color: rgba(255,255,255,0.8); margin-bottom: var(--gap-xl); }
.banner--slider .banner--content { width: 100%; }
.banner--slider .banner--content .btn { margin-top: 20px; }

.swiper--btn { position: absolute; z-index: 111; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(255,255,255,1); background: rgba(233, 245, 248, 0.8); padding: 0px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.swiper--btn svg { margin: 0px; }
.swiper--btn:hover svg { opacity: 1; }
.swiper--btn.prev { left: -13px; }
.swiper--btn.next { right: -13px; }
.swiper--btn:hover { background: var(--orange); }
.swiper--btn svg path { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.swiper--btn:hover svg path { fill: var(--white); }

.swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; padding: 3px; border-radius: 5px;  background: var(--white); margin: 0px 4px!important  ; opacity: 1; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 64px; border-radius: 5px; }


/* EXPERINCE  */
.experience--section { position: relative; }
.exp--icon { position: absolute; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); bottom: 60px; z-index: 11; right: 23%; position: absolute; width: 175px; height: auto; display: inline-block; }
.exp--icon img { width: 100%; }
.exp--icon2 { position: absolute; bottom: -100px; left: 0px; position: absolute; width: 350px; height: auto; display: inline-block; }
.exp--icon2 img { width: 100%; }

.experience--bx { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative;  aspect-ratio: 0.9; width: 100%; -webkit-perspective: 1000px; perspective: 1000px;  position: absolute; height: 100%; width: 100%; opacity: 0.5; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.experience--bx .overlay--text { position: absolute; z-index: 1; width: 100%; height: auto; left: 0px; bottom: 0px; padding: 20px 20px; }
.experience--bx .overlay--text p { font-size: 20px; color: var(--white); }
.experience--bx .overlay--text p:last-child { margin-bottom: 0px; }
.experience--bx .img--bx { position: relative; position: absolute; border-radius: 8px; overflow: hidden; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2;   -webkit-backface-visibility: hidden; }
.experience--bx .img--bx:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(0,0,0,0)),color-stop(99%, rgba(0,0,0,0.64)),to(rgba(0,0,0,0.65))); background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); }
.experience--bx .hover--text { position: absolute; border-radius: 8px;   -webkit-backface-visibility: hidden;  -webkit-transform: rotateY(180deg);  transform: rotateY(180deg); left: 0px; top: 0px; width: 100%; height: 100%; background: var(--yellow); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;  padding: 20px 20px; }
.experience--bx .hover--text p { color: var(--black); font-size: 18px; font-weight: 400; }
.experience--bx:hover .hover--text { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.experience--bx--inner { position: relative; width: 100%; border-radius: 8px; height: 100%; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; }
.experience--bx:hover .experience--bx--inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.experice--row li { position: relative; height: 500px; }
.experice--row li:first-child .experience--bx { left: -200px; top: -100px; }
.experice--row li:nth-child(2) .experience--bx {  bottom: -200px; width: 100%; }
.experice--row li:last-child .experience--bx { right: -200px; bottom: -200px; }

.experice--row { --bs-gutter-x: 0px; margin-top: var(--gap-xl); }
.experice--row li:first-child { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); }
.experice--row li:last-child { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); }
.experice--row li:nth-child(2) { -webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg); margin-top: 20px; }
.experice--row li:hover { z-index: 11; }

/* JOURNEY SECTION */
.journey--section { position: relative; }
.journey--section .section--title--grp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.journey--section .section--title--grp .hero--2 { position: relative; }
.journey--section .section--title--grp .hero--2:before { content: ""; position: absolute; right: 100%; top: 65%; width: 180px; height: 90px; background: url("../images/curves/arroe-curve.webp") no-repeat; background-size: 180px; } 

.jouney--icon { position: absolute; top: 50px; z-index: 11; right: 17%; -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); position: absolute; width: 155px; height: auto; display: inline-block; }
.jouney--icon2 { position: absolute; top: 48%; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); z-index: 11; right: 4%; position: absolute; width: 160px; height: auto; display: inline-block; z-index: 0; }
.jouney--icon3 { position: absolute; bottom: 0px; z-index: 11; left: 2%; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); position: absolute; width: 150px; height: auto; display: inline-block; }
.jouney--icon img, .jouney--icon2 img, .jouney--icon3 img   { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; }

.jounery--thumb--slider { margin-top: var(--gap-xxl); background: #F2F2F2; border-top-left-radius: 16px; border-top-right-radius: 16px; padding: 0px 30px; margin-bottom: calc( var(--gap-xl) * 1); }
.journey--thumb .swiper-slide { text-align: center; min-height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top-left-radius: 16px; border-top-right-radius: 16px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.journey--thumb .swiper-slide.swiper-slide-thumb-active, .journey--thumb .swiper-slide:hover { background: var(--white); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05); box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.journey--thumb .swiper-slide.swiper-slide-thumb-active a { font-weight: 500; }
.journey--thumb .swiper-slide a { font-size: 18px; font-weight: 300; text-transform: uppercase; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); } 
.jounery--thumb--slider { position: relative; }
.jounery--thumb--slider .swiper--btn { width: 20px; height: 20px; background: transparent; border: 0px; }
.jounery--thumb--slider .swiper--btn.prev { left: 8px; }
.jounery--thumb--slider .swiper--btn.next { right: 8px; }

.journey--main .swiper-slide { opacity: 0!important; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.journey--main .swiper-slide.swiper-slide-active { opacity: 1!important; }

.activities--row.row { --bs-gutter-x: 20px; --bs-gutter-y: 30px; }
.activities--row li { padding-top: 30px; }
.card { border: 0px; border-radius: 0px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); } 
.card .card--img { width: 100%; aspect-ratio: 1.5; border-radius: 11px; overflow: hidden; position: relative; margin-bottom: var(--gap-sm); }
.card .card--img img { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.card:hover { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }
.card .card--img .like--icon { width: 20px; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 10px; right: 10px; }
.card .card--body .title--grp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 5px; }
.card .card--body .title--grp .card--title { font-size: 20px; font-weight: 500; margin-bottom: 0px; }
.card .card--body .title--grp .rating { font-size: 20px; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5px; }
.card .card--body .title--grp .rating img { width: 20px; margin-right: 3px; }
.card .card--body .activiti--info li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 13px; font-weight: 300; margin-bottom: 5px; padding-top: 0px!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; }
.card .card--body .activiti--info li img { width: 14px; margin-right: 10px; margin-top: 1px; }
.card .card--body .activiti--info li:first-child img { margin-top: 3px; }
.card .card--body .activiti--info li:last-child { margin-bottom: 0px; }

.card .card--body .activiti--info li .location-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* STORY SECTION */
.story--section { position: relative; }
.story--bg--icon { position: absolute; top: 0px; right: 0px; width: 300px; height: auto; }
.story--bg--icon2 { position: absolute; bottom: 30px; right: 5%; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); width: 175px; height: auto; }
.story--bg--icon img, .story--bg--icon2 img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; }

.story--bx { display: block; position: relative; width: 100%; height: 100%; border-radius: 16px; overflow: hidden; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.story--bx .story--img:before { content: ""; position: absolute; z-index: 1; left: 0px; top:0px; width: 100%; height: 100%;  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.80) 100%); }
.story--bx .story--img { width: 100%; height: 100%; position: relative;  }
.story--bx .story--img img { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.story--bx:hover  { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
.story--bx:hover .story--img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.story--bx .story--info { position: absolute; left: 0px; bottom: 0px; padding: 20px 20px; z-index: 1; }
.story--bx .story--info .tag { font-size: 18px; font-weight: 400; color: var(--white); margin-bottom: 15px; text-transform: uppercase; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.story--bx .story--info .tag img { margin-right: 5px!important; }
.story--bx .story--info .story--title { font-weight: 400; font-size: 22px; color: var(--white); }
.story--bx .date { padding: 7px 15px; font-size: 16px; border-top-left-radius: 8px; border-bottom-right-radius: 8px; color: var(--white); text-align: center; background: var(--pink); position: absolute; top: 30px; right: 25px; }
.story--bx .date:before { content: ""; position: absolute; bottom: 96%; right: 0; width: 30px; height: 0px; border-left: 16px solid transparent; border-bottom: 12px solid var(--pink); }
.story--bx .date:after { content: ""; position: absolute; top: 96%; left: 0; width: 30px; height: 0px; border-right: 16px solid transparent; border-top: 12px solid var(--pink); }
.story--row.row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; }
.story--bx.story--bx--small .story--info .story--title { font-size: 18px; margin-bottom: 0px; }
.story--section .story--btn { margin-top: var(--gap-xxl); }

/* collboration section */
.collaboration--section { position: relative; }
.collab--bg--icon { position: absolute; top: -150px; left: 0px; width: 300px; height: auto; }
.collab--bg--icon2 { position: absolute; bottom: -30px; left: 30%; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); width: 175px; height: auto; }
.collab--bg--icon2 img, .collab--bg--icon2 img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; }

.collboration--bx { background: #F2F2F2; border-radius: 16px; padding: 0px 60px 0px 0px; overflow: hidden; }
.collboration--bx .collab--img--grp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.collboration--bx .collab--img--grp .collab--img1 { width: auto; height: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.collboration--bx .collab--img--grp .collab--img2 { width: 140px; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); height: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0px 40px 0px 70px; position: relative; }
.collab--img2 .globe { width: 120px; height: 120px; -webkit-animation: rotation 2s infinite linear; animation: rotation 2s infinite linear; position: absolute; top: 14px; left: 3px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotateY(0deg) rotate(15deg);
            transform: rotateY(0deg) rotate(15deg);
  }
  to {
    -webkit-transform: rotateY(359deg) rotate(15deg);
            transform: rotateY(359deg) rotate(15deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotateY(0deg) rotate(15deg);
            transform: rotateY(0deg) rotate(15deg);
  }
  to {
    -webkit-transform: rotateY(359deg) rotate(15deg);
            transform: rotateY(359deg) rotate(15deg);
  }
}

.collboration--bx .collab--text .hero--2 { margin-bottom: var(--gap-lg); }
.collboration--bx .collab--text p { font-weight: 500; font-size: 26px; }
.collboration--bx .collab--text p:last-child { margin-bottom: 0px; }
.collboration--bx .collab--text .text-bg { font-weight: 500; padding: 10px; background-image: url(../images/icons/text-bg-stroke1.svg);  background-repeat: no-repeat; background-size: 100%; background-position: center center; }
.collboration--bx .collab--text .text-bg2 { font-weight: 500; background-image: url(../images/icons/text-bg-stroke2.svg);  background-repeat: no-repeat; background-size: 100%; background-position: bottom; }
.collboration--bx .collab--text .text-bg3 { font-weight: 500; background-image: url(../images/icons/text-bg-stroke3.svg);  background-repeat: no-repeat; background-size: 100%; background-position: bottom; }
.collboration--bx .collab--text .btn { margin-top: 15px; }

/* INSTAGRAM SECTION */
.instagram--section { text-align: center; }
.instagram--section .hero--2 img { width: 37px; margin-right: 15px; height: auto; -o-object-fit: contain; object-fit: contain; }
.instagram--list { display: -ms-grid; display: grid; grid-template-columns: repeat(5, 1fr); }
.instagram--list .container-fluid { max-width: 100%; }
.instagram--list li { display: -webkit-box; display: -ms-flexbox; display: flex; }
.instagram--list li a { display: -webkit-box; display: -ms-flexbox; display: flex; aspect-ratio: 1.1; position: relative; overflow: hidden; width: 100%; }
.instagram--list li a img { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.instagram--list li a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.instagram--list li a .insta--icon { position: absolute; top: 15px; right: 15px; width: 20px; height: auto; z-index: 1; }

/* FOOTER */
footer { position: relative; background: #DCEFF6; padding-top: calc(var(--gap-xl)* 2); }
.footer--icon { width: 90%; margin-left: auto; }

footer .footer--logo { width: 400px; height: auto; margin-bottom: calc(var(--gap-xl)* 1.5); }
.footer--div .footer--title , .Contcat--link li { font-size: 16px; color: #11043F; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2px; }
.footer--link { margin-top: 10px; }
.social--link { margin-top: 20px; }
.Contcat--link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.Contcat--link li { margin-bottom: var(--gap-lg); display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.footer--title { margin-bottom: 0px; }
.footer--link li a, .Contcat--link li a { font-size: 14px; letter-spacing: 0.4px; color: var(--black); font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; position: relative; text-transform: uppercase; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.Contcat--link li a { margin-top: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
.footer--link li a:before, .Contcat--link li a:before  { content: ""; position: absolute; left: 0px; bottom: -1px; width: 0px; height: 1px; background: var(--orange); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.footer--link li a:hover, .Contcat--link li a:hover  { color: var(--orange); }
.footer--link li a:hover:before, .Contcat--link li a:hover:before  { width: 100%; }
.footer--link li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; }
.footer--link li:last-child { margin-bottom: 0px; }

.footer--bottom a, .footer--bottom p, .copy--link li, .copy--link li span { font-size: 12px; color:rgba(0,0,0,0.5); margin-bottom: 0px; font-weight: 400; }
.social--link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; }
.social--link li a { width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: 10px; }
.social--link li a .svg { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); width: 100%; height: auto; }
.social--link li a:hover .svg { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.footer--bottom { border-top:1px solid rgba(0,0,0,0.3); position: relative; z-index: 1; padding: var(--gap-md) 0px; margin-top: 30px; }

.copy--link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.copy--link li a { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; position: relative; }
.copy--link li { padding-right: 15px; margin-right: 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
.copy--link li:before { content: ""; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 15px; background: rgba(0,0,0,0.3); }
.copy--link li a:before { content: ""; position: absolute; left: 0px; bottom: -1px; width: 0px; height: 1px; background: var(--orange); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.copy--link li a:hover:before { width: 100%; }
.copy--text { text-align: right; }
.copy--link li:last-child:before { display: none; }
.copy--text a { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); } 
.copy--text a:hover { color: var(--orange); }

.bredcrump { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 22px 0px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bredcrump li img { width: 6px; height: auto;  margin-left: 8px;  }
.bredcrump li, .bredcrump li a { color: rgba(0,0,0,0.4); font-weight: 300; font-size: 14px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s  }
.bredcrump li { margin-right: 7px; }
.bredcrump li a:hover { color: var(--orange); }

/* our story page */

.our--story--section { overflow: hidden; position: relative; }
.our--story--inner { border-radius: 16px; overflow: hidden; padding: 120px 50px 200px 50px; position: relative; }
.story--bg--img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; } 
.story--bg--img picture { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.story--div .h3 { margin-bottom: 20px; }
.story--div .hero--2 { margin-bottom: 15px; line-height: 1; }
.story--icon { width: 200px; height: auto; position: absolute; bottom: 10px; right: 20px; }
.story--icon2 { width: 130px; height: auto; position: absolute; bottom: 10px; right: 400px; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); }
.story--icon3 { width: 130px; height: auto; position: absolute; top: 10px; right: 20px; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); }
.story--bgicon2 { position: absolute; right: -50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 300px; }

.ceo--message { position: relative; }
.ceo--message .video--div { width: 100%; height: auto; aspect-ratio: 2.2; overflow: hidden; border-radius: 16px; }
.video--div .video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.video--div video  { position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.play--bt {width: 100%;height: 100%;border-radius: 50%;padding: 5px;background-image: url("../images/icons/play-btn.svg");background-position: center center;background-repeat: no-repeat;background-size: 100px;position: absolute !important;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) !important;-ms-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important;z-index: 99;cursor: pointer; }
.pause--bt {width: 100%;height: 100%;border-radius: 50%;padding: 5px;background-image: url("../imicons/pause2.svg");background-position: center center;background-repeat: no-repeat;background-size: 100px;position: absolute !important;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) !important;-ms-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important;z-index: 99;cursor: pointer; }
.ceo--bgicon2 { position: absolute; width: 300px; height: auto; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* inner banner */
.inner--banner { width: 100%; height: 250px; position: relative; border-radius: 16px; overflow: hidden; }
.inner--banner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.inner--banner .inner--banner--title { position: absolute; margin-bottom: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 40px; font-size: 50px; font-weight: 600; color: var(--white); }

/* product listing page */
.product--list--cont .activities--row li { padding-top: 0px; }
.product--list--cont .activities--row.row { --bs-gutter-x: 25px; --bs-gutter-y: 40px; }

.filter--icon { width: 15px; height: auto; display: none; margin-top: -15px; margin-left: 2px; -o-object-fit: contain; object-fit: contain; }
.filter--cont .close--icon { position: absolute; top: 17px; padding: 5px; width: 25px; height: 25px; right: 10px; display: none; }
.filter--cont .close--icon img { width: 100%; height: auto; }
.filter--cont .h4 { font-weight: 600; margin-bottom: var(--gap-md); }
.filter--cont .filter {  background: #E7E7E7; padding: 35px 20px; border-radius: 11px; }
.filter--cont .filter .filter--grp { margin-bottom: 25px; }
.filter--cont .filter .filter--grp .h6 { font-size: 16px; font-weight: 600; margin-bottom: 15px; }

.range--slider input[type=range] { -webkit-appearance: none; display: inline-block; margin: 0px auto 10px auto; margin-top: calc(0.75em); border-radius:20px; width:100%; height:8px; background:#FFF; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.range--slider input[type=range]::-webkit-slider-runnable-track { height: 0px; background: #ddd; padding: none; border: none; border-radius: 3px; }
.range--slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background: darkorange; margin-top: -7px; cursor:pointer; border:1px solid var(--white) }
.range--slider input[type=range]:focus { outline: none; cursor:pointer; }

.range--slider .value--grp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.range--slider .value--grp span { color:#5C5C5C; font-size: 14px; font-weight: 300; }

.filter--grp .form-check { width: 100%; margin-right: 0px; }
.filter--grp .form-check label { font-size: 14px; color: rgba(0,0,0,0.6); }
.filter--grp .form-check-input { border: 0px; }

.form-check-input:checked { background-color: var(--orange); border-color: var(--orange); }
.form-check-input:focus { -webkit-box-shadow: none; box-shadow: none; }
.product--list--cont { padding-left: 30px; }

.filter--cont .button--grp .btn--border { margin-left: 20px; }
.filter--cont .button--grp { margin-top:30px; }

.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: calc(var(--gap-xl) * 2); }
.pagination li a { width: 35px; height: 35px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); background: #F2F2F2; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: var(--black); font-weight: 400; }
.pagination li a:hover { background: var(--yellow); }
.pagination li a.dot:hover, .pagination li a.dot { background: transparent; }
.pagination li a img { height: 12px; width: auto; -o-object-fit: contain; object-fit: contain; }
.pagination li { margin: 0px 5px; }

.bg-shape1, .bg-shape2, .bg-shape3 { width: 230px; height: auto; -o-object-fit: contain; object-fit: contain; position: absolute; }
.bg-shape1 { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0px; }
.bg-shape2 { top: 80px; right: 0px; }
.bg-shape3 { bottom: 150px; right: 0px; }

/* next shop page */
.next--shop--section { padding: 220px 0px; position: relative; }
.next--shop--section .bg-shape1 { top: 50px; -webkit-transform: none; -ms-transform: none; transform: none; left: 0px; }
.next--shop--section .bg-shape2 { top:unset; bottom: 100px; right: 0px; }
.next--shop--icon1, .next--shop--icon2, .next--shop--icon3, .next--shop--icon4 { -webkit-filter: blur(3px); filter: blur(3px); position: absolute; height: auto; }
.next--shop--icon1 { top: 50px; left: 20%; width: 190px; }
.next--shop--icon2 { top: 10px; right: 15%; width: 290px; }
.next--shop--icon3 { bottom: 70px; left: 10%; width: 250px; }
.next--shop--icon4 { bottom: 50px; right: 35%; width: 150px; }

.next--shop--section .hero--2 { margin-bottom: var(--gap-md); font-size: 65px; }
.next--shop--section .subtitle { text-transform: uppercase; font-size: 30px; }
.next--shop--section .subtitle .svg { margin-right: 10px; width: 25px; height: auto; }

/* indoor detail page */

.detail--title--grp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--gap-xl); }
.detail--title--grp .hero--2 span { text-transform: capitalize; font-weight: 600; line-height: 1; }
.detail--title--grp .hero--2 { margin-bottom: 20px; }
.detail--title--grp .activiti--info {  display: -webkit-box;  display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 10px; }
.detail--title--grp .activiti--info li { padding: 10px 10px; background: #DCEFF6; border-radius: 10px; font-size: 16px; color: var(--black); margin-right: 20px; }
.detail--title--grp .activiti--info li img { width: 20px; margin-right: 10px; height: auto; -o-object-fit: contain; object-fit: contain; }
.detail--title--grp .activiti--info li:last-child { margin-right: 0px; }

.upload--icon { display: -webkit-box; display: -ms-flexbox; display: flex; }
.upload--icon li { margin-left: 5px; }
.upload--icon li a { padding: 5px; }
.upload--icon li a img { width: 25px; height: auto; -o-object-fit: contain; object-fit: contain; }

.video--div .video { border-radius: 16px; overflow: hidden; width: 100%; height: 650px; }
.video--div .video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.product--detail--section .Activity--info { padding: calc(var(--gap-xl) * 2) 0px 0px ; }
.product--detail--section .Activity--info .hero--2 { margin-bottom: 10px; }
.product--detail--section .Activity--info p:last-child { margin-bottom: 0px; }

.photo--galllery--section .video { width: 100%; height: 100%; border-radius: 16px; overflow: hidden; position: relative; }
.photo--galllery--section .video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.photo--galllery--section .row.photo--row, .photo--galllery--section .row.photoe--gallery { --bs-gutter-x: 20px; --bs-gutter-y: 20px; }
.photo--galllery--section .photoe--gallery li .img--bx { height: 200px; border-radius: 16px; overflow: hidden; overflow: hidden; position: relative; }
.photo--galllery--section .photoe--gallery li .img--bx img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.photo--galllery--section .video .play--bt { background-size: 60px; }
.photo--galllery--section .photoe--gallery li .img--bx .photo--no {  position: absolute; font-size: 20px; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--white); -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 30px; }

.tip--bx { border-radius: 20px; overflow: hidden; border:4px solid #f2f2f2; background: var(--white); padding: 45px 45px; position: relative; }
.tip--bx .h3 { margin-bottom: var(--gap-md); color: var(--black); font-weight: 400; text-transform: uppercase; }
.tip--bx .h3 span { font-weight: 700; }
.tip--bx .tip--bg--icon { position: absolute; bottom: 0px; right: 0px; width: 240px; }
.tip--bx .tip--list li img { width: 15px; height: auto; -o-object-fit: contain; object-fit: contain; margin-right: 5px; }
.tip--bx .tip--list li a { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.tip--bx .tip--list li a:hover { color: var(--orange); }
.tip--bx .tip--list li { font-size: 18px; margin-bottom: 10px; font-weight: 300; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.tip--bx .tip--list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.tip--bx .tip--list li:last-child { margin-bottom: 0px; border-bottom: 0px; }
.tip--bx .tip--list li .star--div { margin-left: 5px; }
.tip--bx .tip--list li .star--div img { margin-right: 1px; width: 18px; }
.visa--details--bx { width: 100%; }

.tips--section .bg-shape2 { bottom: -120px; top: unset; overflow: hidden; height: 300px;  }
.tips--section .bg-shape2 svg { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
.tips--section .jouney--icon { left: 0px; right: unset; top: unset; bottom: -50px; }
.tips--section .jouney--icon2 { right: 1%; top: 45%; }


.map--div { width: 100%; height: 450px; border-radius: 16px; overflow: hidden; }
.map--div iframe { width: 100%; height: 100%!important; }

.h4 { font-size: 30px; font-weight: 500; margin-bottom: 30px; text-transform: uppercase; }
.review--section .btn { background: #DCEFF6; }
.review--list { margin-top: 30px; }
.review--list li { padding: 20px 0px; border-top: 1px solid rgba(0,0,0,0.3); }
.review--list li:last-child { border-bottom: 1px solid rgba(0,0,0,0.3); }
.review--list li .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: 200; font-style: italic; }
.review--list li .rating .star--bx img { width: 20px; height: auto; margin: 0px 2px; }
.review--list li .rating .star--bx { margin: 0px 10px; }
.review--list li p { font-size: 20px; font-weight: 300; margin-top: 15px; margin-bottom: 0px; }
.review--list li p.review-decr { background: #F2F2F2; border-radius: 12px; font-size: 16px; letter-spacing: 1px; padding: 15px 20px; margin-bottom: 5px; }

.products--section .activities--row li { padding-top: 0px; }

.product--detail--section .bg-shape1 { position: absolute; top: unset; width: 300px; -webkit-transform: none; -ms-transform: none; transform: none; bottom: -100px; left: 0px; z-index: 0; overflow: hidden; }
.product--detail--section .bg-shape1 svg { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }
.product--detail--section .story--bg--icon2 { bottom: -70px; }

.products--section .exp--icon2 { bottom: 130px; width: 310px; }
.products--section .exp--icon2 svg { -webkit-transform: translateX(-90px); -ms-transform: translateX(-90px); transform: translateX(-90px); }


/* collboration with us page */
.collaboration--section--page { overflow: hidden; }
.collab--bg--icon3 { position: absolute; bottom: 0px; right: -150px; width: 400px; height: auto; z-index: -1; }
.collab--bg--icon3 img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; }

.collab--bg--icon4 { position: absolute; bottom: 0px; left: 80px;  width: 130px; height: auto; }
.collab--bg--icon4 img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); }

.collab--contact .hero--2 { margin-bottom: 10px; }

.collab--contact .section--title--grp { padding-right: 30px; }
.collab--contact .collab--bg--icon { bottom: 100px; top: unset; }

.collab--contact--icon1 { width: 180px; height: auto; position: absolute; left: 22%; top: 37%; }
.collab--contact--icon2 { width: 120px; height: auto; position: absolute; left: 29%; top: 55%; }
.collab--contact--icon3 { width: 200px; height: auto; position: absolute; right: 12%; bottom: 10px; }
.collab--contact--icon1 img { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.collab--contact--icon2 img { -webkit-transform: rotate( 10deg); -ms-transform: rotate( 10deg); transform: rotate( 10deg); }
.collab--contact--icon1 img, .collab--contact--icon2 img, .collab--contact--icon3 img { width: 100%; height: auto; }

/* blog detail  */

.blog--detail--page p { font-size: 18px; }
.blog--detail--page p span { font-weight: 400; }
.blog--detail--page h4, .blog--detail--page h1, .blog--detail--page h2, .blog--detail--page h3, .blog--detail--page h5, .blog--detail--page h6 { font-size: 28px; font-weight: 500; color: var(--black); margin-top: 30px; margin-bottom: 20px; }

.blog--detail--page ul,.blog--detail--page ol { padding-left: 20px; margin-bottom: 20px; }
.blog--detail--page ol { margin-bottom: 0px; }
.blog--detail--page ul li,.blog--detail--page ol li { font-size: 18px; list-style: disc; list-style-position: outside; margin-bottom: 5px; font-weight: 300; }
.blog--detail--page ul li:last-child { margin-bottom: 0px; }

.blog--detail--page .wp-block-image { border-radius: 10px; overflow: hidden; }

.blog--detail--section { overflow: hidden; }
.blog--detail--section  .bg-shape1 { width: 200px; }
.blog--detail--section .bg-shape2 { width: 200px; right: -50px; bottom: 0px; height:250px; z-index: 1; top: unset; }
.blog--detail--section  .story--bg--icon2 { top: 20%; right: 20px; bottom: unset; }
.blog--detail--section  .story--bg--icon2 img { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.blog--detail--section  .collab--bg--icon2 { left: 10px; bottom: 200px; }

.blog--detail--section .social-share li a { width: 30px; height: auto; }
.blog--detail--section .social-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.blog--detail--section .social-share li span { font-size: 16px; }
.blog--detail--section .social-share li:first-child { margin-right: 10px; }

.blog--detail--section .blog-footer { padding-top: 50px; margin-top: 50px; border-top: 1px solid rgba(0,0,0,0.3); }

.blog--btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.blog--btn .arrow { width: 15px; }
.blog--btn .blog--thumb { width: 75px; height: 50px; border-radius: 11px; overflow: hidden; }
.blog--btn .blog--thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.blog--btn.prev--btn .blog--thumb { margin-right: 20px; }
.blog--btn.prev--btn .arrow { margin-right: 15px; }
.blog--btn p { font-size: 16px; color: var(--black); margin-bottom: 0px; }
.blog--btn p span { text-transform: uppercase; display: block; color: rgba(0,0,0,0.6); }

.blog--btn.next--btn .blog--thumb { margin-left: 20px; }
.blog--btn.next--btn .blog--thumb img { margin: 0px; }
.blog--btn.next--btn .arrow { margin-left: 15px; }
.blog--btn.next--btn p { text-align: right; }

.wp-block-gallery.wp-block-gallery-1 {
  --wp--style--unstable-gallery-gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em)));
  gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 2em)))!important;
}

figure { margin-bottom: 30px!important; }
.wp-block-gallery.has-nested-images .wp-block-image { margin-bottom: 0px!important; } 
.wp-block-gallery.has-nested-images { margin-bottom: 40px!important; }
.blog--detail--section .small--icon , .blog--detail--section .animate--svg { z-index: -1; }

#starReviewSelection .star { line-height: 0.9; }

.product--list--cont .activities--row { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 30px 30px }
.product--list--cont .activities--row.listviewlists { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); }
.product--list--cont .activities--row.listviewlists li{ margin-top: var(--bs-gutter-x); }
.product--list--cont .activities--row.listviewlists li .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; }
.product--list--cont .activities--row.listviewlists li .card .card--img{ width: 160px; height: 120px; }
.product--list--cont .activities--row.listviewlists li .card .card--body{ padding: 0 10px; }
.product--list--cont .activities--row.listviewlists li .card .card--body .title--grp{ -ms-grid-row-align: flex-start; -ms-grid-column-align: flex-start; place-self: flex-start; }
.product--list--cont .activities--row.listviewlists li .card .card--body .title--grp .rating{ margin:0; font-size: 16px; }
.product--list--cont .activities--row.listviewlists  li .card .card--body  .activiti--info li { margin-top:2px; }

.list-view { display: none; }

.visa--details--bx{ padding: 25px 25px; }
.visa--details--bx.tip--bx { border: 2px solid #f2f2f2; }
.cast-section .product--list--cont { padding-left: 0px; }

.wishlisted--list--cont .story--bx .date { font-size: 14px; }
.rpi-dots-wrap { display: none!important; opacity: 0!important; }
.wp-gr .grw-header-inner, .wp-gr .grw-review-inner { border-radius: 10px!important; }

.wp-block-column p:last-child { margin-bottom: 0px; }
.wpcf7-not-valid-tip { font-size: 14px!important; margin-top: 2px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { font-size: 16px!important; padding: 12px 15px; }
 
.sorting--toolbar .sorting-ordering { background: url(../images/icons/down-angle.svg) no-repeat;  background-position: right 8px center; background-size: 10px; }
 .product--detail--section .Activity--info:empty { display: none; }

 .review--section div { font-size: 16px; }