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

::-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:#0e1d42;
	--color-12:#c7c7c7;
	--color-13:#F2AF74;
	--color-14:#383838;
	--color-15:#9DB0DF;
		
	--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);}
.color-15{color:var(--color-15);}

.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-15{background:var(--color-15);}


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

main {opacity: 0;transform: translateY(40px);transition: all 0.4s ease;}
main .error_page{height:100vh;display:flex;flex-direction: column;align-items:center;align-content:center;justify-content: center;}

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


.loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--color-11);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-11) 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:100%;height:100%;opacity: 0;background:var(--color-11);display: flex;align-items: center;}
#clickAnimation_wrp.current {z-index:999;opacity:1;} 



/*
*,
.btn_seemore{cursor:none;}
*/

html {scroll-behavior: smooth;}

div#html5lightbox-watermark,
div#html5-watermark {display: none !important;}
 
body {color: var(--color-02);font-family: "Manrope", sans-serif;font-size: var(--rfs-18);font-weight: 400;background-repeat:no-repeat;background-position: center bottom;background-attachment:fixed;} 


body{counter-reset: my-sec-counter;}
h5.titles {font-size:15px;font-family: "Manrope", sans-serif;text-transform: inherit;margin-bottom:50px;;padding-top:20px;max-width:400px;position:relative;}
h5.titles::before {counter-increment: my-sec-counter;content: "(0" counter(my-sec-counter) ")";margin-right:20px;} 
h5.titles::after{content:"";width:100%;position:absolute;top:0;left:0;border-top:1px solid;opacity:.3;}


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

h1,
h2,
h3,
h4,
h5 {font-family: "MetaCompPro-CondNormal W01 Rg";font-weight:400;line-height: 1;letter-spacing: 0px;text-transform: lowercase;position: relative;}

.heading_02{font-size:var(--rfs-54);}

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 span {color: var(--color-13) !important;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-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;}

div#appContent, main{min-height:100vh;}

#left-menu {padding-left: 4%;padding-right: 2%;width: 100%;max-width: 450px;height: 100%;position: fixed;top: 0;left:0;/*left: -450px;opacity: 0;*/z-index: 999;transition: all 400ms ease-in-out;}
#left-menu.active {left: 0px;opacity: 1;transition: all 400ms ease-in-out 1s;}


/*
.fixed-right-menu {position: fixed;top: 0;left: -300px;padding-left: 4%;padding-right: 2%;height: 100%;transition:all 400ms ease-in-out 1s;}
.active .fixed-right-menu{left:0px;transition:all 400ms ease-in-out 1s;}
*/


.btn-contact_us{line-height: 1;text-align: center;margin: 5px 0px;position: relative;display: inline-flex;transition:all 300ms ease-in-out;}

.btn-contact_us .bc_txt{text-transform: uppercase;display: flex;overflow: hidden;position: relative;min-height: 45px;min-width: 200px;border:2px solid var(--color-02);border-radius: 7px;transition:all 300ms ease-in-out;}
.btn-contact_us .bc_txt:before,
.btn-contact_us .bc_txt:after{content:"";width:100%;height:100%;position: absolute;top:0%;transition:all 300ms ease-in-out;}

.btn-contact_us .bc_txt:before{left:0%;background:var(--color-02);}
.btn-contact_us .bc_txt:after{left:-100%;}
.btn-contact_us .bc_txt span{text-transform: uppercase;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: absolute;top:0;left:0%;z-index: 9;transition:all 300ms ease-in-out;}

.btn-contact_us .bc_txt .txt_01{color: var(--color-01);padding-right: 10px;left: 0%;}
.btn-contact_us .bc_txt .txt_02{color: var(--color-02);padding-left: 10px;left: -100%;}

.btn-contact_us .bc_dots{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.btn-contact_us .bc_dots:before,
.btn-contact_us .bc_dots:after{content:"";width: 15px;height: 15px;border-radius: 100px;border-top: 2px solid var(--color-02);border-left: 2px solid var(--color-02);border-bottom: 2px solid transparent;border-right: 2px solid transparent;background: #fee8f5;position: absolute;top: 50%;transition:all 300ms ease-in-out;}

.btn-contact_us .bc_dots:before{left: -7px;transform: translateY(-50%) rotate(135deg) scale(0);}
.btn-contact_us .bc_dots:after{right: -7px;transform: translateY(-50%) rotate(-45deg);}
.btn-contact_us .bc_arrow{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.btn-contact_us .bc_arrow:before,
.btn-contact_us .bc_arrow:after{content:"";width: 30px;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-contact_us .bc_arrow:before{width: 0px;left: -10px;}
.btn-contact_us .bc_arrow:after{right: -10px;}


.btn-contact_us:hover{transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_txt{transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_txt:before{left:100%;}
.btn-contact_us:hover .bc_txt:after{left:0%;}
.btn-contact_us:hover .bc_txt .txt_01{left: 200%;transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_txt .txt_02{left: 0%;transition:all 300ms ease-in-out;}

.btn-contact_us:hover .bc_dots:before{left: -7px;transform: translateY(-50%) rotate(135deg) scale(1);transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_dots:after{right: -7px;transform: translateY(-50%) rotate(-45deg) scale(0);transition:all 300ms ease-in-out;}

.btn-contact_us:hover .bc_arrow:before{width: 30px;transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_arrow:after{width: 0px;transition:all 300ms ease-in-out;}



.btn-download{font-size: 14px;font-weight: 500;text-transform: uppercase;gap:15px;display: inline-flex;flex-direction: row;align-items: center;transition:all 300ms ease-in-out;}
.btn-download .bdn-text{padding: 3px 0px;position: relative;}
.btn-download .bdn-text:before{content:"";width: 100%;height: 1px;background: var(--color-01);position: absolute;bottom: 0px;right: 0px;z-index: 1;transition:all 300ms ease-in-out;}
.btn-download .bdn-text:after{content:"";width: 0%;height: 2px;background: var(--color-11);position: absolute;bottom: 0px;right: 0px;z-index: 3;transition:all 300ms ease-in-out;}
.btn-download .bdn-icon{}
.btn-download .bdn-icon img{}

.btn-download:hover{color:var(--color-11);transition:all 300ms ease-in-out;}
.btn-download:hover .bdn-text:after{width: 100%;transition:all 300ms ease-in-out;}


.btn-km {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-km .bkm-text {font-size: 15px;font-weight: 500;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-km .bkm-text:before, .btn-km .bkm-text:after {content: "";width: 0px;height: 100%;position: absolute;top: 0%;right: 0px;transition: all 300ms ease-in-out;}
.btn-km .bkm-arrow {width: 40px;height: 40px;border-radius: 0px;/*background:#f4b278;*/position: relative;z-index: 9;transition: all 300ms ease-in-out;}
.btn-km .bkm-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-km .bkm-arrow:after {content: "";width: 100%;height: 100%;position: absolute;top: 0%;left: 0%;transition: all 300ms ease-in-out;}

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


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

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


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

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



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

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

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

.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;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: 40px;background:var(--color-02);border-radius: 100px;border: 1px solid var(--color-01);transform: rotate(0deg);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: 40px;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"]:before{content:"close";color: var(--color-01);right: 40px;border-color: var(--color-02);transition:all 500ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"]:after{width:80px;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);
	}
	*/
	:root {
		--rfs-82: clamp(3rem, 5vw, 78px);
		--rfs-72: clamp(2.75rem, 4vw, 68px);
		--rfs-64: clamp(2.5rem, 4vw, 60px);
		--rfs-54: clamp(2.25rem, 3.5vw, 52px);
		--rfs-48: clamp(2rem, 3vw, 46px);
		--rfs-42: clamp(1.85rem, 2.8vw, 40px);
		--rfs-36: clamp(1.75rem, 2.5vw, 34px);
		--rfs-30: clamp(1.5rem, 2.2vw, 28px);
		--rfs-24: clamp(1.35rem, 1.8vw, 22px);
		--rfs-21: clamp(1.25rem, 1.6vw, 20px);
		--rfs-18: clamp(1.15rem, 1.5vw, 18px);
		--rfs-16: clamp(1rem, 1.4vw, 16px);
	}

}


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

	:root {
		--rfs-82: clamp(2.75rem, 8vw, 60px);
		--rfs-72: clamp(2.5rem, 7vw, 52px);
		--rfs-64: clamp(2.25rem, 6.5vw, 46px);
		--rfs-54: clamp(2rem, 6vw, 40px);
		--rfs-48: clamp(1.75rem, 5.5vw, 34px);
		--rfs-42: clamp(1.6rem, 5vw, 30px);
		--rfs-36: clamp(1.5rem, 4.8vw, 26px);
		--rfs-30: clamp(1.35rem, 4.5vw, 22px);
		--rfs-24: clamp(1.25rem, 4vw, 20px);
		--rfs-21: clamp(1.15rem, 3.8vw, 18px);
		--rfs-18: clamp(1.1rem, 3.8vw, 17px);
		--rfs-16: clamp(1rem, 3.5vw, 16px);
	}

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

	footer{padding:0px !important;}
	footer .row.align-items-end{flex-direction: column-reverse !important;}
	footer .p-0, footer .pl-0, footer .pr-0{padding-left:calc(var(--bs-gutter-x) * .5) !important;padding-right: calc(var(--bs-gutter-x) * .5) !important;}
	footer h6.titles {margin-top:10px;margin-bottom: 5px;}
	ul.links_quick-big{margin-bottom:25px !important;}

	.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;}
	ul.social_media{margin-top: 10px !important;margin-bottom:30px !important;flex-wrap: wrap;}
	
	.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;}
	
	
	
	
}

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

.logo-varcon {color: #0E1D42;font-size:20px;text-decoration: none;padding-right: 22px;z-index: 9999;gap: 20px;display: flex;align-items: center;justify-content: flex-end;transition:all 500ms ease-in-out;flex-direction: row-reverse;}
.logo-varcon .varcon{filter:brightness(100);}
.logo-varcon .emblem{}
.logo-varcon .tagline{display: none;font-size: 16px;width: 400px;position: absolute;left: 100%;padding-left: 11px;border-left: 1px solid;transition:all 500ms ease-in-out;}

.logo-varcon.logo_tagline{/* background: #ffffff; *//* width:300px; */box-shadow: 0px 0px 0px 5px #ffffffe0;transition:all 500ms ease-in-out;}
.logo-varcon.logo_tagline .tagline{right:-500px;transition:all 500ms ease-in-out;}

.btn-send_a_brief{font-size: 14px;font-weight: 700;line-height: 1;min-height: 46px;text-align: center;margin: 0px 0px;overflow:hidden;position: relative;z-index: 11;display: inline-flex;border: 2px solid transparent;box-shadow: 0px 0px 0px 1px var(--color-01);transition:all 300ms ease-in-out 400ms;}
.btn-send_a_brief .bc_txt{text-transform: uppercase;display: flex;overflow: hidden;position: relative;min-height: 100%;min-width: 170px;margin-right:1px;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: #ffffff; */}
.btn-send_a_brief .bc_txt:after{left:-100%;background: linear-gradient(270deg, #976330 20%, #efb078 40%, #976330 100%);opacity: 1;}
.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-01);/* padding-right: 10px; */left: 0%;}
.btn-send_a_brief .bc_txt .txt_02{color: var(--color-01);padding-left: 10px;left: -100%;}
.btn-send_a_brief .bc_dots{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;}
.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;/* display: none; */}
.btn-send_a_brief .bc_arrow:before,
.btn-send_a_brief .bc_arrow:after{content:"";width: 1px;height: 100%;background: #ffffff;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;display: none;}
.btn-send_a_brief .bc_arrow:after{right: -4px;}

.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{padding-right: 10px;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;}

header{display: flex;justify-content: space-between;align-items: center;width: calc(90vw + 20px);padding: 10px 20px;/* background: #00000012; */position:fixed;top:40px;right: 4vw;z-index: 9999;gap: 5px;overflow: hidden;backdrop-filter: blur(11px);transition:all 500ms ease-in-out;}
header.active_header{top:-140px;transition:all 500ms ease-in-out;}
header.active{background:var(--color-11);transition:all 500ms ease-in-out;}


div#navbarNav {widows: 100% !important;}
header nav {width: 100%;padding: 0px !important;z-index: 9;}
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-01) !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: 13px 20px 14px 20px;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;}



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

ul.social_media_menu {margin: 0px 0px 0px 0px;padding: 0px;list-style-type: none;width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;}
ul.social_media_menu>li {display: block;/* padding-right: 10px; */}
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;align-items: center;padding: 8px;/* border: 1px solid var(--color-08); */border-radius: 100px;width: 50px;height: 50px;overflow:hidden;position: relative;transition: all 500ms ease-in-out;}
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{/* filter: grayscale(1) brightness(0); */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{/* filter: invert(1) brightness(100); */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;}


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

@media only screen and (max-width : 768px) { 
	
	.bnf-logo{top:20px;left:20px;}
	header{top:10px;right:10px;}
	#menu_wrp{top:20px;right:20px;}
	#menu_wrp.open{top:10px;max-width:calc(100% - 35px);}
	
	.menus_list nav ul li a{font-size:36px;}
	
}

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

footer{padding: 0% 5vw 5vh 5vw;position: relative;z-index:99;overflow:hidden;}
footer:after{content:"";width:100%;height:100%;position:absolute;bottom:0px;left:0px;opacity: 0.2;}
footer .container-fluid{background: #0e1d42;position:relative;z-index:9;padding: 25px 35px;}
footer ul.contact_details{margin:0px;padding:0px;list-style-type:none;gap: 30px;display:flex;flex-direction: row;}
footer ul.contact_details li{position:relative;}
footer ul.contact_details li:before{content:"";width: 1px;height: 100%;background: #fff;position: absolute;top: 0;right: -18px;}
footer ul.contact_details li a{color: var(--color-01);text-decoration: none;}


footer ul.address_details{margin:0px;padding:0px;list-style-type:none;gap: 30px;display:flex;flex-direction: row;justify-content: flex-end;}
footer ul.address_details li{position:relative;}
footer ul.address_details li:before{content:"";width: 1px;height: 100%;background: #5e76a5;position: absolute;top: 0;right: -18px;}
footer ul.address_details li a{color: var(--color-01);text-decoration: none;}

footer ul.contact_details li:nth-last-child(1):before,
footer ul.address_details li:nth-last-child(1):before{display:none;}

footer ul.address_details li:nth-last-child(1) a{color:#5e76a5;}


footer ul.contact_details li a:hover,
footer ul.address_details li a:hover{color: #FF9F34}


ul.links_quick-big{margin: 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;flex-direction: column;}
ul.links_quick-big li{}
ul.links_quick-big li a{color: var(--color-02);font-size: var(--rfs-48);line-height: 1;text-decoration: none;transition:all 300ms ease-in-out;}
ul.links_quick-big li a .lq_txt{position: relative;display: inline-flex;transition:all 300ms ease-in-out;}
ul.links_quick-big li a .lq_txt:after{content:"";width: 0%;height: 15px;opacity: .1;background: var(--color-11);position:absolute;bottom:0px;right: 0px;transition:all 300ms ease-in-out;}

ul.links_quick-big li a:hover{color:var(--color-11);transition:all 300ms ease-in-out;}
ul.links_quick-big li a:hover .lq_txt:after{width:100%;right: inherit;left: 0px;transition:all 300ms ease-in-out;}

.links_quick-wrapper {position: relative;}
.links_quick-wrapper .slider-line {pointer-events: none;position: absolute;bottom: 0px;left: 0;height: 12px;opacity: .1;background-color: var(--color-11);transition: all 0.3s ease;width: 0;}
.links_quick-wrapper ul.links_quick-small{height: 100%;margin: 0px;padding: 0px;list-style-type: none;gap: 30px;display: flex;justify-content: space-between;}
.links_quick-wrapper ul.links_quick-small li{}
.links_quick-wrapper ul.links_quick-small li a{color: var(--color-02);font-size: var(--rfs-16);font-weight:600;text-transform: uppercase;text-decoration: none;position: relative;padding: 0px 0px 0px 0px;height: 56px;display: flex;align-items: center;}
.links_quick-wrapper ul.links_quick-small li a .lq_txt{line-height: 1;padding-right: 15px;position: relative;}

.links_quick-wrapper ul.links_quick-small li a .lq_txt:before,
.links_quick-wrapper ul.links_quick-small li a .lq_txt:after{content:"";width: 12px;height: 12px;background: url("../img/icons/up-right-arrow-pink.webp") no-repeat center center;background-size: contain;position:absolute;transition: all 300ms ease-in-out;}

.links_quick-wrapper ul.links_quick-small li a .lq_txt:before{bottom: 0px;right:0px;filter: brightness(0);transform: scale(0);}
.links_quick-wrapper ul.links_quick-small li a .lq_txt:after{bottom: -20px;right: 20px;transform: scale(0);}

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

.bc_wrp{position: relative;z-index: 1;}
.bc_wrp h2.big_bnf{font-size: 9.4vw;line-height: 1;text-indent: -0.5vw;margin-bottom: 0px;position: relative;}
.bc_wrp p.copyright{font-size: 14px;font-weight: 700;margin-bottom: 0px;position: absolute;bottom: 8%;right: 0px;z-index: 9;}

.footer-icon-01{position: relative;left:-15px;z-index: 9;}
.footer-icon-01 .illustration{}
.footer-icon-01 .line{position: absolute;bottom: 30%;left:82%;}

.about-bnf{padding-bottom: 80px;}
.about-links{border-top: 1px solid var(--color-02);border-bottom: 1px solid var(--color-02);position: relative;z-index: 9;}
.about-social{padding-top: 50px;padding-bottom: 50px;position: relative;}

.flex_column_space{display: flex;flex-direction: column;justify-content: space-between;}

.f_box{}
.f_box a{color:var(--color-02);text-decoration:none;display:inline-block;}
.f_box p{line-height: 1;margin-bottom:0px;}
.f_box p span{font-size:14px;position:relative;}
.f_box p span:before{content:"";width:0px;height:1px;background:var(--color-11);position:absolute;top:104%;left:0px;transition:all 300ms ease-in-out;}

.f_box a:hover{color:var(--color-11);}
.f_box a:hover span:before{width:100%;transition:all 300ms ease-in-out;}


.pr-0{padding-right:0px !important;}
.pl-0{padding-left:0px !important;}

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



#sm_extraline,
#sm_extraline.default{width: 238px;position: absolute;top: 125px;left: 41.66666667%;z-index: 999; transform: scale(0.01); transition: all 300ms ease-in-out;}

#sm_extraline ul{margin: 0px;padding: 0px;list-style-type: none;z-index:99;gap: 10px;display: flex;flex-direction: row;}
#sm_extraline ul li{background: var(--color-02);padding: 5px 4px 7px 4px;border-radius: 6px;transition:all 300ms ease-in-out;}
#sm_extraline ul li span{color: var(--color-01);line-height: 1;width:0px;height: 24px;background: var(--color-02);overflow: hidden;display: flex;align-items: center;transition:all 300ms ease-in-out;}


#sm_extraline.sm_01{top: 25px;left: 41.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}
#sm_extraline.sm_02{top: 25px;left: 43.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}
#sm_extraline.sm_03{top: 25px;left: 46.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}
#sm_extraline.sm_04{top: 25px;left: 49.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}
#sm_extraline.sm_05{top: 25px;left: 51.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}


#sm_extraline.sm_01 ul li:nth-child(1),
#sm_extraline.sm_02 ul li:nth-child(2),
#sm_extraline.sm_03 ul li:nth-child(3),
#sm_extraline.sm_04 ul li:nth-child(4),
#sm_extraline.sm_05 ul li:nth-child(5),
#sm_extraline.sm_06 ul li:nth-child(6){margin-left:20px;}

#sm_extraline.sm_01 ul li:nth-child(1) span,
#sm_extraline.sm_02 ul li:nth-child(2) span,
#sm_extraline.sm_03 ul li:nth-child(3) span,
#sm_extraline.sm_04 ul li:nth-child(4) span,
#sm_extraline.sm_05 ul li:nth-child(5) span,
#sm_extraline.sm_06 ul li:nth-child(6) span{padding-left:10px;padding-right:10px;}

#sm_extraline.sm_01 ul li:nth-child(1) span{width: 95px;}
#sm_extraline.sm_02 ul li:nth-child(2) span{width: 110px;}
#sm_extraline.sm_03 ul li:nth-child(3) span{width: 100px;}
#sm_extraline.sm_04 ul li:nth-child(4) span{width: 120px;}
#sm_extraline.sm_05 ul li:nth-child(5) span{width: 100px;}
#sm_extraline.sm_06 ul li:nth-child(6) span{width: 300px;}


 

#cursor.freebies  .c_icon{background-image:url("../img/stickers/freebies.webp");}
#cursor.blog      .c_icon{background-image:url("../img/stickers/blog.webp");}
#cursor.careers   .c_icon{background-image:url("../img/stickers/careers.webp");}
#cursor.contact   .c_icon{background-image:url("../img/stickers/contact.webp");}
#cursor.privacy   .c_icon{background-image:url("../img/stickers/privacy.webp");}
#cursor.sitemap   .c_icon{background-image:url("../img/stickers/sitemap.webp");}
 
#cursor.freebies  .c_icon,
#cursor.blog      .c_icon,
#cursor.careers   .c_icon,
#cursor.contact   .c_icon,
#cursor.privacy   .c_icon,
#cursor.sitemap   .c_icon{width:70px;height:70px;top:-60px;left:0px;}

#cursor.freebies  .c_text,
#cursor.blog      .c_text,
#cursor.careers   .c_text,
#cursor.contact   .c_text,
#cursor.privacy   .c_text,
#cursor.sitemap   .c_text{display:none;}

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



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

	footer .container-fluid{}
	footer ul.contact_details,
	footer ul.address_details{margin-bottom: 12px;gap: 20px;display: flex;flex-direction: column;}
	
	footer ul.address_details{border-top:1px solid #5e76a575;padding-top:10px}
	footer ul.contact_details li:before,
	footer ul.address_details li:before{width: 100%;height: 1px;top: 131%;right: 0px;background: #5e76a575;} 
	
}