
/* ===== 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:#392B70;
	--color-12:#CBCBF8;
	--color-13:#FF5515;
	--color-14:#FFEBE3;
	--color-15:#9DB0DF;
		
	--rfs-100: clamp(2.5rem, 6vw, 100px);
	--rfs-92: clamp(2.5rem, 6vw, 92px);
	--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;}
 

.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:20vh;height:20vh;background: url("../img/loader-img.webp") 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: "Lato", sans-serif !important;font-size: var(--rfs-18);font-weight: 400;background-repeat:no-repeat;background-position: center bottom;background-attachment:fixed;} 

 
h5.titles {font-size:15px;font-family: "Lato", sans-serif;font-weight: 800;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:50px;padding-top:20px;max-width:400px;position:relative;gap: 20px;display: flex;align-items: center;}
h5.titles::before {content: "";width: 31px;height: 31px;background-repeat:no-repeat;background-position:center center;background-size:contain;display: inline-block;} 
h5.titles span{}

h5.titles.orange_white::before{background-image: url("../img/pw-orange_white.png");}
h5.titles.white_orange::before{background-image: url("../img/pw-white_orange.png");}
h5.titles.white_purple::before{background-image: url("../img/pw-white_purple.png");}



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

h1,
h2,
h3,
h4,
h5 {font-family: "Antonio", sans-serif;font-weight:400;line-height: 1;letter-spacing: 0px;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 60px;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;}
 

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




.anime_row {overflow: hidden;}
.anime_col{position:relative}


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

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




.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-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-family: "Antonio", sans-serif;font-size: 16px;font-weight: 700;line-height: 1;letter-spacing: 0.5px;text-align: center;text-transform: uppercase;padding: 11px 35px 13px 25px;border-radius: 8px;border: 1px solid var(--color-01);overflow: hidden;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: 32px;height: 32px;border-radius: 8px;/*background:#f4b278;*/overflow: hidden;position: absolute;top: 52%;right: -15px;transform: translateY(-50%);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-orange.png') no-repeat center center;background-size: 12px;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;}

.btn-km:hover .bkm-arrow {box-shadow: 0px 0px 10px #ffffff;}

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


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

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




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

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






/* 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: hue-rotate(225deg) brightness(0.5); */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: brightness(100);}
.btn-km.white:hover .bkm-arrow:after{background: var(--color-13);}

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

:root{
	--color-11: #392B70;
	 --color-13: #FF5515;
}
header{width: 100%;  padding: 10px 60px;display: flex;justify-content: space-between;align-items: center;position:fixed;top: 0px;z-index: 9999;gap: 5px;transition:all 300ms ease-in-out; /*overflow: hidden;*/backdrop-filter: blur(10px);
}
header.active_header{/*top:-140px;*/transition:all 300ms ease-in-out; }
header.active{top: 0px;transition:all 300ms ease-in-out; }
header::before{
	content:"";
    position: absolute;
	top:0;
	left:0;
	width:0%;
	height:100%;
/*	background: linear-gradient(90deg, #ffffff, transparent);*/
/*	background-size: 0% 100%;*/
	background: #fff;
	transition: all .3s ease-out;
	z-index:-1;
	
}

header.active_header::before{
	width:100%;

}



/*header .navbar-nav {    background: #fffffff5;}*/

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

header .dropdown-item.active,header .dropdown-item:active{
	color: var(--color-11);
	background: transparent;
}

div#navbarNav {widows: 100% !important;}
header nav {width: 100%;padding: 0px !important;z-index: 9;justify-content: space-between !important;}
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;}

ul.nav_3buttons{margin: 0px;padding: 5px;list-style-type: none;border-radius: 10px;border: 1px solid var(--color-11);gap: 30px;background: #ffffff7a;backdrop-filter: blur(10px);display: flex;flex-direction: row;}
ul.nav_3buttons li{position:relative}
ul.nav_3buttons li:after{content:"";width: 1px;height: 80%;background: var(--color-11);position:absolute;right: -15px;top: 0;bottom: 0;margin: auto;}
ul.nav_3buttons li a{color: var(--color-11);font-family: "Antonio", sans-serif;font-size: 16px;font-weight: 700;text-transform: uppercase;text-decoration: none;padding: 5px 30px;display: block;}
ul.nav_3buttons li a .nv-text{}
ul.nav_3buttons li:nth-last-child(1):after{display:none;}

header ul li a{color: var(--color-11);font-family: "Antonio", sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase;text-decoration: none;padding: 5px 30px;display: block;}

.logo-plastiworld {color: #0E1D42;font-size:20px;text-decoration: none;padding-right: 22px;z-index: 9999;gap: 20px;overflow: hidden;background: linear-gradient(90deg, #ffffff, transparent);border-radius: 100px;backdrop-filter: blur(10px);display: flex;justify-content: flex-end;transition:all 500ms ease-in-out;flex-direction: row;align-items: center;}
.logo-plastiworld .plastiworld{width: 340px;height: 100px;overflow:hidden;position:relative;transition: all 300ms ease-in-out;}
.logo-plastiworld .plastiworld img{position:absolute;top:0;left:0;bottom:0;margin:auto;}
.logo-plastiworld .emblem{width: 100px;transition: all 300ms ease-in-out;}
.logo-plastiworld .tagline{width: 140px;font-size: 16px;font-weight: 500;padding-left: 11px;border-left: 1px solid;opacity:1;transition:all 500ms ease-in-out;}

header.active_header .logo-plastiworld{gap:0px;padding:0px;}
header.active_header .logo-plastiworld .plastiworld{width: 0px;transition: all 300ms ease-in-out;}
header.active_header .logo-plastiworld .emblem{}
header.active_header .logo-plastiworld .tagline{font-size: 0px;padding-left: 0px;width: 0px;opacity:0;transition: all 300ms 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(max-width:992px){
	.logo-plastiworld .plastiworld img {width:95%;}
	.logo-plastiworld .tagline {width: 275px;}
}
@media(max-width:991px){
	header .navbar-nav .nav-item{padding-left: 1rem;}
	.dropdown-item.sublinks.active, .dropdown-item.sublinks:active {
    color: #fff ;
    text-decoration: none;
    background-color: var(--color-13);
}

}

@media only screen and (max-width : 768px) { 
	header .navbar-nav{
	background: #fff;
}
	   
	.logo-plastiworld .plastiworld{width:200px;}
	.logo-plastiworld .tagline { width: 160px;}
	.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;}
	
}

@media(max-width:576px){
	.logo-plastiworld .emblem {width: 100px;}
	 .logo-plastiworld .tagline { width: 100px;font-size: 0.7rem;}
	 .logo-plastiworld .plastiworld { width: 134px;}
	.logo-plastiworld .plastiworld img{width:100%;}
}

@media(max-width:480px){
/*	.btn_seemore.hand{order:2;}*/
	header.active_header .logo-plastiworld .plastiworld {width:180px;}
	header.active_header .logo-plastiworld {gap:16px;}
	header nav {justify-content: center !important;}
	header{padding:0px;width:100%;left:2px; left:0; right:0; top:0; padding-top:0px;}
	.logo-plastiworld .emblem { width: 50px;}
	
	.logo-plastiworld {flex-wrap: wrap;justify-content: center;padding:0px; align-items: center; gap:16px; backdrop-filter: blur(0px);}
/*	.logo-plastiworld .plastiworld  {width:155px;}*/
	.logo-plastiworld .plastiworld  {width:180px; height:50px;}
/*
	.logo-plastiworld .tagline {font-size: 0.7rem;width:74%;}
	.logo-plastiworld .tagline br{display: none;}
*/
	.logo-plastiworld .tagline{display: none;}
	ul.nav_3buttons{margin-bottom:12px;margin-inline:auto; order:1;}
	    .logo-plastiworld .plastiworld img {
        width: 85%;
    }
}

/* ===== footer.css ===== */
@font-face {
    font-family: 'AnandaFanko';
    src: url('../../assets/fonts/AnandaFanko2-1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Charcuterie-Sans-Italic';
    src: url('../../assets/fonts/Charcuterie-Sans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.footer_line_01{width:100%;height:40px;position:absolute;left:0px;top:0px;background: url("../img/footer-lines-01.png") repeat center center;background-size:contain;}

footer{/*ackground: var(--color-11);*/background: #190B4E;border-top:5px solid var(--color-13);padding:0px 0px 0px 0px;position: relative;z-index:99;overflow:hidden;gap: 0px;display: flex;flex-direction: column;}

footer .rfs-p{padding-top:100px;padding-bottom:40px;}
footer .logo-plastiworld-big{opacity:.8;margin-top: 20px;}
footer .sub-footer .main-row{align-items: center;}

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

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

footer .top-footer{color: rgba(255,255,255,0.6);position: relative;z-index: 9;} 
footer .top-footer .logo{filter: brightness(2);margin-top: 60px;margin-bottom: 30px;}
footer .top-footer h2{color:var(--color-13);font-size: var(--rfs-64);margin-bottom: 50px;gap: 30px;display: flex;align-items: center;}

footer .top-footer h2 span.hi-text{  font-family: 'AnandaFanko', sans-serif; font-size: var(--rfs-82);}
footer .top-footer h2{font-family: 'Charcuterie-Sans-Italic', sans-serif;}

footer .top-footer h2 .logo-emblem{width:120px;/*position: absolute;top: 50%;right: calc(100% + 30px);transform: translateY(-50%);*/}
footer .top-footer .logo-title{padding-left: 150px;}
footer .top-footer .logo-title p{font-size: 16px;max-width:350px;}

footer .sub-footer{padding-top: 40px;/*position: absolute;bottom: 0px;left: 0px;right: 0px;*/padding-bottom: 0px;z-index: 9;}
footer .sub-footer .container-fluid{padding-top: 30px;padding-bottom: 30px;} 
footer .sub-footer p{color: rgba(255,255,255,0.6);font-size: 12px;text-transform: uppercase;margin-bottom: 0px;}
footer .sub-footer1, footer .sub-footer li, footer .sub-footer a{color: var(--color-11);font-family: 'Lato';font-size: 12px;font-size: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;position: relative;z-index: 9;}
footer .sub-footer{}
 
ul.menu_footer{padding: 0px;margin: 0px 0px 0px 0px;list-style-type: none;gap: 10px;display: inline-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: var(--color-01);font-family: "Antonio", sans-serif;font-size: var(--rfs-24);font-weight: 100;padding: 0px 0px 3px 0px;position: relative;transition: all 300ms ease-in-out;}
ul.menu_footer li a:after{content:"";position:absolute;bottom: 0px;left:0px;width: 0%;height: 2px;background: var(--color-13);transition: all 300ms ease-in-out;}
ul.menu_footer li a span.menu-text{position:relative;z-index:9;}

ul.menu_footer li a:hover,
ul.menu_footer li a:focus,
ul.menu_footerli a:active{color: var(--color-13);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: flex-start;flex-wrap: wrap;}
ul.privacy_list li{padding: 0px;}
ul.privacy_list li a{color: rgba(255, 255, 255, 0.6);text-decoration: none;}
ul.privacy_list li a:hover{color: var(--color-11);text-decoration:none;}


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

footer .btn_km_right{float:right;}

.copyrights{gap:20px;display:flex;align-items:center;justify-content: flex-end;}


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

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

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



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

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

	footer h5{margin-bottom:10px;}
	ul.menu_footer{gap:0px;margin-bottom: 20px;}
	
	footer .sub-footer{/* border-top: 1px solid var(--color-03); */padding-top: 20px;padding-bottom: 0px;}
	footer .sub-footer p{text-align:left;}
	footer .sub-footer .row{display: flex;flex-direction: column-reverse;}
	
	.footer_line_01{height:20px;background-size: 100% 100%;}

	footer .top-footer.rfs-p{padding-top: 50px;padding-bottom: 0px;}
	footer .top-footer h2{font-size: var(--rfs-64);gap:20px;margin-bottom: 30px;}
	footer .top-footer h2 .logo-emblem{width: 70px;}
	footer .top-footer .logo-title{padding-left: 0px;}
	footer .top-footer .logo-title .logo-emblem{width: 70px;right: calc(100% + 20px);}
	
	.copyrights{margin-bottom: 10px;display: flex;flex-direction: column-reverse;align-items: flex-start;}
	footer .row.mt-5{margin-top:20px !important;}
	
}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width : 990px) {	 
		
	header nav{padding: 5px 0px 5px 0px !important;display: flex;justify-content: flex-end;}

}

@media only screen and (max-width : 1440px) {
	
	footer .footer_logo{max-width:120px;}
	footer h3{font-size:36px;}
	
}
@media  (max-width : 1366px) {
	footer .start_you_story { padding: 30px 10px 40px 0px;}
	
}
@media  (max-width : 480px) {
	footer .top-footer .logo-title p {font-size: 12px;}
	footer .top-footer h2 {font-size: 34px; flex-direction: column; align-items: flex-start;}
	ul.privacy_list {gap: 8px 20px;}
	ul.menu_footer li a {font-size: 1rem;}
	.rfs-p {
        padding: 0px 18px;
    }
	
}