/* width */
::-webkit-scrollbar { width: 5px;}

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

/* Handle */
::-webkit-scrollbar-thumb { background:#bebebe;}

/* 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:#E8B51F;
	--color-12:#006338;
	--color-13:#71AE8F;
	--color-14:#adce2b;
	
    --dark-green : #076653;
    --dark-grey  : #282828;
    --light-olive: #006338;
	
	--gradient-01:linear-gradient(180deg, #076653 15.38%, #E3EF26 100%);	
	
	--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;} 

body:before{content:"";width:100%;height:100%;position:fixed;top:0;left:0;background: url("../img/grid-pattern.png") repeat top center;background-attachment: fixed !important;background-size: 4vw 2.5vw;z-index: 1;transition: all 0.7s ease-in-out;}
body:after{content:"";width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index: -1;transition: all 0.7s ease-in-out;}


body.index.footer-bg:before{background: url("../img/bg-footer.jpg") repeat top center;background-size: cover !important;background-attachment: fixed !important;}
body.is-fading-footer:after { opacity: 0 !important; transition: all 0.7s; }

body.index footer:before{background:transparent;}


h1, h2{margin-bottom: 30px;}

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

h6.subtitle{font-size:16px;display: inline-block;padding-bottom: 5px;margin-bottom: 40px;position:relative;}
h6.subtitle:after{content:"";width:100%;height:2px;background: linear-gradient(86deg, #076653 0%, #E3EF26 112.63%, rgba(226, 251, 206, 0.12) 112.65%);position:absolute;bottom:0px;left:0px;}

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

.overflow-hidden{overflow:hidden;}


.font-gradient,
.font-gradient > div{background: linear-gradient(86deg, #076653 0%, #E3EF26 112.63%, rgba(226, 251, 206, 0.12) 112.65%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

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;}

.sc_0502 > div {background: linear-gradient(to left, var(--color-05) 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_0512 > div {background: linear-gradient(to left, var(--color-05) 50%, var(--color-12) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;z-index: 9;}

.sc_gradient{display: inline-block;}
.sc_gradient > div {background: linear-gradient(86deg, #076653 0%, #E3EF26 50%, var(--color-05) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;z-index: 9;}

.color-12 p{font-weight:400;}

.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-spectrum.png") var(--color-01) no-repeat center center;z-index: 99999;display: flex;align-items: center;}
/* 
.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-spectrum.png") var(--color-01) no-repeat center center;display: flex;align-items: center;}
#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;}




/***********************/
/*       Header        */
/***********************/

header {background: rgb(255 255 255);position: fixed;/* left: 0; */width: 100%;z-index: 99;box-shadow: 0px 0px 10px #00000029;transition: all 500ms ease-in-out;}
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;}
div#navbarNav {/* display: flex !important; *//* flex-direction: row; *//* justify-content: center !important; */}
header nav {padding: 0px 4vw 0px 4vw !important;z-index: 9;box-shadow: 0px 0px 10px #00000029;}
header nav .navbar-brand {position: relative;}
header nav .navbar-brand img {max-width: 180px !important;margin: 0px !important;padding: 0px 0px 0px 0px !important;}
 	
header nav .navbar-brand span.tagline {color: var(--color-02);font-size: 13px;font-weight: 700;line-height: 14px;padding-left: 10px;
	/* position: absolute;top: 55%;left: 104%;transform: translateY(-50%); */
} 



header nav .navbar-brand span.tagline:before {content: "";width: 1px;height: 100%;background: var(--color-01);position: absolute;top: 0px;left: 0px;}
header ul {gap: 10px;margin-top: 0px;}
header ul li {}
header ul li a {color: var(--color-02) !important;font-size: clamp(0.75rem, 1vw, 15px) !important;font-weight: 500 !important;text-transform: uppercase;padding: 0px !important;}
/* header ul li a .nv-text {padding: 25px 15px 24px 15px;display:block;} */
header ul li a .nv-text {padding: 20px 20px 15px;display:block;}
header ul.navbar-nav.mx-auto li a {padding: 30px 15px !important;position: relative;transition: all 300ms ease-in-out;}
header ul.navbar-nav.mx-auto li a:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0px;z-index: -1;background: linear-gradient(180deg, #00000014 0%, #ffffff00 100%);transition: all 300ms ease-in-out;}
header ul.navbar-nav.mx-auto li a:after {content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 0%;height: 2px;background: var(--color-11);transition: all 300ms ease-in-out;}
header ul.navbar-nav.mx-auto li a:hover:before,
header ul.navbar-nav.mx-auto li a.active:before {height: 100%;transition: all 300ms ease-in-out;}
header ul.navbar-nav.mx-auto li a:hover:after,
header ul.navbar-nav.mx-auto li a.active:after {width: 100%;transition: all 300ms ease-in-out;}
header ul.navbar-nav.mx-auto li a:hover,
header ul.navbar-nav.mx-auto li a.active {color: var(--color-02) !important;}

header.stickyheader:after {height: 100%;transition: all 500ms ease-in-out;}

/* Remove default "+" for all */
header li > a::after {content: '';}

/* Add "+" only if li contains a submenu */
/*header li:has(ul) > a span {padding-left: 15px !important;padding-right: 30px !important;}
header li:has(ul) > a::after {content: ' +';position: absolute;top:50%;right:10px;transform: translateY(-50%);}*/

header nav {}
header nav ul ul {padding: 0;margin: 0;list-style: none;position: relative;}
header nav ul ul li {display: inline-block;background-color: var(--color-12);}
header nav ul li {position: relative;}
header nav ul ul li a {color: var(--color-14);font-size: clamp(0.75rem, 1vw, 13px) !important;font-weight: 400 !important;padding: 0px !important;}

header nav ul ul li a,
header nav ul ul li a:focus {transition: all 300ms ease-in-out;}
header nav ul ul li a:hover {color: var(--color-11) !important;text-decoration: none;background-color: var(--color-01);transition: all 300ms ease-in-out;}
header nav ul ul {display: none;min-width: 240px;position: absolute;top: 58px;left: 0px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);z-index: 999;}
header nav ul li:hover > ul {display: inherit;}
header nav ul ul li a .nv-text {color: var(--color-01);padding: 10px 15px;border-top: 1px solid #3e7c5d;}
header nav ul li.submenu-dropdown:hover,
header nav ul li.submenu-dropdown:hover > a {color: #fff !important;background: var(--color-12) !important;transition: all 300ms ease-in-out;}
header nav ul ul li {float: none;display: list-item;position: relative;}
header nav ul li.sd-width-01 li {width: 180px;}
header nav ul li.sd-width-02 li {width: 250px;}
header nav ul li.sd-width-03 li {width: 130px;}
header nav ul li.sd-width-03 li li{width: 200px;}
 
header nav ul ul ul {display: none;position: absolute;top: 0;left: 100%;background-color: var(--color-14);z-index: 999;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
header nav ul ul li:hover > ul {display: block;}

.navbar-nav .nav-link.active span,
.navbar-nav .nav-link.show span {color: var(--color-11);}

.navbar-nav > .nav-link.active,
.navbar-nav > .nav-link.show {background: linear-gradient(360deg, #e81e4e30, transparent);}

header nav ul ul li a:hover .nv-text{background: var(--color-02);}

button.navbar-toggler {position: fixed;top: 15px;right: 20px;z-index: 2;background: var(--color-12);border-radius: 0px;box-shadow: none !important;padding: 10px;border:none;outline:none;}
button.navbar-toggler .navbar-toggler-icon,
button.navbar-toggler.collapsed .navbar-toggler-icon{background:transparent;}
button.navbar-toggler.collapsed .navbar-toggler-icon:before{content: "";position: absolute;top: 18px;right: 10px;width: 30px;height: 3px;background: var(--color-01);transform: rotate(0deg);border-radius: 100px;transition: all 200ms ease-in-out;}
button.navbar-toggler.collapsed .navbar-toggler-icon:after{content: "";position: absolute;top: 30px;right: 10px;width: 30px;height: 3px;background: var(--color-01);transform: rotate(0deg);border-radius: 100px;transition: all 200ms ease-in-out;}
button.navbar-toggler .navbar-toggler-icon:before{content: "";position: absolute;top: 25px;right: 8px;width: 70%;height: 3px;background: var(--color-01);transform: rotate(45deg);border-radius: 100px;transition: all 200ms ease-in-out;}
button.navbar-toggler .navbar-toggler-icon:after{content: "";position: absolute;top: 25px;right: 8px;width: 70%;height: 3px;background: var(--color-01);transform: rotate(-45deg);border-radius: 100px;transition: all 200ms ease-in-out;}


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


/* Base button style */
a.btn-km {font-size: 15px;font-weight: 400;line-height: 1.3;width: 100%;min-width: 210px;max-width: 310px;height: 85px;display: inline-flex;align-items: flex-end;text-align: left;text-transform: uppercase;text-decoration: none;position: relative;padding: 10px 30px 10px 15px;overflow: hidden;border-radius: 0px;transition: all 500ms ease-in-out;}
a.btn-km:before {content: "";position: absolute;top: 0%;left: 0%;width: 0px;height: 130%;transition: all 500ms ease-in-out;}
a.btn-km:after {content: "";position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background: url(../img/grid-pattern.png) repeat top left;background-size:4vw 2.5vw;filter: brightness(10);transition: all 500ms ease-in-out;}
a.btn-km:hover {text-decoration: none;transition: all 500ms ease-in-out;}
a.btn-km:hover:before {width: 100%;height: 110%;}
a.btn-km .btn-txt {position: relative;z-index: 5;transition: all 500ms ease-in-out;}

/* Arrow styles (if needed) */
a.btn-km .btn-arrow {position: absolute;top: 10px;right: 10px;width: 15px;height: 15px;background: url(../img/btn-arrow-02.png) no-repeat center center;filter: brightness(10);transition: all 200ms ease-in-out;}
a.btn-km .btn-arrow:after {content: "";transition: all 300ms ease-in-out;}
a.btn-km:hover .btn-arrow {filter: brightness(100);transition: all 500ms ease-in-out;}
a.btn-km:hover .btn-arrow:after {box-shadow: 2px 2px 0 #ffffff;}

/* Specific button styles */
.btn-bdr-white-fwhite {color: var(--color-01);border: 2px solid var(--color-01);}
.btn-bdr-white-fwhite:before {background: var(--color-01);}
.btn-bdr-white-fwhite .btn-arrow{filter: brightness(100);transition: all 500ms ease-in-out;}
.btn-bdr-white-fwhite:hover {color: var(--color-11);border-color: var(--color-01);}

/* Blue border and white font button */
.btn-bdr-blue-fwhite {color: var(--color-12);border: 1px solid var(--color-11);box-shadow: 4px 4px 0px var(--color-11);}

.btn-bdr-blue-fwhite:before {background: var(--color-11);}
.btn-bdr-blue-fwhite .btn-arrow{box-shadow: 2px -2px 0 var(--color-12);}
.btn-bdr-blue-fwhite:hover {color: var(--color-01);border-color: var(--color-11);box-shadow: 4px 4px 0px var(--color-05);}
.btn-bdr-blue-fwhite:hover .btn-arrow{box-shadow: 2px -2px 0 var(--color-01);}

/* White fill button */

.btn-fill-white {color: var(--color-12);background: var(--color-01);border: 1px solid var(--color-01);}
.btn-fill-white:before {background: var(--color-02);}
.btn-fill-white:after{}
.btn-fill-white .btn-arrow{filter: brightness(2) hue-rotate(215deg) !important;}
.btn-fill-white:hover {color: #fff;border-color: var(--color-02);}
.btn-fill-white:hover .btn-arrow{filter: brightness(12) !important;}

/* Blue fill button */

.btn-fill-blue {color: #ffffff;font-size: 16px;font-weight: 600;background: #264588;border: 1px solid #264588;}
.btn-fill-blue:before {background: var(--color-13);}
.btn-fill-blue:hover {color: var(--color-01);border-color: var(--color-13);}


/* Blue border and white font button */
.btn-fill-gradient {color: var(--color-01);border: 1px solid var(--color-01);overflow:hidden;}
.btn-fill-gradient:before {width: 100% !important;border-radius: 0px;background: linear-gradient(90deg, #076653 -6.08%, #E3EF26 126.4%);transform: scale(1);transform-origin: left bottom;}
.btn-fill-gradient .btn-arrow{filter: brightness(100);transition: all 500ms ease-in-out;}
.btn-fill-gradient:hover {color: var(--color-01);border-color: #26529d;}
.btn-fill-gradient:hover:before{transform: scale(5);transform-origin: left bottom;}
.btn-fill-gradient:hover .btn-arrow{filter: invert(100) brightness(2);}

.btn-see_how{color: var(--color-01);text-decoration: none;display: block;padding: 20px 60px 20px 20px;overflow: hidden;position:relative;z-index: 9;background: var(--color-12);transition: all 500ms ease-in-out;}
.btn-see_how .btn-txt{position: relative;z-index: 9;}
.btn-see_how .btn-arrow{width: 20px;height: 20px;background: url(../img/arrow-yellow.png) no-repeat center center;background-size:cover;z-index: 9;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);filter:brightness(10);transition: all 500ms ease-in-out;}
.btn-see_how:hover{color: var(--color-11);background:var(--color-02);transition: all 500ms ease-in-out;} 
.btn-see_how:hover .btn-arrow{filter:brightness(1);transition: all 300ms ease-in-out;}


.btn-get_in_touch{text-align: right;color: var(--color-01);font-size: 15px;text-decoration: none;display: block;padding: 10px 90px 10px 60px;overflow: hidden;position:relative;z-index: 6;transition: all 500ms ease-in-out;}
.btn-get_in_touch:before{content:"";width: 100%;height: 100%;background: linear-gradient(83deg, #E3EF26 -18.03%, #076653 124.11%);position: absolute;top: 0%;left: 0%;transition:.3s ease-in-out;}
.btn-get_in_touch .btn-txt{position: relative;z-index: 9;}
.btn-get_in_touch .btn-arrow{display: inline-block;width: 16px;height: 16px;position: absolute;top: 50%;right: 65px;transform: translateY(-50%);filter:brightness(10);transition: all 500ms ease-in-out;}
.btn-get_in_touch .btn-arrow:before{content:"";width: 100%;height: 100%;background: url(../img/arrow-yellow.png) no-repeat center center;background-size: contain;z-index: 9;position: absolute;top: 0%;right: 0px;transition:.3s ease-in-out;}
.btn-get_in_touch .btn-arrow:after{content:"";width: 100%;height: 100%;background: url(../img/arrow-yellow.png) no-repeat center center;background-size: contain;z-index: 9;position: absolute;top: 150%;right: 26px;transform: scale(0);transition:.3s ease-in-out;}

.btn-get_in_touch:hover{font-weight: 700;transition: all 500ms ease-in-out;} 
.btn-get_in_touch:hover .btn-arrow{filter: brightness(10);transition: all 300ms ease-in-out;}
.btn-get_in_touch:hover:before{width: 500%;transition:.5s ease-in-out;}
.btn-get_in_touch:hover .btn-arrow:before{top: -150%;right: -26px;transform: scale(0);transition:.3s ease-in-out;}
.btn-get_in_touch:hover .btn-arrow:after{top: 0%;right: 0px;transform: scale(1);transition:.3s ease-in-out;}



a.get-in-touch{text-decoration: none;text-align: center;display: block;padding: 2% 0%;position: relative;transition:all 500ms ease-in-out;}
a.get-in-touch h3{color: #d9d9d9;font-family: "clattering", serif;font-style: italic;font-size: 9vw;font-weight: 100;line-height: 1.3;text-align: center;text-transform: inherit;text-decoration: none;display: inline-block;justify-content: center;position: relative;z-index: 9;transition:all 500ms ease-in-out;}

a.get-in-touch h3:before,
a.get-in-touch h3:after{content:"";height: clamp(0.875rem, 1.5vw, 12px);position: absolute;bottom: 7%;left: 10%;border-radius: 110px 0px 0px 0px;transition: all 500ms ease-in-out;}

a.get-in-touch h3:before{width: 100%;background: linear-gradient(45deg, var(--color-13), transparent);}
a.get-in-touch h3:after{width: 0%;background: linear-gradient(45deg, var(--color-11), transparent);}
  
a.get-in-touch:hover{transition:all 500ms ease-in-out;}
a.get-in-touch:hover h3{color:var(--color-11);transform:scale(1);transition:all 500ms ease-in-out;}
a.get-in-touch:hover h3:after{width:100%;transition:all 500ms ease-in-out;}
 
 
.home-sec-mumbai{width: 100vw;height: 680px;display: block;}

.row_gaps{row-gap:50px}

.bg_footer{width:100%;height: 0%;position:fixed;bottom: 0;left:0;background: url("../img/bg-footer.jpg") repeat bottom center;background-attachment: fixed;background-size:cover;}

footer{padding: 58vh 0px 140px 0px;position: relative;z-index:99;overflow:hidden;}
footer .rfs-p{padding-top: 60px;padding-bottom:0px;}
footer .footer-gline{opacity: .4;position:absolute;top:0px;}
footer h5{color: var(--color-12);font-size: 21px;font-weight: 700;text-transform: uppercase;margin-bottom: 20px;}
footer a{color: var(--color-01);text-decoration: none;}
footer a:hover{color: var(--color-01);text-decoration:none;}
footer nav {}
footer .footer_logo{}
footer .footer_logo img{margin-top: 70px;margin-bottom: 20px;}
footer h3{color: var(--color-02);font-size: var(--rfs-30);margin-bottom: 0px;}
footer .top-footer{background:var(--color-01);position: relative;} 

footer .sub-footer{background: var(--color-01);padding: 0px;position: relative;border-top: 1px solid #71AE8F;}
footer .sub-footer .container-fluid{padding-top: 30px;padding-bottom: 30px;} 
footer .sub-footer p{color: var(--color-12);font-size: 11px;margin-bottom: 0px;}
footer .sub-footer,
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{}
footer .sub-footer .logo{max-width: 220px;margin-top: 50px;}
 
ul.menu_footer{padding: 0px;margin: 0px 0px 0px 0px;list-style-type: none;gap: 5px;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: #71AE8F;font-size: 16px;font-weight: 400;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: linear-gradient(86deg, #076653 0%, #E3EF26 100%);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: #aacb2a;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;}


a.free_facility{color: var(--color-11);text-decoration: none;margin-top: -25vh;max-width: 400px;height: 50vh;padding: 40px 40px;overflow: hidden;display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;position: relative;transition: all 500ms ease-in-out;}

a.free_facility:after{content:"";width:100%;height:100%;background: linear-gradient(145deg, #006338 0%, #E3EF26 131.64%);position: absolute;top:0;left:0;transition: all 500ms ease-in-out;}

a.free_facility h4{color: var(--color-01);font-size: var(--rfs-30);font-weight: 600;line-height: 1.3;margin-bottom: 0px;display: inline-block;position: relative;z-index: 9;transition: all 500ms ease-in-out;}
a.free_facility .btn-arrow{color: var(--color-01);padding-left: 40px;/* overflow: hidden; */position: relative;z-index: 9;transition: all 500ms ease-in-out;}
a.free_facility .btn-arrow::before{content:"";width: 20px;height: 20px;background: url(../img/arrow-yellow.png) no-repeat center center;background-size:cover;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);filter:brightness(10);transition: all 500ms ease-in-out;}
a.free_facility .btn-arrow::after{content:"";width: 20px;height: 20px;background: url(../img/arrow-yellow.png) no-repeat center center;background-size:cover;position: absolute;top: 100%;left: -20px;transform: translateY(0%) scale(0);filter:brightness(10);transition: all 500ms ease-in-out;}

a.free_facility:hover:after{height: 600%;transition: all 500ms ease-in-out;}
a.free_facility:hover .btn-arrow{}
a.free_facility:hover .btn-arrow::before{top: -50%;left: 20px;transform: translateY(-50%) scale(0);}
a.free_facility:hover .btn-arrow::after{top: 50%;left: 0px;transform: translateY(-50%);}

/***********************/
/*       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    */
/***********************/
 
.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;}



/*.pages-titles .container-fluid{padding: 35px 54px 0px 60px;border-radius: 20px;}*/

 .container-fluid{padding: 2.75vw 4vw 2.75vw 4vw;}



.pages-titles{min-height: 5vw;margin-top: calc(100px + 2.5vw);padding: 0px 4vw 0px 4vw;border-bottom:1px solid var(--color-12);}


.pages-titles h1{color: var(--color-12);font-size: var(--rfs-36);margin-bottom:0;}
.pages-titles p{min-height: 2vw;margin-top: 5px;margin-bottom: 0px;}

@media(max-width:400px)
{
	
	.pages-titles{padding: 4vw 4vw 0px 4vw;border-bottom:1px solid var(--color-12);}

}

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

	.pages-titles{/* margin-top: calc(120px + 2.5vw); */min-height: 6vw;    padding: 0px 4vw 0px 15px;}
	.pages-titles p{font-size: 14px;margin-top: 10px !important;margin-top: 0;}


	h5.title.mb-5,
	.title_line{margin-bottom:10px !important;max-width:100%;}
	.home_sec_01{width:100% !important;}

	.btn-get_in_touch{text-align: left;padding: 10px 2.5vw 10px 3.5vw;}
	.btn-get_in_touch .btn-arrow{right: 20px;}

	body{font-size:15px;background-position: center left;}
	
	header{padding-left: 0px;padding-right: 0px;}
	header nav .navbar-brand{margin-left:15px;padding: 0px;}

	header nav .navbar-brand img{margin: 8px 0px 0px 0px !important;}
	header ul{gap:0px;}
	/* header ul li{border-top: 1px solid #0a0421;} */
	/* header ul li a .nv-text{font-size: var(--rfs-24);padding: 10px 15px !important;display: inline-block;} */
	header ul li a .nv-text{font-size: 14px;padding: 10px 15px !important;display: inline-block;}

	header nav ul ul,
	header nav ul ul ul{position:static;padding-left: 20px;width: 100%;box-shadow: none;border-left: 1px solid #250f6d;}
	
	
	header li.submenu-dropdown:after,
	header li.submenu-dropdown ul li.child-dropdown:after {content: "";width: 12px;height: 2px;background: #ffffff;position: absolute;top: 20px;right: 20px;}
	
	header li.submenu-dropdown:before,
	header li.submenu-dropdown ul li.child-dropdown:before {content: "";width: 12px;height: 2px;background: #ffffff;position: absolute;top: 20px;right: 20px;transform: rotate(90deg);transition:all 500ms ease-in-out;}
	
	header li.submenu-dropdown:hover:before,
	header li.submenu-dropdown:hover ul li.child-dropdown:hover:before {transform: rotate(0deg);transition:all 500ms ease-in-out;}
	
	
	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;}
	
	footer .top-footer .row {display: flex;flex-direction: column-reverse;}
	footer .footer_logo{gap: 20px;display:flex;align-items: flex-end;}
	footer .footer_logo img{max-width:120px;margin-top: 30px;margin-bottom:0px;}
	ul.privacy_list{gap: 5px;margin-top: 6px;justify-content: flex-start;}
	ul.privacy_list li{width: 49%;}
	
	footer{padding-bottom:100px}
	footer .sub-footer{}
	footer .sub-footer p{text-align:left;}
	footer .sub-footer .row{flex-direction: row-reverse;}

 

	ul.menu_footer{display: flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}
	ul.menu_footer li{width: 49%;}
	ul.menu_footer li a{color: var(--color-12);font-size: 14px;}

	ul.privacy_list li a{font-size: 14px;}
	.flip-container2, .front2, .back2{float:left;}
	
	

}


 
/* 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);} 
	
	

	body{font-size: 16px;}
	header{/* padding:0px 15px; */}
	header ul li a{font-size: 15px !important;display: inline-block !important;}
	
	.rfs-p{padding:0px 10px;}



	
	.home_sec_01{width:90%;}	
	h5.title{font-size: 14px;max-width: 100% !important;}
	
	section.hero-banner h1{font-size:var(--rfs-64);}
	
	
	a.free_facility{margin-top: -150px;height:300px;padding: 30px;}
	a.free_facility h4{font-size:var(--rfs-36);}
	 
	footer h5{font-size: 18px;margin-top:20px;margin-bottom:10px;}
	footer h3{font-size: 16px;}

}

@media(max-width:1200px){

	header nav .navbar-brand span.tagline{display: block;padding:5px 0 8px;} 
}

@media(max-width:991px){
	
	.pages-titles .container-fluid {padding: 45px 15px 0px 15px !important;}
	.container-fluid {padding: 15px 15px 20px 15px !important;}
	header{padding:0;}
	button.navbar-toggler{right:10px;top:10px;}
	header ul li{border-top: 1px solid var(--color-05);}

}




@media(max-width:400px){
	.btn-get_in_touch {font-size: 14px;}
	header nav .navbar-brand span.tagline{font-size: 10px;} 
	.pages-titles .container-fluid {padding: 0px 15px 15px 15px !important;}
	.pages-titles{min-height:16vw; 
        padding: 15px 4vw 0px 15px;}
}
 
@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;transform: translateX(3px);}
	
}