:root { --Color-White: #ffffff; --Color-Black: #000000; --Color-0B2545:#0B2545; --Color-00906B:#00906B; --Color-03616c: #03616c; --Color-323232:#323232; --Color-AAAAAA: #AAAAAA; --Color-E3E6F2:#E3E6F2; --Color-CBCCDB: #CBCCDB; --Color-004D4E:#004D4E; --Color-848484:#848484; --Color-CECECE: #CECECE; --Color-E3E6F2:#E3E6F2;--Color-E3E6F2:#735D98; --Color-F0F7F8:#F0F7F8; --Color-FFFFFF69:#FFFFFF69; --Color-EAEBF1:#EAEBF1; --Color-DCDCDC: #DCDCDC; --Color-646464:#646464; --Font-12:0.75em; --Font-13:0.8125em; --Font-14:0.875em; --Font-16:1em; --Font-18:1.125em; --Font-20:1.25em; --Font-22:1.375em; --Font-24:1.5em; --Font-26:1.625em; --Font-28:1.75em; --Font-30:1.875em; --Font-32:2em; --Font-36:2.25em;  --Font-300:300; --Font-400:400; --Font-500:500; --Font-600:600; --Font-700:700; --Font-800:800; --Font-900:900; --FontFamily-primary: 'Lexend Deca'; --FontFamily-secondary: 'DM Sans'; --FontFamily-fontawesome: 'fontawesome'; --Transition-2sl: .2s all linear; --Transition-5sl: .5s all linear; --Transition-2s: .2s all; --Transition-3s: .3s all; }
@font-face { font-family: 'Afacad'; src: url(../fonts/Afacad-Bold.woff2) format('woff2'), url(../fonts/Afacad-Bold.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Afacad'; src: url(../fonts/Afacad-SemiBold.woff2) format('woff2'), url(../fonts/Afacad-SemiBold.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Afacad'; src: url(../fonts/Afacad-Medium.woff2) format('woff2'), url(../fonts/Afacad-Medium.woff) format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Afacad'; src: url(../fonts/Afacad-Regular.woff2) format('woff2'), url(../fonts/Afacad-Regular.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap; }



/* common style */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
::-moz-selection { color: var(--Color-White); background: var(--Color-373B75); text-shadow: none; }
::selection { color: var(--Color-White); background: var(--Color-373B75); text-shadow: none; }
* { outline: none; }
a { color: var(--Color-373B75); display: inline-block; text-decoration: none; transition: var(--Transition-2s); line-height: 1.2; cursor: pointer;}
a:hover, a:focus { color: var(--Color-00906B); }
img { border: 0; vertical-align: top; height: auto; max-width: 100%; }
.jsRequired { display: none; }
p { padding: 0 0 15px; margin: 0px; }
p:last-child { padding: 0 0 0px; }
ul { list-style: none; padding: 0px; margin-bottom: 0px; }
ul > li { position: relative;}
ul>li ul { margin-top: 15px; }

.last-child-mb-0 > li:last-child, .last-child-mb-0>div:last-child, .last-child-mb-0>p:last-child { margin-bottom: 0px; }
.ul-li-style-1 > li { color: var(--Color-646464); }
.ul-li-style-1>li:after { background-color: var(--Color-646464); }
html, body { overflow-x: hidden; }
body { background: var(--Color-White); color: var(--Color-323232); font-family: "Afacad", sans-serif; font-size: 100%; font-weight: var(--Font-400); line-height: 1.6; min-height: 100vh;font-style: normal;padding-top: 105px;
}
body.CursorAnimationON { cursor: url(../images/cursor-large.png), auto !important; }
.z-minus-1 { z-index: -1; }
.z-1 { z-index: 1; }
.z-11 { z-index: 11; }
.z-111 { z-index: 111; }
.z-9999 { z-index: 9999; }
.img-padding { width: 100%; position: relative; padding-bottom: 100%; overflow: hidden; z-index: 1; }
.img-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 101%; height: 101%; object-fit: cover; z-index: -1; }
.rounded-30 { border-radius: 30px; }
.rounded-24 { border-radius: 24px; }
.rounded-8 { border-radius: 8px; }
.rounded-15 { border-radius: 15px; }
.rounded-16 { border-radius: 16px; }
.rounded-10 { border-radius: 10px; }
.rounded-50 { border-radius: 50%; }
.bg-cover { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bg-contain { background-position: center center; background-repeat: no-repeat; background-size: contain; }
.heading-box { padding-bottom: 30px; }
.white-space { white-space: nowrap; }
.img-overlay:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1; }
.ShadowBox { box-shadow: 0px 0px 24px #00000014; background-color: var(--Color-White); }
input, select, textarea, .form-select, .form-control { border-radius: 0px; min-height: 45px; font-size: var(--Font-12); padding: 5px 15px; border: 1px solid; border-color: var(--Color-004D4E); color: var(--Color-848484); }
input:focus, select:focus, textarea:focus, .form-select:focus, .form-control:focus { outline: none; box-shadow: unset; }
input::placeholder, select::placeholder, textarea::placeholder { color: var(--Color-848484); }
.DateCalander { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.5' height='21.5' viewBox='0 0 20.5 21.5'%3E%3Cg id='Icon_feather-calendar' data-name='Icon feather-calendar' transform='translate(-3.75 -2.25)'%3E%3Cpath id='Path_90448' data-name='Path 90448' d='M6.611, 6H21.389A2.058, 2.058, 0, 0, 1, 23.5, 8V22a2.058, 2.058, 0, 0, 1-2.111, 2H6.611A2.058, 2.058, 0, 0, 1, 4.5, 22V8A2.058, 2.058, 0, 0, 1, 6.611, 6Z' transform='translate(0 -1)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90449' data-name='Path 90449' d='M24, 3V7' transform='translate(-5.778 0)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90450' data-name='Path 90450' d='M12, 3V7' transform='translate(-2.222 0)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90451' data-name='Path 90451' d='M4.5, 15h19' transform='translate(0 -4)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position: 95% 50%; background-repeat: no-repeat; background-size: 5%; padding-right: 45px; }
.form-select, select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(5 120 135)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; }
.float-right-img, .float-left-img { margin-bottom: 15px; }
.float-right-img { float: right; margin-left: 50px; }
.float-left-img { float: left; margin-right: 50px; }
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1414px;}


/* Swiper */
.swiper-pagination-bullet { display: inline-block; width: 7px; height: 7px; background-color: var(--Color-White); }

/* Arrow */
.ArrowPrev, .ArrowNext { background-color: transparent; transition: var(--Transition-2s); margin: 0px 5px; width: 35px; height: 35px; display: inline-block; border: 1px solid; border-color: var(--Color-373B75); position: relative; color: var(--Color-373B75); }
.ArrowPrev:hover, .ArrowNext:hover { background-color: var(--Color-373B75); color: var(--Color-White); }
.ArrowPrev.swiper-button-disabled, .ArrowNext.swiper-button-disabled { opacity: 0.5; pointer-events: none; }
.ArrowPrev:after, .ArrowNext:after { transition: var(--Transition-2s); font-size: var(--Font-12); font-family: var(--FontFamily-fontawesome); display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.ArrowPrev:after { content: "\f177"; }
.ArrowNext:after { content: "\f178"; }
.border-bottom-3 { border-bottom: 3px solid var(--Color-373B75); }
.border-bottom-5 { border-bottom: 5px solid var(--Color-373B75); }

/* width class */
.w-36 { width: 36%; }

/* padding and margin class */
.section-padding { padding: 70px 0; }
.section-padding-top-0 { padding-top: 0px; }
.section-padding-bottom-0 { padding-bottom: 0px; }
.padding-20-30 { padding: 20px 30px; }
.padding-30 { padding: 30px; }
.padding-50 { padding: 50px; }

/* padding Top */
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }

/* padding Bottom */
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }

/* padding right */
.padding-right-20 { padding-right: 20px; }
.padding-right-25 { padding-right: 25px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-50 { padding-right: 50px; }

/* padding left */
.padding-left-20 { padding-left: 20px; }
.padding-left-25 { padding-left: 25px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-50 { padding-left: 50px; }

/* col padding */
.col-padding-10 { padding-left: 10px; padding-right: 10px; }
.col-padding-15 { padding-left: 15px; padding-right: 15px; }
.row-15 { margin-left: -15px; margin-right: -15px; }
.row-10 { margin-left: -10px; margin-right: -10px; }
.row-5 { margin-left: -5px; margin-right: -5px; }

/* margin bottom */
.margin-bottom-16 { margin-bottom: 16px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }

/* margin top */
.margin-top--20 { margin-top: -20px; }
.margin-top--30 { margin-top: -30px; }
.margin-top--50 { margin-top: -50px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.DateIcon:before { content: "\f073"; font-family: var(--FontFamily-fontawesome); margin-right: 5px; display: inline-block; }
label { margin-bottom: 6px; color: var(--Color-373B75); }

/* heading */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--Color-323232); font-weight: var(--sttl-theme-font-400); margin-bottom: 15px; font-family: var(--sttl-theme-font-primary); }
h1 { font-size: var(--Font-78); line-height: 1.1; font-weight: var(--Font-700); color: var(--Color-323232); }
h2 { font-size: var(--Font-36); line-height: 1.3; font-weight: var(--Font-600); color: var(--Color-323232); }
h3 { font-size: var(--Font-32); line-height: 1.2; font-weight: var(--Font-500); color: var(--Color-323232); }
h4 { font-size: var(--Font-28); line-height: 1.2; font-weight: var(--Font-700); color: var(--Color-323232); }
h5 { font-size: var(--Font-24); line-height: 1.2; color: var(--Color-323232); font-weight: var(--sttl-theme-font-600); }
h6 { font-size: var(--Font-20); line-height: 1.2; color: var(--sttl-theme-black); font-weight: var(--sttl-theme-font-600); }

/* BG class */
.BG-White { background-color: var(--Color-White); }
.BG-00906B { background-color: var(--Color-00906B); }
.BG-373B75 { background-color: var(--Color-373B75); }
.BG-057887 { background-color: var(--Color-00906B); }
.BG-03616c { background-color: var(--Color-03616c); }
.BG-F0F7F8 { background-color: var(--Color-F0F7F8); }
.BG-EAEBF1 { background-color: var(--Color-EAEBF1); }
.Color-373B75 { color: var(--Color-373B75); }
.font-style-32 { font-size: var(--Font-32); font-weight: var(--Font-600); }
.font-style-24 { font-size: var(--Font-24); font-weight: var(--Font-600); }
.font-style-20 { font-size: var(--Font-20); font-weight: var(--Font-600); }

/* Font class */
.font-12 { font-size: var(--Font-12); }
.font-13 { font-size: var(--Font-13); }
.font-14 { font-size: var(--Font-14); }
.font-16 { font-size: var(--Font-16); }
.font-18 { font-size: var(--Font-18); }
.font-20 { font-size: var(--Font-20); }
.font-24 { font-size: var(--Font-24); }
.font-28 { font-size: var(--Font-28); }
.font-32 { font-size: var(--Font-32); }
.font-36 { font-size: var(--Font-36); }
.font-400 { font-weight: var(--Font-400); }
.font-500 { font-weight: var(--Font-500); }
.font-600 { font-weight: var(--Font-600); }

/* button and cta link*/
.Button { background-color: var(--sttl-theme-pink); color: var(--Color-White); background-color: var(--Color-00906B); padding: 10px 15px; }
.Button:hover, .Button:focus { background-color: var(--Color-373B75); color: var(--Color-White); }
.Button-Outline { color: var(--Color-00906B); background-color: transparent; padding: 15px 24px; border: 1px solid; border-color: var(--Color-00906B); }
.Button-Outline:hover, .Button-Outline:focus { background-color: var(--Color-00906B); color: var(--Color-White); }
.cta-link { position: relative; color: var(--Color-373B75); font-weight: var(--Font-500); }
.cta-link:hover { color: var(--Color-Black); }
.cta-link:after { content: "\f061"; font-family: var(--FontFamily-fontawesome); margin-left: 7px; vertical-align: middle; position: relative; z-index: 1; }

/* header */

header {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;background-color: white;transition: transform 0.4s ease-in-out, background-color 0.3s ease-in-out;}
header.scrolled {background-color: rgba(255, 255, 255, 0.95);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);transform: translateY(0);}
header .no-search,.search{transition:transform .7s ease-in-out}
header .page-wrapper{width:100%;height:auto}
header .nav-wrapper{width:100%;position:-webkit-sticky;position:sticky;top:0;background-color:#fff}
header .grad-bar{width:100%;height:5px;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;-webkit-animation:15s infinite gradbar;-moz-animation:15s infinite gradbar;animation:15s infinite gradbar}
header .navbar{display:grid;grid-template-columns:1fr 3fr;align-items:center;overflow:hidden;padding:12px 0 0;}
header .features,.headline{display:flex;width:100%}
header .navbar ul > li{display: flex;justify-content: center;}
header .navbar .logo{margin-left: 20px;}
header .navbar img{height:55px;width:auto;justify-self:start;}
header .navbar ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);justify-self:end;gap: 12px;}
header .nav-item a{font-size: var(--Font-20); color:#323232;font-weight:400;text-decoration:none;padding: 8px 12px;border-radius: 50px;transition: all 0.5s;}
header .menu-toggle .bar{width:25px;height:3px;background-color:var(--Color-0B2545);margin:5px auto;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}
header .menu-toggle{justify-self:end;margin-right:25px;display:none}
header .menu-toggle:hover{cursor:pointer}
header #mobile-menu.is-active .bar:nth-child(2){opacity:0}
header #mobile-menu.is-active .bar:first-child{-webkit-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
header #mobile-menu.is-active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
@-webkit-keyframes gradbar{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@-moz-keyframes gradbar{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradbar{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.search-box{display:inline-flex;align-items:center;background:#e9e3e3;padding:5px 12px;border-radius:25px;box-shadow:0 2px 5px rgba(0,0,0,.2);margin:12px 12px 15px}
.search-box input{border:none;outline:0;padding:0;font-size:16px;width:200px;background:#e9e3e3;min-height:15px}
.search-box i{font-size:18px;color:var(--Color-0B2545);margin-left:5px;cursor:pointer}
header .nav-item a:hover,
header .nav-item a.active {color: var(--Color-White);background-color: var(--Color-0B2545);}

/* main */
/*------ banner-section------- */
.banner-section{background-image:url(../images/banner_image.png);height: 500px;width: 100%; background-repeat: no-repeat;background-size: cover;}
.banner-section .innertext{display: flex;flex-direction: column;height: 430px;justify-content: space-between;}
.banner-section .upper-text{text-align: center;margin-top: 70px;}
.banner-section .upper-text h1{font-size: 52px;line-height: 60px;color: var(--Color-0B2545);}
.banner-section .upper-text p{font-size: 36px;line-height: 42px;color: rgb(0, 0, 0, 0.8);}
.banner-section .bottom-text {text-align: center;}
.banner-section .bottom-text p{font-size: var(--Font-30);line-height: 40px;color: rgb(0, 0, 0, 0.8);}
.banner-section .bottom-text .about-link{font-size:24px;line-height:36px;color:var(--Color-White);background-color:rgb(0,0,0,.5);padding:8px 25px;border-radius:12px;text-decoration:none;position:relative;transition:.3s}
.banner-section .bottom-text .about-link::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#fff;transition:width .3s;z-index: 1;}
.banner-section .bottom-text .about-link:hover{color:#fff;background-color:var(--Color-0B2545);transform:scale(1.1);border-bottom-left-radius:0;border-bottom-right-radius:0}
.banner-section .bottom-text .about-link:hover::after{width:100%}

/* ------product-section------ */

.product-section{padding:80px 0;}
.product-section .card-img,.product-section .innercard{overflow:hidden;border-radius:12px}
.product-section .card-img,.product-section .card-img img,.product-section .innercard{border-radius:14px}
.product-section h2{font-size:42px;line-height:56px;color:var(--Color-0B2545);font-weight:500}
.product-section .innercard{position: relative; padding:35px;background-color:#DDDDDD66;box-shadow: 0px 6.76px 3.38px 0px #00000040;transition:transform .3s,box-shadow .3s;text-align:center;position:relative;transform-style:preserve-3d;perspective:1000px;animation:3s ease-in-out infinite floatAnimation,4s ease-in-out infinite glowAnimation}
/* .product-section .innercard::before{content: "\f02e"; font-family: "Font Awesome 6 Free"; font-weight: 900;display: inline-block;position: absolute;font-size:24px;z-index: 1;color: #cd9e77;right: 4px;top: -6px;} */
.product-section .innercard:hover{transform:rotateX(10deg) rotateY(10deg) translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.4)}
.product-section .card-img img{width:100%;transition:transform .3s ease-in-out,filter .3s ease-in-out;filter:brightness(90%);}
.product-section .innercard:hover .card-img img{transform:scale(1.1) translateZ(30px);filter:brightness(105%)}
.product-section .card-title{margin-top:25px}
.product-section .card-title a{font-size:26px;line-height: 32px; text-decoration:none;color:var(--Color-Black);font-weight:500;position:relative;display:inline-block;transition:color .3s ease-in-out}
.product-section .card-title a::after{content:"";position:absolute;width:100%;height:1px;background:#000;bottom:-5px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-in-out}
.product-section .card-title a:hover{color:#000}
.product-section .card-title a:hover::after{transform:scaleX(1);transform-origin:left}
@keyframes floatAnimation{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* --------- contact-section ---------- */
.contact-section{background-image:url(../images/contact_bg.png);padding: 60px 0;background-repeat: no-repeat;background-size: cover;}
.contact-section h2{font-size: 42px;line-height: 56px;color: var(--Color-0B2545);margin-bottom: 20px;}
.contact-section .form-container{width:100%;max-width:600px;padding:30px;background:#E5E5E599;border-radius:15px;border: 1px solid #00000080;}
.contact-section .form-group input,.contact-section .form-group textarea,.contact-section .submit-btn{width:100%;padding:12px 16px;transition:.3s ease-in-out}
.contact-section .form-row{display:flex;gap:15px}
.contact-section .form-group{position:relative;margin-bottom:30px;width:100%}
.contact-section .form-row .form-group{flex:1}
.contact-section .form-group input,.contact-section .form-group textarea{font-size:16px;border:1px solid #00000050;border-radius:30px;background:0 0;outline:0;background-color: var(--Color-White);}
.contact-section .form-group textarea{resize:none;height:120px}
.contact-section .form-group label{position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:16px;color:#888;pointer-events:none;transition:.3s ease-in-out}
.contact-section .form-group input:focus,.contact-section .form-group textarea:focus{border-color:#333}
.contact-section .form-group input:focus+label,.contact-section .form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{top:0px;font-size:14px;color:var(--Color-Black);background:var(--Color-White);padding:0px 5px;border-radius:8px}
.contact-section .submit-btn{font-size:18px;background:#0B2545;color:#fff;border:none;border-radius:15px;cursor:pointer;width: 150px;}
.contact-section .submit-btn:hover{background:#555}


/* about-section */
.about-section{padding: 70px 0;}
.about-section p{font-size: var(--Font-24);line-height: 40px;color:#00000095;margin-bottom: 25px;}



/* paper-section */
.papercup-section{padding: 60px 0;}
.papercup-section h2{text-align: center;font-size: 46px;line-height: 56px;color: var(--Color-Black);margin-bottom: 35px;}
.papercup-section .papercard{background-color: #f2f2f2;border-radius: 12px;box-shadow: 0 0 8px #00000040;min-height: 450px;}
.papercup-section .papercard h3{background-color: var(--Color-0B2545);border-radius: 30px;padding: 8px 15px;color: var(--Color-White);display: inline-block;font-size: var(--Font-24);font-weight: 400;margin: 25px 0;}
.papercup-section .bottomtext{display: flex;gap: 15px;padding:0 25px 25px;align-items: center;}
.papercup-section .bottomtext img{height: 100%;width: 200px;}
.papercup-section .righttext{width: 100%;overflow-x: auto;}
.papercup-section .righttext table{width: 100%;}
.papercup-section table thead th{width: 25%;font-size: var(--Font-24);padding: 10px;}
.papercup-section table tbody td{width: 25%;font-size: var(--Font-20);padding: 6px 10px;}
.papercup-section .desc{font-size: var(--Font-24);line-height: 40px;color: var(--Color-Black);text-align: justify;}


/* container-section */
.container-section{padding: 60px 0;}
.container-section h2{text-align: center;font-size: 46px;line-height: 56px;color: var(--Color-Black);margin-bottom: 35px;}
.container-section .papercard{background-color: #f2f2f2;border-radius: 12px;box-shadow: 0 0 8px #00000040;min-height: 450px;}
.container-section .papercard h3{background-color: var(--Color-0B2545);border-radius: 30px;padding: 8px 15px;color: var(--Color-White);display: inline-block;font-size: var(--Font-24);font-weight: 400;margin: 25px 0;}
.container-section .bottomtext{display: flex;gap: 15px;padding:0 25px 25px;align-items: center;}
.container-section .bottomtext img{height: 100%;width: 200px;}
.container-section .righttext{width: 100%;overflow-x: auto;}
.container-section .righttext table{width: 100%;overflow-x: auto;}
.container-section table thead th{width: 25%;font-size: var(--Font-24);padding: 10px;}
.container-section table tbody td{width: 25%;font-size: var(--Font-20);padding: 6px 10px;}
.container-section .desc{font-size: var(--Font-24);line-height: 40px;color: var(--Color-Black);text-align: justify;}
.container-section .secondblog .innercontent p{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);padding-left: 30px;position: relative;}
.container-section .secondblog .innercontent p::before{content: '';width: 10px; height: 10px;background-color: var(--Color-Black);border-radius: 50%;position: absolute;top: 15px;left: 8px;}
.container-section .sevenblog .innercontent p{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);padding-left: 30px;position: relative;}
.container-section .sevenblog .innercontent p::before{content: '';width: 10px; height: 10px;background-color: var(--Color-Black);border-radius: 50%;position: absolute;top: 15px;left: 8px;}
.container-section .secondblog img{width: 100%;height: 100%;}
.container-section .fifthblog img{width: 100%;height: 100%;}
.container-section .sevenblog img{width: 100%;height: 100%;}


/* plates-section */
.plate-section{padding: 60px 0;}
.plate-section h2{text-align: center;font-size: 46px;line-height: 56px;color: var(--Color-Black);margin-bottom: 35px;}
.plate-section .papercard{background-color: #f2f2f2;border-radius: 12px;box-shadow: 0 0 8px #00000040;min-height: 450px;}
.plate-section .papercard h3{background-color: var(--Color-0B2545);border-radius: 30px;padding: 8px 15px;color: var(--Color-White);display: inline-block;font-size: var(--Font-24);font-weight: 400;margin: 25px 0;}
.plate-section .bottomtext{display: flex;gap: 15px;padding:0 25px 25px;align-items: center;}
.plate-section .bottomtext img{height: 100%;width: 200px;}
.plate-section .righttext{width: 100%;overflow-x: auto;}
.plate-section .righttext table{width: 100%;overflow-x: auto;}
.plate-section table thead th{width: 25%;font-size: var(--Font-24);padding: 10px;}
.plate-section table tbody td{width: 25%;font-size: var(--Font-20);padding: 6px 10px;}
.plate-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);text-align: justify;}
.plate-section .firstblog .innercontent p{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);padding-left: 30px;position: relative;}
.plate-section .firstblog .innercontent p::before{content: '';width: 10px; height: 10px;background-color: var(--Color-Black);border-radius: 50%;position: absolute;top: 15px;left: 8px;}

/* pizza-section */
.pizza-section{padding: 60px 0;}
.pizza-section h2{text-align: center;font-size: 46px;line-height: 56px;color: var(--Color-Black);margin-bottom: 35px;}
.pizza-section .papercard{background-color: #f2f2f2;border-radius: 12px;box-shadow: 0 0 8px #00000040;min-height: 450px;}
.pizza-section .papercard h3{background-color: var(--Color-0B2545);border-radius: 30px;padding: 8px 15px;color: var(--Color-White);display: inline-block;font-size: var(--Font-24);font-weight: 400;margin: 25px 0;}
.pizza-section .bottomtext{display: flex;gap: 15px;padding:0 25px 25px;align-items: center;}
.pizza-section .bottomtext img{height: 100%;width: 200px;}
.pizza-section .righttext{width: 100%;overflow-x: auto;}
.pizza-section .righttext table{width: 100%;overflow-x: auto;}
.pizza-section table thead th{width: 25%;font-size: var(--Font-24);padding: 10px;}
.pizza-section table tbody td{width: 25%;font-size: var(--Font-20);padding: 6px 10px;}
.pizza-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);text-align: justify;}
.pizza-section .firstblog .innercontent p{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);padding-left: 30px;position: relative;}
.pizza-section .firstblog .innercontent p::before{content: '';width: 10px; height: 10px;background-color: var(--Color-Black);border-radius: 50%;position: absolute;top: 15px;left: 8px;}


/* bag-section */
.bag-section{padding: 60px 0;}
.bag-section h2{text-align: center;font-size: 46px;line-height: 56px;color: var(--Color-Black);margin-bottom: 35px;}
.bag-section .papercard{background-color: #f2f2f2;border-radius: 12px;box-shadow: 0 0 8px #00000040;min-height: 450px;}
.bag-section .papercard h3{background-color: var(--Color-0B2545);border-radius: 30px;padding: 8px 15px;color: var(--Color-White);display: inline-block;font-size: var(--Font-24);font-weight: 400;margin: 25px 0;}
.bag-section .bottomtext{display: flex;gap: 15px;padding:0 25px 25px;align-items: center;}
.bag-section .bottomtext img{height: 100%;width: 200px;}
.bag-section .righttext{width: 100%;overflow-x: auto;}
.bag-section .righttext table{width: 100%;overflow-x: auto;}
.bag-section table thead th{width: auto;font-size:28px;padding: 10px;text-align: center;}
.bag-section table tbody td{width: auto;font-size: var(--Font-24);padding: 6px 10px;text-align: center;}
.bag-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);text-align: justify;}
.bag-section .firstblog .innercontent p{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);padding-left: 30px;position: relative;}
.bag-section .firstblog .innercontent p::before{content: '';width: 10px; height: 10px;background-color: var(--Color-Black);border-radius: 50%;position: absolute;top: 15px;left: 8px;}
.bag-section .thirdblog .innercontent p{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);padding-left: 30px;position: relative;}
.bag-section .thirdblog .innercontent p::before{content: '';width: 10px; height: 10px;background-color: var(--Color-Black);border-radius: 50%;position: absolute;top: 15px;left: 8px;}
.bag-section .firstblog img{width: 100%;height: 100%;}
.bag-section .thirdblog img{width: 100%;height: 100%;}


/* bag-section */
.cleaningproduct-section{padding: 60px 0;}
.cleaningproduct-section h2{text-align: center;font-size: 46px;line-height: 56px;color: var(--Color-Black);margin-bottom: 35px;}
.cleaningproduct-section .papercard{background-color: #f2f2f2;border-radius: 12px;box-shadow: 0 0 8px #00000040;min-height: 320px;}
.cleaningproduct-section .papercard h3{background-color: var(--Color-0B2545);border-radius: 30px;padding: 8px 15px;color: var(--Color-White);display: inline-block;font-size: var(--Font-24);font-weight: 400;margin: 25px 0;}
.cleaningproduct-section .bottomtext{display: flex;gap: 15px;padding:0 25px 25px;align-items: center;}
.cleaningproduct-section .bottomtext img{height: 100%;width: 200px;}
.cleaningproduct-section .righttext{width: 100%;overflow-x: auto;}
.cleaningproduct-section .righttext table{width: 100%;overflow-x: auto;}
.cleaningproduct-section table thead th{width: 25%;font-size:32px;padding: 10px;text-align: center;}
.cleaningproduct-section table tbody td{width: 25%;font-size: var(--Font-24);padding: 6px 10px;text-align: center;}
.cleaningproduct-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);text-align: justify;}
.cleaningproduct-section .firstblog img{width: 100%;height: 100%;}




/* ---footer---- */
footer{padding:70px 0;background-color: var(--Color-0B2545);}
footer a{color:var(--Color-White);font-size:20px;line-height:26px;position:relative;text-decoration:none}
footer i{color:var(--Color-White);font-size:20px;line-height:26px;position:relative;text-decoration:none}
footer a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:#00906B;transition:width .3s ease-in-out}
footer a:hover{color:#00906B}
footer a:hover::after{width:100%}
footer .left-content .mobile .right-border{width:1px;height:20px;border:1px solid}
footer .right-content img{width:175px;height:84px}