* {margin: 0px;padding: 0px;}

:root{
	--color-01:#ffffff;
	--color-02:#090F18;
	--color-03:#1b1b1b;
	--color-04:#D0D2D3;
	--color-05:#EAEAEA;
	--color-06:#FF5F06;
	--color-07:#10254D;
	--color-08:#000000;
	--color-09:#05ee6b;
	--color-10:#0f3620;
}

::-ms-input-placeholder {color:var(--color-01);}
::placeholder {color: var(--color-01);}
 
body {color: var(--color-02);font-family: "Inter", sans-serif;font-size: 16px;font-weight: 400;}
h1, h2, h3, h4, h5, h6 {color: var(--color-07);font-weight: 500;}
p {line-height: 1.4;}
strong{font-weight: 700;}

.overflow-hidden{overflow:hidden;}

h1  span.spo,
h2  span.spo,
h3  span.spo,
h4  span.spo,
h5  span.spo
p  span.spo{position:relative;overflow: hidden;display: block;}

h1  span.spo  span.spib,
h2  span.spo  span.spib,
h3  span.spo  span.spib,
h4  span.spo  span.spib,
h5  span.spo  span.spib{display: block;overflow: hidden;}

.font-inter{font-family: "Inter", sans-serif;}

.color-01{color:var(--color-01);}
.color-02{color:var(--color-02);}
.color-03{color:var(--color-03);}
.color-04{color:var(--color-04);}
.color-05{color:var(--color-05);}
.color-06{color:var(--color-06);}
.color-07{color:var(--color-07);}
.color-08{color:var(--color-08);}
.color-09{color:var(--color-09);}
.color-10{color:var(--color-10);}

.bg-01{background:var(--color-01);}
.bg-02{background:var(--color-02);}
.bg-03{background:var(--color-03);}
.bg-04{background:var(--color-04);}
.bg-05{background:var(--color-05);}
.bg-06{background:var(--color-06);}
.bg-07{background:var(--color-07);}
.bg-08{background:var(--color-08);}
.bg-09{background:var(--color-09);}
.bg-10{background:var(--color-10);}

.highlight{position:relative;display: inline-block;line-height: 1;}
.highlight .hlines{content:"";position:absolute;top:90%;left:0;width:0%;height: 50px;background: url("../img/highlight-06.svg") no-repeat center center;background-size: cover;z-index: 999;}

.highlight.color-01 .hlines{filter:invert(2);}
.highlight.color-02 .hlines{filter: grayscale(100) brightness(0);}
.highlight.color-03{color:var(--color-03);}
.highlight.color-04{color:var(--color-04);}
.highlight.color-05{color:var(--color-05);}
.highlight.color-06{color:var(--color-06);}
.highlight.color-07{color:var(--color-07);}
.highlight.color-08{}
.highlight.color-08 .hlines{/* filter: hue-rotate(60deg) brightness(0.5); */}
.highlight.color-09{color:var(--color-09);}
.highlight.color-10{color:var(--color-10);}
 
.sc_61 > div {background: linear-gradient(to left, var(--color-06) 50%, var(--color-01) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;z-index: 9;}


.sc_12 > div {background: linear-gradient(to left, var(--color-01) 50%, var(--color-02) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;z-index: 9;}


.sc_17 > div {background: linear-gradient(to left, var(--color-01) 50%, var(--color-07) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;z-index: 9;}


.sc_71 > div {background: linear-gradient(to left, var(--color-07) 50%, var(--color-01) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;z-index: 9;}


.sc_47 > div {background: linear-gradient(to left, var(--color-04) 50%, var(--color-07) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;z-index: 9;}


.bdr-top{border-top: 1px solid #000000;}
.bdr-btm{border-bottom: 1px solid #000000;display: block;margin-bottom: 20px;}

.stroke-text-white {}
.stroke-text-white .fill {color: #ffffff;}
.stroke-text-white .sto-box{ ;position:relative;}
.stroke-text-white .sto-box .stroke {color: transparent; -webkit-text-stroke: 2px #ffffff; /* Stroke color and width for 'World' */text-stroke: 2px #ffffff; /* Support for modern browsers */}


.stroke-text-blue {}
.stroke-text-blue .fill {color:var(--color-07);}
.stroke-text-blue .sto-box{ ;position:relative;}
.stroke-text-blue .sto-box .stroke {color: transparent; -webkit-text-stroke: 2px var(--color-07); /* Stroke color and width for 'World' */text-stroke: 2px var(--color-07); /* Support for modern browsers */}


.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}
.z-index-4{z-index: 4;}
.z-index-5{z-index: 5;}
.z-index-6{z-index: 6;}
.z-index-7{z-index: 7;}
.z-index-8{z-index: 8;}
.z-index-9{z-index: 9;}
.z-index-10{z-index: 10;}
.z-index-99{z-index: 99;}
.z-index-999{z-index: 999;}
.z-index-9999{z-index: 9999;}

.loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url("../img/logo-centrix.svg") var(--color-02) no-repeat center center;background-size:200px;z-index: 99999;display: flex;}

#clickAnimation_wrp{position: fixed;top:0;left: 0;z-index: -1;width:100%;height:100%;opacity: 0;background: url("../img/logo-centrix.svg") var(--color-02) no-repeat center center;background-size:200px;display: flex;}
#clickAnimation_wrp.current {z-index:999;opacity:1;} 

#scrollsmoother-container{overflow-y:hidden;}
#scroll-container{margin-left: -1px;}
.ScrollSmoother-wrapper{z-index:9;}  
.overlays,
.overlays_02,
.overlays_03{position:absolute;top:0;right:0;width:100%;height:100%;}
.overlay_02{content: "";position:absolute;top:0;right:0;width:100%;height:100%;background:#ffffff;z-index: 10;}
/*.overlay_03{content: "";position:absolute;top:-2px;left:0;width:100%;height:100%;background:#ffffff;z-index: 9;}*/
.overlay_04{content: "";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff;z-index: 5;}

.cursor {position: fixed;width: 30px;height: 30px;border-radius: 100px;border: 2px solid #000000;transform: translate(-50%, -50%);transition: 0.3s;pointer-events: none;z-index: 99999;}
.cursor2 {position: fixed;width: 6px;height: 6px;border-radius: 100px;background-color: #000000;transform: translate(-50%, -50%);transition: 0.1s;pointer-events: none;z-index: 999999;}

.grow,
.grow-small {transform: translate(-50%, -50%) scale(2);background: white;mix-blend-mode: difference;border: none;}
.grow-small {transform: scale(2);}

.cursor.btn_big{text-align: center;display: flex;align-items: center;width: 8rem;height: 8rem;line-height: 1;transform: translate(-50%, -50%);box-shadow: 0px 0px 20px rgba(0,0,0,.2);justify-content: center;}
.cursor.btn_big span {visibility: visible;transform: scale(1);}

.cursor.btn_big.lg_seemore{background:#ffffff;border-color:#ffffff;}
.cursor.btn_big.lg_seemore span:after{content:"SEE MORE";}

.cursor.btn_big.lg_btnwork{background:#ec268f;border-color:#ec268f;}
.cursor.btn_big.lg_btnwork span:after{content:"SEE WORK";color:#ffffff;}

.cursor.btn_big.lg_video{background:var(--color-06);border-color:var(--color-06);}
.cursor.btn_big.lg_video span:after{content:"";position:absolute;top:50%;left:50%;margin:0px 0px 0px 10px;width:auto;height:auto;border:15px solid transparent;border-left:25px solid #ffffff;transform:translate(-50%,-50%);}

.cursor.btn_big.lg_industry{background:url("../img/link-right.png") no-repeat center center;background-size:cover;border-color:transparent;box-shadow: none;mix-blend-mode: exclusion;filter: invert(1);}

.cursor.btn_big.link_h_circle{background:#000000;border-color:transparent;opacity:1;width:54px;height:54px;}

.cursor.btn_big.lg_portfolio{font-family: 'aleniaregular' !important;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;width: auto;height: auto;border:none;box-shadow:none;border-radius: 0px;}
.cursor.btn_big.lg_portfolio span{padding: 10px 15px;background:var(--color-06);transform: rotate(14deg);}
.cursor.btn_big.lg_portfolio span:after{content:"see portfolio";color:var(--color-01);}

.cursor.btn_big.btn_next{font-family: 'aleniaregular' !important;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;width: auto;height: auto;border:none;box-shadow:none;border-radius: 0px;}
.cursor.btn_big.btn_next span{padding: 10px 15px;background:var(--color-06);transform: rotate(14deg);}
.cursor.btn_big.btn_next span:after{content:"NEXT";color:var(--color-01);}

.cursor.btn_big.btn_explore{font-family: 'aleniaregular' !important;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;width: auto;height: auto;border:none;box-shadow:none;border-radius: 0px;}
.cursor.btn_big.btn_explore span{padding: 10px 15px;background:var(--color-06);transform: rotate(14deg);}
.cursor.btn_big.btn_explore span:after{content:"Explore";color:var(--color-01);}

.cursor.btn_big.btn_hold{font-family: 'aleniaregular' !important;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;width: auto;height: auto;border:none;box-shadow:none;border-radius: 0px;}
.cursor.btn_big.btn_hold span{/*padding: 10px 15px;background:var(--color-06);*/}
.cursor.btn_big.btn_hold span:after{content:"HOLD TO enter the portal";color:var(--color-01);position:relative;top:40px;}
.cursor.btn_big.btn_hold span:before{content:"";position:absolute;top:50%;left:50%;width: 30px;height: 30px;border-radius: 100px;border: 2px solid #ffffff;transform: translate(-50%, -50%);}

.cursor2.btn_hold{background-color: #ffffff}

#html5-watermark {display: none !important;}
  
header {text-align: center;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 999;margin: auto;transition: all 300ms ease-in-out;}
header .container{padding: 0px 20px 0px 15px;border-radius: 5px;box-shadow: 0px 0px 10px rgba(0,0,0,0);} 


.logo-centrix{position:fixed;top:50px;left:50px;z-index:999999;width: 100px;}

.button_container {cursor: pointer;height: 70px;width: 70px;background: rgb(255 255 255 / 5%) /*var(--color-02)*/;position: fixed;top:50px;right: 50px;z-index: 999999;transition: opacity 0.25s ease;}
.button_container:hover {opacity: 0.7;}
.button_container.active .top {transform: translateY(11px) translateX(0) rotate(45deg);top: 23px;margin-left: 20px;}
.button_container.active .middle {opacity: 0;left:50px;}
.button_container.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);top: 45px;margin-left: 20px;}
.button_container span {background: var(--color-06);border: none;height: 3px;width: 30px;position: absolute;top: 0;left: 0;right:0;margin:auto;transition: all 0.35s ease;cursor: pointer;}
.button_container span:nth-of-type(1) {top: 26px;margin-left: 15px;}
.button_container span:nth-of-type(2) {top: 50%;width: 40px;}
.button_container span:nth-of-type(3) {top: 44px;margin-left: 15px;}

.menu-container .overlay {position: fixed;background: var(--color-02);top: 0;left: -100%;/* max-width: 1080px; */width: 100%;height: 100%;/* opacity: 0; */visibility: hidden;overflow:hidden;display: flex;align-items: center;padding: 100px 100px 100px 100px;z-index: 9999;transition: all 500ms ease-in-out;/*! transition: opacity 0.5s, visibility 0.5s, width 0.5s; */}
.menu-container .overlay:after{content:"";position: absolute;background: url("../img/menu-box-pattern.png") no-repeat center right;top: 0%;left: 0%;width: 100%;height: 100%;z-index: -1;transition: all 500ms ease-in-out;}

.menu-container .overlay h4{color: #e53840;margin-bottom: 15px;}
.menu-container .overlay h4 a{color: #e53840;font-weight: 600;padding: 0px;}

.menu-container .overlay.open {/* opacity: 1; */left: 0px;visibility: visible;/* width: 100%; */transition: all 500ms ease-in-out;}
.menu-container .overlay.open li {animation: fadeInRight 0.5s ease forwards;animation-delay: 0.35s;}
.menu-container .overlay.open li:nth-of-type(2) {animation-delay: 0.4s;}
.menu-container .overlay.open li:nth-of-type(3) {animation-delay: 0.45s;}
.menu-container .overlay.open li:nth-of-type(4) {animation-delay: 0.5s;}
.menu-container .overlay.open li:nth-of-type(5) {animation-delay: 0.55s;}
.menu-container .overlay.open li:nth-of-type(6) {animation-delay: 0.6s;}
.menu-container .overlay.open li:nth-of-type(7) {animation-delay: 0.65s;}
.menu-container .overlay.open li:nth-of-type(8) {animation-delay: 0.7s;}

.menu-container .overlay nav {overflow: hidden;}
.menu-container .overlay .overlay-menu ul {width: 100%;list-style: none;padding: 0;margin: 0px auto 0px auto;display: inline-block;position: relative;}
.menu-container .overlay .overlay-menu ul li {display: block;position: relative;opacity: 0;padding: 0px;}
.menu-container .overlay .overlay-menu ul li a {color: var(--color-01);font-family: 'aleniaregular' !important;font-size: 64px;font-weight: 100;letter-spacing: 1px;line-height: 1;text-align: left;text-transform: uppercase;display: inline-block;position: relative;text-decoration: none;overflow: hidden;perspective: 500px;padding: 15px 0px 15px 0px;transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li a span{position:relative;z-index:9;}
.menu-container .overlay .overlay-menu ul li a:after {content: "";position: absolute;bottom: 51%;left: 0%;width: 0%;height: 2px;background: var(--color-06);z-index: 1;transition: 0.35s;}

.menu-container .overlay .overlay-menu ul li a:hover:after,
.menu-container .overlay .overlay-menu ul li a:focus:after,
.menu-container .overlay .overlay-menu ul li a:active:after {width: 100%;}

.menu-container .overlay .overlay-menu ul li a:hover{color: var(--color-06);padding: 15px 20px 15px 20px;transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li.active a{color:#ffffff;transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li.active a:after {top: 22%;width: 100%;height: 100%;background: #0c0c0c;}

@keyframes fadeInRight {
	  0% {opacity: 0;right: 20%;}
	100% {opacity: 1;right: 0;}
}


/*
.menu-container .overlay.open {opacity: 1;left: 0;visibility: visible;width: 100%;transition: all 500ms ease-in-out;}
.menu-container .overlay.open li {animation: fadeInRight 0.5s ease forwards;animation-delay: 0.35s;}
.menu-container .overlay.open li:nth-of-type(2) {animation-delay: 0.4s;}
.menu-container .overlay.open li:nth-of-type(3) {animation-delay: 0.45s;}
.menu-container .overlay.open li:nth-of-type(4) {animation-delay: 0.5s;}
.menu-container .overlay.open li:nth-of-type(5) {animation-delay: 0.55s;}

.menu-container .overlay nav {font-size: 50px;font-weight: 400;text-align: center;margin-left: 9%;margin-top: 5%;margin-bottom: 5%;overflow: hidden;}
.menu-container .overlay .overlay-menu ul {width: 100%;list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative;}
.menu-container .overlay .overlay-menu ul li {display: block;position: relative;opacity: 0;padding: 20px 25px;}
.menu-container .overlay .overlay-menu ul li a {color: #585858;font-size: calc(30px + 3vh);text-align: left;text-transform: uppercase;display: block;position: relative;min-height: calc(26px + 3vh);line-height: 1;text-decoration: none;overflow: hidden;perspective: 500px;width: 130%;transition: all 100ms ease-in-out;}

.menu-container .overlay .overlay-menu ul li a:after {content: "";position: absolute;top: 50%;left: 0%;width: 0%;height: 3px;background: #e53840;z-index: 1;transition: 0.35s;}

.menu-container .overlay .overlay-menu ul li a:hover:after,
.menu-container .overlay .overlay-menu ul li a:focus:after,
.menu-container .overlay .overlay-menu ul li a:active:after {width: 130%;}

.menu-container .overlay .overlay-menu ul li a:hover{color: #e53840;transition: all 100ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li.active a{color:#ffffff;transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li.active a:after {top: 22%;width: 100%;height: 100%;background: #0c0c0c;}

@keyframes fadeInRight {
	  0% {opacity: 0;right: 20%;}
	100% {opacity: 1;right: 0;}
}
*/


span.txt-up{background: #000;position: absolute;top: 0px;left: 0;padding-right: 10px;/* margin: auto; */transform-style: preserve-3d;transform: rotateX(0deg);z-index: 4;transition: all 300ms ease-in-out;}
span.txt-down{background: #000;position: absolute;top: 50px;left: 0;padding-right: 10px;/* margin: auto; */transform-style: preserve-3d;transform: rotateX(-85deg);z-index: 5;transition: all 300ms ease-in-out;}

.menu-container .overlay .overlay-menu ul li a:hover span.txt-up{top:-50px;transform: rotateX(90deg);transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li a:hover span.txt-down{top: 0px;transform: rotateX(0deg);transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li span.no {color: #585858;font-family: 'roboto';font-size: 14px;font-weight: 700;position: absolute;top: 29px;left: 0;z-index: 9;}
.menu-container .overlay .overlay-menu ul li.active span.no,
.menu-container .overlay .overlay-menu ul li a:hover span.no{color:#ffffff;transition: all 300ms ease-in-out;}

.menu-container .menu-address{display: inline-block;text-align:right;margin-right: 10%;opacity: 0;transition:all 500ms ease-in-out;}
.menu-container .menu-address h2 {color: #585858;font-size: calc(30px + 3vh);text-align: revert;text-transform: uppercase;display: block;position: relative;min-height: calc(26px + 3vh);line-height: 1;transition: all 100ms ease-in-out;}
.menu-container .menu-address ul.social_media_footer{margin-top:0px;}

.menu-container .menu-address ul.connect-links{margin:20px 0px 40px 0px;padding:0px;list-style-type:none;}
.menu-container .menu-address ul.connect-links li{}
.menu-container .menu-address ul.connect-links li a{color:#cccccc;font-family:'roboto';}

.menu-container .overlay .overlay-menu ul li:hover span.no{color: #e53840;transition:500ms ease-in-out;}
.menu-container .overlay.open .menu-address {animation: fadeInRight 1s ease forwards;animation-delay: 1.2s;}

.menu-container .overlay .thoughts-quotes {opacity:0;}
.menu-container .overlay.open .thoughts-quotes {animation: fadeInRight 1s ease forwards;animation-delay: 1s;}

ul.menu-quick_links{color: var(--color-06);margin: 40px 0px 0px 20px;padding: 0px;display: flex;column-gap: 30px;}
ul.menu-quick_links li{}
ul.menu-quick_links li a{color: var(--color-06);font-family: 'aleniaregular' !important;}
ul.menu-quick_links li a span{}

section.design-sec-why{padding: 120px 0px;text-align: center;border-bottom: 1px solid var(--color-06);position: relative;z-index: 9;}
section.design-sec-why .why-list{margin: 40px 0px 0px 0px;padding: 0px;list-style-type: none;gap: 14px;display: flex;justify-content: center;position:relative;flex-wrap: wrap;}
section.design-sec-why .why-list li{display: inline-flex;position:relative;overflow:hidden;}
section.design-sec-why .why-list li a{display: inline-block;color: var(--color-01);font-family: 'aleniaregular' !important;line-height: 1;letter-spacing: 1px;padding: 16px 35px 15px 25px;background: var(--color-06);overflow: hidden;position: relative;transition: all 500ms ease-in-out;}

section.design-sec-why .why-list li a span{position: relative;z-index: 9;}
section.design-sec-why .why-list li a:before{content:"";position:absolute;top: 18px;right: 16px;width: 7px;height: 7px;background: var(--color-01);border-radius: 100px;z-index: 9;}
section.design-sec-why .why-list li a:after{content:"";position:absolute;top: -78px;right: -80px;width: 200px;height: 200px;background: var(--color-02);border-radius: 100px;transform: scale(0.03);z-index: 1;transition: all 500ms ease-in-out;}
section.design-sec-why .why-list li a:hover:after, section.design-sec-why .why-list li a.active:after{top: -70px;right: -30px;transform: scale(1.5);transition: all 500ms ease-in-out;}




#0-qrYq3sJ7ix{}
footer .mui-style-7ws1o5 .MuiContainer-root.MuiContainer-maxWidthMd.mui-style-nq1heb {margin: 0px;padding: 0px;}
footer .mui-style-7ws1o5 form.MuiBox-root.mui-style-1v3caum{padding:0px;margin:0px;display: flex;align-items: center;flex-direction: row;justify-content: flex-start;}
footer .mui-style-7ws1o5 .mui-style-sgiee0{padding:0px;width:70%;position: relative;}
footer .mui-style-7ws1o5 .mui-style-kmro0e .MuiInputBase-root {font-size: 14px;width: 100%;height: 40px;padding: 12px 20px 10px 110px;background: transparent;border: 1px solid #ffffff;border-radius: 0px;}

footer .mui-style-7ws1o5 button{width:100%;max-width: 150px;height: 40px;margin: 0px;}

footer .mui-style-7ws1o5 .mui-style-cjft3w{margin: 0px;position:absolute;top: 10px;left: 5%;}
footer .mui-style-7ws1o5 .mui-style-cjft3w span{font-size: 13px !important;font-weight: 400 !important;line-height: normal;}
footer .mui-style-14rtk11 {background: transparent !important;}
footer ul.MuiList-root.MuiList-padding.mui-style-866d6n {font-size: 10px;text-transform: uppercase;position: absolute;bottom: 0px;right: 0px;background: #fff;padding: 2px 4px;}
footer .MuiBox-root.mui-style-14rtk11 {height:0px;margin-bottom:20px;}

/***********************/
/*       Footer        */
/***********************/
.Topscroll{position:absolute;top:0;left:50%;width:40px;height:40px;color:#fff;font-size:20px;line-height:2;background:#f4792a;text-align:center;display:block;box-shadow:0 0 10px rgba(0,0,0,.5)}
.Topscroll:hover{color:#fff}

.home-sec-mumbai{width: 100vw;height: 680px;display: block;}

footer{position: relative;/* top: -3px; */z-index:99;background: var(--color-02);overflow:hidden;}
footer nav {}
footer form{display: flex;justify-content: space-between;margin-bottom: 30px;max-width: 550px;}
footer form label{width: 100%;margin-bottom: 0px;padding-right: 15px;}
footer form label input{font-size: 14px;width: 100%;height: 40px;padding: 20px;background: transparent;border: 1px solid #ffffff;}
footer form a.btn.btn-subscribe-now {color: var(--color-01);text-transform: uppercase;line-height: 1;padding: 10px 30px 0px 30px;background: var(--color-06);border-radius: 0px;transition:all 500ms ease-in-out;}
footer form a.btn.btn-subscribe-now:hover{color:var(--color-06);background:var(--color-01);transition:all 500ms ease-in-out;}
 
footer .top-footer{padding: 50px 0px 30px 0px;position: relative;} 

footer .sub-footer .container-fluid{} 
footer .sub-footer p{color:#666565;font-size:12px;margin:5px 0 0 0}
footer .sub-footer,
footer .sub-footer li,
footer .sub-footer a{font-size: 12px;font-weight: 300;position: relative;z-index: 9;}
footer .sub-footer{padding: 10px 0px 10px 0px;font-size: 14px;border-top: 1px solid var(--color-08);background: var(--color-08);}
footer .sub-footer .logo{max-width: 220px;margin-top: 50px;}

ul.privacy_list{color: var(--color-01);display:inline-flex;padding:0;list-style:none;margin: auto;}
ul.privacy_list li{padding: 0px 10px;}

ul.fmenu-links{display: flex;padding: 0px;list-style-type: none;position: absolute;left: 22%;bottom: 6px;z-index: 9;flex-direction: column-reverse;align-items: flex-start;}
ul.fmenu-links li{position: relative;padding-right: 15px;}
ul.fmenu-links li a{color: var(--color-01);font-size: 13px;text-align: left;text-transform: uppercase;padding: 4px 15px;border-radius: 100px;min-width: 120px;}
ul.fmenu-links li a:hover{color:var(--color-06);transition:all 500ms ease-in-out;} 
 
.centrix_tv{}
.centrix_tv h2{font-size: 130px;/* font-size: calc(20px + 6vh + 3vw); */line-height: 1;display: contents;}
.centrix_tv h2 svg{display: flex;line-height: 1;width: 100%;height: 130px;}
.centrix_tv h2 svg text{position: absolute;transform: translateY(75%);}

.footer-content {position: relative;z-index: 9;} 
.footer-content p{color: var(--color-01);font-size:16px;}

.link-email_tel{font-size: 24px;}
.link-email_tel span{}

.footer-content.box_ql{float: right;max-width: 85%;}

.quick-wrp{display: inline-flex;width: auto;height: 100%;flex-direction: column;justify-content: space-between;padding: 30px 0px;}
.quick-wrp > div{display:inline-block;text-align:left;}
.quick-wrp h4{color: var(--color-01);font-size:16px;}

footer a{color:var(--color-01);}
footer a:hover{color:var(--color-06);text-decoration:none;}

/***********************/
/*       Footer        */
/***********************/

/***********************/
/*     Social Media    */
/***********************/

ul.social_media_footer {margin: 10px 0px 5px 0px;padding: 0px;list-style-type: none;display: flex;width: 100%;}
ul.social_media_footer>li {display: block;padding-right: 10px;}
ul.footerLinks li.active > a {font-weight: 700;color: #333;transition: all 500ms ease-in-out;}
ul.social_media_footer>li {transition: all 500ms ease-in-out;}
ul.social_media_footer>li>a {font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 0px;display: flex;align-items: center;padding: 8px;/* border: 1px solid var(--color-08); */border-radius: 100px;width: 40px;height: 40px;transition: all 500ms ease-in-out;}
ul.social_media_footer>li>a img{}
ul.social_media_footer > li > a .menu-text{display:none;}
ul.social_media_footer > li > a .menu-icon{filter: invert(0) brightness(100);transition: all 500ms ease-in-out;}
ul.social_media_footer > li > a .menu-icon img{}
ul.social_media_footer li a:hover{color:#000000;transition: all 500ms ease-in-out;}
ul.social_media_footer li a:hover  .menu-icon{filter: invert(1) brightness(100);transition: all 500ms ease-in-out;}

a.fb:hover {color: #fff;background: #3b5998 !important;transition: all 500ms ease-in-out;}
a.tw:hover {color: #fff;background: #38A1F3 !important;transition: all 500ms ease-in-out;}
a.dr:hover {color: #fff;background: #eb4b89 !important;transition: all 500ms ease-in-out;}
a.in:hover {color: #fff;background: #0077B5 !important;transition: all 500ms ease-in-out;}
a.insta:hover {color: #fff;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);transition: all 500ms ease-in-out;}
a.vi:hover {color: #fff;background: #00adef !important;transition: all 500ms ease-in-out;}
a.yt:hover {color: #fff;background: #d82423 !important;transition: all 500ms ease-in-out;}

/***********************/
/*     Social Media    */
/***********************/

/***********************/
/*      B&F Credits    */
/***********************/

.flip-container2{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d}.flip-container2:hover .back2,.flip-container2.hover .back2{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.flip-container2:hover .front2,.flip-container2.hover .front2{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-container2,.front2,.back2{position:relative;top: 7px;}.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;top: -7px;width: 40px;height: 30px;}.text-muted{color:#fff}.front2,.back2{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-moz-transition:0.6s;-moz-transform-style:preserve-3d;-o-transition:0.6s;-o-transform-style:preserve-3d;-ms-transition:0.6s;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:absolute;top:0;right:0}.front2{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);;z-index:2}.back2{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.txt-flipper{}

/***********************/
/*      B&F Credits    */
/***********************/


 
h2.font-svg{line-height: 1;margin-bottom: 30px;}
h2.font-svg svg{width:100%;height: 64px;}
h2.font-svg span.svg-block{position:relative;overflow:hidden;display: block;}

h1.font-64 svg{height: 60px;}
h1.font-72 svg{height: 70PX;}
h1.font-90 svg{height: 90PX;}

h1.active svg.text-line {width: 100%;opacity: 0;}
h1.active svg.text-line {opacity: 1;}
h1.active svg.text-line text 
{
	opacity: 1;
	stroke-dasharray : 1000;
	stroke-dashoffset: 1000;
	animation: dash 4s linear forwards;
	transition: all 500ms ease-in-out;
}


@keyframes dash {
  to 
	{
		stroke-dashoffset: 0;
	}
}

 
.big-heading-01{font-size: calc(72px + 25vh);line-height: 1;letter-spacing:2vh;}
.big-heading-02{font-size: calc(64px + 14vh);line-height: 1;}

.font-110{font-size: 110px;}
.font-90{font-size: 90px;}
.font-72{font-size: 72px;}

.font-64{font-size: 64px;}
.font-54{font-size: 54px;}
.font-48{font-size: 48px;}
.font-36{font-size: 36px;}
.font-30{font-size: 30px;}
.font-24{font-size: 24px;}
.font-21{font-size: 21px;}
.font-18{font-size: 18px;}
.font-16{font-size: 16px;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width :900px) {
	
	body{font-size:15px !important;}
	
	.logo-centrix{top:15px;left:15px;}

	.button_container{top:15px;right:15px;background: transparent;}
	


	.font-110{font-size: 110px;}
	.font-90{font-size: 40px;}
	.font-72{font-size: 36px;}
	.font-64{font-size: 30px;}
	.font-54{font-size: 24px;}
	.font-48{font-size: 21px;}
	.font-36{font-size: 36px;}
	.font-30{font-size: 20px;}
	.font-24{font-size: 24px;}
	.font-21{font-size: 21px;}
	.font-18{font-size: 18px;}
	.font-16{font-size: 16px;}
	
	.stroke-text-white .sto-box .stroke,
	.stroke-text-blue .sto-box .stroke{letter-spacing:2px;}
	
	.menu-container .overlay{padding: 130px 20px 30px 30px;}
	.menu-container .overlay .overlay-menu ul li a{font-size:36px;}
	
	section.design-sec-why{padding: 50px 10px 50px 10px;}
	section.design-sec-why h2 {font-size:36px;}
	section.design-sec-why p{font-size: 15px;margin-bottom: 0px !important;}
	section.design-sec-why .why-list{margin: 20px 0px 0px 0px;}
	
	section.design-sec-why .why-list li a{padding: 10px 30px 10px 15px;}
	section.design-sec-why .why-list li a:before{top: 15px;right: 14px;}
	section.design-sec-why .why-list li a:after{top: 15px;right: 14px;}
	section.design-sec-why .why-list li a span{font-size: 14px;}

	ul.menu-quick_links{flex-direction: column;}

	footer .mui-style-7ws1o5 button{max-width: 100px;}

	footer .top-footer{padding:50px 10px;}
	footer .top-footer p{margin-bottom: 0px !important;}
	footer .top-footer a.btn.btn-knowmore{margin-bottom:40px;}

	footer nav{min-height:auto;}
	footer ul.quicklinks{column-count:2;}
	footer ul.quicklinks li{}
	footer ul.quicklinks li a{padding:3px;}

	footer .sub-footer{}
	footer .sub-footer .container{padding: 20px 25px 20px 25px;}
	footer .sub-footer .container .row{display: flex;flex-direction: row-reverse;}
	footer .sub-footer .container .row .col-xl-4{text-align:left !important;}

	.footer-content .btn-subscribe-now{margin-bottom: 40px;}	
	.footer-content.box_ql{float: left;max-width: 100%;display: block;}
	.flip-container2{left: 10px;}
	.footer-content h5{font-size:24px;}
	ul.privacy_list {margin-bottom:10px !important;display: flex;flex-direction: column;text-align: left;}
	ul.privacy_list li{padding:5px 0px;}
	
	.centrix_tv h2{font-size:70px;}
	ul.fmenu-links{position:static;margin: 0px;}
	ul.fmenu-links li{}
	ul.fmenu-links li a{padding:5px 0px;}
	
	.quick-wrp{width:100%;margin-top: 20px;padding:  0px;border-top: 1px solid #6666;}
	.quick-wrp h4{margin-top: 25px;margin-bottom: 0px;font-size: 14px;}
	
	footer form {flex-direction: column;}
	footer form label{padding:0px;}
	footer form label input{height:50px;}
	footer form a.btn.btn-subscribe-now{padding: 15px;}
	
}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	 
	

}



/* Large screens ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1440px) { 
 
} 
 
@media screen and (min-width: 1280px) and (max-width: 1366px)
{ 

	.container{max-width:1280px;}
	body{font-size:16px;} 

} 

 
 
@media screen and (min-width: 1441px) and (max-width: 1799px) {
	
	.container{max-width: 1440px;}
}

/* Large screens ----------- */
@media only screen and (min-width : 1660px) {
	
	.container{max-width: 1440px;}
	
} 

/* Large screens ----------- */
@media only screen and (min-width : 1800px) {
	
	.container{max-width: 1440px;}
	
}