/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------HTML CLASSES A - D ALL --------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------AABBCCDD----------------------------------------------------- */
/* -------------------------------------------------AAAAAAAAAAA------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR MAIN MAIN MAIN --------------------------------------------------------------------------------------- */
.AVIOR {width: 100%; display: block; overflow: hidden !important; background: none;}
.ASIA {position: relative;}

/* ANCHOR INIT */
html a {text-decoration: none;}

/* ANIMATIONS - • - • - • LIBRARY FOR THIS IS AMAZING */
/* ANIMATIONS - • - • - • LIBRARY FOR THIS IS AMAZING */
/* ANIMATIONS - • - • - • LIBRARY FOR THIS IS AMAZING */
/* ANIMATIONS - • - • - • LIBRARY FOR THIS IS AMAZING */
@keyframes goleft {from {transform: translateX(-50px); opacity: 0;}
to {transform: translateX(0px); opacity: 1;}}
.GOLEFT {animation: goleft 1400ms ease-in-out;}

/* SLIDE N BLUR FROM RIGHT */
@keyframes goblur {
from {transform: translateX(60px); opacity:0; filter:blur(6px);}
to {transform: translateX(0); opacity:1; filter:blur(0);}}
.GOBLUR {animation: goblur 2s ease;}

/* SLIDE N BLUR FROM RIGHT */
@keyframes goups{from{transform:translateY(70px) scale(1.08);opacity:0;filter:blur(14px);}to{transform:translateY(0) scale(1);opacity:1;filter:blur(0);}}
.GOUPS{animation:goups 1.6s ease-out;}

/* BASIL : : BLUR BOXES WITH SHINE ON HOVER FOR ALL PAGES */
/* BASIL : : BLUR BOXES WITH SHINE ON HOVER FOR ALL PAGES */
/* BASIL : : BLUR BOXES WITH SHINE ON HOVER FOR ALL PAGES */
/* BASIL : : BLUR BOXES WITH SHINE ON HOVER FOR ALL PAGES */ 
.BASIL {background: linear-gradient(135deg, rgba(235,255,193,0.35), rgba(205,255,203,0.25)); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.4); padding: 18px; border-radius: 14px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); transition: all 350ms ease; position: relative; overflow: hidden;}
.BASIL::before {content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(120deg, transparent, rgba(255,255,255,0.6), transparent); transform:skewX(-20deg); transition: all 700ms ease;}
.BASIL:hover {transform: translateY(-6px) scale(1.01); box-shadow: 0 18px 40px rgba(0,0,0,0.15); border: 1px solid rgba(255,255,255,0.7);}
.BASIL:hover::before {left:140%;}
.BASIL h3 {letter-spacing: 1px;}
.BASIL p {opacity:0.9; line-height:1.6;}

/* MOBIX : : MOBILE VERSIONS HAVING ALL DETAILS FOR ALL PAGES */
/* MOBIX : : MOBILE VERSIONS HAVING ALL DETAILS FOR ALL PAGES */
/* MOBIX : : MOBILE VERSIONS HAVING ALL DETAILS FOR ALL PAGES */
/* MOBIX : : MOBILE VERSIONS HAVING ALL DETAILS FOR ALL PAGES */
.MOBIX{position:relative;background:linear-gradient(to bottom,#777e5e,#9a9e71);border-radius:20px;padding:10px;overflow:hidden;}
.IMA img{width:100%;border-radius:15px;display:block;}
.INFOBTN{position:absolute;right:20px;bottom:20px;width:95px;height:95px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 700ms cubic-bezier(.22,.61,.36,1);}
.CENTERBTN{position:absolute;width:58px;height:58px;background:linear-gradient(135deg,#caa648,#f8e27a,#b8962e);border-radius:50%;color:#2b2205;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;letter-spacing:1px;z-index:3;box-shadow:0 0 12px rgba(255,215,120,0.6);}
.ROTATE{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:2px;background:linear-gradient(90deg,#e6c15a,#fff1a6,#c59b33);-webkit-background-clip:text;color:transparent;animation:spin 9s linear infinite;}
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
/* INFO BOX */
.MOBIN{position:absolute;left:50%;transform:translateX(-50%) translateY(80px);bottom:15px;background:linear-gradient(to bottom,#102d23,#3b3e29);width:92%;padding:15px;border-radius:15px;opacity:0;transition:all 700ms ease 550ms;}
/* BUTTON EXIT ANIMATION */
[id^="INF"]:checked~.INFOBTN{transform:translateX(120px);opacity:0;pointer-events:none;}
/* INFO BOX APPEAR AFTER BUTTON EXIT */
[id^="INF"]:checked~.MOBIN{opacity:1;transform:translateX(-50%) translateY(0);}
/* HIDE CHECKBOX */
[id^="INF"]{display:none;}

/* BOXES FOR ALL PAGES */
/* BOXES FOR ALL PAGES */
/* BOXES FOR ALL PAGES */
/* BOXES FOR ALL PAGES */
.BASER {transition: all 900ms ease-in-out;}
.BASER:hover {transform: scale(0.97);}
.BOUT {position: absolute; bottom: 10px; z-index: 15;}
.BINC {background: fixed linear-gradient(to bottom,#102d23,#30361cc5); 
box-shadow: 0 8px 18px rgba(0,0,0,0.35); transition: all 0.4s ease; border-radius: 8px;}
.BINC p {color: #f6ffa0 !important;}
/* Hover Effect WITH RIPPLE*/
.BINC:hover { transform: translateY(-6px); box-shadow: 0 18px 35px rgba(0,0,0,0.55), 0 0 15px rgba(110,145,62,0.45);}
.BINB {border:2px solid #faff9f;background:gold;position:absolute;top:15px;right:15px;padding:12px 16px;border-radius:50px 20px;color:#000;z-index:5;}
.BINB::before,.BINB::after {content:"";position:absolute;top:50%;left:50%;width:100%;height:100%; border-radius:50px 20px; border:3px solid #fff44f;transform:translate(-50%,-50%) scale(1);opacity:0;animation:ripple 2s infinite ease-out;}
.BINB::after {animation-delay:1s;}
@keyframes ripple {0%{transform:translate(-50%,-50%) scale(1);opacity:0.8;}70%{opacity:0.3;}100%{transform:translate(-50%,-50%) scale(2.6);opacity:0;}}

/* BUTTONS FOR ALL PAGES*/
/* BUTTONS FOR ALL PAGES*/
/* BUTTONS FOR ALL PAGES*/
/* BUTTONS FOR ALL PAGES*/
.CONNECT {z-index: 50; position: fixed; bottom: 10px; right: 5px;}
.CONNECT button {padding: 7px 15px; border-radius: 20px 20px 5px 15px; border: none; transition: all 200ms ease-in-out;}
.CONNECT button {background: fixed linear-gradient(to right,#102d23,#6f6d33); color: #fbec79; cursor: pointer;}
.CONNECT button:hover {border-radius: 20px 30px 5px 15px; background: fixed linear-gradient(to right,#7c6f33,#6e913e); color: #c3f47f; border-bottom: 2px solid #c0e130;} 
.CONNECT .BD {position: absolute; bottom: 140px; right: 10px;}
.CONNECT .BE {position: absolute; bottom: 100px; right: 10px;}
/* ANIMATION FOR BL */
@keyframes BLAN {to {background: fixed #44552D; border: 2px solid #fbec79; transform: translate(2px);}}
.CONNECT .BL {position: absolute; bottom: 60px; right: 10px; animation: BLAN 3s linear infinite;}
.CONNECT .BU {position: absolute; bottom: 20px; right: 10px;}

/* BUTTONS FOR ALL PAGES*/
/* BUTTONS FOR ALL PAGES*/
/* BUTTONS FOR ALL PAGES*/
/* BUTTONS FOR ALL PAGES*/
.BUXZ button {border-radius:20px;border:none;background:linear-gradient(120deg,#1b2824,#3b3e29,#1b2824);background-size:200% 200%;padding:9px 12px;color:#c3f47f;font-size:9px;font-weight:600;cursor:pointer;transition:all .4s ease; width: max-content;}
.BUXZ button:hover {background-position:right center; box-shadow:0 3px 10px rgba(249, 249, 4, 0.25);}
.BUXZ button span {color:#fff29d;}
.BUXZ button:hover {border-radius:20px;border:none;background:linear-gradient(120deg,#1c312b,#8d9659,#779760);background-size:200% 200%;padding:7px 12px;color:#c3f47f;font-size:9px;font-weight:600;cursor:pointer;transition:all .4s ease;}

/* MAIN BUTTON FOR THE PAGE WITH CIRCLE SPAN ► & CIRCLE ANIM */
/* MAIN BUTTON FOR THE PAGE WITH CIRCLE SPAN ► & CIRCLE ANIM */
/* MAIN BUTTON FOR THE PAGE WITH CIRCLE SPAN ► & CIRCLE ANIM */
/* MAIN BUTTON FOR THE PAGE WITH CIRCLE SPAN ► & CIRCLE ANIM */
.BUZZ{padding:10px 2px;}
.BUZZ a {display:flex; font-weight: 900; align-items:center; justify-content:flex-start; padding:15px 20px; font-size:13px; border-radius:30px; background:linear-gradient(to right,#102d23,#6f6d33); color:#fbec79; text-decoration:none; position:relative; overflow:hidden; width:170px;}
.BUZZ .TXT{transition:all .45s ease;}
.BUZZ .ICON{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#6e913e;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .45s ease;}
.BUZZ a:hover .ICON{right:auto;left:6px;transform:translateY(-50%) rotate(-360deg);}
.BUZZ a:hover .TXT{margin-left:45px;}

/* BLOG AREA : BRINGING BEST LOOK FOR ALL VERSION */
/* BLOG AREA : BRINGING BEST LOOK FOR ALL VERSION */
/* BLOG AREA : BRINGING BEST LOOK FOR ALL VERSION */
/* BLOG AREA : BRINGING BEST LOOK FOR ALL VERSION */
.BLOGGER{display:flex;gap:20px;justify-content:space-between}

.BLOGGER .BLOG{padding:14px;background:linear-gradient(145deg,#f9ffd8,#f2ffb7);border-radius:20px;position:relative;transition:.4s;box-shadow:0 10px 25px rgba(0,0,0,.08)}

.BLOGGER .BLOG:hover{transform:scale(.95) translateY(-6px);background:linear-gradient(145deg,#f6ffbe,#edffa3);box-shadow:0 20px 45px rgba(0,0,0,.18)}

.BLOG h4{margin:0;padding:10px 0;font-weight:600;color:#2e463e}

.BLOG hr{border:0;height:2px;background:linear-gradient(90deg,#d6c27a,transparent);margin:14px 0}

.BLOG a{display:inline-block;margin-top:12px;padding:6px 15px;border:1px solid #caa64b;border-radius:30px;font-size:11px;letter-spacing:.6px;text-decoration:none;color:#9c7b2c;background:linear-gradient(135deg,#fffdf5,#f6efd2);transition:.3s}

.BLOG a:hover{color:#fff;border-color:#d6b458;background:linear-gradient(135deg,#caa64b,#e6c76b,#b9922f);box-shadow:0 6px 18px rgba(202,166,75,.45);transform:translateY(-2px)}

/* CART | FORM | CARTIVE ► CART ► CARTY : : FORMS FORM FORM FORM */
/* CART | FORM | CARTIVE ► CART ► CARTY : : FORMS FORM FORM FORM */
/* CART | FORM | CARTIVE ► CART ► CARTY : : FORMS FORM FORM FORM */
/* CART | FORM | CARTIVE ► CART ► CARTY : : FORMS FORM FORM FORM */
.CARTIVA {padding: 5px;}
.CARTIVA .HOME button { padding: 14px 16px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.2); background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)); color: #f5f7c5; font-size: 14px; cursor: pointer; backdrop-filter: blur(6px); box-shadow: 0 6px 18px rgba(0,0,0,0.25); transition: all 0.35s ease; }
.CARTIVA .HOME button:hover { transform: translateY(-3px) scale(1.05); border-color: #e6e89a; box-shadow: 0 10px 28px rgba(0,0,0,0.4), 0 0 12px rgba(230,232,154,0.3); }
.CARTIVA .CARTY fieldset { margin: 12px 4px; padding: 18px 14px; border: 1.5px solid rgba(255,255,255,0.15); border-radius: 14px; background: linear-gradient(145deg, #03171051, #2d301551); backdrop-filter: blur(8px); box-shadow: 0 8px 25px rgba(0,0,0,0.25); transition: all 0.4s ease; }
.CARTIVA .CARTY fieldset:hover { border-color: #d4d87a; box-shadow: 0 12px 35px rgba(0,0,0,0.4); transform: translateY(-2px); }
.CARTIVA .CARTY fieldset legend { font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; color: #f5f7c5; padding: 0 8px; font-weight: 500; }
.CARTIVA .CARTY fieldset input, .CARTIVA .CARTY fieldset select { width: 100%; padding: 10px 12px; margin-top: 6px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); background: #ffffff00; color: #8dd784; font-size: 13px; font-weight: 500; outline: none; transition: all 0.3s ease; }
.CARTIVA .CARTY fieldset input:focus, .CARTIVA .CARTY fieldset select:focus { border-color: #e6e89a; background: rgba(255,255,255,0.08); box-shadow: 0 0 8px rgba(230,232,154,0.4); }
.CARTIVA .CARTY fieldset input::placeholder { color: rgba(255,255,255,0.4); font-style: italic; }

.CARTIVA .btp {padding: 10px;}
.CARTIVA .btp i {font-size: 13px; color: #FCDBA6;} 
.CARTIVA .btp button {border: 2px solid #788347; border-radius: 10px; cursor: pointer; padding: 9px 15px; font-size: 13px; color: #768243; transition: all 400ms ease-in-out; background: fixed linear-gradient(to right,#2b3113,#454f1e,#2b3113);}
.CARTIVA .btp button:hover {color: #f0ffab; letter-spacing: 2px; background: fixed linear-gradient(to right,#2b3113,#67762d,#2b3113);}


/* CIRCLE : : WITH ROTATING ANIMATION */
/* CIRCLE : : WITH ROTATING ANIMATION */
/* CIRCLE : : WITH ROTATING ANIMATION */
/* CIRCLE : : WITH ROTATING ANIMATION */
@keyframes circles{0%{transform:rotate(0deg) scale(.7);opacity:.3;color:#779760;box-shadow:0 0 0 #c3c66c;}40%{transform:rotate(180deg) scale(1.15);opacity:1;color:#a8ff60;box-shadow:0 0 20px #c3c66c,0 0 40px #c3c66c;}70%{transform:rotate(260deg) scale(.95);box-shadow:0 0 10px #c3c66c;}100%{transform:rotate(360deg) scale(1);opacity:1;color:#6aff00;box-shadow:0 0 30px #c3c66c,0 0 60px #c3c66c;}}
.CIRCLE button{padding:33px 25px;border-radius:50%;border:2px solid #c3c66c;background:transparent;cursor:pointer;animation:circles 3s ease-in-out infinite;transition:all .4s ease;}
.CIRCLE button::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid #c3c66c;opacity:.4;animation:ring 3s linear infinite;}
@keyframes ring{0%{transform:scale(.8);opacity:.7;}100%{transform:scale(1.6);opacity:0;}}

/* CLUB CLASS : : STRAIGHT GRADIENT FILLER BOX FOR PERFUME SELLER */
/* CLUB CLASS : : STRAIGHT GRADIENT FILLER BOX FOR PERFUME SELLER */
/* CLUB CLASS : : STRAIGHT GRADIENT FILLER BOX FOR PERFUME SELLER */
/* CLUB CLASS : : STRAIGHT GRADIENT FILLER BOX FOR PERFUME SELLER */
.CLUBEX button {border: none; cursor: pointer;}
.CLUBEX button:hover {border: 2px solid #afad5d;}
@keyframes stargo { 0% {transform: rotateX(0deg) scale(0.75); color: #ffeba2;} 100% {transform: rotateX(360deg) scale(1); color: #ffdd60;}}
.STAR h2 {animation: stargo 5s ease infinite;}
.CLUB{border:2px solid #d9d99a;border-radius:20px;background:linear-gradient(135deg,#20271e33,#cbd06f,#efeaa3,#cbd06f);background-size:300% 300%;animation:goldFlow 8s ease-in-out infinite;transition:transform .35s ease,box-shadow .35s ease;}
.CLUB:hover{transform:scale(.95);box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 0 12px rgba(255,255,255,.35);}
@keyframes goldFlow{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.CLIM {border:2px solid #e7e4c1; padding:5px; margin:15px 0;}
.CLIM img {display:block; width:100%; filter:drop-shadow(0 6px 12px rgba(0,0,0,0.25)) drop-shadow(0 2px 6px rgba(0,0,0,0.15));}
.CLUB hr {height: 0.05px; border: 0px solid #fff4c7; width: 100px; border-width: 50%;}
.CLUB img {transition: all 300ms ease-in;}
.CLUB:hover img {transform: scale(0.95);} 

/* COMMENTS FROM OUR CLIENTS AND CUSTOMERS IN RECENT TIMES 2026 */
/* COMMENTS FROM OUR CLIENTS AND CUSTOMERS IN RECENT TIMES 2026 */
/* COMMENTS FROM OUR CLIENTS AND CUSTOMERS IN RECENT TIMES 2026 */
/* COMMENTS FROM OUR CLIENTS AND CUSTOMERS IN RECENT TIMES 2026 */
.COMMENTZ{display:flex;gap:40px;overflow:hidden;width:100%;padding:60px 0;animation:luxSlide 28s linear infinite;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);}
.COMMENT{flex:0 0 auto;min-width:300px;max-width:420px;padding:28px;border-radius:18px;background:#ffffff;box-shadow:0 15px 40px rgba(0,0,0,0.12);transform:scale(.9);opacity:.6;filter:blur(1.2px);animation:luxFocus 28s linear infinite;transition:all .5s ease;position:relative;}
.COMMENT:nth-child(1){animation-delay:0s;}
.COMMENT:nth-child(2){animation-delay:3.5s;}
.COMMENT:nth-child(3){animation-delay:7s;}
.COMMENT:nth-child(4){animation-delay:10.5s;}
.COMMENT:nth-child(5){animation-delay:14s;}
.COMMENT:nth-child(6){animation-delay:17.5s;}
.COMMENT:nth-child(7){animation-delay:21s;}
.COMMENT:nth-child(8){animation-delay:24.5s;}

@keyframes luxSlide{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes luxFocus{0%{transform:scale(.9);opacity:.55;filter:blur(1.5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}10%{transform:scale(1.15);opacity:1;filter:blur(0);box-shadow:0 0 0 2px rgba(212,175,55,.35),0 0 35px rgba(212,175,55,.45),0 20px 60px rgba(0,0,0,.25);}20%{transform:scale(.9);opacity:.55;filter:blur(1.5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}100%{transform:scale(.9);opacity:.55;filter:blur(1.5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}}

.STAR{font-size:19px;color:#D4AF37;letter-spacing:4px;margin-bottom:10px;}
.AUTHOR{margin-top:18px;font-weight:500;opacity:.85;}
.COMMENT p,.COMMENT blockquote,.COMMENT small,.COMMENT h4{margin:0;line-height:1.5;}

@media(max-width:480px){
.COMMENTZ{gap:20px; padding:20px 0;animation:luxSlide 10s linear infinite;}
.COMMENT{min-width:240px;max-width:280px;padding:20px;border-radius:14px;animation:luxFocusMobile 10s linear infinite;}
.COMMENT:nth-child(1){animation-delay:0s;}
.COMMENT:nth-child(2){animation-delay:1.25s;}
.COMMENT:nth-child(3){animation-delay:2.5s;}
.COMMENT:nth-child(4){animation-delay:3.75s;}
.COMMENT:nth-child(5){animation-delay:5s;}
.COMMENT:nth-child(6){animation-delay:6.25s;}
.COMMENT:nth-child(7){animation-delay:7.5s;}
.COMMENT:nth-child(8){animation-delay:8.75s;}
.STAR{font-size:16px;letter-spacing:3px;}
.AUTHOR{margin-top:14px;}}
@keyframes luxFocusMobile{0%{transform:scale(.9);opacity:.6;filter:blur(1px);box-shadow:0 8px 20px rgba(0,0,0,.12);}10%{transform:scale(1.15);opacity:1;filter:blur(0);box-shadow:0 0 0 2px rgba(212,175,55,.35),0 0 30px rgba(212,175,55,.45),0 15px 40px rgba(0,0,0,.25);}20%{transform:scale(.9);opacity:.6;filter:blur(1px);box-shadow:0 8px 20px rgba(0,0,0,.12);}100%{transform:scale(.9);opacity:.6;filter:blur(1px);box-shadow:0 8px 20px rgba(0,0,0,.12);}}

/* COSMO : : FOR THE COSMETIC SECTION WITH PREMIUM LOOK */
/* COSMO : : FOR THE COSMETIC SECTION WITH PREMIUM LOOK */
/* COSMO : : FOR THE COSMETIC SECTION WITH PREMIUM LOOK */
/* COSMO : : FOR THE COSMETIC SECTION WITH PREMIUM LOOK */
.COSMO .FLAG {width: 70px; height: auto; padding: 10px 10px;}


/* BASE BACKGROUND FOR TOP : : BACKGROUND FOR TOP WITH GRADIENT */
/* BASE BACKGROUND FOR TOP : : BACKGROUND FOR TOP WITH GRADIENT */
/* BASE BACKGROUND FOR TOP : : BACKGROUND FOR TOP WITH GRADIENT */
/* BASE BACKGROUND FOR TOP : : BACKGROUND FOR TOP WITH GRADIENT */
.COSMIC {background-position: center; background: linear-gradient(to top,#fff6e1,#efffd6,#e8ffc4,#849B34),var(--AIM);} 

/* ECOMY ECOMY ECOMY ECOMY : : INCLUDING ECOMMERCE PATTERNS IN IT */
/* ECOMY ECOMY ECOMY ECOMY : : INCLUDING ECOMMERCE PATTERNS IN IT */
/* ECOMY ECOMY ECOMY ECOMY : : INCLUDING ECOMMERCE PATTERNS IN IT */
/* ECOMY ECOMY ECOMY ECOMY : : INCLUDING ECOMMERCE PATTERNS IN IT */
.ECOMY {background: fixed linear-gradient(to top,#16210D,#55571a);}
.BASSO {padding: 20px;}
.BASSO .TXB {padding: 0px 20px;}
.BASES {background: fixed #3F4113; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border-radius: 25px; padding: 5px; transition: all 900ms ease-in;}
.BASES:hover {transform: scale(0.99); box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}

/* FOR BIG WALL */
.BASES .WALL {padding: 7px;}
.BASES .WALL .IMA img {border-radius: 20px;}
.BASES .WALL .ICON {position: absolute; top: 20px; left: 20px;}
.BASES .WALL .ICON button {border-radius: 50%; background: #12200c63; border: 2px solid #e8ffc7; padding: 7px 11px; color: #fff9a3; transition: all 200ms ease-in; cursor: pointer;}
.BASES .WALL .ICON button:hover {border: 2px solid #a1ff78; transform: scale(0.95);}

.BASES .BASEX {padding: 5px; background: #ffffff; border-radius: 20px; transition: all 700ms ease-in;}
.BASES .BASIN {padding: 7px;}
.BASES .BASIN h4 {font-size: 1rem !important; padding-top: 5px;}
.BASES .BASIN .DES p,.BASES .BASIN .SELL p {font-size: 11px !important; padding-top: 5px;}
.BASES .BASIN .CPR p {font-size: 7px !important; padding-top: 10px;}
.BASES .BASIN .CAP a {font-size: 11px; margin-top: 15px; padding: 7px 10px; color: #f5ffd1; border-radius: 25px; background: fixed linear-gradient(130deg,#183f31,#5b5c25); border: 2px solid #eae981; transition: all 700ms ease;}
.BASES .BASIN .CAP a {position: absolute; top: -60px; right: 10px;}
.BASES .BASIN .CAP a:hover {letter-spacing: 2px; border: 2px solid #b3ff93; background: fixed linear-gradient(130deg,#1a7553,#5e5f12); transform: translateY(10px);}

.BASES .BASEX:hover {transform: scale(0.97); border: 2px solid #fffeb2; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; background: fixed linear-gradient(220deg,#f9ffcd,#c2ffa9);}
.BASES .BASEX:hover h4 {color: #555730 !important;}

/* FLEX SESSIONS : : FLEX FLEX FLEX FLEX FLEX FLEX FLEX */
/* FLEX SESSIONS : : FLEX FLEX FLEX FLEX FLEX FLEX FLEX */
.FC {display: flex; flex-direction: column !important; gap: 5px;}
.FE {display: flex; flex-direction: row !important; gap: 5px;}
.FF {display: flex; flex-direction: row !important; gap: 5px;}
.FWR {flex-wrap: wrap;}
.FLC {align-items:center;}

.F8 {flex-basis: 80%;}
.F7 {flex-basis: 70%;}
.F6 {flex-basis: 60%;}
.F5 {flex-basis: 50%;}
.F4 {flex-basis: 40%;}
.FY {flex-basis: 35%;}
.F3 {flex-basis: 30%;}
.FX {flex-basis: 24%;}
.F2 {flex-basis: 20%;}
.F1 {flex-basis: 10%;}

.FM {flex-basis: 49.5%;} /*.FM {flex-basis: 98%;}*/
.FO {flex-basis: 24.5%;} /*.FO {flex-basis: 49%;}*/

/* FLEX SESSIONS : : FLEX DESK 2 CONTAINER UP and 1 CONTAINER DOWN */
/* FLEX SESSIONS : : FLEX DESK 2 CONTAINER UP and 1 CONTAINER DOWN */
.FLUID {display: flex; flex-wrap: wrap; gap: 5px;}
.FLX2 {flex-grow: 1; flex-basis: 500px; border: 2px solid red; padding: 5px 5px;}

/* FOOTER FOOTER FOOTER FOOTER : LAST PART OF THE PROFILE */
/* FOOTER FOOTER FOOTER FOOTER : LAST PART OF THE PROFILE */
/* FOOTER FOOTER FOOTER FOOTER : LAST PART OF THE PROFILE */
/* FOOTER FOOTER FOOTER FOOTER : LAST PART OF THE PROFILE */
/* FOOTER FOOTER FOOTER FOOTER : LAST PART OF THE PROFILE */
/* FOOTER FOOTER FOOTER FOOTER : LAST PART OF THE PROFILE */
.FOO {background: fixed linear-gradient(30deg,#2e2e14,#525125,#6D6C33); padding: 20px; border-radius: 50px 50px 0px 0;}
Footer h3 {font-size: 50px; font-family: "Bodoni Moda", serif; color: #A19F37;} 
Footer h5 {font-size: 30px; font-family: "Audiowide", sans-serif; color: #8c9757;} 
Footer .INSTA {padding: 30px; padding-bottom: 0; border-radius: 20px; background: fixed linear-gradient(120deg,#7C7B3A,#8e8c37); width: 300px; height: 100px; text-align: center;}
Footer .INSTA a {font-size: 30px; color: #6D6C33; transition: all 500ms ease-in;}
Footer .INSTA a:hover {color: #dcdcb4; font-size: 25px; transform: scale(0.95); letter-spacing: 4px;}
Footer .LOGOZ, Footer .LINK {padding: 20px;}
Footer .LOGOZ address {font-size: 14px; font-weight: 900; color: #bbb37a;}
Footer .LOGOZ a {text-decoration: none; padding-top: 50px !important; color: #aead55; letter-spacing: 1px; font-size: 12px; font-weight: 900;}
Footer .COPYRIGHT {padding: 10px 5px;}
Footer .COPYRIGHT h6 {color: #9ba069; font-size: 10px;}
Footer .LINKS a {font-size: 14px; font-weight: 900; color: #e0e697; transition: all 900ms ease-in-out;}
Footer .LINKS a span {font-size: 14px; font-weight: 900; color: #fbffcb; opacity: 0.2;}
Footer .LINKS a:hover {letter-spacing: 2px;}
Footer .LINKS a:hover span {color: #ffffff; opacity: 1;}
Footer .LINKS h6 {font-size: 12px; font-weight: 900; color: #b1b57e; letter-spacing: 2px;}
Footer .COPYRIGHT {text-align: right; background: fixed linear-gradient(to right,#2b2a14,#12200c);}

/* VIEWPORT : :  MOBILE VERSIONS & TABLET VERSIONS */
/* VIEWPORT : :  MOBILE VERSIONS & TABLET VERSIONS */
/* VIEWPORT : :  MOBILE VERSIONS & TABLET VERSIONS */
/* VIEWPORT : :  MOBILE VERSIONS & TABLET VERSIONS */

/* mobile phones */
@media(max-width:480px)
{
.AVIOR {width: 100%;}
.BASSO {padding: 5px;}
.FE {display: flex; flex-direction: column !important; gap: 5px;}
.FM {flex-basis: 98%;}
.FO {flex-basis: 49%;}
}


/*large phones / small tablets*/
@media(min-width:481px) and (max-width:768px){
.AVIOR {width: 100%;}
.BASSO {padding: 5px;}
.FM {flex-basis: 98%;}
.FO {flex-basis: 49%;}
}

/*tablet portrait*/
@media(min-width:769px) and (max-width:1024px) and (orientation:portrait){
 .AVIOR {width: 100%;}
 .BASSO {padding: 5px;}
 .FM {flex-basis: 98%;}
 .FO {flex-basis: 49%;}
}

/*tablet landscape*/
@media(min-width:769px) and (max-width:1180px) and (orientation:landscape){
 .AVIOR {width: 100%;}
 .BASSO {padding: 5px;}
 .FM {flex-basis: 98%;}
 .FO {flex-basis: 49%;}
}