@charset "utf-8"; 
@import url("fonts/stylesheet.css");
/*
.tk-adobe-caslon-pro { font-family: "adobe-caslon-pro",serif; }
.tk-brandon-grotesque { font-family: "brandon-grotesque",sans-serif; }
*/

input,select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }


html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;height: 100%;}

body{margin: 0;padding:0;font-family: var(--brandon-grotesque-font); font-size: calc(20 / var(--main-width));line-height: calc(26 / var(--main-width));letter-spacing: -0.03%;font-weight: 400;background-color:#ffffff;overflow-y:scroll;overflow-x:hidden;}

body, button, input, select, textarea{color: #000000;}
h1{font-weight:normal;color:#000000;margin:0px;padding:0;} 
div, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#000000;text-decoration:none;outline: none;position: relative;}
a:hover{text-decoration:none;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}
img {border-style:none}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;border-style:none;outline:none;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}

p{line-height:1.3;}

/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}
  
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none;}
.webhide{display:block;}
.mobilehide{display:none;}
*{box-sizing:border-box;} 

html.lenis{height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

:root{
   --main-width: 1440 * 1440px; 
   --white-color: #ffffff;
   --black-color: #000000;
   --magenta-color: #FEA386;
   --yellow-color: #F4F04F;
   --red-color: #7E2200;
   --metal-color: #767C81;
   --blue-color: #1D298C;
   --adobe-caslon-pro-font: "adobe-caslon-pro",serif;
   --adobe-caslon-pro-font-fake: 'Adobe Caslon Pro Regular',serif;
   --brandon-grotesque-font: "brandon-grotesque",sans-serif;
}

.web{display:grid !important;}
.mobile{display:none !important;}


a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a)::before{content:'';position: absolute;width: 100%;height: calc(1 / var(--main-width));background-color: var(--magenta-color);bottom:calc(2 / var(--main-width));left: 0;transform-origin: center;transform: scaleX(0);transition: transform .2s ease-in-out;}
a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a):hover::before,
a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a).active::before{transform-origin: center;transform: scaleX(1);}


/* .web {display: block;}
.mobile {display: none;} */
#outer-wrapper {width: 100%;position: relative;margin: 0;}

header{width:100%;height: calc(109 / var(--main-width));background-color: var(--red-color); margin:0;padding:0;z-index:999;position:absolute;top:0;left: 0;z-index: 99;transition: all .5s ease;/*transform: scale3d(1, 1, 1);*/overflow: hidden; /*backdrop-filter: blur(10px);*/}
header #header{width: 100%;height:calc(109 / var(--main-width));max-width: 1920px;margin:0 auto;padding:0 calc(78 / var(--main-width));position:relative;z-index: 10;}
header .logo{width:calc(337 / var(--main-width));height: 100%;;display: flex;align-items: center;position:absolute;left: calc(78 / var(--main-width));top: 0;background-image:url(../images/logo-landing.svg);background-repeat:no-repeat;background-size:100% auto;background-position: center; text-decoration:none;z-index:99999999;transition: all .5s ease;}
header .logo img{width: 100%;}  


/* body.no-shade .shade{display: none !important;} */

main {width: 100%;margin: 0;padding:0;position: relative;/*margin-bottom: 660px;*/background-color: #ffffff;z-index: 98;display: grid;grid-template-columns: 1fr;}
:where(section,article,figure,aside) {width: 100%;display: grid;grid-template-columns: 100%;margin: 0;padding: 0;position: relative;}
figure{background-size: cover;background-repeat: no-repeat;background-position: center center;}
figure img{width: 100%;display: none;}
.inner {width: 100%;max-width: 1920px;margin: 0 auto;padding: 0;position: relative;}
video{width: 100%;height: 100%;object-fit: cover;border:0;object-position: center center;}

/* .logo-stagger{height: 661px;background-color: transparent;width: 1px;position: absolute;bottom: -660px;left: 0;visibility: hidden;display: none !important;} */


:where(h1,h2,h3,h4,h5,h6,p,ul,li){color: var(--red-color);font-weight: 400;font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;}
:where(h1,h2,h3,h4,h5,h6){font-family: var(--adobe-caslon-pro-font);}
:where(p,ul,li){font-family: var(--brandon-grotesque-font);}
h1{font-size: 90px;}
/* h2{font-size: 35px;line-height: 100%;} 
h2 .small{font-size: 70px;line-height: 51px;color: var(--red-color);}*/
h3{font-size: 20px;}
h4{font-size: 16px;}
h5{font-size: 12px;}
h6{font-size: 12px;}
p,li:not(nav ul li){font-size: calc(20 / var(--main-width));line-height: calc(26 / var(--main-width));letter-spacing: -0.03%;}
/* :where(p,li):last-of-type {margin-bottom: 0;} */
ul{list-style: disc;}
blockquote{background-color: #f3f4f7;width: auto;padding:75px 20px 20px 20px;float: left;margin: 0;margin-bottom: 20px;position: relative;}
blockquote::before{width: auto;position: absolute;left: 20px;top: 0; content: "“";font-size: 136px;font-family: Arial, Helvetica, sans-serif;height: 50px;margin-left: -5px;}

.btn {width: auto;height: calc(43 / var(--main-width));background: transparent;border: 1px solid var(--magenta-color);color: var(--magenta-color);
  padding: 0 calc(38 / var(--main-width)) 0 calc(15 / var(--main-width));border-radius: 50px;cursor: pointer;transition: 0.3s;display: inline-flex;align-items: center;font-size: calc(16 / var(--main-width));line-height: calc(20 / var(--main-width));letter-spacing: 0;font-family:var(--brandon-grotesque-font);font-weight: 400;font-style: normal;justify-content: start;align-self: self-end;position: relative;}
.btn::after{content: "";width: calc(24 / var(--main-width));height: calc(24 / var(--main-width));position: absolute;right: calc(10 / var(--main-width));top: calc(8 / var(--main-width));background: url('../images/arrow-up.svg') no-repeat center;background-size: 100% auto;}
.btn:hover{background: #f4a58a;color: var(--red-color);}
.btn:hover::after{background: url('../images/arrow-up-h.svg') no-repeat center;background-size: 100% auto;}

.btn.download{left: calc(6 / var(--main-width));}
.btn.download::after{content: "";width: calc(14 / var(--main-width));height: calc(14 / var(--main-width));top: calc(11 / var(--main-width));right: calc(13 / var(--main-width));background: url('../images/download-icon.png') no-repeat center;background-size: 100% auto;}
.btn.download:hover::after {background: url('../images/download-icon-hover.png') no-repeat center;background-size: 100% auto;}/* 
.video-box{ position:sticky;position: -webkit-sticky;height: 100vh;float:left; width: 100%;position:relative;}
.video-box img{width: 100%; float:left;height:100%;}
.video-box iframe{ position: absolute !important; top: 0 !important; left:0 !important;margin-top: 0 !important; margin-left:0 !important; width: 100% !important; height: 100% !important; }
 @media (min-aspect-ratio: 16 / 9) {.video-box iframe {height: 500% !important;top: -200% !important;}}
 @media (max-aspect-ratio: 16 / 9) {.video-box iframe {width: 500% !important;left: -200% !important;}}
.video-box .player{ position: absolute !important; top: 0; left:0; width: 100%; height: 100vh; background-color:#000000; } */

.hero-box .animation-box.hide{opacity: 0;visibility: hidden;transition: all 0.75s;}
.hero-box{background-color:var(--blue-color);height: 100dvh;}
.hero-box :where(.image-maskig-animation,.slide-repeat, /* .hero-animation-box,*/.animation-box){width:100%;height:100dvh;display: grid;grid-template-columns: 1fr;position: relative;justify-items: center;align-items: center;}
.hero-box .bg{background-color:var(--blue-color);width: 100%;height: 100%;}
/* .hero-box .animation-box{position: absolute;left: 0;top: 0;right: 0; bottom: 0;opacity: 0;visibility: hidden;transition: all 0.5s;} */
/* .hero-box .video{max-width: 1440px;padding: 0 calc(65 / var(--main-width));} */
.hero-box .video video{height: 100dvh;/*max-height: calc(900 / var(--main-width));padding: 0 calc(65 / var(--main-width));*/}
/* .hero-box .logo{max-width: 1440px;padding: 0 calc(65 / var(--main-width));} */
.hero-box .logo :where(img,svg){width: calc(559 / var(--main-width));} 
.hero-box .hero-cover-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.hero-box .hero-cover-box .hero-cover{position: absolute;width: 50%;height: 100%;bottom: 0;top: 0;background-color: var(--blue-color);}
.hero-box .hero-cover-box .hero-cover.left{left: 0;}
.hero-box .hero-cover-box .hero-cover.a-rt{right: 0;}
.hero-cover.left,
.hero-cover.a-rt{transform: translateX(0);}
/* body.animate .hero-box .video{opacity: 0;visibility: hidden;} */
/* body.animate .hero-box aside h1{opacity: 0;transform: translateX(200px);}
body.animate .hero-box aside h1:last-of-type,
body.animate .hero-box aside p{opacity: 0;transform: translateX(-200px);} */


.login-section {width: 100%;height: 100dvh;background: var(--red-color);position: relative;display: flex;justify-content: center;align-items: center;}
.login-section .inner{max-width: calc(559 / var(--main-width));}
.login-section article {text-align: center;color: var(--magenta-color);width: 100%;}
.login-section article .logo {width: calc(559 / var(--main-width));height: calc(51 / var(--main-width));object-fit: contain;margin-bottom: calc(50 / var(--main-width));margin-bottom: calc(50 / var(--main-width));}
.login-section article .logo img {width: 100%;height: 100%;}
.login-section article .login-form {display: flex;flex-direction: column;gap: calc(25 / var(--main-width));}
.login-section article .login-form input, .login-section article .login-form input[type="text"] {background: transparent;border: none;border-bottom: 1px solid rgba(254, 163, 134, 0.7);padding: 0 0 calc(6 / var(--main-width));color: var(--magenta-color) !important;;font-style: italic;font-size: calc(22 / var(--main-width));line-height: 1.2;font-family: var(--adobe-caslon-pro-font) !important;font-weight: 400;outline: none;}
.login-section article .login-form input::placeholder {color: rgba(254, 163, 134, 0.7);}
.login-section article .login-form input, .login-section article .login-form input[type="text"]:focus {color:var(--magenta-color) !important;}
input::selection, input::selection input[type="text"],  input:hover::selection input[type="text"], input[type="text"]:hover,  input[type="text"]:focus{color:var(--magenta-color) !important;font-family: var(--adobe-caslon-pro-font) !important;}
input:-webkit-autofill {
    -webkit-text-fill-color: var(--magenta-color) !important; /* apna color */
    transition: background-color 5000s ease-in-out 0s;
    font-family: var(--adobe-caslon-pro-font) !important;
}
input:-webkit-autofill {
    -webkit-text-fill-color: var(--magenta-color) !important;
    font-family: var(--adobe-caslon-pro-font) !important;
}
/* .login-form .btn {margin-top: calc(5 / var(--main-width));} */
 
.two-column-box{padding: 0;}
/*.two-column-box .inner{max-width: 100%;} */
.two-column-box .column{display: grid;grid-template-columns: repeat(1, 1fr);align-items: center;height: 100%;} 
.two-column-box .column.info-box{position: absolute;top: 0;z-index: 2;background-color: var(--white-color);}
.two-column-box .column.info-box .info{position: relative;}
.two-column-box .column.info-box .info p a::before{background-color: var(--red-color);}
.two-column-box .column.info-box .info ul{padding-left: calc(24 / var(--main-width));}
.two-column-box .column.info-box .info :where(p,ul){margin-bottom: calc(15 / var(--main-width));}


.img-box {position: relative;}

.image {display: grid;grid-template-columns: 1fr;position: relative;overflow: hidden;}
.image figure{/*height: 654px;*/background-image: none !important; background-position: center top;transform: scale(1);object-fit: cover;object-position: center;}
.image figure img{display: block;object-fit: cover;transform: scale(1.4);}
.image.layer::after{width: 0;height: 100%;position: absolute;background-color: rgba(255,255,255,0.8);right: 0;top: 0;content: "";opacity: 1;transition:all .6s;z-index: 2;}
.image.layer.active::after{width: 0;}
.two-column-box.a-rt .image.layer::after{left: 0;right: auto;}

.image.layer .masking{width: 100%;height: 100%;position: absolute;background-color: var(--white-color);right: 0;top: 0;content: "";opacity: 1;z-index: 2;}
.image.layer .masking.left{clip-path: inset(0% 0% 0% 0% round 0);}
.image.layer .masking.bottom{clip-path: inset(0% 0% 0% 0% round 0);}


.two-column-box.left .column.info-box{left: 0;}
.two-column-box.left .column.img-box{justify-self: right;}
/* .two-column-box .column.img-box.left .image figure img{clip-path: inset(0% 100% 100% 0% round 0);} */

.two-column-box.a-rt .column.info-box{right: 0;}
.two-column-box.a-rt .column.img-box{justify-self: left;}
/* .two-column-box .column.img-box.right .image figure img{clip-path: inset(0% 0% 100% 100% round 0);} */


/* .two-column-box.right article{grid-template-areas: "right left";}
.two-column-box.right article .column:first-of-type {grid-area: left;}
.two-column-box.right article .column:last-of-type {grid-area: right;} */ 
 
.two-column-box.s1 .column.info-box{width: 58.681%/*58.75%calc(845 / var(--main-width))*/;padding-left:calc(78 / var(--main-width));}
.two-column-box.s1 .column.info-box .info{width: calc(528 / var(--main-width));}
.two-column-box.s1 .column.info-box .info p{text-indent: calc(130 / var(--main-width));}
.two-column-box.s1 .column.img-box{width: 41.319%/*calc(595 / var(--main-width))*/;}

.two-column-box.s2 .column.info-box{width: 58.54166666666667% /*calc(843 / var(--main-width))*/;padding-right:calc(192 / var(--main-width));z-index:2;}
.two-column-box.s2 .column.info-box .info{width: calc(651 / var(--main-width));z-index:2;}
.two-column-box.s2 .column.info-box .info p{padding-left:calc(248 / var(--main-width));text-indent: calc(179 / var(--main-width));}

.two-column-box.s2 .column.info-box .white{width: calc(100% + (167 / var(--main-width)))/*calc(167 / var(--main-width))*/;height: 53%/*calc(469 / var(--main-width))*/;position: absolute;right: 0;top: 0;background-color: var(--white-color);z-index:1;}
.two-column-box.s2 .column.img-box{width: 54.028%/*calc(778 / var(--main-width))*/;/*height:calc(907 / var(--main-width));*/}




.info{width: 100%;}
.info h2{width: 100%;height: auto;text-transform: initial;font-size: calc(35 / var(--main-width));line-height: 1;font-style: italic;margin-bottom: calc(50 / var(--main-width));}
.info h2 span{font-style: normal;font-size: calc(70 / var(--main-width));line-height: calc(59.06 / var(--main-width));text-transform: uppercase;transform: translateY(calc(13 / var(--main-width)));display: inline-block;/*padding-top: 11px;height: 52px;*/} 
.info .lineParent {overflow: hidden;height: calc(59.06 / var(--main-width));} 

.presentation-box{height: calc(480 / var(--main-width));background-color: var(--blue-color);}
.presentation-box article{padding:0/* calc(178 / var(--main-width)) 0 calc(78 / var(--main-width))*/;grid-template-columns: 38.542% 41.319%/*calc(477 / var(--main-width)) calc(417 / var(--main-width))*/;align-items: center;justify-content: space-between;height: 100%;}
.presentation-box .info :where(h2,p){color: var(--magenta-color);}  
.presentation-box .info p{font-size: calc(22 / var(--main-width));line-height: 1.3;letter-spacing: normal;margin-bottom: calc(35 / var(--main-width));}
.presentation-box .column:nth-of-type(1) .info{width:calc(555 / var(--main-width));padding-left:calc(78 / var(--main-width));}
.presentation-box .column:nth-of-type(2) .info{width:calc(417 / var(--main-width));/*padding-right:calc(178 / var(--main-width))*/;}

.carousel-section {width: 100%;overflow: hidden;position: relative;}
.carousel-section .carousel {width: 100%;position: relative;display: grid;grid-template-columns: 1fr;}
.carousel-section .carousel .carousel-track {width: 100%;height: 100dvh;max-height: calc(860 / var(--main-width));}
.carousel-section .carousel .carousel-track figure{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.slick-slider{display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: auto;min-height: 1px;margin: 0 0 0 0;padding:0;position:relative;opacity: 1 !important;}
.slick-slide:first-of-type{margin-left: 0 !important;}  
[dir='rtl'] .slick-slide{float: right;}
/* .slick-slide img{display: block;} */
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

 .btn-slick{width:calc(40 / var(--main-width));height:calc(40 / var(--main-width));z-index: 9;background-color: rgba(255,255,255,.3);border-radius: 50%; background-repeat:no-repeat;background-size:calc(24 / var(--main-width)) calc(24 / var(--main-width));background-position:center center;position:absolute;bottom:auto;top:50%;}
 .btn-slick.prev{background-image: url(../images/arrow-l.svg);right:0px;left:calc(50 / var(--main-width));}
 .btn-slick.next{background-image: url(../images/arrow-r.svg);right: calc(50 / var(--main-width));}
 

.slick-dots{position:absolute;height:auto;width:100%;bottom:20px;right:0;background-color:transparent;z-index:99;text-align:center;display: none!important;}
.slick-dots li{width:12px !important;height:12px !important;margin:10px;border-radius:100%;background-color:transparent;margin-bottom: 0 !important; text-indent: -999em;padding:0; float:none;display:none;text-align:center;border:1px solid #000000;display:inline-block;}
.slick-dots li.slick-active{background-color:#000000;}
 .slick-dots li a{cursor:pointer;font-family:Arial;font-size:12px;color:#fff;text-decoration:none !important;cursor:default;}

/* Arrows */  
.flex-direction-nav {width:100%;height: auto;position:absolute;left:0;top:0;list-style:none !important;z-index:1;}
.flex-direction-nav a {width:40px;height:40px;background:#fff ;position: absolute; cursor: pointer; text-indent: -9999px; opacity: 1;margin-top:249px;z-index:9;background-repeat:no-repeat;background-position:center center;background-size:100% auto;text-decoration:none;}
.flex-direction-nav a.flex-next{background-image: url(../images/next-slide-arrow.png);right:54px;}  
.flex-direction-nav a.flex-prev{background-image: url(../images/prev-slide-arrow.png);left:54px;}
.flexslider:hover a.flex-next, .flexslider:hover a.flex-prev {opacity: 1; }
.flexslider:hover a.flex-next:hover, .flexslider:hover a.flex-prev:hover {opacity: 1;}     
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default !important;/*display:none;*/ }
.flex-direction-nav a:before  { content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
.flex-control-paging {width:auto;list-style:none;position:absolute;left:0;bottom:14px;z-index:2;text-align:center;display:block;}
.flex-control-paging li{width:auto;display:inline-block;}
.flex-control-paging li a{width:10px;height:10px;border-radius:100%;float:left;margin-right:9px;text-align:center;text-decoration:none;font-size:0px;background-color:#ffffff;border:1px solid #272727;opacity:1;position:relative;text-decoration:none;}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active{width:10px;height:10px;background-color:#272727;border-radius:100%;opacity:1;}
main .img-info-box.dots-r .flex-control-paging {left:auto;right: 90px;}

/* Chrome, Edge, Safari */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important; /* background color */
     transition: background-color 5000s ease-in-out 0s; /* prevents flash */
      font-family: var(--adobe-caslon-pro-font) !important;
         color: var(--magenta-color) !important;
}

/* Firefox */
input:-moz-autofill {
    box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important;
     background:transparent;
     font-family: var(--adobe-caslon-pro-font);
      font-family: var(--adobe-caslon-pro-font) !important;
         color: var(--magenta-color) !important;
 }

 .logout{position:absolute;right:calc(78 / var(--main-width));top:calc(33 / var(--main-width));padding:0 calc(25 / var(--main-width)) 0 calc(25 / var(--main-width));}
.btn.logout::after{display:none;}


/*footer -------------------3----------------- */
footer {width: 100%;margin:0;padding:calc(105 / var(--main-width)) 0 calc(50 / var(--main-width)) 0;background-color:var(--blue-color);}
footer.red{background-color:var(--red-color);}
footer #footer{width: 100%;max-width: 1920px;margin: 0 auto;padding: 0 calc(78 / var(--main-width));position: relative;} 
footer .dev-by {width: 100%;font-size: calc(16 / var(--main-width));letter-spacing: 15%;line-height: calc(17 / var(--main-width));color: var(--magenta-color);font-weight:600;margin-bottom: calc(16 / var(--main-width));text-transform: uppercase;}
footer .footer-grid {display: grid;grid-template-columns: calc(267 / var(--main-width)) auto;gap: calc(155 / var(--main-width));justify-content: start;}

footer .brand .logo {width: 100%;/*margin-bottom: 20px;*/margin-top:calc(2 / var(--main-width));}
footer .client-info{display: grid;grid-auto-flow: column;gap: calc(142 / var(--main-width));justify-content: start;}
footer .client-info img{margin-bottom: calc(42 / var(--main-width));object-fit: contain;}
footer .client-info .cbre {width: calc(130 / var(--main-width));}
footer .client-info .savills {width: calc(122 / var(--main-width));margin-top:calc(-8 / var(--main-width));margin-bottom:calc(44 / var(--main-width));}
footer .client-info .contact {margin-bottom: calc(56 / var(--main-width));}
footer .footer-grid .contact .name {font-style: italic;font-size: calc(22 / var(--main-width));line-height: 1;font-family: var(--adobe-caslon-pro-font);font-weight: 400;}
footer .footer-grid .contact :where(p,p a){color:var(--magenta-color);}

footer .footer-bottom {display: flex;justify-content: space-between;align-items: center;margin-top: 64px;}
footer .footer-bottom .logo {width: calc(215 / var(--main-width));display: flex;}
footer .footer-bottom .logo img{width: 100%;}
footer .footer-bottom .brochure-btn {width: 178px;height: 43px;background: transparent;border: 1px solid #FEA386;color: #FEA386;padding: 0px 0px;border-radius: 50px;cursor: pointer;transition: 0.3s;display: inline-flex;align-items: center;gap: 4px;font-size: 16px;line-height: 20px;letter-spacing: 0;color:#FEA386;font-family:var(--brandon-grotesque-font);font-weight: normal;font-style: normal;text-align: center;justify-content: center;}
footer .footer-bottom .brochure-btn::after {content: "";width: 18px;height: 18px;background: url('../images/download-brochure-arrow.png') no-repeat center;background-size: contain;display: inline-block;transition: transform 0.3s ease;}
footer .footer-bottom .brochure-btn:hover::after {transform: translateX(3px);}

footer .legal {display: flex;justify-content: space-between;margin-top: calc(50 / var(--main-width));border-top: solid 1px var(--magenta-color);padding-top: calc(23 / var(--main-width));}
footer .legal :where(p,a){font-size: calc(16 / var(--main-width));line-height: 1.3;letter-spacing: normal;color:var(--magenta-color);}
footer .legal .links {display: flex;flex-wrap: wrap; gap: calc(50 / var(--main-width));}
footer .legal {display: flex;justify-content: space-between;margin-top: calc(50 / var(--main-width));border-top: solid 1px var(--magenta-color);padding-top: calc(23 / var(--main-width));}
footer .legal #menu-footer-termserv-menu{list-style-type:none;}
footer .legal :where(p,a,li){font-size: calc(16 / var(--main-width));line-height: 1.3;letter-spacing: normal;color:var(--magenta-color);}
footer .legal .links :where(p,a){font-size: calc(16 / var(--main-width));line-height: 1.3;letter-spacing: normal;color:var(--magenta-color);}
footer .legal .links, footer .legal #menu-footer-termserv-menu{display: flex;flex-wrap: wrap; gap: calc(50 / var(--main-width));}
/*Footer-end====*/
/* TERMS AND PRIVACY */
.terms {width: 100%;padding: calc(109 / var(--main-width)) 0px;}
.terms .inner {padding:  calc(109 / var(--main-width))  calc(80 / var(--main-width)) 0;}
.terms-content {width: 100%;max-width: calc(900 / var(--main-width));}
.terms-content h1 {font-size: calc(35 / var(--main-width));line-height: 1;margin-bottom: calc(50 / var(--main-width));
color: var(--red-color);font-weight: bold;}
.terms-content p {font-size: calc(20 / var(--main-width));line-height: calc(26 / var(--main-width));letter-spacing: -0.03%;margin-bottom: calc(15 / var(--main-width));
color: var(--red-color);}
.terms-content h2, .terms-content h3 {font-size: calc(20 / var(--main-width));margin: calc(30 / var(--main-width)) 0 calc(15 / var(--main-width));color: var(--red-color);font-weight: 600;}
.terms-content ul {font-size: calc(20 / var(--main-width));margin: calc(30 / var(--main-width)) 0 calc(15 / var(--main-width));color: var(--red-color);}
.terms-content ul li {font-size: calc(20 / var(--main-width));margin: calc(10 / var(--main-width)) 0 calc(10 / var(--main-width)) calc(25 / var(--main-width));
color: var(--red-color);}
.terms-content a {color: var(--red-color);text-decoration: underline;}

/* TERMS AND PRIVACY END */

@media only screen and (min-width:768px) and (max-width:1440px) {

:root{
   --main-width: 1440 * 100dvw;  
}
}
@media only screen and (min-width:0px) and (max-width:767px) {
   :root{
   --main-width: 375 * 100dvw;  
}
.web {display: none;}
.mobile {display: block;}
.webhide{display:none;}
.mobilehide{display: block;}

.hero-box {height: 100svh;max-height: calc(812 / var(--main-width));}
.hero-box :where(.image-maskig-animation,.slide-repeat, .animation-box) {height: 100svh;}
.hero-box .video video {height: 100svh;}	
	
.login-section {max-height: calc(812 / var(--main-width));height: 100svh;}

.login-section .inner {width: 100%;max-width: calc(335 / var(--main-width));padding: 0 calc(0 / var(--main-width));box-sizing: border-box;}
.login-section article .logo {width: calc(335 / var(--main-width));height: calc(29 / var(--main-width));margin-bottom: calc(50 / var(--main-width));}
.login-section article .login-form {gap: calc(20 / var(--main-width));}
.login-section article .login-form input {padding: 0 0 calc(9 / var(--main-width));line-height: 1.3;}
.login-section .btn {margin-top: calc(10 / var(--main-width));}

header {height: calc(103 / var(--main-width));}
header #header {height: calc(103 / var(--main-width));padding: 0 calc(25 / var(--main-width));}
header .logo {width: calc(214 / var(--main-width));left: calc(25 / var(--main-width));}
.two-column-box {grid-template-columns: 1fr;gap: 0px;}

.two-column-box .column.info-box .info ul{padding-left: calc(24 / var(--main-width));}
.two-column-box .column.info-box .info :where(p,ul){margin-bottom: calc(10 / var(--main-width));}

.two-column-box.s1 .column.info-box {position: relative;padding: calc(80 / var(--main-width)) calc(20 / var(--main-width)) calc(70 / var(--main-width)) calc(20 / var(--main-width));width: 100%/*calc(335 / var(--main-width))*/;padding-left: calc(20 / var(--main-width));}
.two-column-box.s1 .column.info-box .info {width: calc(335 / var(--main-width));}
.info h2 {width: 100%;font-size: calc(20 / var(--main-width));line-height: 1;letter-spacing: -0.02em;margin-bottom: calc(36 / var(--main-width));}
.info h2 span {font-size: calc(40 / var(--main-width));letter-spacing: -0.02em;line-height: calc(39.06 / var(--main-width));transform: translateY(calc(7 / var(--main-width)));}
.two-column-box.s1 .column.info-box .info p {text-indent: calc(72 / var(--main-width));}
p, li:not(nav ul li) {font-size: calc(16 / var(--main-width));line-height: calc(22 / var(--main-width));letter-spacing: -0.03%;}
 
.info .lineParent {overflow: hidden;height: calc(39.06 / var(--main-width))}

 .two-column-box .column {align-items: start;  height: auto;      }
.two-column-box.left .column.img-box {justify-self: start; width: 100%;margin-bottom: 0; }
/*.two-column-box.left .column.img-box figure {height: calc(428 / var(--main-width));}
.img-box figure img {height: 100%;width: 100%;}*/

.presentation-box {height: calc(414 / var(--main-width));align-items: center;}
 .presentation-box article {grid-template-columns: 100%;padding: 0 calc(20 / var(--main-width)); height: auto;row-gap: calc(15 / var(--main-width));box-sizing: border-box;}
	
.presentation-box .column:nth-of-type(1) .info{width:95%;padding-left:0;}
.presentation-box .column:nth-of-type(2) .info{width:93%;/*padding-right:calc(178 / var(--main-width))*/;}

	
.two-column-box.s2 .column.info-box {position: relative;width: 100%;padding: calc(80 / var(--main-width)) calc(20 / var(--main-width)) calc(70 / var(--main-width)) calc(20 / var(--main-width));box-sizing: border-box;}
.presentation-box .info p {font-size: calc(16 / var(--main-width));line-height: 1.3;margin-bottom: calc(35 / var(--main-width));}
.two-column-box.s2 .column.img-box {width: 100%;height:auto;}
.two-column-box.s2 .column.img-box img{width: 100%;}
.two-column-box.s2 .column.info-box .info {width: 100%;}
.two-column-box.s2 .column.info-box .info p {padding-left: 0;text-indent: calc(70 / var(--main-width));}
/*.img-box figure {height: calc(428 / var(--main-width));}*/
.btn-slick{width:40px;height:40px;}
 .btn-slick.prev{left:calc(20 / var(--main-width));}
 .btn-slick.next{right: calc(20 / var(--main-width));}
 
.carousel-section .carousel .carousel-track {width: 100%;height: 100svh;max-height: calc(812 / var(--main-width));}
.two-column-box.s2 .column.info-box .white {width: calc(187 / var(--main-width));height: calc(78 / var(--main-width));left: auto;top: calc(-77 / var(--main-width));background-color: var(--white-color);right: calc(0 / var(--main-width));}

/* TERMS AND PRIVACY */
.terms {width: 100%;padding: calc(103 / var(--main-width)) 0px calc(55 / var(--main-width));}
.terms .inner {padding: calc(60 / var(--main-width)) calc(20 / var(--main-width)) 0;}
.terms-content h1 {font-size: calc(30 / var(--main-width));line-height: 1;margin-bottom: calc(40 / var(--main-width));
color: var(--red-color);font-weight: bold;}
.terms-content p {font-size: calc(16 / var(--main-width));line-height: 1.3;letter-spacing: -0.03%;margin-bottom: calc(15 / var(--main-width));
color: var(--red-color);}
.terms-content h2, .terms-content h3 {font-size: calc(16 / var(--main-width));line-height: 1.3;margin: calc(25 / var(--main-width)) 0 calc(15 / var(--main-width));color: var(--red-color);font-weight: 600;}
.terms-content ul {margin: calc(30 / var(--main-width)) 0 calc(15 / var(--main-width)) calc(18 / var(--main-width));color: var(--red-color);}
.terms-content ul li {font-size: calc(16 / var(--main-width));margin: calc(10 / var(--main-width)) 0 calc(10 / var(--main-width));
color: var(--red-color);}
.terms-content a {color: var(--red-color);text-decoration: underline;}

/* TERMS AND PRIVACY END */
 .logout{padding:calc(8 / var(--main-width))  calc(20 / var(--main-width));height:calc(38 / var(--main-width));;position:absolute;right:calc(20 / var(--main-width));top:calc(33 / var(--main-width));font-size: calc(12 / var(--main-width));line-height:1;}

 .btn.logout::after{display:none;}


footer {padding: calc(80 / var(--main-width)) 0 calc(30 / var(--main-width)) 0;}
footer #footer {padding: 0 calc(20 / var(--main-width));}
footer .dev-by {font-size: calc(14 / var(--main-width));letter-spacing: 0.15px;line-height: calc(17 / var(--main-width));margin-bottom: calc(13 / var(--main-width));}
footer .footer-grid {grid-template-columns: 1fr;gap:  calc(0 / var(--main-width)); }
footer .brand .logo {width: 100%;max-width: calc(188 / var(--main-width));margin-bottom: calc(60 / var(--main-width));}
 footer .client-info {grid-auto-flow: row;gap: calc(33 / var(--main-width)); }
footer .client-info .cbre {width: calc(102 / var(--main-width));}
footer .client-info img {margin-bottom: calc(20.45 / var(--main-width));}
footer .client-info .contact {margin-bottom: 0;}
footer .footer-grid .contact .name {font-size: calc(16 / var(--main-width));line-height: 1.3;}
footer .footer-grid .contact :where(p,p a) {font-size: calc(16 / var(--main-width));line-height: 1.3;letter-spacing: normal;}
footer .client-info .savills {width: calc(96.49 / var(--main-width));}
footer .footer-bottom {margin-top: calc(80.5 / var(--main-width));}
footer .footer-bottom .logo {width: calc(214 / var(--main-width));}
footer .legal { flex-direction: column;align-items: flex-start;margin-top: calc(30.28 / var(--main-width));padding-top: calc(20 / var(--main-width));}
footer .legal :where(p,a) {font-size: calc(14 / var(--main-width));line-height: 1.3;}
footer .legal .links :where(p,a) {font-size: calc(14 / var(--main-width));line-height: 1.3;}
footer .legal .links{margin-top:0;}
footer .legal .links, footer .legal #menu-footer-termserv-menu {flex-direction: column;gap: calc(10 / var(--main-width));margin-top: calc(30 / var(--main-width));}
 }