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

*{ margin: 0;    padding: 0;    box-sizing: border-box;}

/*Global Css*/
body { padding: 0; margin: 0; font-family: "Sora", sans-serif;}
ul { padding: 0; list-style: none }
h1 { font-size: 36px; color: #000000; line-height: 44px; font-weight: 500;} 
h2 { font-size: 36px; font-weight: 500; color: #000000; line-height: 44px; } 
h3 { font-size: 24px; line-height: 31px; color: #000; }
a {text-decoration: none; outline: none; }
a:hover { text-decoration: none; transition: all 0.3s ease; color: #f7c300 !important; }
p { font-family: "Sora", sans-serif; font-size: 16px; font-weight: 400; line-height: 27px; text-align: justify; } 

input { outline: none !important }
button, button:focus { outline: none }
img { border: 0; max-width: 100%; }

input::placeholder, textarea::placeholder { color: #FFFEF2; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #FFFEF2;}
input:-moz-placeholder, textarea:-moz-placeholder { color: #FFFEF2;}
input.form-control::placeholder, textarea.form-control::placeholder { color: #FFFEF2; }
.logoImg {max-width: 150px;}  
.form-control:focus { -webkit-box-shadow: none; box-shadow: none }

/*Common Css*/
.btn { font-family: "Sora", sans-serif;  font-size: 18px; font-weight: 600; line-height: 27px; color: #000000; padding: 0 } 
.btn.color-btn { background: #000000; padding: 10px; color: white; box-shadow: none; font-weight: 400; border-radius: 0; }
 
/*--------Header-------*/ 
.container-fluid {padding: 0 20px;}
.header { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; padding: 12px 0; } 
.header nav { display: flex; justify-content: flex-end; flex-wrap: wrap;   } 
.header nav > ul { display: flex; align-items: center; flex-wrap: wrap; margin: 0; } 
.header nav > ul > li:not(:last-child) { margin-right: 20px; }

.inner-header nav { justify-content: space-between; } 
.navbar-brand { font-family: "Sora", sans-serif; font-size: 48px; font-weight: 700; line-height: 63px; letter-spacing: 0.1em; text-align: left; color: #FFFFFF; padding: 0 } 
.inner-header { background: #000000; position: sticky;} 
.inner-header nav svg path { fill: rgb(205, 202, 202);}

.menu { background: #000; position: fixed; width: 100%; max-width: 593px; right: 0; top: 0; height: 100%; padding: 80px 80px 20px 80px; padding-top: 80px; } 
.menu > ul::-webkit-scrollbar { width: 0;}
.header nav > ul > li > a { position: relative; z-index: 99; } 
.menu > ul > li > a { font-family: Sora; font-size: 24px; font-weight: 600; line-height: 32px; text-align: left; color: #fff; display: block; padding: 5px 0; } 
.menu > ul > li:not(:last-child) > a { border-bottom: 1px solid #959595; } 
.menu > ul { height: 100%; max-height: 100%; overflow-y: auto; }
.open_menu .header nav svg path { fill: white;}  
.sub-menu{display: none; border-top: 1px solid #959595; border-bottom: 1px solid #959595; padding: 10px 0;}
.sub-menu a { font-family: Sora; font-size: 20px; font-weight: 400; line-height: 37px; text-align: left; color: #BEBABA !important; }
.drop_arrow { background: transparent; border: none; position: absolute; top: 0; right: 0; width: 50px; height: 47px; } 
.menu-item-has-children { position: relative; }  

/*Footer*/
.footer-section {background-color: #2F2F2F !important; padding: 60px 0 20px 0;background: url(../img/watermark-background.png); background-size: contain; background-position: right; background-repeat: no-repeat;} 
.social-icon ul li i { color: white; font-size: 18px; margin-right: 12px; } 
.social-icon ul li a { color: white; font-size: 16px; line-height: 24px; word-break: break-word;} 
.social-icon ul li { display: inline-flex; vertical-align: baseline; align-items: center; }
.social-icon ul li:not(:last-child) { padding-bottom: 12px; } 
.footer-logo { height: 100%; display: flex; justify-content: start; align-items: center; }
.footer-link ul li a { font-size: 16px; color: white; } 
.footer-link ul li:not(:last-child) { padding-bottom: 15px;}
.f-header { font-size: 24px; color: white; margin-bottom: 25px; }  
.coppyLink {text-align: center;color: #FFFFFF;padding-top: 33px;} 
.coppyLink p {text-align: center;font-size: 14px; margin: 0; }
 

/*Global Page Section page*/ 
section > .row {margin: 0;padding: 0;}
.left-box {padding: 0px;}
.left-box img { width: 100%; object-fit: cover; object-position: center; min-height:100vh; }  
.right-box .content { width: 80%; margin: auto; padding: 30px 0px; display: flex; align-items: start;justify-content: center;flex-direction: column;height: 100%;}
.right-box .content h1 {  margin-bottom: 25px; }
.home-page .right-box .content, .sp-openings .right-box .content {width: 400px;}
.concepts-leading {padding: 50px 0px;}

/*People page*/ 
.people-page { padding: 110px 0; background-color: #fffef3; background-image: url('/assets/frontend/img/team-bg.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.people-listing ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; justify-items: center; align-items: center; }
.people-listing ul li:hover p { color: #f7c300; transition: all 0.3s ease;}
.people-img-box { width: 100px; height: 100px; margin: 0 auto 5px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } 

.people-img-box img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.people-listing ul li { text-align: center; } 
.people-listing ul li p { margin: 0;  text-align: center;color: #000;}
.people-listing ul li span { display: block; text-align: center;} 
.brand-logo-section ul li img:hover { transform: scale(1.1); transition: all 0.5s ease; } 
.brand-logo-section ul li img { transition: all 0.5s ease; overflow: hidden;}

/*About us page*/ 
.sp-about-us .overlay-short-content { padding: 15px 12px 50px; text-align: center; width: 100%; }

/*Brand detail us page*/ 
.brand-detail-logo { padding: 35px 12px 40px; text-align: center; } 
.brand-detail-logo a img {margin-top: 20px;}
.prev-arrow-link { float: left; display: inline-block; margin-top: 15px; }
.next-people-link { float: right; display: inline-block; margin-top: 15px;} 
.brand-detail .right-box .content p { font-size: 15px; line-height: 25px; }

/*People prev next*/
.people-detail .nextPrevPeopArrow { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 30px auto 0; } 

 
/*Video*/
.videoBox {width: 100%;height: calc(100vh - 93px);overflow: hidden;display: flex;align-items: center;justify-content: center;} 
.videoBox  video#customVideo { width: 100%; height: 100%; object-fit: cover; object-position: center; } 

/* New Style Nov 29, 2024 */
.brandTextBox {height:100%}
.brandTextBox { display: flex; justify-content: start; align-items: center;}
.brandTextBox .brandText {height:100%} 

.titleBorderBottom {border-bottom: 2px #000 solid;  margin-top:30px; margin-bottom:30px} 
.people-listing { padding: 8px 0; }
.titleOnBorderCenter {margin: 40px 0px; position: relative; text-align: center;}
.titleOnBorderCenter:after {content: ''; width: 100%; left: 0px; align-items: center; border-top:3px solid #000; position: absolute; left: 0px; top: calc(50% - 2px); }
.titleOnBorderCenter span {position: relative; background-color: #FFFFFF; padding: 0px 10px; z-index: 1; font-weight: 600;}
 
.people-contact-us ul li {display: inline ;padding-right: 10px; margin-right: 10px; position: relative;}
.people-contact-us ul li:not(:last-child)::after { content: ' '; position: absolute; display: inline-block; width: 2px; height: 24px; right: 0; top: -4px; background: #aeaca4; }
.people-contact-us a {color: #000;display: inline-flex;vertical-align: baseline;align-items: center;}   
.people-contact-us a i { font-size: 18px; font-weight: bold; margin-right: 6px; }
.people-image { display: flex; align-items: start; justify-content: center; flex-direction: column; height: 100%; }
.people-detail .left-box{ padding-left:15px; }
.people-detail .position { margin-bottom: 20px; margin-top: -10px; }
.people-detail .content { padding: 0 0 0; }

 /*Form Box for career and partner with us*/
.form-box h2 { font-size: 24px; color: #000000; margin-bottom: 20px; }  
.ajaxBox .form-control, 
.ajaxBox .form-select { font-size: 24px; color: #FFFEF2; font-weight: 400; background-color: rgba(0,0,0,0.16); border: 1px solid #000000; border-radius: 0; outline: none; box-shadow: none; }

.form-box { padding: 30px; background-color: #fffef3; background-image: url('/assets/frontend/img/career-bg.png'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.form-box .form-control, .form-box .form-select, .form-box .custom-file-wrapper {border-radius: 7px; position: relative; font-size: 16px; padding: 14px; color: #686661; background-color: #FFFFFF; border:rgba(0,0,0,0.20) solid 1px; z-index: 1; }
.form-box .form-control::placeholder,
.form-box .placeHolder {color: #686661;}
.form-box .custom-file-wrapper { height: 54px; }
.form-box .file-input {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0;}
.form-box .custom-file-wrapper:after {content: 'Attachment'; padding: 5px 10px; border-radius: 30px;position: absolute; right: 10px; top: 10px; font-size: 12px; color: #000; background-color: #FFFFFF; border:rgba(0,0,0,0.20) solid 1px; cursor: pointer;}
.form-box .custom-file-wrapper:before {content: 'Attach your  CV'; position: absolute; left: 16px; top: 16px; pointer-events: none; color: rgba(0,0,0,0.16); font-size:16px; color: #686661}
.form-box form {padding: 15px 0 0; }

 /*Press, Brand Press and News Agency Detail page */
 .press-section .banner { max-height: 450px; width: 100%; object-fit: cover; object-position: center; }
 .press-slider-box #gallery-img-slider { display: flex; align-items: center; height: 100%; } 

.press-slider-box #gallery-img-slider img { width: auto; }
.pressLogos {display: flex; justify-content: center; align-items: center; gap: 20px; padding: 30px 0;}

.splide-slider-row { padding-top: 20px;}
.news-press-head {position: relative;}
.sp-press h1 { margin-bottom: 20px; }
.pressSubHeading {font-size: 16px; margin-top: 20px;}
.brand-press-slider .news-press-link {word-wrap: break-word; font-size: 14px; text-align: left; word-break: break-all; display: block;}
.news-press-head:after {content: ''; width: 100%; left: 0px; border-top:3px solid #000; position: absolute; left: 0px; top: calc(50% - 2px); }
.news-press-head span {position: relative; left: 50px; background-color: #FFFFFF; padding: 0px 10px; z-index: 1;}

.news-press-link {color: #000;}
.news-agency-list ul {margin:0; display: grid; gap: 16px; text-align: center; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.news-agency-list ul li {border:rgba(0,0,0,0.16) solid 1px; display: flex; align-items: center; justify-content: center;}
.news-agency-list ul li img { height: 105px;width: auto; object-fit: contain; transition: all 0.3s ease; } 
.news-agency-list ul li:hover img { transform: skewX(10deg); transition: all 0.3s ease; } 
.agency-press-item {align-items: center; padding: 20px 0px; border-bottom: rgba(0,0,0,0.16) solid 1px;}
.agency-press-item .press-item-list {align-items: center; padding: 20px 0px; border-bottom: rgba(0,0,0,0.16) solid 1px;}
.agency-press-item .news-press-date {margin-top: 24px; font-weight: 500;}
.agency-press-box .agency-press-item .img-fluid {height: 100px;width: auto;}
.agency-press-box .agency-press-item:last-child, .agency-press-item .press-item-list:last-child  {border-bottom: none;} 
.agency-press .agency-press-box .agency-press-item.row:last-child { padding-bottom: 0; } 

/*Press slider on Brand page */
.brand-press-slider { margin-top: 40px; padding-bottom: 60px; border-bottom: #000 solid 2px; margin-bottom: 80px;}
.brand-press-slider .splide__slide {background-color: rgba(0,0,0,0.16); padding: 16px; min-height: 318px; align-content: center;}
.brand-press-slider .news-press-title { font-size: 16px; text-align: left; margin-bottom: 16px;line-height: 24px;}
.brand-press-slider .news-press-date { margin-top: 10px; margin-bottom: 0;}
.slickSliderArrow { position: absolute; right: 20px; width: 70px; top: 2px; z-index: 1; display: flex; gap: 20px; height: 32px; padding: 0px 20px; background-color: #FFFFFF; }
.slickSliderArrow button  {width: 30px; z-index: 2; height: 30px; background-color: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.slickSliderArrow .slick-prev:before, 
.slickSliderArrow .slick-next:before { color: #000; background-color: #FFFFFF; display: none;}
.slickSliderArrow .slick-prev { left: 0px;}
.slickSliderArrow .slick-next { right: 0px;}

.brand-menu-list ul li a { font-size: 30px; font-weight: 400; color: #000000; line-height: 37px; } 
.brand-menu-list ul li:not(:last-child) { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 2px solid #959595; } 
.brand-menu-list ul { padding-left: 60px; padding-bottom: 30px; } 
.brand-logo-section ul { flex-wrap: wrap; display: flex; align-items: center; justify-content: center; gap: 16px; row-gap: 40px; margin:0; } 
.brand-logo-section.inline-logo { padding: 20px 0 70px;}

.brand-logo-section ul li { flex: 0 0 calc(20% - 16px); text-align: center;}
.brand-logo-section { padding: 70px 0; }
.brand-logo-section.press-brands { padding:0;}
.single-page:not(.sp-about-us, .no-padding, .sp-gathering) {padding: 50px 0;}
.single-page.sp-our-concepts { padding: 50px 0 0px; }

/*Slider Nex And Prev*/
.brand-gallery-slider .slick-prev, .brand-gallery-slider .slick-next{ width: 40px; height: 40px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; z-index:9 }

.brand-gallery-slider .slick-prev:before{ content: '\f053'; font-family:'FontAwesome'; color: #000000; opacity: 1; }
.brand-gallery-slider .slick-prev{ left: 0; }

.brand-gallery-slider .slick-next:before{ content: '\f054'; font-family:'FontAwesome'; color: #000000; opacity: 1; }
.brand-gallery-slider .slick-next{ right: 0; }

/* Gathering Page Css */
.sp-gathering { padding: 0 0 40px; } 
.splide-gap .splide-slider-row, .sp-the-heritage-gathering .splide-slider-row { padding: 20px 12px 0; }
.sp-the-heritage-gathering .gallery-title { margin: 5px 0 0; font-size: 18px; line-height: 24px; color: #000000; font-weight: 500; transition:all 0.3s ease} 
.sp-the-heritage-gathering .gallery-title:hover { color:#f7c300; } 
.sp-gathering ul li a { display: inline-block; } 
.bottom-next-prev .prev-arrow-link { float: inherit; margin: 0; } 
.bottom-next-prev { padding: 40px 12px; } 
.bottom-next-prev .next-people-link { margin: 0; }

/* Aos  */
/* [data-aos] {
   opacity: 0; 
   transition: opacity 0.6s ease, transform 0.6s ease; 
}

[data-aos].aos-animate {
   opacity: 1; 
} */

/*Openings*/
.team-oversight {padding: 60px 0 30px;}
.team-oversight .vacancy-box { border: 1px solid #959595; padding: 25px; vertical-align: text-bottom; border-radius: 7px; height: 100%; } 
.team-oversight .vacancy-box h2 { font-size: 19px; color: #000000; font-weight: 500; line-height: 26px;} 
.team-oversight .vacancy-box .btn { font-weight: 400; margin-top: 10px;}
.team-oversight .vacancy-box .btn:active { border: none; }
.team-oversight .vacancy-box p {margin-bottom: 0; text-align: inherit;}
.team-oversight .vacancy-box p strong { font-weight: 500; } 
/*---------Responsive---------*/

@media( max-width: 1400px){
  .right-box .content {width: 90%;}
}

@media( max-width: 1260px){

}

@media( max-width: 1199px){
   h1 { font-size: 32px; line-height: 40px; }
   h2 {font-size: 30px; line-height: 37px;} 
   .brand-menu-list ul { padding-left: 60px; } 
   .brand-menu-list ul li:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; } 

}

@media(max-width: 991px){
    .brand-menu-list ul { padding-left: 0; margin-top: 40px; } 
    .right-box .content {width: 100% !important; padding: 30px 8px 0 !important;} 
   
    .f-header { margin:10px 0 10px; } 
    .footer-section .footer-logo { margin-bottom: 15px; display: inline-block; }
    .footer-section .footer-logo img{ display:block; }
    .footer-bottom-menu { display: inherit; }
    .footer-bottom-menu ul:last-child { margin-top: 30px; } 
    .footer-bottom-menu ul:last-child{ text-align: left; } 
    .footer-menu { padding-bottom: 30px; } 
    .bottom-footer { padding-top: 30px; }
    .people-detail .left-box { padding: 0 12px; } 
    .people-detail .right-box .content { padding: 30px 0 0 !important; }
    .press-slider-box { padding-top: 25px; }
    .press-slider-box #gallery-img-slider { max-width: 100%; }
    .brand-menu-list ul li a { font-size: 24px; line-height: 30px; } 
    .brand-menu-list ul li:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; }
    .agency-press .news-press-head:last-child {margin-top: 0;}
    .left-box img{ min-height:inherit; }

 }

 @media( min-width: 768px){
    .brand-logo-section.inline-logo ul { display: grid; grid-template-columns: repeat(9, 1fr); gap: 24px;}
    .brand-logo-section.press-brands ul {display: flex;}
    .brand-logo-section.press-brands ul li {flex: 0 0 calc(13% - 16px);}
}

@media( max-width: 768px){
   .container-fluid { padding: 0 16px;} 
   .menu { max-width: 100%; padding: 80px 30px 30px; }
   .brand-logo-section ul li { flex: 0 0 calc(33% - 25px);}  
   .brand-logo-section ul { justify-content:space-evenly; }
   .brand-logo-section { padding: 30px 0 40px; }
   .videoBox { height: 450px;}
   .sp-about-us .overlay-short-content { position: inherit; bottom: 0; padding: 20px 16px 0; text-align: left; } 
   .sp-about-us img.img-fluid.leftBanner { height: auto; }
   .single-page .content { padding-bottom: 30px !important;}
   .right-box .content h1 { margin-bottom: 16px;}
   .people-detail .position { margin-bottom: 10px; }
   .news-press-head { font-size: 20px; line-height: 27px; margin-bottom: 15px; }
   .news-agency-list ul li img { height: auto;}
   .people-listing ul { grid-template-columns: repeat(2, 1fr); gap: 12px; }
   .titleBorderBottom { margin-top: 15px; margin-bottom: 20px; }
   .brand-logo-section.inline-logo {padding: 0 0 50px;}
   .sp-press .brand-logo-section.press-brands.inline-logo { padding: 0; }
   .team-oversight {padding: 0 0 10px;}

}

@media( max-width: 575px){ 
    h1 { font-size: 26px; line-height: 36px; } 
    h2 {font-size: 27px; line-height: 35px;}
    .footer-section { padding: 40px 0; }
    .people-contact-us a { font-size: 12px; }
    .form-box { padding: 20px 16px; }
    .sp-partner-with-us .container .row .col-lg-6:nth-of-type(2), .sp-careers .container .row .col-lg-6:nth-of-type(2) { padding: 0;} 
    .sp-partner-with-us .container .row .col-lg-6:nth-of-type(1), .sp-careers .container .row .col-lg-6:nth-of-type(1) { padding: 0 16px 30px; }
    .people-listing ul li p { margin: 0 auto; min-width: 150px;}
    .people-contact-us ul li { padding-right: 5px; margin-right: 5px; } 

}