@charset "utf-8";
:root{
    --white:#ffffff;
    --black:#000000;
    --blue:#35C4FF;
    --orange:#FF6029;
    --perpal:#9036FF;
    --cello:#1D2F52;

    --body-font: 'Almoni ML v5 AAA';
    --atlas: 'Atlas DL 3.1 AAA';
    

}
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;direction: rtl !important;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: var(--black);}

/* Specific Header Settings */
h1,.h1{}
h2,.h2{font-size: 24px;line-height: 56px;position: relative;letter-spacing: 1.84px;font-weight: 700;padding-bottom: 16px;}
h2::after{content: '';height: 8px;width: 48px;background-color: var(--black);position: absolute;bottom: 0;right: 0;}
h3,.h3{}
h4,.h4{}
h5,.h5{}
h6,.h6{}

/* Create the Default Paragraphs */
p {font-size: 16px;line-height: 35px;color: var(--black);letter-spacing: -0.16px;font-family: var(--atlas);font-weight: 400;}


/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style:none;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;max-width: 100%;display: block;object-fit: cover;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color:var(--white); font-size: 18px; letter-spacing: -0.16px;line-height: 26.46px;text-decoration: none;display: inline-block;font-weight: 700;font-family: var(--body-font);}
a:hover {}
a:focus {outline: none;}


/* 5. Forms
------------------------------------------------------------------------------*/

input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; }
select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input[type='text'],input[type='tel'],input[type='email'],input[type='password']{}
textarea{overflow:auto;}
::-webkit-input-placeholder{ color: #000;}
:-moz-placeholder{ color: #000;}
::-moz-placeholder{ color: #000;}
:-ms-input-placeholder{ color: #000;}
::-ms-input-placeholder{ color: #000;}
:placeholder-shown{ color: #000;}


/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}
.d_flex{display: flex;justify-content:flex-start;flex-wrap:wrap;}
.d_flex_ac{align-items: center;}
.d_flex_jc{justify-content: center;}
.d_flex_jb{justify-content: space-between;}


/*transition effect*/
.tra,a,.in,.sub{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.btn{font-size: 14px;letter-spacing: -0.16px;line-height:38px;padding: 0px 14px;border: 1px solid var(--black);text-align: center;font-family: var(--atlas);font-weight: 700;color: var(--black);position: relative;z-index: 2;}
.btn:hover{padding: 0 18px;}
.btn::after,.btn::before{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: -1;transition: all 0.5s ease;}
.btn:after{z-index: -2;}
.btn:hover:after{transform: translate3d(5px, 5px, 0);}
.btn:before{background-color: var(--white);}
.btn:hover:before{background-color: var(--black);}

.btn.orangebtn::after{background-color: var(--orange);}
.btn.orangebtn:hover{color: var(--orange);}
.btn.bluebtn::after{background-color: var(--blue);}
.btn.bluebtn:hover{color: var(--blue);}
.btn.perpalbtn::after{background-color: var(--perpal);}
.btn.perpalbtn:hover{color: var(--perpal);}


/** Owl Carousel v2.3.4 */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/** owl-theme */
 .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* owl nav css */
.owl-nav{ z-index: 1; position: relative; display: flex ; justify-content: space-between; align-items: center; width: 100%; position: absolute; top: calc(50% - 21px); pointer-events: none;}
.owl-nav button{width: 42px;height: 42px;display: flex;justify-content: center;align-items: center;background-color: rgba(29, 47, 82, 0.8) !important;cursor: pointer;transition: 0.4s ease all;pointer-events: all;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35);margin-left: 24px;position: relative;}
.owl-nav button::after{content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: calc(100% - 6px);height: calc(100% - 6px);background-color: var(--white);transform-origin: center;transform: scale(0);transition: 0.3s ease all;}
.owl-nav button.disabled{    pointer-events: all; opacity: 0.6; cursor: no-drop !important;}
.owl-nav button img{transform: scale(-1);transform-origin: center;transition: 0.4s ease all;position: relative;z-index: 2;}
.owl-nav button.owl-prev {margin-right: 24px;margin-left:0;}
.owl-nav button.owl-prev img{transform: scale(1);}
.owl-nav button:hover img{transform: translateX(-5px) scale(-1);filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(155deg) brightness(100%) contrast(104%);}
.owl-nav button.owl-prev:hover img{transform: translateX(5px) scale(1);}
.owl-nav button:hover::after{transform: scale(1);}


/* magnificPopup css start */
a.image-popup-vertical-fit { cursor: -webkit-zoom-in; }
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 1; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-arrow-left:before { border-right: none !important; } .mfp-arrow-right:before { border-left: none !important; } button.mfp-arrow { opacity: 0 !important; transition: opacity 0.3s ease; } .mfp-container:hover button.mfp-arrow{ opacity: 1 !important; }
.mfp-counter{display:none !important;}
.mfp-bottom-bar{display:none !important;}
.mfp-fade-in .mfp-content{transition:transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.8s ease;}
.mfp-fade-in.mfp-removing .mfp-content{transform:scale(0.95);opacity:0;}
.mfp-fade-in img.mfp-img{transition:opacity 0.6s ease;}
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: var(--cello); opacity: 0.75; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap;direction: ltr !important; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: calc(100% - 200px); } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
 .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }
@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } }
/* magnificPopup css End */
/* lenis scroll */
html.lenis, html.lenis body { height: auto; }
/* width */
::-webkit-scrollbar { width: 5px; }
  /* Track */
  ::-webkit-scrollbar-track { background: #f1f1f1; }
  /* Handle */
  ::-webkit-scrollbar-thumb { background: #888; }
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover { background: #555; }

/* Page Layout */
body{font-family: var(--body-font);}
#full_wrapper{min-height: 100%;height: auto; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
.main{overflow: hidden;}
.wrapper{ width:100%; margin:0 auto;max-width: 1440px;position: relative;}
.content{ margin:0 auto; padding:0; width:100%;}
.bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
/* Header*/
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 999;transition: 0.5s ease all;}
header .brand {position: absolute; top: 15.47px; left: 0; right: 0; margin: 0 auto; width: 180px; min-height: 40px;}
header .brand img{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;transition: 0.5s ease all;}
header .brand .black_logo{opacity: 0;}
header .inner{}
header .inner>ul{position: relative;}
header .inner>ul>li:not(:last-child){margin-right: 0;}
header .inner>ul>li>a{line-height: 64px;text-align: center;position: relative;min-width: 100px;z-index: 1;text-transform:uppercase;}
header .inner>ul>li.phone>a em { font-style: normal; font-size: 1.4em; line-height: 1; display: inline-block; position: relative; top: 4px; margin-right: 3px; }
header .inner>ul>li>a::after{content:'';position: absolute;height: 100%;width: 100%;background-color: var(--cello, #1D2F52);left: 0;bottom: 0;transition: 0.3s ease all;transform: translateY(-100%);    z-index: -1;}
header .inner>ul>li>a::before{content:'';position: absolute;height: 5px;width: 100%;left: 0;top: 100%;}
header .inner>ul>li:hover>a::after,
header .inner>ul>li.current-menu-item>a::after{transform: translateY(0);}
header .inner>ul>li.current-menu-item>a{color: #ffffff !important;}
header .inner>ul>li.bluecolor:hover>a,
header .inner>ul>li.bluecolor.current-menu-item>a{color: var(--blue) !important;}
header .inner>ul>li.orangecolor:hover>a,
header .inner>ul>li.orangecolor.current-menu-item>a{color: var(--orange) !important;}
header .inner>ul>li.perpalcolor:hover>a,
header .inner>ul>li.perpalcolor.current-menu-item>a{color: var(--perpal) !important;}


header.fixed,
body.white_header header{background-color:var(--white);}
header.fixed .inner>ul>li>a,
body.white_header header .inner>ul>li>a{color:var(--cello);}
header.fixed .inner>ul>li:hover>a,
body.white_header header .inner>ul>li:hover>a{color:var(--white);}
header.fixed .brand .white_logo,
body.white_header header .brand .white_logo{opacity:0;}
header.fixed .brand .black_logo,
body.white_header header .brand .black_logo{opacity: 1;filter: brightness(0) saturate(100%) invert(16%) sepia(25%) saturate(2878%) hue-rotate(192deg) brightness(93%) contrast(89%);}


.mobile_logo{display: none;}


.comman_video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner{height: 100vh;position: relative;overflow: hidden;}
.banner::after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(../images/banner_sap.png);background-repeat: no-repeat;background-size: 100% 100%;}
.banner iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner ul{width: 400px;height: fit-content;position: relative;z-index: 1;}
.banner ul li{width: 100%;}
.banner ul li a{width: 100%;display: block;line-height: 112px;color: var(--white);text-align: center;font-size: 40px;letter-spacing: 1.84px;text-shadow: 0 4px 4px #00000063;transition: 0.8s ease all;text-transform:uppercase;}
.banner ul li a:hover{transform: scale(1.5);text-shadow:none !important}
.banner ul li.bluecolor:hover>a{color: var(--blue);}
.banner ul li.orangecolor:hover>a{color: var(--orange);}
.banner ul li.perpalcolor:hover>a{color: var(--perpal);}
.scroll-down-arrow{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);z-index:2;background:none;border:none;cursor:pointer;padding:0;width:48px;height:80px;overflow:hidden;}
.scroll-down-arrow-inner{display:flex;flex-direction:column;align-items:center;gap:16px;transform:translateY(calc(-50% - 8px));transition:transform 0.4s ease;}
.scroll-down-arrow-inner img{display:block;width:12px;height:80px;}
.scroll-down-arrow:hover .scroll-down-arrow-inner{transform:translateY(0);}
.video_banner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: 0.8s ease all;}
.video_banner.line{opacity: 1;}
.video_banner video{position: absolute; left: 0; top: 0; width: 100%; height:100%; object-fit: cover; bottom: 0; margin: auto; transition: 0.8s ease all;opacity: 0;}
.video_banner.line video{opacity:1;}
.video_banner::after,
.video_banner::before{content:'';position: absolute;left: 0;height: 0;top: 0;width: 100%;background-color: var(--cello);transition: 0.6s ease all;z-index: 1;}
.video_banner::before{top: auto !important;bottom: 0 !important;}
.video_banner.line::after,
.video_banner.line::before{height: 80px;}


.the_north_text{display:flex;align-items:center;justify-content:center;padding:0 240px;min-height:872px;overflow:hidden;background-color:var(--white);}
.the_north_inner{display:flex;align-items:center;gap:120px;direction:ltr !important;}
.the_north_left{flex-shrink:0;width:504px;height:872px;}
.the_north_left img{display:block;width:100%;height:100%;object-fit:contain;}
.the_north_right{width:608px;display:flex;flex-direction:column;align-items:flex-end;gap:60px;direction:rtl !important;}
.the_north_right .logo_black{display:block;width:291px;height:60px;margin-left:auto;margin-right:0;}
.the_north_right .text_block{display:flex;flex-direction:column;align-items:flex-end;gap:24px;text-align:right !important;width:100%;}
.the_north_text h4{font-weight:700;font-size:26.5px;font-family:var(--atlas);line-height:1.642;margin-bottom:0;text-align:right !important;width:100%;}
.the_north_text h4 small{display:block;font-size:15.5px;line-height:1.642;}
.the_north_text .text_block p{font-size:16px;line-height:35px;letter-spacing:-0.16px;text-align:right !important;}

.images_slider{position: relative;}
.images_slider .col{height: 792px;width: 100%;}
.images_slider .col img{height: 792px;}
.owl-carousel .owl-item{transition:opacity 1.2s ease-in-out;}
.owl-carousel .animated{animation-duration:1.2s;}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
.fadeIn{animation-name:fadeIn;}
.fadeOut{animation-name:fadeOut;}

.welcome_uptown_text{position: relative;margin-top: -72px;}
.welcome_uptown_text .col{position: relative;z-index: 2;border: 2px solid rgba(0, 0, 0, 1);background-color: rgba(255, 255, 255, 0.9);backdrop-filter: blur(36px);padding: 84.5px 88px 84.5px 80px;max-width: 504px;}

.welcome_uptown_video{height: 712px;position: relative;border: 8px solid rgba(246, 249, 250, 1);max-width: calc(100% - 272px);margin: 0 auto;margin-top:-208px;margin-bottom: 120px;}
.welcome_uptown_video>img{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}

.live_work_play_blog{position: relative;margin-bottom: 16px;margin-top:16px;overflow:hidden;}
.live_work_play_blog .wrapper{transform: none;padding-top:136px;padding-bottom:136px;}
.live_work_play_blog .bg{background-color: rgba(246, 249, 250, 1);width: calc(100% - 32px);left: 16px;}
.live_work_play_blog .colin{justify-content: flex-end;align-items: flex-end;margin-bottom: 112px;    position: relative;}
.live_work_play_blog .colin:last-child{margin-bottom: 0;}
.live_work_play_blog .colin .img{width: 608px;height:776px;position: relative;border:2px solid var(--cello);overflow:hidden;}
.live_work_play_blog .colin .img img{width:100%;height:100%;object-fit:cover;}
.live_work_play_blog .colin .img span{display:none;}
.live_work_play_blog .colin .text{width: 296px;margin-left: 8.3%;}
.live_work_play_blog .colin h2{margin-bottom: 24px;}
h2.lwp-title{font-size:48px !important;line-height:44px !important;letter-spacing:-0.16px !important;text-transform:uppercase !important;max-width:320px;}
h2.lwp-title span{font-size:inherit !important;line-height:inherit !important;}
.color-blue{color:var(--blue) !important;}
.color-orange{color:var(--orange) !important;}
.color-perpal{color:var(--perpal) !important;}
.live_work_play_blog .colin p{margin-bottom: 24px;}
.live_work_play_blog .colin:nth-child(2n){flex-direction: row-reverse;}
.live_work_play_blog .colin:nth-child(2n) .img{width: 712px;height:712px;}
.live_work_play_blog .colin:nth-child(2n) span{left:auto;right:-45px;}
.live_work_play_blog .colin:nth-child(2n) .text{margin-left: 0;margin-right: 120px;}
.live_work_play_blog .colin:nth-child(3) .img{width: 1024px;height:456px;}
.live_work_play_blog .btn{border-color:var(--cello);color:var(--cello);}
.live_work_play_blog .btn:before { background-color: rgba(246, 249, 250, 1); }
.live_work_play_blog .btn:hover:before { background-color:var(--cello); }


.up_blog{}
.up_blog img{width: 100%;}

footer{background-color:var(--cello);padding: 63px 0 48px;}
footer .footer_logo{margin: 0 auto; display: block; width: fit-content;margin-bottom: 59px;}
footer .footer_top{padding: 63px 0 76px;border-top: 1px solid #a6967f;}
footer .footer_top h3{margin-bottom:48px;color: rgba(166, 150, 127, 1);font-size: 18px;line-height: 32px;letter-spacing: -0.16px;font-weight: 400;font-family: var(--atlas);}
footer .footer_top .right_col{width: 56.7%;}
footer .footer_top .colin{}
footer .footer_top .colin .col{width: calc(33.33% - 32px);position: relative;}
footer .footer_top .in{height: 48px;width: 100%;border: none;border-bottom: 1px solid var(--white);font-size: 16px;letter-spacing: -0.16px;font-weight: 400;font-family: var(--atlas);color: var(--white);background-color:#14274b;position:relative;z-index:1;padding-right:16px;}
footer .footer_top .in:focus{border-color: rgba(53, 196, 255, 1);}
footer .footer_top h6:has(+span .in:focus),
footer .footer_top h6.focus{color: rgba(53, 196, 255, 1); font-size: 9px; line-height: 8px; transform: translateY(-8px);}
footer .footer_top h6{position: absolute;right: 16px;line-height: 48px;top: 0;transition: 0.4s ease all;font-size: 16px;letter-spacing: -0.16px;font-weight: 400;font-family: var(--atlas);color: var(--white);pointer-events: none;z-index:2;}
footer .footer_top .sub{padding: 0px 40px;color:var(--white);border-color: var(--white);cursor: pointer;}
footer .footer_top .sub:hover{padding: 0px 50px;}
footer .footer_top .sub.btn::before{background-color: var(--cello);}

footer .footer_top .in.wpcf7-not-valid{border-color: #EB5757 !important;}
footer .footer_top .in.wpcf7-not-valid+span{display: none !important;}
footer .footer_top h6:has(+span .in.wpcf7-not-valid){color: #EB5757 !important;}


footer .footer_top span[data-name="i_agree"]{    display: flex ;}
footer .footer_top span[data-name="i_agree"] label{position: relative;display: block;margin: 35px 0 50px;padding-right: 48px;background-image: url(../images/no.png);background-repeat: no-repeat;background-position:right center;color: var(--white);font-size: 16px;line-height: 32px;font-weight: 400;height: 32px; display: flex ; align-items: center;font-family: var(--atlas);}
footer .footer_top span[data-name="i_agree"] label a{color: rgba(166, 150, 127, 1);font-size: 16px;line-height:24px;font-weight: 400;text-decoration: underline;margin-right:2px;font-family: var(--atlas)}
footer .footer_top span[data-name="i_agree"] label input[type="checkbox"]{    position: absolute; opacity: 0;}
footer .footer_top span[data-name="i_agree"] label.checked {background-image: url(../images/yes.png) !important;}
footer .footer_top span[data-name="i_agree"] label .wpcf7-not-valid-tip { color: #EB5757; display: block !important; top: 30px !important; left: 15px; font-size: 14px; }
footer .footer_top form{position: relative;}
footer .footer_top .wpcf7-response-output {position: absolute; right: 166px; color: rgba(235, 87, 87, 1); font-size: 14px; letter-spacing: -0.16px; font-weight: 400; font-family: var(--atlas); line-height: 40px; bottom: -16px; padding: 0 !important; border: none !important;}
footer .footer_top .wpcf7-response-output::before{    content: ''; width: 24px; height: 24px; background-image: url(../images/note.png); background-repeat: no-repeat; background-size: 24px; display: inline-block; vertical-align: middle;}
footer .footer_top .left_col{width: 444px;}
footer .footer_top .left_col ul{margin-top: 80px;}
footer .footer_top .tell{width: 100%;position: relative;height: 184px;border: 1px solid rgba(166, 150, 127, 1);display: flex;justify-content: center;align-items: center;font-size: 32.67px;font-weight: 700;font-family: var(--atlas);}
footer .footer_top .tell>em { position: relative; font-style: normal; top: 6px; margin-right: 4px; }
footer .footer_top .tell span{font-size: 22px;line-height: 32px;position: absolute;top: -20px;background-color: var(--cello);z-index: 1;left: 0;right: 0;margin: 0 auto;padding: 0 10px; width: fit-content;font-family: var(--body-font);letter-spacing: 1.84px;}

footer .footer_nav{display:flex;justify-content:center;align-items:center;gap:56px;padding:24px 0;border-top:1px solid #a6967f;border-bottom:1px solid #a6967f;margin-bottom:15px;}
footer .footer_nav a{color:var(--white);font-size:16px;line-height:24px;font-weight:400;font-family:var(--atlas);letter-spacing:-0.16px;text-decoration:none;white-space:nowrap;}
footer .footer_nav a:hover{color:#a6967f;}
footer .footer_bottom {align-items: end;padding-top: 15px;}
footer .footer_bottom p,
footer .footer_bottom a{font-size: 14px;line-height: 24px;color:rgba(166, 150, 127, 1);font-weight: 400;font-family: var(--atlas);}
footer .footer_bottom .right_col{width: 680px;}
footer .footer_bottom .right_col a{color: var(--white);text-decoration: underline;}
footer .thankyou_col{display: flex;align-items: center;padding: 20px 0;display: none;}
footer .thankyou_col span{font-size: 22px;line-height: 32px;margin-right: 24px;letter-spacing: -0.16px;color: var(--white);font-family: var(--atlas);max-width: 300px;}
footer .footer_top .right_col.thankyou form{display: none;}
footer .footer_top .right_col.thankyou .thankyou_col{display: flex;}

/* live page */
.comman_banner { position: relative; padding: 152px 88px 88px; } 
.comman_banner .bg{position: relative;height: 696px;}
.comman_banner .comman_video{height: 100%;}
.comman_banner .col{position: absolute;left: 0;bottom: -207px; z-index: 2; border: 2px solid var(--cello); background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(36px); padding: 0px 88px 84.5px 80px; max-width: 504px;}
.comman_banner .col h1{font-size: 112px; text-align: center; font-weight: 700; color: var(--blue); line-height: 85px; margin-top: -43px;margin-bottom: 60px;text-transform:uppercase;}
.page-template-work-page .comman_banner .col h1{color: var(--orange);}
.page-template-play-page .comman_banner .col h1{color: var(--perpal);}

.images_slider_inner.images_slider .col img{height: 100%;}
.images_slider_inner.images_slider .col,
.images_slider_inner.images_slider .owl-item,
.images_slider_inner.images_slider .owl-stage,
.images_slider_inner.images_slider .owl-stage-outer{height:848px;}

.live_passion_text{position: relative;}
.live_passion_text .col{    position: absolute; right: 0; top: -107px; z-index: 2; border: 2px solid var(--cello); background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(36px); padding:34.5px 80px; max-width: 920px;}
.live_passion_text .col h2{margin-bottom: 24px;}

.live_passion{position: relative;margin-top: 16px;}
.live_passion .bg{background-color: rgba(246, 249, 250, 1); width: calc(100% - 32px); left: 16px;}
.live_passion .colin{align-items: flex-end;padding: 280px 0 168px;}
.live_passion .colin .img{width:1023px;height:616px;border:2px solid var(--cello);overflow:hidden;}
.live_passion .colin .img img{width:100%;height:100%;object-fit:cover;}
.live_passion .colin .text{width: 296px;}
.live_passion .colin h2{margin-bottom: 24px;}
.live_passion .colin h2 img{margin-bottom: 20px;}
.live_passion .colin h3{font-size: 22px;line-height: 32px;font-weight: 700;font-family: var(--atlas);letter-spacing: -0.16px;}
.live_passion .colin p{font-size: 14px;line-height: 32px;}
.live_passion .colin p:not(:last-child){margin-bottom: 24px;}

.work_passion.live_passion .colin{flex-direction: row-reverse;}
.work_passion.live_passion .colin .img{max-width:1040px;width:65%;height:616px;border:2px solid var(--cello);overflow:hidden;flex-shrink:0;}
.work_passion.live_passion .colin .img img{width:100%;height:100%;object-fit:cover;}

.live_together{position: relative;}
.live_together .bg{background-color: rgba(246, 249, 250, 1); width: calc(100% - 32px); left: 16px;}
.live_together .colin{align-items: flex-end;padding:70px 0 78px;}
.live_together .colin .img{width:1440px;height:776px;border:2px solid var(--cello);overflow:hidden;margin-bottom:24px;}
.live_together .colin .img img{width:100%;height:100%;object-fit:cover;}
.live_together .colin .text{max-width: 711px;}
.live_together .colin h2{margin-bottom: 24px;}
.live_together .colin h3{font-size: 22px;line-height: 32px;font-weight: 700;font-family: var(--atlas);letter-spacing: -0.16px;}
.live_together .colin p{font-size: 14px;line-height: 32px;}
.live_together .colin p:not(:last-child){margin-bottom: 30px;}

.live_map{position: relative;margin-bottom: 16px;}
.live_map .bg{background-color: rgba(246, 249, 250, 1); width: calc(100% - 32px); left: 16px;}
.live_map .colin{align-items: flex-end;padding: 120px 0 200px;}
.live_map .colin .img{width: calc(100% - 416px);}
.live_map .colin .img img{width: 100%;}
.live_map .colin .text{width: 296px;}
.live_map .colin .map{width:1024px;height:695px;position: relative;border: 2px solid var(--cello);}
.live_map .colin .map .page-map-part {height: 100%;width: 100%;}
.live_map .colin .map .page-map-part #google-map{width: 100%;height: 100%;}
.live_map .colin .map .map-marker-logo { background-color: #272727 !important; padding: 25px 27px 19px; position: relative; border-radius: 5px; border: 2px solid #5f5f5f; }
.map-toggle{position:relative;overflow:hidden;}
.map-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.5s ease;}
.map-img.active{opacity:1;}
.map-enlarge,.gallery-enlarge{position:absolute;top:22px;left:22px;width:32px;height:32px;background:rgba(29,47,82,0.8);display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 4px 8px rgba(0,0,0,0.35);cursor:pointer;}
.map-enlarge:hover,.gallery-enlarge:hover{background:rgba(29,47,82,1);}
.map-toggle-btn{position:absolute;bottom:22px;left:22px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;padding:8px;background:none;border:none;cursor:pointer;box-shadow:0 6px 12px rgba(24,39,75,0.12),0 8px 24px rgba(24,39,75,0.08);}
.map-toggle-thumb{display:block;width:120px;height:120px;border:4px solid white;overflow:hidden;}
.map-toggle-thumb img{width:100%;height:100%;object-fit:cover;}
.map-toggle-label{display:block;width:100%;background:var(--white);text-align:center;font-size:14px;font-weight:700;font-family:var(--atlas);line-height:32px;color:var(--black);letter-spacing:-0.16px;}
.property .map-point-wrapper{background-color: #272727 !important;padding: 10px 12px 4px;position: relative;color: var(--white) !important;border: 2px solid #5f5f5f;font-size: 16px;font-family: var(--body-font) !important;border-radius: 5px;}
.property .map-point-wrapper .arrow,
.live_map .colin .map .map-marker-logo .arrow{position: absolute;bottom: -7px;width: 14px;height: 8px;left: 0;right: 0;margin: 0 auto; background-image: url(../images/Tooltip.png); background-repeat: no-repeat;background-position: center;}

.live_map .colin h2{margin-bottom: 24px;}
.live_map .colin h3{font-size: 22px;line-height: 32px;font-weight: 700;font-family: var(--atlas);letter-spacing: -0.16px;margin-bottom: 16px;}
.live_map .colin p{font-size: 14px;line-height: 32px;}

.time_to_move{position: relative;height: 840px;}
.time_to_move .up_col{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width:fit-content;height:fit-content;margin: auto;z-index: 3;}
.time_to_move .up_col h3{font-size: 24px;line-height: 56px;text-align: center;color: var(--white);letter-spacing: 1.84px;margin-bottom: 7px;}
.time_to_move .up_col_svg{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:3;width:fit-content;height:fit-content;pointer-events:none;}
.time_to_move .up_col_svg img{height:400px;width:auto;display:block;}
.time_to_move .vid{position: absolute;top: 0;right: 0;height: 100%;width: 50%;display: flex;justify-content: center;align-items: center;}
.time_to_move .vid::after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(../images/banner_sap.png);background-repeat: no-repeat;background-size: 100% 100%;z-index: 1;pointer-events: none;}
.time_to_move .vid a{width: 400px;line-height: 96px;font-size: 40px;font-weight: 700;letter-spacing: 1.84px;position: relative;text-align: center;z-index: 2;transition: 0.8s ease all;text-transform:uppercase;}
.time_to_move .vid:hover a{transform: scale(1.5);}
.time_to_move .vid video{transition: 0.5s ease all;width: 100%;transition-delay: 0.1s;opacity: 0;}
.time_to_move .right_video{}
.time_to_move .right_video .comman_video{left: auto;right: 0;}
.time_to_move .left_video .comman_video{}

.time_to_move .left_video{left: 0;right: auto;}
.time_to_move .vid:hover video{opacity: 1 !important;}
.time_to_move .vid .overlay{position: absolute;right: 0;top: 0;width:100%;height: 100%; transition: clip-path 0.7s ease-in-out;
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }
.time_to_move .vid:hover .overlay{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;}
.time_to_move .vid.left_video .overlay{right:auto !important;left: 0 !important;clip-path:polygon(0 0, 0 0, 0 100%, 0 100%) !important;}
.time_to_move .vid.left_video:hover .overlay{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%) !important;}





.time_to_move_live .right_video:hover a{color: var(--perpal) !important;}
.time_to_move_live .left_video:hover a{color: var(--orange) !important;}
.time_to_move_work .right_video:hover a{color: var(--perpal) !important;}
.time_to_move_work .left_video:hover a{color: var(--blue) !important;}

.work_together{padding: 200px 0 77px;background-color: var(--cello);position: relative;}
.work_together .colin .img{width:100%;margin-bottom: 24px;}
.work_together .colin .img img{width: 100%;}
.work_together .colin .text{max-width: 711px;margin-bottom: 27px;}
.work_together .colin h2{margin-bottom: 24px;color: var(--white);}
.work_together .colin h2.lwp-title{color: var(--white);}
.work_together .colin h2::after{background-color: var(--white);}
.work_together .colin p{font-size: 14px;line-height: 32px;color: var(--white);}
.work_together .colin p:not(:last-child){margin-bottom: 30px;}
.work_together .inner{margin-top:58px;}
.work_together .inner .col{width:calc(25% - 63px);}
.work_together .inner .col:not(:last-child){margin-left: 0;}
.work_together .inner .col h3{color: var(--white);font-size: 20px;line-height: 24px;font-family: var(--atlas);font-weight: 400;margin:14px 0 16px;    max-width: 210px;}
.work_together .inner .col h3 strong{font-weight: 700;}
.work_together .inner .col p{color: var(--white);font-size: 14px;line-height: 32px;}

.play_passion_combined .colin{padding:120px 0 !important;}
.play_passion_combined .colin-first{margin-bottom:0;padding-bottom:0 !important;}
.play_passion_combined .colin-second{padding-top:184px !important;}
.play_passion_combined .colin .img{max-width:1040px;width:65%;height:616px;flex-shrink:0;}
.play_passion_combined .colin-second .text{width:296px;direction:rtl !important;}
.play_together.work_together{}
.play_together.work_together .inner .col img{filter: brightness(0) saturate(100%) invert(29%) sepia(58%) saturate(5982%) hue-rotate(257deg) brightness(99%) contrast(103%);}

.architect_passion.live_passion{padding: 84px 0;margin-top: 0;}
.architect_passion.live_passion .colin{padding: 84px 0;}
.architect_passion.live_passion .colin .img { width: calc(100% - 400px); }
.architect_passion.live_passion .colin:nth-child(2n){flex-direction: row-reverse;}

.the_north_text_architect.the_north_text p{max-width: 1004px; margin: 0 auto; }

.architect_welcome_uptown_video{height: 712px;position: relative;border: 8px solid rgba(246, 249, 250, 1);max-width: calc(100% - 272px);margin: 0 auto;margin-top: 144px;margin-bottom: 144px;}
.architect_welcome_uptown_video>img{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.architect_welcome_uptown_video .mob{display: none;}

.entrepreneurs_blog{max-width: calc(100% - 32px);margin: 0 auto;padding: 256px 0 352px;background-color: var(--cello);margin-bottom: 16px;}
.entrepreneurs_blog .colin{align-items: flex-end;margin-bottom: 214px;}
.entrepreneurs_blog .colin:nth-child(2n){flex-direction: row-reverse;}
.entrepreneurs_blog .colin:last-child{margin-bottom: 0;}
.entrepreneurs_blog .colin .img img{width: 100%;}
.entrepreneurs_blog .colin .text{width: 504px;}
.entrepreneurs_blog .colin h2{margin-bottom: 24px;padding-bottom: 24px;}
.entrepreneurs_blog .colin h2 img{height:48px;width:auto;max-width:100%;}
.entrepreneurs_blog .colin h2::after{background-color: var(--white);}
.entrepreneurs_blog .colin h3{font-size: 22px;line-height: 32px;font-weight: 700;font-family: var(--atlas);letter-spacing: -0.16px;}
.entrepreneurs_blog .colin p{font-size: 14px;line-height: 32px;color: var(--white);}
.entrepreneurs_blog .colin p:not(:last-child){margin-bottom: 24px;}
/* .entrepreneurs_blog .colin .img{width: calc(100% - 608px);height: 616px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.entrepreneurs_blog .colin .img .col{width: 50%;height: 50%;border: 1px solid #fff;}
.entrepreneurs_blog .colin .img .col.col_landscap{height: 100%;} */

.entrepreneurs_blog .colin .img{width: calc(100% - 608px);height: 616px;position: relative;display: flex;flex-wrap: wrap;}
.entrepreneurs_blog .colin .img .col{width: 50%;height: 50%;border: 1px solid var(--white);}
.entrepreneurs_blog .colin .img .col img{width: 100%;height: 100%;}

.entrepreneurs_blog .colin .img.img_landscap{  display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0px;}
.entrepreneurs_blog .colin .img.img_landscap .col{width: 100%;height: 100%;}
.entrepreneurs_blog .colin .img.img_landscap .col:nth-child(1) { grid-row: span 2 / span 2; }
.entrepreneurs_blog .colin .img.img_landscap .col:nth-child(3) { grid-column-start: 2; }


.entrepreneurs_blog .colin .img.img_portrate{   display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0px;}
.entrepreneurs_blog .colin .img.img_portrate .col{width: 100%;height: 100%;}
.entrepreneurs_blog .colin .img.img_portrate .col:nth-child(1){ grid-column: span 2 / span 2; }
.entrepreneurs_blog .colin .img.img_portrate .col:nth-child(2){ grid-row-start: 2; }
.entrepreneurs_blog .colin .img.img_portrate .col:nth-child(3){ grid-row-start: 2; }


.default-page-section {padding:150px 0;}
.default-page-section h1,
.default-page-section h2,
.default-page-section h3,
.default-page-section h4,
.default-page-section h5,
.default-page-section h6{color: var(--black);margin: 24px 0;font-family: var(--HelveticaNowVar);line-height: 1.2;}
.default-page-section h1{font-size: 42px;}
.default-page-section h2{font-size: 36px;}
.default-page-section h3{font-size: 30px;}
.default-page-section h4{font-size: 26px;}
.default-page-section h5{font-size: 22px;}
.default-page-section h6{font-size: 18px;}

.default-page-section p,
.default-page-section ul li,
.default-page-section ol li ,
.default-page-section pre{ color: var(--black); font-size: 18px; font-weight: 400; letter-spacing: -0.16px; line-height: 1.77;    word-break: unset; display: block; white-space: break-spaces; font-family: var(--atlas);}
.default-page-section p,.default-page-section ul,
.default-page-section ol{margin-bottom: 24px;}
.default-page-section p:last-child{margin-bottom: 0;}
.default-page-section p a{color: var(--black);text-decoration: underline;}
.default-page-section li a{color: var(--black);text-decoration: underline;}
.default-page-section ul li,
.default-page-section ol li{margin-bottom: 10px;position: relative;}
.default-page-section ul li::before,
.default-page-section ol li::before { width: 7px; height: 2px; background-color: var(--black); content: ""; position: absolute; right: -15px; top: 14px; }


.default-page-section em{font-style: normal;}
.default-page-section ol{padding-right: 20px;list-style: auto;}
.default-page-section ul{padding-right: 20px;list-style: disc;}
.default-page-section ul ul,
.default-page-section ol ul,
.default-page-section ul ol,
.default-page-section ol ol{margin-bottom: 0;}


/* Architect Page */
.architect_hero{padding:161px 0 0;overflow:hidden;}
.architect_hero_inner{display:flex;direction:ltr !important;max-width:1440px;margin:0 auto;padding:0 80px;gap:80px;align-items:flex-start;}
.architect_photo{flex-shrink:0;width:46%;max-width:670px;position:relative;}
.architect_photo>img{width:100%;height:auto;display:block;}
.architect_caption{position:absolute;bottom:8px;left:8px;padding:8px;font-size:16px;line-height:26px;letter-spacing:-0.16px;font-family:var(--atlas);text-transform:uppercase;}
.architect_caption .architect_name{font-weight:700;}
.architect_caption .architect_role{font-weight:400;}
.architect_text{direction:rtl !important;flex:1;max-width:608px;padding-top:215px;}
.architect_text h2{font-size:40px;font-weight:700;line-height:normal;letter-spacing:1.84px;margin-bottom:24px;padding-bottom:16px;}
.architect_text p{font-size:18px;line-height:32px;letter-spacing:-0.16px;font-family:var(--atlas);font-weight:400;margin-bottom:24px;}
.architect_grid{background-color:#f6f9fa;padding:80px 0 60px;margin:0 16px;background-image:url(../images/link.png);background-size:100% 100%;background-position:center;}
.architect_grid_inner{max-width:1440px;margin:0 auto;text-align:center;}
.architect_grid_inner img{width:100%;height:auto;display:block;margin:0 auto;}
.architect_grid .grid_mobile{display:none;}

/* Designers Page */
.designer-section:first-child{padding-top:160px;}
.designer-section{padding:64px 0;}
.designer-intro{display:flex;align-items:flex-start;max-width:1440px;margin:0 auto;padding:0 80px;gap:80px;}
.designer-portrait{flex-shrink:0;width:400px;height:552px;border:2px solid var(--cello);overflow:hidden;}
.designer-portrait img{width:100%;height:100%;object-fit:cover;}
.designer-text{flex:1;max-width:814px;text-align:right;direction:rtl !important;}
.designer-text h2{font-size:40px;font-weight:700;line-height:normal;letter-spacing:1.84px;margin-bottom:24px;padding-bottom:16px;}
.designer-text p{font-size:16px;line-height:26px;letter-spacing:-0.16px;font-family:var(--atlas);margin-bottom:0;}
.designer-flipped .designer-intro{direction:ltr !important;}
.designer-gallery{position:relative;margin-top:96px;}
.designer-gallery .gallery-caption{position:absolute;bottom:0;right:0;z-index:2;background:rgba(255,255,255,0.9);backdrop-filter:blur(18px);border:2px solid var(--cello);padding:8px 40px;font-size:14px;font-weight:400;font-family:var(--atlas);line-height:32px;text-align:right;letter-spacing:-0.16px;}
.designers_slider .owl-item{height:752px;}
.designers_slider .col{height:752px;width:100%;}
.designers_slider .col img{height:752px;width:100%;object-fit:cover;}

/* Scroll Animations */
.reveal{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);}
.reveal.revealed{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.15s;}
.reveal-delay-2{transition-delay:0.3s;}
.reveal-delay-3{transition-delay:0.45s;}
.reveal-delay-4{transition-delay:0.6s;}
.reveal-from-right{opacity:0;transform:translateX(-40px);transition:opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);}
.reveal-from-right.revealed{opacity:1;transform:translateX(0);}
.reveal-scale{opacity:0;transform:scale(0.95);transition:opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);}
.reveal-scale.revealed{opacity:1;transform:scale(1);}
@media (prefers-reduced-motion: reduce){.reveal,.reveal-from-right,.reveal-scale{opacity:1;transform:none;transition:none;}}

/* 404 */
.page_section_404{padding: 31vh 0; text-align: center;}
.page_section_404 h1{font-size: 150px; line-height: 0.8;}
.page_section_404 h2{    font-size: 40px;    margin-bottom: 20px;}
.page_section_404 h2::after { height: 6px; width: 48px; right: 0; left: 0; margin: 0 auto; }
.page_section_404 h4{    font-size: 24px; font-weight: 400;    margin-bottom: 20px; }
.page_section_404 .theme_btn{font-size: 20px; padding: 8px 25px;}
.page_section_404 .theme_btn:hover{color: var(--white) !important;}

.page-template-architect-page .the_north_text .cycle,
.page-template-entrepreneurs-page  .the_north_text .cycle{bottom: -1px;}

.live_map .wrapper,
.live_together .wrapper,
.live_passion .wrapper{background-image: url(../images/link.png);background-size: 100% 100%;background-position: center;}

.live_work_play_blog .wrapper::after{content: '';background-image: url(../images/link.png);background-size: 100% 100%;background-position: center;position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
.live_work_play_blog .colin { z-index: 1; }
.work_together{background-image: url(../images/link2.png);background-size:1440px 100%;background-position: center;}


.architect_passion.live_passion {padding: 0;}
.architect_passion.live_passion .wrapper{padding-top: 84px;padding-bottom: 84px;}
.entrepreneurs_blog {padding: 0;}
.entrepreneurs_blog .wrapper{padding-top: 256px;padding-bottom: 352px;background-image: url(../images/e_line.png);background-size:100% 100%;background-position: center;}