/* ==========================================================================
Global Settings
========================================================================== */

/*
* Remove text-shadow in selection highlight.
*/
::-moz-selection { background: #b3d4fc; text-shadow: none; } 
::selection { background: #b3d4fc; text-shadow: none; } 

/*
* Body settings, change it as required
*/
body { font-size: 16px; line-height: 1.5; color: #333333; font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif; text-rendering: optimizeLegibility; } 
h1,
h2,
h3,
h4,
h5,
h6,
p { margin-top: 0px; } 

/*
* Links
*/
a,
a:hover { text-decoration: none; color: inherit; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 

/*
* A better looking default horizontal rule
*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 

/*
* Remove the gap between images and the bottom of their containers.
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } 

/*
* Allow only vertical resizing of textareas.
*/
textarea { resize: none; } 

/*
* Other
*/
*:focus { outline: none !important; } 

/* ==========================================================================
Helper classes
========================================================================== */

img.alignleft { float: left; margin: 0 10px 10px 0; display: block; } 
img.alignright { float: right; margin: 0 0px 10px 10px; display: block; } 
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } 
.hidden { display: none !important; visibility: hidden; } 
.clear { clear: both; height: 1px; line-height: 1px; } 

/*
* Other
*/

/* ==========================================================================
Layout
========================================================================== */

/* ==========================================================================
Common Functionalities & UI Elements
========================================================================== */
/*
* Typography
*/
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 500; } 

h1,
.h1 { font-size: 50px; margin-bottom: 16px; } 

@media (max-width: 767px) { h1,
 .h1 { font-size: 38px; } 
 }

h2,
.h2 { font-size: 38px; margin-bottom: 16px; } 

h2.h2 span {color: #ff6400 !important; font-weight: 600;}

@media (max-width: 767px) { h2,
 .h2 { font-size: 28px; } 
 }

h3,
.h3 { font-size: 28px; margin-bottom: 16px; } 

@media (max-width: 767px) { h3,
 .h3 { font-size: 22px; } 
 }

h4 { font-size: 23px; margin-bottom: 16px; } 

h5,
.h5 { font-size: 18px; margin-bottom: 16px; } 

h6 { font-size: 14px; margin-bottom: 16px; } 

p { line-height: 1.8; margin-bottom: 16px; } 

p.lead { font-size: 24px; line-height: 1.5; } 

/* Lists ---------------------- */
ul,
ol { margin-bottom: 16px; list-style-position: outside; } 
ul li ul,
ul li ol { margin-left: 20px; margin-bottom: 0; } 
ol { margin-left: 20px; } 
ol li ul,
ol li ol { margin-left: 20px; margin-bottom: 0; } 

#container { display: flex; flex-direction: column; min-height: 100vh; } 

@media (min-width: 1600px){
 .container { max-width: 1544px; } 
 }

/* utilities */
.figure1 { margin: 0; } 

.figure1 img { width: 100%; object-fit: cover; } 

.logo1 { display: inline-block; } 

.gap-20 { gap: 20px; } 

@media (max-width: 991px){
 .gap-20 { gap: 10px; } 
 }

.mb-120 { margin-bottom: 120px; } 

@media (max-width: 991px){
 .mb-120 { margin-bottom: 50px; } 
 }

.underline1 { position: relative; padding-bottom: 37px; } 

.underline1::before { content: ""; display: inline-block; background-color: #ff6400; width: 15%; height: 2px; position: absolute; bottom: 0; left: 0; } 

@media (max-width: 767px){
 .underline1 { position: relative; padding-bottom: 20px; } 
 }

.link1 { color: #fff; } 

.link1:hover { color: #ff6400; } 

.link1 svg path { fill: currentColor; } 

.text-primary { color: #ff6400 !important; } 

.text-color1 { color: #646464; } 

.text-justify { text-align: justify; } 

.column1 { margin-bottom: 30px; } 

.section { padding: 120px 0; } 

@media (max-width: 767px){
 .section { padding: 60px 0; } 
 }

/* header */
#header { background-color: transparent; color: #fff; padding: 33px 0; width: 100%; position: absolute; top: 0; left: 0; z-index: 100; } 

#header p { font-size: 15px; font-weight:600; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);} 

#header .link1 { font-size: 11px; font-weight: 500; } 

#menu-btn { background: transparent; border: none; margin-top: 7px; padding: 0; } 

#menu-btn span { background: #fff; border-radius: 6px; display: block; height: 4px; margin-bottom: 8px; transition: all 0.5scubic-bezier (0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; width: 32px; } 

@media (min-width: 1799px){
 #header .container { max-width: 1774px; } 
 }

@media (max-width: 1199px){
 #header .logo1 img { max-width: 250px; } 
 }

@media (max-width: 991px){
 #header .logo1 img { max-width: 180px; } 

 #header .btn { min-width: unset; } 
 }

@media (max-width: 767px){
 #header .logo1 img { max-width: 150px; } 

 #header .logo1 + p { font-size: 12px; } 

 #header .btn { font-size: 10px; padding: 10px; } 

 #header #menu-btn { margin-top: 6px; } 

 #header #menu-btn span { height: 3px; margin-bottom: 6px; width: 26px; } 
 }

/* banner */
#banner { color: #fff; position: relative; } 

#banner:has(.parallax-window):before { content: ""; display: inline-block; background: linear-gradient(
 0deg,
 rgb(255 100 0 / 40%) 0%,
 rgba(0, 0, 0, 0) 50%
 ); width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; } 

#banner .description { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 10; } 

#banner .description h1 { font-size: 80px; font-weight: 600; } 

.home #banner .figure1 img { height: 100vh; } 

#banner .parallax-window,
#banner .jarallax,
#banner .figure1 img { width: 100%; height: 81vh; } 

@media (max-width: 1199px){
 #banner .description h1 { font-size: 50px; } 
 }

@media (max-width: 767px){
 #banner .description h1 { font-size: 40px; } 
 }

/* footer */
#footer .logo1 img { max-width: 285px; } 

#footer .footer-dashboard { color: #fff; font-size: 13px; position: relative; padding: 68px 0 50px; } 

#footer .footer-dashboard::before { content: ""; background: #000 url("../images/bg-image1.jpg"); background-position: center; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } 

#footer .footer-links { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 68px; } 

#footer .footer-links li { font-size: 15px; font-weight: 500; color: #fff; } 

#footer .footer-links li:hover { color: #ff6400; } 

#footer .footer-bottom { background-color: #ff6400; color: #fff; padding: 23px 0 7px; font-size: 13px; font-weight: 500; } 

#footer .inline-list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: end; gap: 0 14px; } 

#footer .inline-list li { font-size: 13px; font-weight: 500; color: #fff; position: relative; } 

#footer .inline-list li:hover a { text-decoration: underline; } 

#footer .inline-list li:not(:first-child)::before { content: ""; background-color: #fff; width: 1px; height: 70%; position: absolute; top: 50%; left: -7px; transform: translateY(-50%); } 

.sociables { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 0 25px; } 

#footer .sociables { margin-bottom: 21px; justify-content: end; } 

@media (max-width: 1199px){
 #footer .logo1 img { max-width: 200px; } 

 #footer .footer-links { gap: 20px 30px; justify-content: end; } 

 #footer .sociables { justify-content: start; } 
 }

@media (max-width: 991px){
 #footer .inline-list { justify-content: center; } 
 }

@media (max-width: 767px){
 #footer { text-align: center; } 

 #footer .footer-dashboard { padding: 40px 0 50px; } 

 #footer .footer-bottom { padding: 18px 0 2px; } 

 #footer .footer-links,
 #footer .sociables { justify-content: center; } 
 }

/* btn */
.btn { padding: 18.5px; font-size: 16px; font-weight: 600; line-height: 1; min-width: 200px; text-transform: uppercase; border-color: transparent; border-radius: 0; } 

.btn:focus { box-shadow: none !important; } 

.btn-primary,
.btn-primary:active { background-color: #ff6400 !important; border-color: #ff6400 !important; color: #fff; } 

.btn-primary:hover { background-color: transparent !important; border-color: #ff6400 !important; } 

@media (max-width: 767px){
 .btn { padding: 13.5px; } 
 }

/* accordion */
.accordion1 .accordion-item { border: 0; background-color: unset; } 

.accordion1 .accordion-button { font-size: 28px; font-weight: 500; padding: 8px 0 8px 50px; background-color: unset; } 

.accordion1 .accordion-body { font-weight: 300; padding: 8px 0 8px 50px; } 

.accordion1 .accordion-body p:last-child { margin-bottom: 0; } 

.accordion1 .accordion-button:not(.collapsed) { color: #333333; background-color: unset; box-shadow: none; } 

.accordion1 .accordion-button:focus { border: 0; box-shadow: none; } 

.accordion1 .accordion-button::after { content: ""; background: url("../images/icon2.svg"); flex-shrink: 0; width: 36px; height: 36px; background-repeat: no-repeat; background-size: 20px; background-position: center; transition: transform 0.2s ease-in-out; border-radius: 100%; border: 1px solid black; position: absolute; left: 0; top: 6px; } 

.accordion1 .accordion-button:not(.collapsed)::after { background: #ff6400 url("../images/icon3.png"); background-repeat: no-repeat; background-size: 15px 10px; background-position: center; border-color: #ff6400; } 

@media (max-width: 767px){
 .accordion1 .accordion-button { padding: 8px 0 8px 40px; } 

 .accordion1 .accordion-body { padding: 5px 0 5px 40px; } 

 .accordion1 .accordion-button { font-size: 20px; } 

 .accordion1 .accordion-button::after { width: 26px; height: 26px; } 
 }

/* card1 */
.card1 { width: 100%; height: 100%; position: relative; height: 498px; } 

.card1 .figure1 { width: 100%; display: flex; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } 

.card1 .content { height: 100%; padding: 32px; display: flex; flex-direction: column; } 

.card1 .content h2 { font-size: 24px; font-weight: 600; text-transform: uppercase; padding-right: 40px; color: #fff;} 

.card1.alt .content h2 { padding-right: 0; margin-bottom: 4px; } 

.card1 .content p { font-weight: 500; } 

@media (max-width: 767px){
 .card1 .content { padding: 20px; } 

 .card1 .content h2 { padding-right: 0; } 

 .card1 .content .btn { width: 100%; } 
 }

/* slider1 */
.slider1-wrapper { position: relative; } 

.slider1 { width: 100vw; left: 50%; transform: translateX(-50%); } 

.slider1 .item { position: relative; } 

.slider1 .item .figure1 img { height: 890px; } 

.slider1 .item .figure1 { position: relative; } 

.slider1 .item .figure1::before { content: ""; display: inline-block; background: linear-gradient(
 0deg,
 rgb(255 100 0 / 40%) 0%,
 rgba(0, 0, 0, 0) 50%
 ); width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; } 

.slider1 .item .content { width: 100%; position: absolute; bottom: 78px; left: 0; color: #fff; z-index: 10; } 

.slider1 .item .content h2 { font-size: 36px; } 

.slider1 .item .content h2 { font-size: 36px; } 

.slider1 .item .content p { font-size: 16px; font-weight: 600; } 

.slider1 .item .content .link1 { font-weight: 500; display: flex; gap: 0 18px; align-items: center; margin-bottom: 7px; } 

/* slick-dots */
.slider1-wrapper .slider1-dots { position: absolute; bottom: 78px; right: 0; } 

.slick-dots { list-style-type: none; margin: 0; padding: 0; text-align: center; } 

.slick-dots li { display: inline-block; margin-right: 10px; } 

.slick-dots li button { background-color: #fff; border: 0; border-radius: 50%; font-size: 0; height: 16px; opacity: 1; padding: 0; transition: all 0.5scubic-bezier (0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; width: 16px; } 

.slick-dots li.slick-active button { background-color: #ff6400; } 

@media (max-width: 1399px){
 .slider1 .item .figure1 img { height: 600px; } 
 }

@media (max-width: 767px){
 .slider1-wrapper .slider1-dots { bottom: 30px; right: unset; left: 50%; transform: translateX(-50%); } 

 .slider1 .item .content h2 { font-size: 26px; } 

 .slider1 .item .content p { font-size: 14px; } 

 .slider1 .item .content .link1 { gap: 0 10px; } 
 }

/* pattern */
.section.pattern { position: relative; } 

.section.pattern::before { content: ""; background: url("../images/pattern-image1.png"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 75%; height: 100%; position: absolute; top: 0; right: 0; z-index: -1; } 

.section.pattern.alt { padding-bottom: 90px; } 

.section.pattern.alt::before { content: ""; background: url("../images/pattern-image2.png"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 48%; right: unset; left: 0; } 

@media (max-width: 991px){
 .section.pattern.alt::before { width: 100%; left: -30%; } 
 }

@media (max-width: 767px){
 .section.pattern::before { display: none; } 

 .section.pattern.alt { padding-bottom: 30px; } 
 }

/* services-section */
.services-section { padding: 178px 0 182px; } 

.services-section p { font-weight: 300; text-align: justify; } 

.services-section .left-col { padding-right: 50px; } 

.services-section .right-col { padding-left: 90px; } 

.services-section .right-col .figure1:not(:last-child) { margin-bottom: 10px; } 

@media (max-width: 1399px){
 .services-section .left-col { padding-right: 12px; } 

 .services-section .right-col { padding-left: 12px; } 
 }

@media (max-width: 767px){
 .services-section { padding: 60px 0; } 
 }

/* projects-section */
.projects-section { position: relative; overflow-x: clip; } 

.projects-section header { width: 100%; text-align: center; position: absolute; top: 74px; left: 0; z-index: 10; } 

@media (max-width: 767px){
 .projects-section header { top: 34px; } 
 }

/* whats-on-section */
.whats-on-section { position: relative; padding: 148px 0; } 

.whats-on-section .parallax-window { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -3; } 

.whats-on-section::after { content: ""; display: inline-block; background-color: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -2; } 

@media (max-width: 767px){
 .whats-on-section { padding: 60px 0; } 
 }

/* slider2 */
.slider2 .slick-dots { position: absolute; left: 50%; bottom: 4%; transform: translateX(-50%); } 

/* slider3 */
.slider3 .item { padding: 0 18px; } 

.slider3.alt .item { padding: 0 26px; } 

.slider3 .slick-dots { padding-top: 20px; } 

@media (max-width: 767px){
 .slider3 .item { padding: 0 10px; } 
 }

.slider1 .item:not(:first-child),
.slider2 .item:not(:first-child),
.slider3 .item:not(:first-child),
.slider4 .item:not(:first-child),
.slider5 .item:not(:first-child),
.slider6 .item:not(:first-child) { display: none; } 

.slider1.slick-initialized .item,
.slider2.slick-initialized .item,
.slider3.slick-initialized .item,
.slider4 .item:not(:first-child),
.slider5 .item:not(:first-child),
.slider6 .item:not(:first-child) { display: block; } 

/* slider4 */
.slider4 .item { margin-right: 60px; } 

.slider4 .item .box1 { height: 100px; } 

.box1 { display: flex; justify-content: center; align-items: center; } 

.slider4 .item .box1 img { max-height: 65px; } 

@media (max-width: 767px){
 .slider4 .item .box1 img { max-height: 55px; } 
 }

/* 26-03-25 */
/* breadcrumb */
.breadcrumb { margin-bottom: 80px; } 

.breadcrumb li { color: #ff6400; font-size: 14px; font-weight: 500; line-height: 1.78; } 

.breadcrumb li a { font-weight: 300; color: #000; } 

.breadcrumb li a:hover { text-decoration: underline; } 

.breadcrumb li:not(:first-child):before { content: ">"; color: #000; font-weight: 300; margin-right: 4px; } 

.breadcrumb li:not(:last-child) { padding-right: 4px; } 

@media (max-width: 767px){
 .breadcrumb { margin-bottom: 30px; } 
 }

@media (max-width: 575px){
 .breadcrumb li { font-size: 12px; } 
 }

/* list1 */
.list1 { margin: 0; padding: 0; list-style: none; } 

.list1 li { color: #646464; font-size: 24px; line-height: 1.2; padding-left: 20px; position: relative; } 

.list1 li::before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #ff6400; border-radius: 50%; position: absolute; top: 10px; left: 0; } 

.list1 li:not(:last-child) { margin-bottom: 24px; } 

@media (max-width: 767px){
 .list1 li { color: #646464; font-size: 16px; } 

 .list1 li:not(:last-child) { margin-bottom: 16px; } 
 }

/* col-gap1 */
.row.col-gap1 { margin: 0 -6px; } 

.row.col-gap1 > div[class*="col"] { padding: 0 6px; margin-bottom: 12px; } 

/* services-section alt */
.services-section.alt1 { padding-top: 70px; padding-bottom: 153px; } 

.services-section .right-col.alt { padding-left: 34px; } 

.services-section .right-col.alt .figure1 { display: flex; height: 100%; } 

.services-section .right-col.alt .figure1 img { max-height: 357px; } 

@media (max-width: 1199px){
 .services-section .right-col.alt { padding-left: 12px; } 
 }

@media (max-width: 767px){
 .services-section.alt1 { padding: 60px 0; } 
 }

/* whats-on-section alt */
.whats-on-section.alt { padding-top: 106px; padding-bottom: 112px; } 

.whats-on-section.alt h2 { margin-bottom: 100px; } 

.whats-on-single { padding-top: 70px; padding-bottom: 93px; } 

.whats-on-single p { margin-bottom: 38px; } 

.whats-on-single p:last-child { margin-bottom: 0; } 

@media (max-width: 767px){
 .whats-on-section.alt,
 .whats-on-single { padding: 60px 0; } 

 .whats-on-section.alt h2 { margin-bottom: 24px; } 

 .whats-on-single p { margin-bottom: 16px; } 
 }

/* slider5 */
.slider5 .item { padding: 0 26px; } 

.slider5 .slick-dots { padding-top: 20px; } 

@media (max-width: 767px){
 .slider5 .item { padding: 0 10px; } 
 }

/* border-bottom */
.border-bottom { border-bottom-color: #999999 !important; padding-bottom: 28px !important; margin-bottom: 52px; } 

@media (max-width: 767px){
 .border-bottom { padding-bottom: 8px !important; margin-bottom: 20px; } 
 }

/* contact-info */
.contact-info .border-bottom { padding-bottom: 19px !important; margin-bottom: 39px; } 

.contact-info p { color: #000; font-size: 16px; font-weight: 300; margin-bottom: 16px; } 

.contact-info p.text-primary { margin-bottom: 8px; } 

.contact-info p:last-child { margin-bottom: 0; } 

.contact-info p a:hover { text-decoration: underline; } 

@media (max-width: 767px){
 .contact-info .border-bottom { padding-bottom: 8px !important; margin-bottom: 16px; } 
 }

.bg-secondary { background-color: #ebebeb !important; } 

/* card2 */
.card2 { width: 100%; position: relative; height: 272px; display: flex; flex-direction: column; } 

.card2 .figure1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } 

.card2 .figure1 img { height: 100%; } 

.card2::before { content: ""; display: block; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } 

.card2 .badge1 { color: #fff; background-color: #ff6400; font-size: 9px; font-weight: 600; padding: 6px 10px; min-width: 100px; text-align: center; position: absolute; top: 12px; left: 0; z-index: 10; } 

.card2 .content { color: #fff; height: 100%; padding: 55px 10px 27px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; z-index: 10; } 

.card2 .content .content-body { display: flex; flex-direction: column; align-items: center; margin: auto 0; } 

.card2 .content .content-body h2 { color: #fff; font-size: 20px; font-weight: 600; padding-bottom: 12px; margin-bottom: 12px; width: fit-content; } 

.card2 .content .content-body h2::before { width: 60%; height: 1px; left: 50%; transform: translateX(-50%); } 

.card2 .content .content-body p { font-size: 10px; } 

.card2 .content .btn { padding: 11.5px; font-weight: 500; min-width: 146px; opacity: 0; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 

.card2 .content:hover .btn { opacity: 1; } 

@media (max-width: 767px){
 .card2 .content { padding: 55px 10px 20px; } 
 }

/* slider6 */
.slider6 { z-index: 99; } 

.slider6 .item { padding: 0 6px; } 

.slider6 .slick-dots { padding-top: 20px; } 

.slider6 .slick-dots li button { border: 1px solid #ff6400; } 

.slider6 .slick-prev,
.slider6 .slick-next { font-size: 0; padding: 0; border: 0; background: none; position: absolute; top: 50%; left: -16px; transform: translateY(-50%); } 

.slider6 .slick-next { left: unset; right: -16px; } 

.slider6 .slick-prev::before,
.slider6 .slick-next::before { content: ""; display: inline-block; background: url("../images//icon5.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 14px; height: 25px; } 

.slider6 .slick-next::before { transform: rotate(180deg); } 

/* pattern2 */
.section.pattern2 { position: relative; overflow: hidden; } 

.section.pattern2::before { content: ""; background: url(../images/pattern-image4.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 50%; height: 110%; position: absolute; bottom: 0; left: 0; z-index: 1; } 

.section.pattern2::after { content: ""; background: url(../images/pattern-image3.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 50%; height: 240%; position: absolute; bottom: 0; right: 0; z-index: 1; } 

@media (max-width: 1199px){
 .section.pattern2::after { height: 180%; } 
 }

@media (max-width: 767px){
 .section.pattern2::before,
 .section.pattern2::after { display: none; } 
 }

.whats-on-single header { position: relative !important; text-align: left; top: auto; left: auto; } 
.page-template-default h1 {font-size: 36px;}
.page-template-default h2 {font-size: 20px;}
.page-template-default p, .page-template-default ul li, .page-template-default ol li {font-size: 16px;}

.accordion-body h4 {font-size: 20px;}
p span {
  color: #ff6400 !important;
  font-weight: 500;
  white-space:nowrap;
}