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

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

/* Handle */
::-webkit-scrollbar-thumb { background:var(--color-11);}

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

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

::-ms-input-placeholder {color:var(--color-07);}
::placeholder {color: var(--color-07);}



html, body {
  scroll-behavior: auto !important;
  /*overflow: hidden;*/
}

#smooth-wrapper {
  height: 100%;
  overflow: hidden;
}

#scrollsmoother-container {
  will-change: transform;
}

:root{
	--color-01:#FFFFFF;
	--color-02:#000000;
	--color-03:#222222;
	--color-04:#666666;
	--color-05:#CCCCCC;
	--color-06:#EEEEEE;
	--color-07:#BFC0C3;
	--color-08:#0f0f0f;
	--color-09:#E9FFFD;
	--color-10:#F1FFFE;
	--color-11:#ff6601;
	--color-12:#012360;
	--color-13:#08014C;
	--color-14:#0E0628;
	--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);
	--rfs-16: clamp(0.875rem, 1.5vw, 16px);
}


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


* {margin: 0px;padding: 0px;}
html.loading .page-content {opacity: 0;transform: translateY(40px);}

.loader {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: var(--color-01);z-index: 99999;display: flex;align-items: center;}
.loader:before,
#clickAnimation_wrp:before{content:"";width:300px;height:200px;background: url("../img/loader-vr6.gif") var(--color-01) no-repeat center center;background-size:cover; 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: 100vw;height: 100vh;opacity: 0;background:var(--color-01);display: flex;align-items: center;}
#clickAnimation_wrp.current {z-index:999;opacity:1;} 

html {scroll-behavior: smooth;}

div#html5lightbox-watermark,
div#html5-watermark {display: none !important;}
 
body {color: var(--color-02);font-family: "Barlow", sans-serif;font-size: var(--rfs-18);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-family: "Tiro Telugu", serif;font-weight:400;line-height: 1;letter-spacing: 0px;position: relative;}

h6.titles{font-size: 14px;font-weight: 600;line-height: 1.3;text-transform:uppercase;margin-top: 0px;margin-bottom: 20px;}
.title_line{border-top: 1px solid;margin-bottom: 15px;width:0%;}
 
.heading-02{font-size:var(--rfs-64);}
h2.heading-02{margin-bottom:70px;}

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

nav a.active {color: #f00;font-weight: bold;}

.rfs-p {padding: 0px 50px;position: relative;}
.container-fluid{padding:100px 0px;}

.font-number{font-family: 'open sans' !important;}

.mw-350{max-width:350px;}
.mw-400{max-width:400px;}
.mw-450{max-width:450px;}
.mw-460{max-width:460px;}
.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;}

.anime_row {overflow: hidden;}
.anime_col{position:relative}
/*
#cursor_pointer {font-size:0px;position: fixed;width:10px;height:10px;background:rgba(255,255,255,.2);border:1px solid rgba(0,0,0,.3);border-radius: 100px;backdrop-filter: blur(10px);transform: translate(-50%, -50%);transition: 0s;pointer-events: none;z-index: 999999;opacity:0;}
#cursor_pointer {font-size:0px;position: fixed;top: 0px;left: 0px;width:40px;height:40px;background:url("../img/icons/cursor-arrow.webp") no-repeat center center;background-size:cover;transform: translate(-50%, -50%);transition: 0s;pointer-events: none;z-index: 999999;opacity:0;}
*/

#cursor_pointer {font-size:0px;position: fixed;width:3px;height:3px;background:rgba(0,0,0,1);border-radius: 100px;backdrop-filter: blur(10px);transform: translate(-50%, -50%);transition: 0s;pointer-events: none;z-index: 999999;}
#cursor {position: fixed;transform: translate(-50%, -50%);transition: 0s;pointer-events: none;z-index: 99999;}
#cursor .c_icon{width:40px;height:40px;position:absolute;top: 20px;left: 20px;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center center;background-size:cover;}
#cursor .c_text{color:var(--color-01);font-size: 11px;line-height: 1;text-align: center !important;text-transform: uppercase;padding: 4px 6px 5px 7px;display: block;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.2);border-radius: 5px;backdrop-filter: blur(10px);position: absolute;top:40px;left: 50%;overflow: hidden;transform: translateX(-50%);}

#cursor.active .c_text{padding:0px;border:none;}
#cursor_pointer.active{opacity:1;}

#cursor.hand .c_icon{top:17px !important;left: 6px;width:40px;height:40px;background-image:url("../img/stickers/hand.webp");}
#cursor.hand .c_text{top:25px;display:none;}
.btn_seemore.hand{cursor:none;}

.sc_light_dark > div {background: linear-gradient(to right,rgb(37, 37, 37) 50%,rgb(222, 222, 222) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;line-height: 1;z-index: 9;padding-bottom: 10px;}

.sc_dark_light > div {background: linear-gradient(to right, rgb(222, 222, 222) 50%, rgb(12 12 12) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;line-height: 1;z-index: 9;padding-bottom: 10px;}





section.hs-faqs #accordionExample{border-top: 1px solid #E8E8E8;}
section.hs-faqs #accordionExample .accordion-item,
section.hs-faqs #accordionExample .accordion-item button,
section.hs-faqs #accordionExample .accordion-collapse,
section.hs-faqs #accordionExample .accordion-collapse .accordion-body{color: var(--color-02);background:transparent;border:none;box-shadow:none;}

section.hs-faqs #accordionExample .accordion-item{cursor: none;position: relative;border-bottom: 1px solid #E8E8E8;border-radius: 0px !important;}
section.hs-faqs #accordionExample .accordion-item:after{content:"";width:100%;height: 1px;background: linear-gradient(90deg, #FFF 0%, rgba(217, 217, 217, 0.00) 100%);position:absolute;bottom:0px;left:0px;}
section.hs-faqs #accordionExample .accordion-item button{cursor: none;font-size: var(--rfs-30);padding: 15px 140px 24px 0px;overflow:hidden;position: relative;}
section.hs-faqs #accordionExample .accordion-item button:before{content: "open";font-size: 14px;line-height: 1;text-transform: uppercase;text-align: center;width: 80px;height: 30px;position: absolute;top: 23px;right:-140px;padding: 7px 15px 7px 15px;border-radius:100px;background: #fff;border: 1px solid #cfcfcf;display: flex;align-items: center;justify-content: center;z-index: 9;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button:after{content: "";width: 0px;height: 30px;position: absolute;top: 23px;right: -30px;background:var(--color-02);border-radius: 100px;border: 1px solid var(--color-01);transform: rotate(0deg);z-index:1;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button .txt{transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button .txt:before{content:"";width:8px;height:8px;background:var(--color-11);border-radius: 100px;position:absolute;top: 25px;left:0px;transform: scale(0);transition: all 300ms ease-in-out;}

section.hs-faqs #accordionExample .accordion-item button .arrow{width:30px;height: 30px;border-radius: 100px;position:absolute;top: 25px;right: 0px;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button .arrow:before,
section.hs-faqs #accordionExample .accordion-item button .arrow:after{content:"";width: 20px;height: 2px;background: #999999;position: absolute;top: 50%;left: 50%;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button .arrow:before{transform: translate(-50%,-50%);}
section.hs-faqs #accordionExample .accordion-item button .arrow:after{transform: translate(-50%,-50%) rotate(90deg);}
section.hs-faqs #accordionExample .accordion-collapse{border-radius: 0px !important;}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body{padding: 0px 120px 15px 0px;}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body p{}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body ul {margin: 0px 0px 20px 0px;padding: 0px;list-style-type: none;}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body ul li {position: relative;padding: 5px 0px 5px 30px;}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body ul li:after {content: "";position: absolute;top: 13px;left: 0;width: 14px;height: 5px;box-shadow: -2px 1px 0px black;transform: rotate(-45deg);}

section.hs-faqs #accordionExample .accordion-item:nth-last-child(1):after{display:none;}

section.hs-faqs #accordionExample .accordion-item button:hover:before{right: 0px;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"]:before{content:"close";color: var(--color-01);right:0px;background: transparent;border-color: var(--color-02);transition:all 500ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"]:after{width:80px;right: 0px;border: 1px solid var(--color-02);transition:all 500ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"] .txt:before{/* transform: scale(1); */transition:all 500ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"] .txt{font-weight: 500;/* padding-left: 25px; */transition:all 500ms ease-in-out;}

section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"] .arrow{/* background: var(--color-02); *//* transform:rotate(45deg); */transition:all 500ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"] .arrow:after{background: var(--color-02);transform: translate(-50%,-50%) rotate(0deg);transition:all 300ms ease-in-out;}





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

	:root{
		--rfs-82: clamp(1.75rem, 4vw, 54px);
		--rfs-64: clamp(1.75rem, 4vw, 54px);
	}
	

}


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

	:root{
		--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);
		--rfs-16: clamp(0.875rem, 1.5vw, 16px);
	}

	.rfs-p{padding:0px 10px;}
	.container-fluid{padding:40px 0px;}
	
	section.hs-faqs #accordionExample .accordion-item button{padding: 20px 140px 21px 0px;}
	

	.about-bnf{padding:0px 15px 35px 15px !important;}
	.about-links{padding:25px 15px 15px 15px !important;}
	.about-social{padding-left: calc(var(--bs-gutter-x) * .5);padding-right: calc(var(--bs-gutter-x) * .5);padding-top: 20px !important;padding-bottom: 30px !important;display: flex;flex-direction: column-reverse;}
	
	.links_quick-wrapper ul.links_quick-small{margin-top:20px !important;gap:5px !important;flex-wrap: wrap;justify-content: flex-start !important;flex-direction: row;}
	.links_quick-wrapper ul.links_quick-small li a{height: 30px !important;}
	.bc_wrp{display: flex;flex-direction: column;align-items: flex-start;}
	.bc_wrp h2.big_bnf{margin-bottom: 15px !important;}
	.bc_wrp p.copyright{position: static !important;}
	
	.about-bnf p, 
	.f_box p span{font-size:15px;}
	
	.about-bnf .flex_column_space {gap: 20px;}
	
}


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

	#left-menu {height: auto;padding-top: 90px;background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
	
}



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

.brand-logo {float: left;position: fixed;top: 40px;left: 50px;z-index: 9999;transition: all 300ms ease-in-out;}
.brand-logo:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../img/bochfernsh-logo-gif.gif") transparent no-repeat center center;animation: slideUp 10s ease-in-out infinite alternate;z-index: 7;} 
.brand-logo img{height:60px;}

@keyframes slideUp {
      0% { opacity: 1; } 
     30% { opacity: 1; }
     31% { opacity: 0; }
    100% { opacity: 0; }
}

header .bnf-logo img {animation: bnflogo 10s ease-in-out infinite alternate;}

@keyframes bnflogo {
      0% { opacity: 0; }
     30% { opacity: 0; }
     31% { opacity: 1; }
    100% { opacity: 1; }
}


header{padding-left: 25px;position:fixed;top:40px;right:60px;z-index: 9999;gap: 4px;overflow: hidden;display: flex;}
header:before{content:"";width:0%;height: 100%;position: absolute;top: 0px;right: 40px;background: var(--color-01);z-index: 12;transition: all 300ms ease-in-out;}
header.open:before{/* width:100%; */transition: all 300ms ease-in-out;}

.btn-send_a_brief{font-size: 14px;font-weight: 700;line-height: 1;text-align: center;margin: 0px 0px;position: relative;left:1px;z-index: 11;display: inline-flex;transition:all 300ms ease-in-out 400ms;}
.btn-send_a_brief .bc_txt{text-transform: uppercase;display: flex;overflow: hidden;position: relative;min-height: 45px;min-width: 170px;border: 2px solid #D4D4D4;border-radius: 7px;transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_txt:before,
.btn-send_a_brief .bc_txt:after{content:"";width:100%;height:100%;position: absolute;top:0%;transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_txt:before{left:0%;background: var(--color-01);}
.btn-send_a_brief .bc_txt:after{left:-100%;background: linear-gradient(45deg, #d9d9d9, #D4D4D4);opacity: .2;}
.btn-send_a_brief .bc_txt span{text-transform: uppercase;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding-bottom: 2px;position: absolute;top:0;left:0%;z-index: 9;transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_txt .txt_01{color: var(--color-02);padding-right: 10px;left: 0%;}
.btn-send_a_brief .bc_txt .txt_02{color: var(--color-11);padding-left: 10px;left: -100%;}
.btn-send_a_brief .bc_dots{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.btn-send_a_brief .bc_dots:before,
.btn-send_a_brief .bc_dots:after{content:"";width: 15px;height: 15px;border-radius: 100px;border-top: 2px solid #D4D4D4;border-left: 2px solid #D4D4D4;border-bottom: 2px solid transparent;border-right: 2px solid transparent;background: var(--color-01);backdrop-filter: blur(30px);position: absolute;top: 50%;transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_dots:before{left: -7px;transform: translateY(-50%) rotate(135deg) scale(0);}
.btn-send_a_brief .bc_dots:after{right: -7px;transform: translateY(-50%) rotate(-45deg);}
.btn-send_a_brief .bc_arrow{width: 104%;height: 100%;position: absolute;top: 0;left: 0;}
.btn-send_a_brief .bc_arrow:before,
.btn-send_a_brief .bc_arrow:after{content:"";width: 40px;height: 4px;background: var(--color-11);border-radius: 100px;position: absolute;top: 50%;z-index: 9;transform: translateY(-50%);transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_arrow:before{width: 0px;left: -10px;}
.btn-send_a_brief .bc_arrow:after{right: -15px;}

.btn-send_a_brief:hover{transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_txt{transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_txt:before{left:100%;}
.btn-send_a_brief:hover .bc_txt:after{left:0%;}
.btn-send_a_brief:hover .bc_txt .txt_01{left: 200%;transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_txt .txt_02{left: 0%;transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_dots:before{left: -7px;transform: translateY(-50%) rotate(135deg) scale(1);transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_dots:after{right: -7px;transform: translateY(-50%) rotate(-45deg) scale(0);transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_arrow:before{width: 30px;transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_arrow:after{width: 0px;transition:all 300ms ease-in-out;}


#btn-hamburger{min-height: 50px;min-width: 65px;position: relative;z-index: 10;}
#btn-hamburger:before{content:"";width: 15px;height: 15px;border-radius: 100px;border-top: 2px solid #D4D4D4;border-left: 2px solid #D4D4D4;border-bottom: 2px solid transparent;border-right: 2px solid transparent;background: var(--color-01);backdrop-filter: blur(10px);position: absolute;top: 50%;left: -9px;transform: translateY(-50%) rotate(135deg) scale(1);transition: all 400ms ease-in-out;}
#btn-hamburger:after{content:"";width: 25px;height: 1px;background: var(--color-02);position: absolute;top: 70%;left: 54%;transform: translate(-50%, -50%);z-index: 9;transition: all 400ms ease-in-out;}
#btn-hamburger span{position: absolute;right: 0%;width: 92%;height: 100%;}
#btn-hamburger span:before{content:"";width: 25px;height: 4px;background: var(--color-02);position: absolute;top: 34%;left: 50%;transform: translate(-50%,-50%);transition: all 400ms ease-in-out;}
#btn-hamburger span:after{content:"";width: 25px;height: 2px;background: var(--color-02);position: absolute;top: 53%;left: 50%;transform: translate(-50%, -50%);transition: all 400ms ease-in-out;}
 


.menu-container {/* position: absolute; */width:100%;height: 100%;left: 0;margin: 0 auto;z-index: 98;   }


.menu-container .col-md-6.borders{border-left:1px solid #585858;}

.button_container {cursor: pointer;height: 90px;width: 120px;position: fixed;top: 40px;right: 20px;z-index: 1000;transition: opacity 0.25s ease;}
.button_container:hover {opacity: 0.7;}
.button_container.active .top {transform: translateY(11px) translateX(0) rotate(45deg);top: 35px;}
.button_container.active .middle {opacity: 0;left:50px;}
.button_container.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);top: 55px;}
.button_container span {background:var(--color-11);border: none;height: 2px;width: 60px;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: 33px;}
.button_container span:nth-of-type(2) {top: 50%;}
.button_container span:nth-of-type(3) {top: 57px;}

.menu-container .overlay {position: fixed; background: var(--color-01); top: 0;left: -100%;max-width: 100%;width: 100%;height: 100%;/* opacity: 0; */visibility: hidden;overflow:hidden;display: flex;align-items: center;padding: 100px 50px 100px 50px;z-index: 97;transition: all 500ms ease-in-out;/*! transition: opacity 0.5s, visibility 0.5s, width 0.5s; */ }
.menu-container .overlay::before{content:""; position: absolute; inset:0; background-image: url("../img/nav-menu-bg.png");
    background-repeat: no-repeat; 
    background-size: 0%; filter: blur(20px); transition: all .3s ease;}

.menu-container .overlay.open::before{background-size: cover;}
.menu-container .overlay:after{content:"";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 nav {overflow: hidden;width: 100%;}
.menu-container .overlay .overlay-menu ul {width: 100%;list-style: none;padding: 0;margin: 0px auto 0px auto;border-top: 2px dashed #cccccc;position: relative;}
.menu-container .overlay .overlay-menu ul li {display: block;position: relative;opacity: 0;padding: 0px;border-bottom: 2px dashed #cccccc;}
.menu-container .overlay .overlay-menu ul li a {/*color: var(--color-02);*/ color:#fff; font-family: "Tiro Telugu", serif !important;font-size: calc(2rem + 4vh);font-weight: 100;text-align: left;display: block;position: relative;line-height: 1;text-decoration: none;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:-1px;left: 0%;width: 0%;border-bottom: 2px dashed var(--color-02);z-index: 111;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-11);transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li.active a{color:var(--color-11);transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li.active a:after {top: 22%;width: 100%;height: 100%;background: #0c0c0c;}

.menu-container .overlay .overlay-menu ul li:nth-child(1) a{padding-left: 0%;}
.menu-container .overlay .overlay-menu ul li:nth-child(2) a{padding-left: 15%;}
.menu-container .overlay .overlay-menu ul li:nth-child(3) a{text-align: center;}
.menu-container .overlay .overlay-menu ul li:nth-child(4) a{text-align: right;}
.menu-container .overlay .overlay-menu ul li:nth-child(5) a{padding-left: 0%;}
.menu-container .overlay .overlay-menu ul li:nth-child(6) a{text-align: center;}

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

.menu-stripe {position: fixed;top: 0;left: 0;width: 100%;height: 130px;background: var(--color-01);z-index: 1;}


@media only screen and (max-width : 768px) { 
	
	.menu-stripe {height: 80px;}
	
	.brand-logo{top: 20px;left: 30px;}
	.brand-logo img{height: 45px;}
	
	.button_container{width: 60px;height: 60px;top: 10px;right: 20px;}
	.button_container span{width:40px;}
	.button_container span:nth-of-type(1) {top: 20px;}
	.button_container span:nth-of-type(2) {top: 50%;}
	.button_container span:nth-of-type(3) {top: 40px;}
	
	.button_container.active .top {transform: translateY(11px) translateX(0) rotate(45deg);top: 19px;}
	.button_container.active .middle {opacity: 0;left:50px;}
	.button_container.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);top: 40px;}

		
	.menu-container .overlay{padding: 90px 30px 40px 30px;}
	.menu-container .overlay .overlay-menu ul li a{font-size: 30px;}
	
	
	
}
/* ===== footer.css ===== */
footer{background:var(--color-01);padding: 50px 50px;position: relative;z-index:99;overflow:hidden;} 
footer .container-fluid{position:relative;z-index:9;padding-bottom: 0px;}

footer .f_content h4,
footer .f_content ul li{font-size:var(--rfs-24);}
footer .f_content{height: 100%;text-align: left;display: inline-flex;flex-direction: column;justify-content: space-between;}
footer .f_content img{border-radius:0px 20px;}
footer .f_content h4{min-height: 60px;margin-bottom: 20px;display: flex;flex-direction: column;align-items: baseline;justify-content: flex-end;}
footer .f_content ul{margin: 0px;padding: 0px;list-style-type: none;}
footer .f_content ul li{}
footer .f_content ul li a{display:block;;color:var(--color-02);text-decoration:none;position:relative;}
footer .f_content ul li a:after{content:"";width:0%;height:3px;background:var(--color-11);position:absolute;right:0;bottom:0;transition:all 300ms ease-in-out;}
footer .f_content ul li a:hover{color:var(--color-11);transition:all 300ms ease-in-out;}
footer .f_content ul li a:hover:after{width:100%;right:inherit;left:0;transition:all 300ms ease-in-out;}
footer .f_content div:nth-child(1){}
footer .f_content div:nth-child(2){  overflow: hidden;}

footer .f_content {width:100%;}

 footer .f_content div:nth-child(2) .speed-test {
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      width: 100%;
      /*  padding: 10px 0;*/
    }

 footer .f_content div:nth-child(2) .speed-test-track {
      display: inline-flex;
      align-items: center;
      gap: 2.5rem;
      animation: scroll 20s linear infinite;
    }

 footer .f_content div:nth-child(2) .speed-test-item {
      flex: 0 0 200px;
/*	 border:1px solid #000;*/
    }

  footer .f_content div:nth-child(2) .speed-test-item img {
      max-height: 90px;
      width: auto;
      height: auto;
      display: block;
	  
    }

    /* Animation */
    @keyframes scroll {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }
/***********************/
/*       Footer        */
/***********************/

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

ul.social_media {margin: 40px 0px 0px 0px;padding: 0px;list-style-type: none;gap: 10px;position: relative;z-index: 99;display: flex;align-items: flex-end;justify-content: space-between;}
ul.social_media>li {display: block;}
ul.social_media>li {transition: all 300ms ease-in-out;}

ul.social_media li a {color: var(--color-02);font-size: var(--rfs-16);font-weight: 500;letter-spacing: 0px;text-transform: uppercase;text-decoration: none;padding-right: 20px;display: inline-block;position: relative;transition: all 300ms ease-in-out;}
ul.social_media li a img{}
ul.social_media li a .sm_txt{}
ul.social_media li a .sm_arrow{width: 11px;height: 11px;position: absolute;bottom: 5px;right: 0px;}
ul.social_media li a .sm_arrow:before,
ul.social_media li a .sm_arrow:after{content:"";width: 100%;height: 100%;background: url("../img/icons/up-right-arrow-pink.webp") no-repeat center center;background-size: contain;position:absolute;transition: all 300ms ease-in-out;}
ul.social_media li a .sm_arrow:before{bottom: 0px;right:0px;filter: brightness(0);}
ul.social_media li a .sm_arrow:after{bottom: -20px;right: 20px;transform: scale(0);}

ul.social_media li a:hover{color: var(--color-11);transition: all 300ms ease-in-out;}
ul.social_media li a:hover .sm_arrow:before{bottom: 20px;right: -20px;transform: scale(0);transition: all 300ms ease-in-out;}
ul.social_media li a:hover .sm_arrow:after{bottom: 0px;right:0px;transform: scale(1);transition: all 300ms ease-in-out;}

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

footer .container-fluid{ padding-top:0px;}

@media(max-width:1366px){
	footer .container-fluid .row > div{padding-inline:0px;}
	section.contact-sec-hero .container-fluid .row > div{padding-inline:0px;}
		footer .container-fluid .row > div:nth-child(3) .f_content{padding-left: 1rem;}
}

@media (max-width:1280px){


}

@media(max-width:1024px){
	footer .f_content ul li br{display: none;}
	footer .f_content div:nth-child(2){margin-top:1rem;}
    footer .row > div .f_content h4 {justify-content: flex-end; margin-bottom: 0.3rem; line-height: 1.5;}
	footer .container-fluid .row > div:nth-child(3) .f_content{padding-left: 0rem;}
	
}

@media (max-width:768px){
	footer {padding:0px 20px 20px;}

}
    @media (max-width: 576px) {
      /* .speed-test-item img { max-height: 50px;}*/

       footer .f_content div:nth-child(2) .speed-test-item {  flex: 0 0 150px; }
       footer .f_content div:nth-child(2) .speed-test-track { gap: 1.5rem; }
	   .MuiBox-root.mui-style-1iwv4pn { padding-bottom: 0px; }

		
    }


@media (max-width: 576px){
	    footer .f_content div:nth-child(2) { margin-top: 1rem;}
}

@media only screen and (max-width : 480px) 
{
	footer{padding: 0px 20px 0px 20px;}
	footer .f_content{width: 100%;gap: 20px;margin-bottom: 20px;padding-top: 20px;border-top: 1px solid #ccc;height: auto; }
	footer .f_content h4{font-size: 18px;min-height:auto;margin-bottom: 10px;}
	footer .f_content img{margin-top: -15px;}
	footer .f_content ul li{font-size: 15px;}
	footer .f_content ul li br{display:none;}
	footer .f_content div:nth-child(2) { margin-top: 0rem;}
	footer .f_content div:nth-child(2) .speed-test-track{padding-top:1rem;}
	

}