/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.7.1777371917
Updated: 2026-04-28 10:25:17

*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tiro+Bangla:ital@0;1&display=swap');


/*default-css*/
.mt-0 {margin-top: 0px !important;}
.mb-0 {margin-bottom: 0px !important;}


.wp-block-columns.alignfull .wp-block-column p:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background), 
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { padding-inline: 0px; margin-top: 0;}

#main {padding: 0; }
body {font-family: "DM Sans", sans-serif; color: #333340; background: #ffffff; line-height: 1.7; overflow-x: hidden; }
.wp-block-heading {font-family: "Playfair Display", serif; margin-top: 0 !important; padding-inline: 0 !important;}
.container { max-width: 1200px; margin: 0 auto !important; padding: 0 24px; }
#masthead {padding: 0; display: none;}

/*hero-sec*/
.hero {position: relative; min-height: 92vh; display: flex; align-items: center; background: linear-gradient(135deg, #1a1a2e 0%, #2a1a3e 50%, #2d2d44 100%); overflow: hidden; }
.hero::before {content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 20% 80%, rgba(212,20,90,0.15) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(205,104,57,0.1) 0%, transparent 50%); }
.hero-bg-images {position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.hero-bg-img {position: absolute; width: 320px; height: 420px; object-fit: cover; border-radius: 24px; opacity: 0.07; filter: grayscale(40%) brightness(1.2); transition: opacity 8s ease; }
.hero-bg-img:nth-child(1) {top: -40px; right: -30px; transform: rotate(8deg); width: 350px; height: 460px; }
.hero-bg-img:nth-child(2) {bottom: -60px; left: -50px; transform: rotate(-6deg); width: 300px; height: 400px; opacity: 0.05; }
.hero-bg-img:nth-child(3) {top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(3deg); width: 280px; height: 360px; opacity: 0.04; }
.hero .hero-inner {position: relative; z-index: 2; gap: 60px; align-items: center; padding: 80px 0; }
.hero .hero-badge {display: inline-flex; align-items: center; gap: 8px; background: rgba(205,104,57,0.2); border: 1px solid rgba(205,104,57,0.4); border-radius: 50px; padding: 6px 18px 6px 36px !important; position: relative; margin-bottom: 20px !important; font-size: 0.78rem; font-weight: 600; color: #e8a87c; letter-spacing: 0.5px; }
.hero .hero-badge::before {content: ""; background: #e8a87c; position: absolute; width: 10px; height: 10px; left: 18px; top: 12px; border-radius: 75px; }
.hero .hero-title {font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 700; color: #fff; line-height: 1.15; margin-bottom: 8px; }
.hero .hero-title em {font-style: normal; background: linear-gradient(135deg, #e8c876, #c8973e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.hero .hero-bn {font-size: clamp(1.1rem, 2.5vw, 1.45rem); color: #e8a87c; margin-bottom: 18px; font-style: italic; opacity: 0.9; }
.hero .desc {font-size: 1.1rem; color: rgba(255,255,255,0.7); max-width: 500px; margin-bottom: 32px; line-height: 1.8; }
.hero .hero-visual {position: relative; display: flex; justify-content: center; align-items: center; }
.hero .hero-card {background: rgba(255,255,255,0.06); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); border-radius: 24px; padding: 40px; width: 100%; max-width: 420px; position: relative; overflow: hidden; }
.hero .hero-card .hero-stat-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.hero .hero-card .hero-stat-grid .hero-stat {background: rgba(255,255,255,0.05); border-radius: 16px; padding: 20px; text-align: center; border: 1px solid rgba(255,255,255,0.06); } 
.hero .hero-card .hero-stat-grid .hero-stat .hero-stat-number {font-size: 1.8rem; font-weight: 700; color: #e8c876; } 
.hero .hero-card .hero-stat-grid .hero-stat .hero-stat-label {font-size: 0.78rem; color: rgba(255,255,255,0.55); margin-top: 4px; font-weight: 500; }
.hero .hero-card .hero-card-title { font-size: 1.15rem; color: #fff; margin-bottom: 4px; font-weight: 600; }
.hero .hero-card .hero-card-bn {font-size: 0.88rem; color: #e8a87c; margin-bottom: 20px; opacity: 0.8; }
#page .hero-buttons .btn-outline a {border-color: rgba(255, 255, 255, .3); color: #fff; }
/*End hero-sec*/

/*butons*/
#page .btn a {display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; border-radius: 50px; font-family: "DM Sans", sans-serif;; font-size: 0.95rem; font-weight: 600; text-decoration: none; cursor: pointer; border: none; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
#page .btn-primary a {background: #d4145a; color: #fff; box-shadow: 0 4px 20px rgba(212,20,90,0.3); }
#page .btn-outline a {background: #00000000; color: #d4145a; border: 2px solid #d4145a; }
#page .btn-primary a:hover {background: #b01048 !important; box-shadow: 0 6px 28px rgba(212,20,90,0.4) !important; transform: translateY(-2px); color: #fff !important; }
#page .btn-outline a:hover {background: #d4145a !important; color: #fff !important; }
/*End butons*/

/*marquee-bar*/
.marquee-bar {background: linear-gradient(135deg, #cd6839, #a0522d); padding: 12px 0; overflow: hidden; }
.marquee-bar .marquee-track {display: flex; gap: 48px; animation: marquee 35s linear infinite; white-space: nowrap; width: max-content; align-items: center; }
.marquee-bar .marquee-track li {position: relative; padding-left: 30px !important; display: inline-flex; align-items: center; gap: 10px; font-size: 0.85rem; font-weight: 600; color: #fff; letter-spacing: 0.5px; }
.marquee-bar .marquee-track li::before {content: ""; background: #f0a500; position: absolute; width: 8px; height: 8px; left: 8px; top: 8px; border-radius: 75px; }
.marquee-bar .marquee-track li.bn-item {font-size: 0.9rem; font-family: "Tiro Bangla", serif; }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }