:root{--spacing-0:0;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:10px;--spacing-xl:12px;--spacing-2x:16px;--spacing-3x:20px;--spacing-4x:26px;--spacing-5x:32px;--spacing-6x:40px;--size-0:0;--size-20:20px;--size-26:26px;--size-32:32px;--size-40:40px;--size-80:80px;--size-100:100px;--size-120:120px;--size-160:160px;--size-200:200px;--size-260:260px;--size-320:320px;--size-400:400px;--round-0:0px;--round-unset:unset;--round-xs:4px;--round-sm:8px;--round-md:12px;--round-lg:16px;--round-xl:20px;--round-full:999px;--weight-normal:400;--weight-bold:700;--line-h-normal:1.5;--line-h-dense:1.25;--line-h-loose:2;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-serif:Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 0 2px rgba(0, 0, 0, .1);--shadow-md:0 0 4px rgba(0, 0, 0, .1);--shadow-lg:0 0 8px rgba(0, 0, 0, .2);--shadow-xl:0 0 16px rgba(0, 0, 0, .2);--shadow-2x:0 0 24px rgba(0, 0, 0, .2);--shadow-bottom:0 3px 8px rgba(0, 0, 0, .1);--shadow-focus:0px 0px rgba(32, 211, 238,.1);--shadow-error:0px 0px rgba(231, 53, 60,.1);--shadow-none:none;--text-xs:.4rem;--text-sm:.625rem;--text-md:.75rem;--text-lg:.875rem;--text-xl:1rem;--text-2x:1.125rem;--text-3x:1.25rem;--text-4x:1.5rem;--text-5x:1.875rem;--text-6x:2.25rem;--border-none:0px;--border-thin:1px;--border-thick:2px;--border-none:none;--border-solid:solid;--border-dashed:dashed;--border-dotted:dotted;--transition-100:all .1s ease-in-out;--transition-200:all .2s ease-in-out;--transition-300:all .3s ease-in-out;--transition-400:all .4s ease-in-out;--transition-500:all .5s ease-in-out;--transition-600:all .6s ease-in-out;--transition-none:none;--z-0:0;--z-10:1;--z-20:2;--z-30:3;--z-40:4;--z-50:5;--z-60:6;--z-70:7;--z-80:8;--z-90:9;--z-100:10;--display-none:none;--display-block:block;--display-inline-block:inline-block;--display-inline:inline;--display-flex:flex;--display-inline-flex:inline-flex;--display-grid:grid;--display-inline-grid:inline-grid;--display-table:table;--display-table-row:table-row;--display-table-cell:table-cell;--display-list-item:list-item;--content-start:flex-start;--content-end:flex-end;--content-center:center;--content-between:space-between;--content-around:space-around;--content-evenly:space-evenly;--blur-0:0px;--blur-xs:2px;--blur-sm:4px;--blur-md:8px;--blur-lg:10px;--blur-xl:12px;--blur-2x:16px;--blur-3x:20px;--blur-4x:26px;--blur-5x:32px;--blur-6x:40px;--opacity-0:0;--opacity-100:1;--opacity-xs:.05;--opacity-sm:.1;--opacity-md:.2;--opacity-lg:.3;--opacity-xl:.4;--opacity-2x:.5;--opacity-3x:.6;--opacity-4x:.7;--opacity-5x:.8;--opacity-6x:.9;--filter-0:0;--filter-100:1;--filter-xs:.05;--filter-sm:.1;--filter-md:.2;--filter-lg:.3;--filter-xl:.4;--filter-2x:.5;--filter-3x:.6;--filter-4x:.7;--filter-5x:.8;--filter-6x:.9;--object-fit-contain:contain;--object-fit-cover:cover;--object-fit-fill:fill;--object-fit-none:none;--object-fit-scale-down:scale-down}.inset-0{inset:var(--spacing-0)}.mx-md{margin-inline:var(--spacing-md)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.px-xl{padding-inline:var(--spacing-xl)}.gap-xl{gap:var(--spacing-xl)}.my-2x{margin-block:var(--spacing-2x)}.my-3x{margin-block:var(--spacing-3x)}.gap-3x{gap:var(--spacing-3x)}.round-sm{border-radius:var(--round-sm)}.round-lg{border-radius:var(--round-lg)}.shadow-lg{box-shadow:var(--shadow-lg)}.text-md{font-size:var(--text-md)}.z-50{z-index:var(--z-50)}:root{--rgb-red:248, 81, 73;--red:rgb(var(--rgb-red));--rgb-light-red:255, 245, 245;--light-red:rgb(var(--rgb-light-red));--rgb-orange:255, 166, 87;--orange:rgb(var(--rgb-orange));--rgb-sea:47, 129, 247;--sea:rgb(var(--rgb-sea));--rgb-green:63, 185, 80;--green:rgb(var(--rgb-green));--rgb-light-green:126, 231, 135;--light-green:rgb(var(--rgb-light-green));--rgb-cyan:99, 207, 201;--cyan:rgb(var(--rgb-cyan));--rgb-nice:131, 214, 225;--nice:rgb(var(--rgb-nice));--rgb-cute:163, 228, 203;--cute:rgb(var(--rgb-cute));--rgb-white:255, 255, 255;--white:rgb(var(--rgb-white));--rgb-black:0, 0, 0;--black:rgb(var(--rgb-black));--rgb-error:248, 81, 73;--error:rgb(var(--rgb-error));--rgb-info:47, 129, 247;--info:rgb(var(--rgb-info));--rgb-primary:44, 106, 103;--primary:rgb(var(--rgb-primary));--rgb-secondary:54, 54, 54;--secondary:rgb(var(--rgb-secondary));--rgb-primary-hover:47, 129, 247;--primary-hover:rgb(var(--rgb-primary-hover));--rgb-primary-active:47, 129, 247;--primary-active:rgb(var(--rgb-primary-active));--rgb-primary-border:250, 95, 85;--primary-border:rgb(var(--rgb-primary-border));--rgb-primary-light:47, 129, 247;--primary-light:rgb(var(--rgb-primary-light));--rgb-grass:63, 185, 80;--grass:rgb(var(--rgb-grass));--rgb-light-grass:63, 185, 80;--light-grass:rgb(var(--rgb-light-grass));--rgb-light-blue:91, 192, 222;--light-blue:rgb(var(--rgb-light-blue));--rgb-secondary-hover:54, 54, 54;--secondary-hover:rgb(var(--rgb-secondary-hover));--rgb-secondary-active:54, 54, 54;--secondary-active:rgb(var(--rgb-secondary-active));--rgb-secondary-border:250, 95, 85;--secondary-border:rgb(var(--rgb-secondary-border));--rgb-secondary-light:54, 54, 54;--secondary-light:rgb(var(--rgb-secondary-light));--rgb-night:98, 98, 98;--night:rgb(var(--rgb-night));--rgb-night-hover:57, 57, 57;--night-hover:rgb(var(--rgb-night-hover));--rgb-night-active:39, 39, 42;--night-active:rgb(var(--rgb-night-active));--rgb-night-border:250, 95, 85;--night-border:rgb(var(--rgb-night-border));--rgb-night-light:255, 245, 245;--night-light:rgb(var(--rgb-night-light));--rgb-warning:252, 211, 77;--warning:rgb(var(--rgb-warning));--rgb-warning-hover:245, 158, 11;--warning-hover:rgb(var(--rgb-warning-hover));--rgb-warning-border:180, 83, 9;--warning-border:rgb(var(--rgb-warning-border));--rgb-warning-light:255, 251, 235;--warning-light:rgb(var(--rgb-warning-light));--rgb-success:134, 239, 172;--success:rgb(var(--rgb-success));--rgb-success-hover:34, 197, 94;--success-hover:rgb(var(--rgb-success-hover));--rgb-success-border:21, 128, 61;--success-border:rgb(var(--rgb-success-border));--rgb-success-light:134, 239, 172;--success-light:rgb(var(--rgb-success-light));--rgb-owl-border:98, 98, 98;--owl-border:rgb(var(--rgb-owl-border));--rgb-shark-border-old:232, 232, 232;--shark-border-old:rgb(var(--rgb-shark-border-old));--rgb-shark-border:165, 165, 178;--shark-border:rgb(var(--rgb-shark-border));--rgb-owl-disabled:232, 232, 232;--owl-disabled:rgb(var(--rgb-owl-disabled));--rgb-shark-disabled:246, 246, 246;--shark-disabled:rgb(var(--rgb-shark-disabled));--rgb-goat-icon:165, 165, 178;--goat-icon:rgb(var(--rgb-goat-icon));--rgb-new:250, 95, 85;--new:rgb(var(--rgb-new));--rgb-delivered:34, 197, 94;--delivered:rgb(var(--rgb-delivered));--rgb-pinned:245, 158, 11;--pinned:rgb(var(--rgb-pinned));--rgb-prepared:123, 97, 255;--prepared:rgb(var(--rgb-prepared));--rgb-received:66, 184, 221;--received:rgb(var(--rgb-received));--rgb-link:30, 167, 253;--link:rgb(var(--rgb-link));--main:rgb(var(--rgb-main));--prim:rgb(var(--rgb-prim));--king:rgb(var(--rgb-king));--prince:rgb(var(--rgb-prince));--lord:rgb(var(--rgb-lord));--throne:rgb(var(--rgb-throne));--hoverd:rgb(var(--rgb-hoverd));--bord:rgb(var(--rgb-bord));--owl:rgb(var(--rgb-owl));--shark:rgb(var(--rgb-shark));--goat-old:rgb(var(--rgb-goat-old));--goat:rgb(var(--rgb-goat));--dolphin:rgb(var(--rgb-dolphin));--whale:rgb(var(--rgb-whale));--icon:rgb(var(--rgb-icon));--sky:rgb(var(--rgb-sky));--danger:rgb(var(--rgb-danger));--outline:rgb(var(--rgb-outline))}.text-white{color:var(--white)}.text-black{color:var(--black)}.text-primary{color:var(--primary)}.text-owl{color:var(--owl)}.fill-owl{fill:var(--owl)}.text-shark{color:var(--shark)}.fixed{position:fixed}.relative{position:relative}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.mx-auto{margin-left:auto;margin-right:auto}.overflow-auto::-webkit-scrollbar{height:var(--scroller-size);width:var(--scroller-size)}.overflow-auto::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--scroller-thumb)}.overflow-auto::-webkit-scrollbar-track{background-color:var(--scroller-bg);border-radius:2px}.overflow-auto::-webkit-scrollbar-track{background-color:var(--scroller-bg)}.row,.col,.row-center,.col-center{display:flex}.row,.row-center{flex-direction:row}.row-center{align-items:center}.col,.col-center{flex-direction:column}.col-center{justify-content:center}.text-center{text-align:center}.text-left{text-align:left}.pointer{cursor:pointer}.w\:200px{width:200px}.w\:100px{width:100px}.h\:16px{height:16px}.size\:20px{height:20px;width:20px}@font-face{font-family:"'BoutrosMBCDinkum Medium'";src:url(/fonts/light.ttf)}@font-face{font-family:"'GE Dinkum Medium'";src:url(/fonts/bold.ttf)}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Bold.ttf);font-weight:700;font-style:normal}@font-face{font-family:Yekan Bakh Medium;src:url(/fonts/YekanBakh-Medium.ttf);font-weight:600;font-style:normal}:root{background-color:var(--main);color:var(--owl);--scroller-size: 4px;--scroller-bg: #eff4f8;--scroller-thumb: #626262;--line-height: 24px;font-family:Yekan Bakh Medium;--font-bold: "Yekan Bakh";--font-medium: "Yekan Bakh";--font-light: "Yekan Bakh Medium"}*{-webkit-tap-highlight-color:var(--highlight)}@layer base{p,span,div,option,link,a{-webkit-user-select:none;user-select:none;margin:0;padding:0}a{text-decoration:none;color:var(--link)}}body{max-width:1280px;margin:0 auto;box-shadow:var(--shadow-lg);padding:var(--spacing-3x);background-color:var(--white)}.logo-with-text{height:40px}.logo-container{padding:10px 60px;position:relative}.logo-container img{width:100%}img{object-fit:contain}.logo-in-header{width:130px;height:130px;margin-bottom:-160px;margin-right:-18px;z-index:10;position:relative}.logo-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--primary);transform:skew(-15deg);z-index:-1}.co-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-2x)}.co-item{background-color:#fff;box-shadow:var(--shadow-lg);border-radius:var(--round-md);padding:var(--spacing-2x);transition:all .3s ease}.co-item:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px) scale(1.01)}.co-item img{width:100%;aspect-ratio:1/1}.id-img{width:50%;margin-inline:auto}@media screen and (max-width: 768px){.id-img{width:100%}}.top-bar{background-color:var(--primary);background-color:var(--white);box-shadow:var(--shadow-bottom);margin-inline:-20px;margin-top:-20px;position:sticky;top:0;z-index:100;padding:5px 20px;display:flex;justify-content:space-around;align-items:center}.logo{height:50px;width:50px}.co-info{color:var(--shark);font-size:1.2rem}footer{padding:20px;box-shadow:var(--shadow-bottom);border-radius:var(--round-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.fill-none{fill:none}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.w-full{width:100%}.h-full{height:100%}.about-us-container{padding-block:50px;color:var(--white);margin-inline:-20px}.about-us-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#2c6a67cc 0%,#2c6a67 50%,#2c6a67 100%);opacity:.85;z-index:3}.about-us-title{text-align:center;border-bottom:solid var(--white) 4px;font-size:24px;width:24%;margin:0}[data-selected=true].about-us-title{border-bottom-color:var(--orange)}.about-us-content{min-height:200px;font-size:20px;color:var(--primary);background-color:#fffd;padding:20px;border-radius:var(--round-sm)}.about-us-img{height:300px;width:35%;min-width:35%;object-fit:cover;border-radius:var(--round-sm);animation:full-fade .3s ease}.about-us-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.1);z-index:1;opacity:.8;padding-bottom:4500px;padding-left:7000px}.co-items-bg-img{position:absolute;top:0;bottom:0;left:0;right:auto;transform:scale(1.5);z-index:1;opacity:.8;filter:grayscale(100%);height:100%;animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(-50%) scale(1.5)}to{opacity:.8;transform:translateY(0) scale(1.5)}}@keyframes full-fade{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}.col-items-container .about-us-img{object-fit:contain}.co-items-bg-img{filter:blur(3px) grayscale(100%)}.col-items-container.about-us-container:before{background:linear-gradient(50deg,#373866cc 0%,#373866dd 50%,#373866df 100%)}.col-items-container .about-us-content{color:#373866}@media screen and (max-width: 768px){.about-us-container{padding:10px;display:flex;flex-direction:column-reverse;gap:10px}.about-us-title{font-size:18px}.about-us-content{font-size:16px}.about-us-img{height:200px;width:100%}.about-us-bg-img{filter:grayscale(100%);padding-bottom:150px;padding-left:10000px}}