
/* ===== global.css ===== */
 
/* width */
::-webkit-scrollbar { width: 5px;}

/* Track */
::-webkit-scrollbar-track { background:transparent;}

/* Handle */
::-webkit-scrollbar-thumb { background:#000000;border-radius:100px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #555;}

*,
*::before,
*::after { box-sizing: border-box; }


* {margin: 0px;padding: 0px;}
html {scroll-behavior: smooth;}


:root{
	--color-01:#FFFFFF;
	--color-02:#000000;
	--color-03:#333333;
	--color-04:#666666;
	--color-05:#CCCCCC;
	--color-06:#EEEEEE;
	--color-07:#BFC0C3;
	--color-08:#0f0f0f;
	--color-09:#E9FFFD;
	--color-10:#F1FFFE;
	--color-11:#C5212A;
	--color-12:#660b15;
	--color-13:#72131a;
	--color-14:#0E0628;
	
	--gradient-01:linear-gradient(180deg, #076653 15.38%, #E3EF26 100%);
	
	--rfs-128: clamp(5rem, 7.5vw, 100px);
	--rfs-100: clamp(3rem, 5.5vw, 84px);
	--rfs-82: clamp(2.5rem, 6vw, 82px);
	--rfs-72: clamp(2.25rem, 4vw, 72px);
	--rfs-64: clamp(2rem, 4.5vw, 64px);
	--rfs-54: clamp(1.75rem, 4vw, 54px);
	--rfs-48: clamp(1.5rem, 3.5vw, 48px);
	--rfs-42: clamp(1.35rem, 3vw, 42px);
	--rfs-36: clamp(1.25rem, 3vw, 36px);
	--rfs-30: clamp(1.125rem, 2.5vw, 30px);
	--rfs-24: clamp(1rem, 2vw, 24px);
	--rfs-21: clamp(0.875rem, 1.75vw, 21px);
	--rfs-18: clamp(0.875rem, 1.5vw, 18px);
}
::-ms-input-placeholder {color:var(--color-07);}
::placeholder {color: var(--color-07);}

div#html5lightbox-watermark,
div#html5-watermark {display: none !important;}
 
body {color: var(--color-02);/* font-size: var(--rfs-18); */font-family: "Plus Jakarta Sans", sans-serif;font-weight: 400;background-repeat:no-repeat;background-position: center bottom;background-attachment:fixed;} 
h1, h2{margin-bottom: 30px;}



h1,
h2,
h3,
h4,
h5 {font-weight:400;line-height: 1.36;}

/* h5.title{font-size: var(--rfs-18);line-height: 1.3;text-transform:uppercase;margin-top: 0px;margin-bottom: 30px;} */
h2.title{font-size: 24px;line-height: 1.3;margin-top: 0px;margin-bottom: 30px;}

.title.spt.color-11{font-weight: 600;}
.title_line{border-top: 1px solid;margin-bottom: 15px;width:0%;}

.col-md-4 h5.title{max-width:300px;} 

p {line-height: 1.4;}
strong{font-weight: 700;} 

.overflow-hidden{overflow:hidden;}

h1 .spib:nth-child(2),
h2 .spib:nth-child(2),
h3 .spib:nth-child(2),
h4 .spib:nth-child(2),
h5 .spib:nth-child(2){padding-top: 10px;}

span.spib,
span.spib strong {gap: 15px;display:flex;padding-bottom: 3px;overflow: hidden;}

.rfs-p {/* padding: clamp(10px, 5vw, 120px) clamp(10px, 4vw, 90px); */padding: 0px 60px;position: relative;}

/* Define font sizes using clamp */
.rfs-82 {font-size: var(--rfs-82);}
.rfs-72 {font-size: var(--rfs-72);}
.rfs-64 {font-size: var(--rfs-64);}
.rfs-54 {font-size: var(--rfs-54);}
.rfs-48 {font-size: var(--rfs-48);}
.rfs-42 {font-size: var(--rfs-42);}
.rfs-36 {font-size: var(--rfs-36);}
.rfs-30 {font-size: var(--rfs-30);}
.rfs-24 {font-size: var(--rfs-24);}
.rfs-21 {font-size: var(--rfs-21);}
.rfs-18 {font-size: var(--rfs-18);}

.weight-300{font-weight:300;}
.weight-500{font-weight:500;}
.weight-700{font-weight:700;}

.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);}
.color-11{color:var(--color-11);}
.color-12{color:var(--color-12);}
.color-13{color:var(--color-13);}
.color-14{color:var(--color-14);}

.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);}
.bg-11{background:var(--color-11);}
.bg-12{background:var(--color-12);}
.bg-13{background: var(--color-13);}
.bg-14{background: var(--color-14);}

.bg-gradient-01{background:var(--gradient-01);}

.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-emblem.png") var(--color-01) no-repeat center center;*/background:var(--color-01);z-index: 99999;display: flex;align-items: center;justify-content: center;}
.loader video{max-width: 200px;}

/* 
.loader:before,
#clickAnimation_wrp:before{content:"";width:200px;height:200px;background: url("../img/loader.gif") var(--color-01) no-repeat center center;border-radius:100px;;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;}
*/

#clickAnimation_wrp{position: fixed;top:0;left: 0;z-index: -1;width:100%;height:100%;opacity: 0;/*background: url("../img/logo-emblem.png") var(--color-01) no-repeat center center;*/background:var(--color-01);display: flex;align-items: center;justify-content: center;}
#clickAnimation_wrp video{max-width: 200px;}
#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_01,
.overlays_02,
.overlays_03,
.overlays_04{position:absolute;top:0;right:0;width:100%;height:100%;z-index:99;}


.overlayslider{position:absolute;top:0;right:0;width:100%;height:100%;z-index:99;}
.overlayslider.left{left:0px;background: linear-gradient(90deg, var(--color-14) 50%, transparent);}
.overlayslider.right{right:0px;background: linear-gradient(270deg, var(--color-14) 50%, transparent);}
 
.btn-scrollTop {text-decoration: none;position: fixed;bottom: -100px;right: 10px;z-index: 99999;text-align: center;transition: all 500ms ease-in-out 0s;}
.btn-scrollTop span.top_icon {display: block;width: 40px;filter: drop-shadow(2px 4px 0px black);}
.btn-scrollTop span.txt {display: block;color: var(--color-12);font-size: 11px;background: var(--color-01);padding: 3px 2px 4px 4px;text-transform: uppercase;text-decoration: none;font-weight: bold;line-height: 1;letter-spacing: 1px;text-align: center;position: relative;top: 0px;z-index: 2;border: 1px solid;}
.btn-scrollTop span.txt:before{content:"Top";text-decoration: none;}
.btn-scrollTop:hover, .btn-scrollTop:hover span.txt {color: #000000;text-decoration: none;}
.btn-scrollTop.active {bottom: 10px;transition: all 500ms ease-in-out 0s;}

/***********************/
/*       Footer        */
/***********************/
 /*
.btn_km{display: block;color: var(--color-11);font-size: 14px;font-weight: 700;text-transform: uppercase;overflow: hidden;position: relative;max-width: 200px;width: 100%;height: 60px;transition: all 500ms ease-in-out;}
.btn_km .txt{width: 100%;height: 50px;padding-bottom: 10px;display: flex;align-items: center;position: absolute;top: 0px;left: -100%;transition: all 500ms ease-in-out;}
.btn_km .arrow{width: 40px;height: 40px;background: var(--color-11);display: inline-block;position: absolute;top: 5px;left: 0px;transform: rotate(0deg);transition: all 500ms ease-in-out;}
.btn_km .txt:before{content:"";width: 100%;height: 1px;background: var(--color-01);position: absolute;top: 63%;left:-100%;transition: all 500ms ease-in-out;}
.btn_km .arrow:before{content:"";background: url("../img/btn-arrow-link.webp") no-repeat center center;background-size: 16px;filter: brightness(100);width: 100%;height: 100%;position: absolute;top: 0;transform: rotate(0deg);transition: all 100ms ease-in-out;}
.btn_km .arrow:after{content:"";}

.btn_km:hover{transition: all 500ms ease-in-out;}
.btn_km:hover .txt{left: 0%;transition: all 500ms ease-in-out;}
.btn_km:hover .txt:before{left: 0%;transition: all 500ms ease-in-out;}
.btn_km:hover .arrow{background: var(--color-01);left: calc(100% - 40px);transform: rotate(180deg);transition: all 500ms ease-in-out;}
.btn_km:hover .arrow:before{filter:brightness(1);transition: all 100ms ease-in-out;}


*/ 

/* Base Button */
.btn_km {display: block;font-size: 14px;font-weight: 700;text-transform: uppercase;overflow: hidden;position: relative;max-width: 200px;width: 100%;height: 60px;transition: all 500ms ease-in-out;}
.btn_km .txt {width: 100%;height: 50px;padding-bottom: 10px;display: flex;align-items: center;position: absolute;top: 0;left: -100%;transition: all 500ms ease-in-out;}

.btn_km .arrow {width: 40px;height: 40px;display: inline-block;position: absolute;top: 5px;left: 0;transform: rotate(0deg);transition: all 500ms ease-in-out;}
.btn_km .txt:before {content: "";width: 100%;height: 1px;position: absolute;top: 63%;left: -100%;transition: all 500ms ease-in-out;}
.btn_km .arrow:before {content: "";background: url("../img/btn-arrow-link.webp") no-repeat center center;background-size: 16px;width: 100%;height: 100%;position: absolute;top: 0;transform: rotate(0deg);transition: all 100ms ease-in-out;}

/* =========================
Red Button
========================= */
.btn_km.red {color: var(--color-11);}
.btn_km.red .arrow {background: var(--color-11);border:1px solid var(--color-11);}
.btn_km.red .arrow:before{filter: brightness(100);}
.btn_km.red .txt:before {background: var(--color-11);}
.btn_km.red:hover .txt {left: 0%;}
.btn_km.red:hover .txt:before {left: 0%;}
.btn_km.red:hover .arrow {background: var(--color-01);left: calc(100% - 40px);transform: rotate(180deg);}
.btn_km.red:hover .arrow:before {filter: brightness(1);}

/* =========================
Black Button
========================= */
.btn_km.black {color: var(--color-01);}
.btn_km.black .arrow {background: var(--color-02);}
.btn_km.black .txt:before {background: var(--color-01);}
.btn_km.black:hover .txt {left: 0%;}
.btn_km.black:hover .txt:before {left: 0%;}
.btn_km.black:hover .arrow {background: var(--color-01);left: calc(100% - 40px);transform: rotate(180deg);}
.btn_km.black:hover .arrow:before {filter: brightness(1);}

/* =========================
Black Button
========================= */
.btn_km.white {color: var(--color-01);}
.btn_km.white .arrow {background: var(--color-01);}
.btn_km.white .txt:before {background: var(--color-01);}
.btn_km.white:hover .txt {left: 0%;}
.btn_km.white:hover .txt:before {left: 0%;}
.btn_km.white:hover .arrow {background: var(--color-01);left: calc(100% - 40px);transform: rotate(180deg);}
.btn_km.white:hover .arrow:before {filter: brightness(1);}


.btn_km_right{display: block;color: var(--color-11);font-size: 14px;font-weight: 700;text-transform: uppercase;overflow: hidden;position: relative;max-width: 200px;width: 100%;height: 60px;transition: all 500ms ease-in-out;}
.btn_km_right .txt{width: 100%;height: 50px;padding-bottom: 10px;display: flex;align-items: center;position: absolute;top: 0px;left: 100%;transition: all 500ms ease-in-out;justify-content: flex-end;}
.btn_km_right .arrow{width: 40px;height: 40px;background: var(--color-11);display: inline-block;position: absolute;top: 5px;right: 0px;transform: rotate(0deg);transition: all 500ms ease-in-out;}
.btn_km_right .txt:before{content:"";width: 100%;height: 1px;background: var(--color-01);position: absolute;top: 63%;left: 100%;transition: all 500ms ease-in-out;}
.btn_km_right .arrow:before{content:"";background: url("../img/btn-arrow-link.webp") no-repeat center center;background-size: 16px;filter: brightness(100);width: 100%;height: 100%;position: absolute;top: 0;transform: rotate(0deg);transition: all 100ms ease-in-out;}
.btn_km_right .arrow:after{content:"";}

.btn_km_right:hover{transition: all 500ms ease-in-out;}
.btn_km_right:hover .txt{left: 0%;transition: all 500ms ease-in-out;}
.btn_km_right:hover .txt:before{left: 0%;transition: all 500ms ease-in-out;}
.btn_km_right:hover .arrow{background: var(--color-01);right: calc(100% - 40px);transform: rotate(-180deg);transition: all 500ms ease-in-out;}
.btn_km_right:hover .arrow:before{filter:brightness(1);transition: all 100ms ease-in-out;}

.btn-map{}

.btn-rm {text-decoration:none;padding: 0px;border-radius: 0px;gap: 15px;display: inline-flex;justify-content: space-between;align-items: center;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
.btn-rm .brm-text {font-size: 14px;font-weight:700;line-height: 1;letter-spacing: 0.5px;text-align: center;text-transform: uppercase;padding: 13px 25px;border-radius: 0px;border: 1px solid var(--color-01);position: relative;top: 1px;z-index: 9;transition: all 300ms ease-in-out;}
.btn-rm .brm-text:before, .btn-rm .brm-text:after {content: "";width: 0px;height: 100%;position: absolute;top: 0%;right: 0px;transition: all 300ms ease-in-out;}
.btn-rm .brm-arrow {width: 40px;height: 40px;border-radius: 0px;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
.btn-rm .brm-arrow:before {content: "";width: 100%;height: 100%;background: url('../img/btn-arrow-link.webp') no-repeat center center;background-size: 16px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 300ms ease-in-out;}
.btn-rm .brm-arrow:after {content: "";width: 100%;height: 100%;position: absolute;top: 0%;left: 0%;transition: all 300ms ease-in-out;}

/* Black Button */
/*.btn-rm.black {color: var(--color-01);}
.btn-rm.black .brm-text:before {background: var(--color-11);left: 87%;transform: translate(-50%, -50%) scale(0.05);z-index: 6;}
.btn-rm.black .brm-text:after {background: var(--color-02);left: 50%;transform: translate(-50%, -50%) scale(1);z-index: 4;}
.btn-rm.black .brm-text {color: var(--color-01);}
.btn-rm.black .brm-arrow {background: var(--color-01);}
.btn-rm.black .brm-arrow:before {box-shadow: 1px -1px 0px #000000;}
.btn-rm.black:hover .brm-text:before {transform: translate(-50%, -50%) scale(2);}
.btn-rm.black:hover .brm-text:after {transform: translate(-50%, -50%) scale(0.01);}*/


/* Red Button */
.btn-rm.red {color: var(--color-01);}
.btn-rm.red .brm-text:before {background: var(--color-11);z-index: -1;}
.btn-rm.red .brm-text:after {background: var(--color-01);left: 50%;transform: translate(-50%, -50%) scale(1);z-index: 4;}
.btn-rm.red .brm-text {color: var(--color-11);border: 1px solid var(--color-11);}
.btn-rm.red .brm-arrow {border: 1px solid var(--color-11);}
.btn-rm.red .brm-arrow:before {filter: brightness(100);z-index: 2;}
.btn-rm.red .brm-arrow:after{background: var(--color-11);}

.btn-rm.red:hover {color: var(--color-01);}
.btn-rm.red:hover .brm-text {color: var(--color-01);}
.btn-rm.red:hover .brm-text:before {width: 100%;}
.btn-rm.red:hover .brm-text:after {background: var(--color-02);/* transform: translate(-50%, -50%) scale(0.01); */}
.btn-rm.red:hover .brm-arrow {}
.btn-rm.red:hover .brm-arrow:before {filter: brightness(1);}
.btn-rm.red:hover .brm-arrow:after{width:0%;}


/* Black Button */
.btn-rm.black {color: var(--color-01);}
.btn-rm.black .brm-text:before {background: var(--color-12);z-index: -1;}
.btn-rm.black .brm-text:after {background: var(--color-01);left: 50%;transform: translate(-50%, -50%) scale(1);z-index: 4;}
.btn-rm.black .brm-text {color: var(--color-12);border: 1px solid var(--color-12);}
.btn-rm.black .brm-arrow {border: 1px solid var(--color-12);}
.btn-rm.black .brm-arrow:before {filter: brightness(100);z-index: 2;}
.btn-rm.black .brm-arrow:after{background: var(--color-12);}

.btn-rm.black:hover {color: var(--color-01);}
.btn-rm.black:hover .brm-text {color: var(--color-01);}
.btn-rm.black:hover .brm-text:before {width: 100%;}
.btn-rm.black:hover .brm-text:after {background: var(--color-02);/* transform: translate(-50%, -50%) scale(0.01); */}
.btn-rm.black:hover .brm-arrow {}
.btn-rm.black:hover .brm-arrow:before {filter: brightness(1);}
.btn-rm.black:hover .brm-arrow:after{width:0%;}

/* White Button */
.btn-rm.white {color: var(--color-01);}
.btn-rm.white .brm-text:before {background: var(--color-01);z-index: -1;}
.btn-rm.white .brm-text:after {background: var(--color-01);left: 50%;transform: translate(-50%, -50%) scale(1);z-index: 4;}
.btn-rm.white .brm-text {color: var(--color-01);}
.btn-rm.white .brm-arrow {border: 1px solid var(--color-01);}
.btn-rm.white .brm-arrow:before {z-index: 2;}
.btn-rm.white .brm-arrow:after{background:var(--color-01);}

.btn-rm.white:hover {color: var(--color-01);}
.btn-rm.white:hover .brm-text {color: var(--color-11);}
.btn-rm.white:hover .brm-text:before {width: 100%;}
.btn-rm.white:hover .brm-text:after {background: var(--color-02);/* transform: translate(-50%, -50%) scale(0.01); */}
.btn-rm.white:hover .brm-arrow {}
.btn-rm.white:hover .brm-arrow:before {filter: invert(1) brightness(100);}
.btn-rm.white:hover .brm-arrow:after{width:0%;}



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


/*body.tnc{background: linear-gradient(180deg, #ffd3d5 0%, transparent 40%);}*/
section.tnc-sec-hero,
section.privacy-sec-hero{padding:300px 0px 80px 0px;position: relative;z-index: 9;/* background: var(--color-02); */padding-top:100px;display: flex;align-items: center;justify-content: center;}

section.tnc-sec-hero h1,
section.privacy-sec-hero h1{font-size:var(--rfs-64);line-height: 1.2;margin-bottom: 30px;display: flex;flex-direction: column;align-items: center;}

section.tnc-sec-hero p,
section.privacy-sec-hero p{font-size:var(--rfs-24);}

section.hs-tnc,
section.hs-privacy{padding-top: 100px;padding-bottom:80px;padding-left:5vw;padding-right:5vw;}
 
.hs-tnc h1{color: var(--color-02);font-size: var(--rfs-64);padding: 0px 0px 20px 0px;margin-top:50px;margin-bottom:20px;}
.hs-tnc .tnc-box{margin-bottom: 50px;padding: 30px;/* border-bottom: 1px solid #b1b1b1; */box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.hs-tnc .tnc-box h2,
.hs-tnc .tnc-box h3,
.hs-tnc .tnc-box h4{text-transform: lowercase;margin-bottom: 20px;}
.hs-tnc .tnc-box h3{color: var(--color-11);font-size: 21px;font-weight: 500;margin-bottom: 15px;}
.hs-tnc .tnc-box ul{margin: 0px;padding: 0px;list-style-type: none;}
.hs-tnc .tnc-box ul li{padding: 5px 0px 5px 25px;position: relative;}
.hs-tnc .tnc-box ul li:before{content:"";position: absolute;top: 12px;left: 0;width: 8px;height: 8px;background: var(--color-11);border-radius: 100px;}
.hs-tnc  a{color:var(--color-13);}


.hs-tnc .tnc-box .tb_h3{padding: 20px 0px 20px 0px;/* border-left: 1px solid #b1b1b1; */border-bottom: 1px solid #b1b1b1;position: relative;}
.hs-tnc .tnc-box .tb_h3 p,
.hs-tnc .tnc-box ul{padding-left: 20px;margin-bottom:15px;}

.hs-tnc .tnc-box .tb_h3:nth-last-child(1){border-bottom:none;}
.hs-tnc .tnc-box .tb_h3:after{content:"";width: 3px;height: 100%;background: var(--color-11);position: absolute;top: 0;left: -30px;z-index: 3;box-shadow: 0px -1px 0px var(--color-11);}


.strong_box{}
.strong_box p{padding-bottom: 15px;border-bottom: 1px solid #d1d1d1;gap: 10px;display: flex;flex-direction: column;}
.strong_box p strong{color:var(--color-11);}


.row_gaps{row-gap:50px}

 
.mw-350{max-width:350px;}
.mw-400{max-width:400px;}
.mw-450{max-width:450px;}
.mw-500{max-width:500px;}
.mw-550{max-width:550px;}
.mw-580{max-width:580px;}
.mw-600{max-width:600px;}
.mw-650{max-width:650px;}
.mw-700{max-width:700px;}
.mw-750{max-width:750px;}
.mw-800{max-width:800px;}
.mw-850{max-width:850px;}
.mw-900{max-width:900px;}
 
.container-fluid{padding:60px;border-radius: 20px;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width :768px) {
	
	
	h5.title.mb-5,
	.title_line{margin-bottom:10px !important;max-width:100%;}
	.home_sec_01{width:100% !important;}
	
	body{font-size:15px;background-position: center left;}
	
	h1{margin-bottom:20px;}
	
	.landing-card{min-height:auto;padding: 20px 20px 80px 20px;margin-top:20px;}
	.landing-card h3{font-size:21px;}
	.landing-card .btn-knowmore{left:20px;}
	
	.btn-download .bdn-icon img{width: 30px;}

}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width : 990px) {
	 
	header nav{padding: 5px 0px 5px 0px !important;display: flex;justify-content: flex-end;}

}



/* Large screens ----------- */
@media only screen and (min-width : 991px) and (max-width : 1440px) { 
	
	.cfp{padding:50px 30px;}

} 
 
@media screen and (min-width: 1280px) and (max-width: 1366px)
{ 

	.container{max-width:1280px;}

	body{font-size:16px;} 

} 

@media only screen and (max-width : 1440px) {
	/* 
	.rfs-82 {font-size: var(--rfs-82);}
	.rfs-72 {font-size: var(--rfs-72);}
	.rfs-64 {font-size: var(--rfs-64);}
	
	.rfs-54 {font-size: var(--rfs-42);}
	.rfs-48 {font-size: var(--rfs-36);}
	.rfs-42 {font-size: var(--rfs-30);}
	
	.rfs-36 {font-size: var(--rfs-36);}
	.rfs-30 {font-size: var(--rfs-30);}
	.rfs-24 {font-size: var(--rfs-21);} 
	*/
	
	:root{
		--rfs-100: clamp(3rem, 5.5vw, 84px);
		--rfs-82: clamp(2rem, 4.5vw, 64px);
		--rfs-72: clamp(2rem, 4.5vw, 64px);
		--rfs-64: clamp(1.35rem, 3vw, 42px);
		--rfs-54: clamp(1.35rem, 3vw, 42px);
		--rfs-48: clamp(1.125rem, 2.5vw, 30px);
		--rfs-42: clamp(1.125rem, 2.5vw, 30px);
		--rfs-36: clamp(1.125rem, 2.5vw, 30px);
		--rfs-30: clamp(1.125rem, 2.5vw, 30px);
		--rfs-24: clamp(0.875rem, 1.5vw, 18px);
		--rfs-21: clamp(0.875rem, 1.5vw, 18px);
		--rfs-18: clamp(0.875rem, 1.5vw, 16px);
	}
	
	
	body{font-size: 16px;} 
	h5.title{font-size: 14px;max-width: 100% !important;}
	
	.rfs-p{padding:0px 10px;}
	.container-fluid{padding: 50px 15px 30px 15px !important;}
	
	.home_sec_01{width:90%;}	
	
	section.hero-banner h1{font-size:var(--rfs-64);}
	 
}
 
@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;}
	
}  

@media(max-width:576px){
	.hs-tnc .tnc-box .tb_h3 p, .hs-tnc .tnc-box ul {
		padding-left: 0px;}
	.hs-tnc .tnc-box {padding:20px;}
	.hs-tnc .tnc-box p,.hs-tnc .tnc-box li {font-size: 14px;}
	.hs-tnc .tnc-box h2{font-size:22px;}
	.mw-500 { max-width: 440px;}
}

@media(max-width:480px){

	.mw-500 { max-width: 230px;}

}


/* ===== header.css ===== */

header {background: rgb(0 0 0 / 2%);position: fixed;top: 2%;left: 0;right: 0;width: max-content;/* width: 100%; *//* max-width: 750px; */margin: auto;z-index: 9999;padding-left: 20px;padding-right: 0px;box-shadow: 0px 0px 10px #70707029;backdrop-filter: blur(10px);transition: all 500ms ease-in-out;display: flex;justify-content: center;}
header:after {content: "";width: 100%;height: 0%;position: absolute;top: 0;left: 0;background: var(--color-01);z-index: -1;transition: all 500ms ease-in-out;}

header a.noEvents{pointer-events:none;}

header .navbar-brand {position: relative;}
header .navbar-brand img {max-width: 160px !important;margin: 0px !important;padding: 15px 0px 15px 0px !important;}

header .menu_fixed_top {display: flex;}
header .menu_fixed_top ul{display:flex;position:relative;margin: 0px 0px 0px 50px;padding:0px;list-style-type: none;}
header .menu_fixed_top ul:before{content:"";position: absolute;bottom: 0;left: 0;width:100%;height: 4px;background: var(--color-05);}
header .menu_fixed_top ul li{position: relative;}
header .menu_fixed_top ul li a {color:var(--color-04);font-size: 14px;font-weight: 800;text-decoration: none;text-transform: lowercase;padding: 5px 12px;height: 100%;position: relative;display: flex;align-items: center;}
header .menu_fixed_top ul li a:before{content:"";position: absolute;top: 51%;left: 0px;height: 15px;border-left: 2px solid var(--color-04);transform: translateY(-50%);}
header .menu_fixed_top ul .line_scroll {position: absolute;bottom: 0;left: 0;height: 4px;background: var(--color-11);width: 0%;} 
header .menu_fixed_top ul .line_scroll:before{content:"";position: absolute;bottom: 0;left: 0;height: 52px;background: var(--color-11);width: 100%;mix-blend-mode: lighten;} 

header .menu_fixed_top ul li:nth-child(1) a:before{opacity:0;}
header .menu_fixed_top ul li:nth-child(1) a{padding-left:0px;}
header .menu_fixed_top ul li:nth-last-child(2) a{padding-right:0px;}

header.stickyheader:after {height: 100%;transition: all 500ms ease-in-out;}
header.stickyheader .menu_fixed_top ul li a {color: var(--color-03);}

#btn-hamburger{cursor: pointer;min-height: 50px;min-width: 60px;margin-left: 100px;position: relative;right:-1px;background: var(--color-11);z-index: 10;}
#btn-hamburger:before{content:"";}
#btn-hamburger:after{content:"";width: 25px;height: 2px;background: var(--color-01);position: absolute;top: 67%;left: 50%;transform: translate(-50%, -50%);z-index: 9;transition: all 400ms ease-in-out;}
#btn-hamburger span{position: absolute;right: 0%;width: 100%;height: 100%;}
#btn-hamburger span:before{content:"";width: 25px;height: 2px;background: var(--color-01);position: absolute;top: 37%;left: 50%;transform: translate(-50%,-50%);transition: all 400ms ease-in-out;}
#btn-hamburger span:after{content:"";width: 25px;height: 2px;background: var(--color-01);position: absolute;top: 52%;left: 50%;transform: translate(-50%, -50%);transition: all 400ms ease-in-out;}

.menus_list {display: flex !important;flex-direction: row;height: 0px;overflow: hidden;padding: 0px 0px 0px 0px;gap: 20px;transition: all 700ms ease-in-out;}
.menus_list nav > ul {list-style: none;padding: 0px 0px 0px 0px;margin: 0;position: relative;z-index: 99;gap: 10px;display: flex;flex-direction: column;align-items: stretch;}
.menus_list nav > ul > li {opacity: 0;position: relative;top: 120px;overflow:hidden;transition: all 500ms ease-in-out;}
.menus_list nav > ul > li > .btn_seemore {color: #ff8188;font-size: var(--rfs-42);line-height: 1;text-decoration: none;text-align: left;padding: 8px 0px 2px 0px;display: block;transition: all 400ms ease-in-out;}
.menus_list nav > ul > li > .btn_seemore:before{content:"";width:0%;height: 3px;background: var(--color-01);/* background: url("../img/menu-line.png") no-repeat left center; */background-size: cover;position:absolute;bottom:0px;left:0px;transition:all 400ms ease-in-out;}
.menus_list nav > ul > li > .btn_seemore .m_text{position:relative;top:0px;transition:all 300ms ease-in-out;}
.menus_list li {opacity: 0;position: relative;top: 20px;transition: all 500ms ease-in-out;}

.list-04{padding-top:15px;}

.menus_list nav > ul > li > .btn_seemore.active,
.menus_list nav > ul > li > .btn_seemore:hover{color: var(--color-01);transition:all 400ms ease-in-out;}
.menus_list nav > ul > li > .btn_seemore.active:before{/* width:100%; */height:3px;transition:all 400ms ease-in-out;}
.menus_list nav > ul > li > .btn_seemore:hover:before{filter:grayscale(100);width:100%;transition:all 400ms ease-in-out;}


#menu_wrp {position: fixed;top: 75px;left: 0px;right: 0px;margin: auto;width: 100%;max-width: 1080px;border-radius: 0px;background: var(--color-11);box-shadow: 0px 0px 20px rgb(110 110 110 / 15%);z-index: 999;overflow: hidden;transition: all 700ms ease-in-out;}
#menu_wrp .menus_list .sub-menu{border-top: 1px solid #e9434c;border-bottom: 1px solid #e9434c;width:0;margin:auto;overflow: hidden;transition: all 400ms ease-in-out;}
#menu_wrp .menus_list .sub-menu ul {margin: 0px 0px;padding: 0px;list-style-type: none;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
#menu_wrp .menus_list .sub-menu ul li{}
#menu_wrp .menus_list .sub-menu ul li a{color: #ffbcc0;line-height: 1;text-decoration: none;display: inline-block;padding: 10px 0px 12px 0px;transition:all 400ms ease-in-out;}
#menu_wrp .menus_list .sub-menu ul li a:after{content:"";width:0%;height:4px;;/*height:100%;background: linear-gradient(90deg, #881218, transparent);*/background:var(--color-01);position: absolute;bottom:0%;left:0%;z-index: 1;transition: all 400ms ease-in-out;}
#menu_wrp .menus_list .sub-menu ul li a span{position:relative;z-index:9;}
#menu_wrp .menus_list .sub-menu ul li a:hover{color: var(--color-01);/*padding-left:10px;*/transition:all 400ms ease-in-out;}
#menu_wrp .menus_list .sub-menu ul li a:hover:after{width:100%;transition:all 400ms ease-in-out;}


#menu_wrp.open {max-width: 1080px;max-height: 100%;top: 75px;transition: all 700ms ease-in-out;}
#menu_wrp.open .menus_list {height:550px;transition: all 700ms ease-in-out;}

#btn-hamburger.open{}
#btn-hamburger.open:before{transform: translateY(-50%) rotate(135deg) scale(0);transition: all 400ms ease-in-out;}
#btn-hamburger.open:after{width: 0px;transition: all 400ms ease-in-out;}
#btn-hamburger.open span:before{top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);transition: all 400ms ease-in-out;}
#btn-hamburger.open span:after{height: 2px;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);transition: all 400ms ease-in-out;}
 

#menus_thumbs{max-width: 33.33%;width: 100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 400ms ease-in-out;}

#menus_thumbs.home{background-image:url("../img/menu-home.jpg");}
#menus_thumbs.about{background-image:url("../img/menu-about.jpg");}
#menus_thumbs.capabilities{background-image:url("../img/menu-portfolio.jpg");}
#menus_thumbs.services{background-image:url("../img/menu-services.jpg");}
#menus_thumbs.ztm{background-image:url("../img/menu-ztm.jpg");}
#menus_thumbs.contact{background-image:url("../img/menu-contact.jpg");}



.dropdown_menu{height:0px;overflow:hidden;transition:all 400ms ease-in-out;}
.dropdown_menu ul{margin: 0px;padding: 0px 0px 0px 0px;list-style-type: none;border-bottom: 1px solid var(--color-12);height: 100%;gap: 9%;display: flex;justify-content: flex-start;flex-direction: row;}
.dropdown_menu ul li{top: 0px;opacity: 1;display: flex;}
.dropdown_menu ul li a{color: var(--color-01);font-size:var(--rfs-24);text-decoration: none;padding: 0px 10px 0px 10px;display: flex;align-items: center;transition:all 400ms ease-in-out;}
.dropdown_menu ul li a:after{content:"";width: 0%;height: 4px;background: #fff;/* background: linear-gradient(0deg, #881218, transparent); */position: absolute;bottom:0%;left:0%;z-index: 1;transition: all 400ms ease-in-out;}
.dropdown_menu ul li a span{position:relative;z-index:3;}

li.active .dropdown_menu{height: 56px;transition:all 400ms ease-in-out;}
.dropdown_menu ul li a:hover{color: var(--color-01);/* padding:0px 10px 0px 10px; */transition:all 400ms ease-in-out;}
.dropdown_menu ul li a:hover:after{width: 100%;transition:all 400ms ease-in-out;}

.menus_content{max-width: 66.66%;width: 100%;padding: 40px 50px 40px 40px;gap: 25px;display: flex;flex-direction: column;}
 

ul.social_media_menu {margin: 0px 0px 0px 0px;padding: 0px;list-style-type: none;width: 100%;gap: 15px;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}
ul.social_media_menu>li {display: block;}
ul.social_media_menu li.active > a {font-weight: 700;color: #333;transition: all 500ms ease-in-out;}
ul.social_media_menu>li {transition: all 500ms ease-in-out;}
ul.social_media_menu>li>a {font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 0px;display: flex;padding: 8px;border: 1px solid #e9434c;width: 35px;height: 35px;overflow:hidden;position: relative;transition: all 500ms ease-in-out;align-items: center;}
ul.social_media_menu>li>a:before{content:"";width: 50px;height: 50px;border-radius: 100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition: all 300ms ease-in-out;}
ul.social_media_menu>li>a img{}
ul.social_media_menu > li > a .menu-text{display:none;}
ul.social_media_menu > li > a .menu-icon{display: flex;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
ul.social_media_menu > li > a .menu-icon img{filter: drop-shadow(0px 1px 0px rgba(0,0,0,0.3));}
ul.social_media_menu li a:hover{color:#000000;transition: all 500ms ease-in-out;}
ul.social_media_menu li a:hover  .menu-icon{transition: all 300ms ease-in-out;}
ul.social_media_menu li a:hover:before{transform:translate(-50%,-50%) scale(1);transition: all 300ms ease-in-out;}

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



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width :768px) {
	#menus_thumbs{min-height:25vh;max-width:100%;}
	#menu_wrp.open {gap:0px;height:100vh;}
	#menu_wrp .menus_list .sub-menu{padding-top:20px;padding-bottom:20px;}
	.menus_list{flex-direction: column;}
	.menus_content{max-width:100%;padding:20px 30px 20px 30px;}
	#menu_wrp .menus_list .sub-menu ul {flex-direction: column;align-items: flex-start;justify-content: space-between;}
	 	#menu_wrp.open .menus_list{height:auto; }

}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width : 990px) {
	  
}

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


@media (max-width:576px){
	header .menu_fixed_top {display: none;}
    #menus_thumbs {
		min-height: 18vh;}
	.dropdown_menu ul {gap:2%;}
	#menu_wrp .menus_list .sub-menu{padding-top:5px; padding-bottom:5px;}
	#menu_wrp .menus_list .sub-menu ul {        
		flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 0px 30px;}
	.menus_content {padding-top:10px;}
	.menus_list nav > ul {gap:5px;}
	.menus_list {gap:0px;}

}

@media (max-width:400px){
	#btn-hamburger{margin-left:10px;}
	header .menu_fixed_top ul {
		margin: 0px 0px 0px 30px;}

}
/* ===== footer.css ===== */

.footer_line_01{width:100%;height:40px;position:absolute;left:0px;top:0px;background: url("../img/footer-lines-01.png") repeat center center;background-size:contain;}

footer{background: var(--color-02);padding:20px 0px 0px 0px;position: relative;z-index:99;overflow:hidden;gap: 0px;display: flex;flex-direction: column;}
footer .rfs-p{padding-top: 60px;padding-bottom:0px;}
footer .footer_logo{/*filter:brightness(1.2);*/mix-blend-mode: hard-light;opacity:.8;}

footer h5{color: var(--color-01);font-size: 16px;font-weight: 700;text-transform: lowercase;margin-bottom: 20px;}
footer nav {}
footer a{color: var(--color-01);text-decoration: none;}
footer a:hover{color: var(--color-01);text-decoration:none;}
footer a.tel_email{color: var(--color-11);font-size: var(--rfs-30);font-weight: 600;margin-top: 40px;display: inline-block;}
footer a.tel_email span{padding-bottom:5px;position:relative;}
footer a.tel_email span:after{content:"";position:absolute;bottom: 0px;left:0px;width: 0%;height: 2px;background: var(--color-11);transition: all 300ms ease-in-out;}

footer a.tel_email:hover span{transition:all 300ms ease-in-out;}
footer a.tel_email:hover span:after{width: 100%;transition:all 300ms ease-in-out;}

footer .top-footer{color: rgba(255,255,255,0.6);position: relative;z-index: 9;} 
footer .top-footer .logo{filter: brightness(2);margin-top: 60px;margin-bottom: 30px;}
footer .top-footer p{font-size: 16px;font-weight: 100;max-width:350px;}

footer .sub-footer{padding-top: 40px;/*position: absolute;bottom: 0px;left: 0px;right: 0px;*/padding-bottom: 50px;z-index: 9;}
footer .sub-footer .container-fluid{padding-top: 30px;padding-bottom: 30px;} 
footer .sub-footer p{color: rgba(255,255,255,0.6);font-size: 12px;margin-bottom: 0px;}
footer .sub-footer1, footer .sub-footer li, footer .sub-footer a{color: var(--color-11);font-size: 12px;font-weight: 300;text-decoration: none;position: relative;z-index: 9;}
footer .sub-footer{}
 
ul.menu_footer{padding: 0px;margin: 0px 0px 0px 0px;list-style-type: none;gap: 10px;display: flex;justify-content: space-around;flex-direction: column;}
ul.menu_footer li{position: relative;width: 100%;}
ul.menu_footer li a{display: inline-block;color: rgba(255,255,255,0.6);font-size: 15px;font-weight: 100;text-transform:lowercase;padding: 0px 0px 3px 0px;position: relative;transition: all 300ms ease-in-out;}
ul.menu_footer li a:after{content:"";position:absolute;bottom: 0px;left:0px;width: 0%;height: 2px;background: var(--color-11);transition: all 300ms ease-in-out;}
ul.menu_footer li a span.menu-text{position:relative;z-index:9;}

ul.menu_footer li a:hover,
ul.menu_footer li a:focus,
ul.menu_footerli a:active{color: var(--color-11);font-weight: 500;transition: all 300ms ease-in-out;} 
 
ul.menu_footer li.active a:after,
ul.menu_footer li a:hover:after{width: 100%;transition:all 300ms ease-in-out;}
 

ul.privacy_list{color: var(--color-02);padding:0;list-style:none;margin: auto;gap: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
ul.privacy_list li{padding: 0px;}
ul.privacy_list li a{color: var(--color-12);text-decoration: none;}
ul.privacy_list li a:hover{color: var(--color-11);text-decoration:none;}


.start_you_story {padding: 30px 10px 40px 10px;/*border-bottom: 1px solid var(--color-03);*/}
.start_you_story h2{color:var(--color-01);font-size: var(--rfs-54);line-height:1.1;margin-bottom:40px;}

footer .btn_km_right{float:right;}

.maxima_logo_footer{}

/***********************/
/*      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; */float: right;}.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: 30px;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    */
/***********************/


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width :768px) {
		
	footer .footer_logo{max-width:120px;}
	ul.privacy_list{margin-top:20px;justify-content: flex-start;}

	.start_you_story{padding:0px;margin-bottom: 20px;}
	.start_you_story h2{margin-bottom: 20px;}

	footer h5{margin-bottom:10px;}
	ul.menu_footer{gap:0px;margin-bottom: 20px;}
	
	footer .sub-footer{
    border-top: 1px solid var(--color-03);
    padding-top: 20px;
    padding-bottom: 50px;
}
	footer .sub-footer p{text-align:left;}
	footer .sub-footer .row{/* flex-direction: row-reverse; */}
	
	.footer_line_01{height:20px;background-size: 100% 100%;}
	
}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width : 990px) {	 
		
	header nav{padding: 5px 0px 5px 0px !important;display: flex;justify-content: flex-end;}

}

@media only screen and (max-width : 1440px) {
	
	footer .footer_logo{max-width:120px;}
	footer h3{font-size:36px;}
	
}
@media  (max-width : 1366px) {
	footer .start_you_story { padding: 30px 10px 40px 0px;}
	
}
 