:root{--st-patricks-blue:#1f2470;--amaranth-purple:#b60c53;--royal-blue-dark:#111c5a;--chrome-yellow:#ffa90a;--space-cadet-1:#262e5a;--space-cadet-2:#111941;--winter-sky_50:#ef1f7680;--purple-navy:#51558a;--ksu-purple:#5c2782;--winter-sky:#ef1f76;--razzmatazz:#ef1570;--platinum:#e6e6e6;--black_70:#000000b3;--rajah:#fea858;--white:#fff;--gradient-1:linear-gradient(90deg,var(--royal-blue-dark)0,var(--ksu-purple)51%,var(--royal-blue-dark));--gradient-2:linear-gradient(90deg,var(--razzmatazz),var(--rajah));--ff-source-sans-pro:"Source Sans Pro",sans-serif;--ff-poppins:"Poppins",sans-serif;--fs-1:4.2rem;--fs-2:3.8rem;--fs-3:3.2rem;--fs-4:2.5rem;--fs-5:2.4rem;--fs-6:2rem;--fs-7:1.8rem;--fs-8:1.5rem;--fw-500:500;--fw-600:600;--fw-700:700;--radius-4:4px;--radius-12:12px;--section-padding:60px;--transition-1:.15s ease;--transition-2:.35s ease;--cubic-in:cubic-bezier(.51,.03,.64,.28);--cubic-out:cubic-bezier(.33,.85,.56,1.02);--shadow:0 5px 20px 1px #1f42891a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}li{list-style:none}a{text-decoration:none}a,img,span,input,button,ion-icon{display:block}button,input{font:inherit;background:0 0;border:none}button{cursor:pointer}input{width:100%}ion-icon{pointer-events:none}img{height:auto}address{font-style:normal}html{font-family:var(--ff-poppins);scroll-behavior:smooth;font-size:10px}body{background-color:var(--white);color:var(--purple-navy);font-size:1.6rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#f2f2f2}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}.container{padding-inline:15px}.h2,.h3{font-family:var(--ff-source-sans-pro)}.btn{background-image:var(--gradient-2);color:var(--white);font-size:var(--fs-8);font-weight:var(--fw-500);transition:var(--transition-2);background-size:200%;border-radius:0 25px;padding:12px 35px}.hero-btn{text-align:center;border-radius:0 25px;width:auto;max-width:max-content;padding:12px 35px;display:inline-block}.btn:is(:hover,:focus){background-position:100%}.w-100{width:100%}.banner-animation{animation:2s linear infinite alternate waveAnim}@keyframes waveAnim{0%{transform:translate(0)rotate(0)}to{transform:translate(2px,2px)rotate(1deg)}}.section{padding-block:var(--section-padding)}.section-title{color:var(--st-patricks-blue);font-size:var(--fs-3);max-width:max-content;margin-block-end:60px;margin-inline:auto}.underline{position:relative}.underline:before{content:"";background-image:var(--gradient-2);border-radius:10px;width:70%;height:6px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}:is(.service-card,.features-card) .title{color:var(--st-patricks-blue);font-size:var(--fs-4);font-weight:var(--fw-700)}:is(.service-card,.features-card,.blog-card) .text{font-size:var(--fs-8)}.img-cover{object-fit:cover;width:100%;height:100%}.header .btn{display:none}.header{--color:var(--white);z-index:4;width:100%;transition:var(--transition-1);padding-block:14px;position:absolute;top:0;left:0}.header.active{--color:var(--st-patricks-blue);background-color:var(--white);position:fixed;box-shadow:0 2px 30px #0000001a}.header .container{justify-content:space-between;align-items:center;gap:30px;display:flex}.logo{color:var(--color);font-family:var(--ff-source-sans-pro);font-size:var(--fs-3)}.nav-open-btn{color:var(--color);padding:4px;font-size:32px}.navbar{background-color:var(--white);visibility:hidden;z-index:2;width:100%;max-width:280px;min-height:100%;transition:.25s var(--cubic-in);padding:20px;position:fixed;top:0;left:-280px}.navbar.active{visibility:visible;transition:.5s var(--cubic-out);transform:translate(280px)}.navbar-top{justify-content:space-between;align-items:center;padding-block:10px 30px;display:flex}.navbar-top .logo{color:var(--st-patricks-blue);font-size:4.2rem;font-weight:var(--fw-700)}.nav-close-btn{color:var(--space-cadet-1);padding:4px;font-size:2.8rem}.navbar-item:not(:last-child){border-bottom:1px solid var(--platinum)}.navbar-link{color:var(--space-cadet-1);font-size:var(--fs-8);font-weight:var(--fw-600);padding-block:12px}.overlay{background-color:var(--black_70);z-index:1;opacity:0;pointer-events:none;transition:var(--transition-2);position:fixed;inset:0}.overlay.active{opacity:1;pointer-events:all}.hero{background-image:url(https://raw.githubusercontent.com/codewithsadee/desinic/master/assets/images/hero-bg-bottom.png),url(https://raw.githubusercontent.com/codewithsadee/desinic/master/assets/images/hero-bg.png),var(--gradient-1);background-position:bottom,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,cover,auto;padding-block-start:120px;padding-block-end:var(--section-padding)}.hero .container{align-items:center}.hero-content{margin-block-end:50px}.hero-subtitle{color:var(--chrome-yellow);font-family:var(--ff-source-sans-pro);font-size:var(--fs-7);margin-block-end:15px}.hero-title{color:var(--white);font-size:var(--fs-1);margin-block-end:20px}.hero-text{color:var(--white);font-size:var(--fs-8);margin-block-end:30px}.about-banner{margin-block-end:30px}.about .section-title{margin-inline:0}.about .underline:before{left:0;transform:translate(0)}.about-text{font-size:var(--fs-8);margin-block-end:20px}.stats-list{gap:30px;display:grid}.stats-card{text-align:center;box-shadow:var(--shadow);border-radius:var(--radius-12);padding:15px}.stats-title{color:var(--st-patricks-blue);font-size:var(--fs-2);font-weight:var(--fw-700)}.stats-text{font-size:var(--fs-8)}.service-list{gap:30px;display:grid}.service-card{box-shadow:var(--shadow);border-radius:var(--radius-12);padding:30px}.service-card .card-icon{aspect-ratio:1;max-width:165px;transition:var(--transition-1);background-color:#ef1f761f;background-image:url(https://raw.githubusercontent.com/codewithsadee/desinic/master/assets/images/service-banner-pattern.png);background-repeat:no-repeat;background-size:contain;place-content:center;margin-inline:auto;display:grid}.service-card:hover .card-icon{background-color:var(--winter-sky)}.service-card .card-icon ion-icon{color:var(--winter-sky);--ionicon-stroke-width:20px;transition:var(--transition-1);font-size:5rem}.service-card:hover .card-icon ion-icon{color:var(--white)}.service-card .title{text-align:center;margin-block-end:15px}.service-card .text{text-align:center;margin-block-end:20px}.service-card .card-btn{border:1px solid var(--winter-sky);color:var(--winter-sky);transition:var(--transition-1);border-radius:50%;margin-inline:auto;padding:15px}.service-card .card-btn:is(:hover,:focus){color:var(--white);background-color:var(--winter-sky)}.features-list>li:first-child{margin-block-end:30px}.features-card{align-items:flex-start;gap:20px;display:flex}.features-card .icon{background-image:var(--gradient-1);color:var(--white);background-size:200%;border-radius:50%;min-width:max-content;max-width:max-content;padding:22px;font-size:36px}.features-card .icon ion-icon{--ionicon-stroke-width:20px}.features-card .title{margin-block-end:10px}.features-banner{margin-block:40px}.features-banner>img{max-width:max-content;margin-inline:auto}.blog{padding-block-end:120px}.blog-list{gap:30px;display:grid}.blog-card{box-shadow:var(--shadow);border-radius:var(--radius-12);padding:20px}.blog-card .banner{border-radius:var(--radius-12);margin-block-end:15px;overflow:hidden}.blog-card .banner img{transition:var(--transition-2)}.blog-card .banner a:is(:hover,:focus) img{transform:scale(1.1)}.blog-card .title{color:var(--st-patricks-blue);font-size:var(--fs-6);margin-block-end:15px;line-height:1.2}.blog-card .title>a{color:inherit}.blog-card .title>a:is(:hover,:focus){color:var(--razzmatazz)}.blog-card .text{margin-block-end:15px}.blog-card .meta{font-size:var(--fs-8);color:var(--purple-navy);font-weight:var(--fw-500);justify-content:space-between;align-items:center;gap:15px;padding-block-end:10px;display:flex}.blog-card .meta ion-icon{color:var(--winter-sky);--ionicon-stroke-width:35px;font-size:22px}.publish-date,.comment{align-items:center;gap:8px;display:flex}.comment{color:inherit;margin-inline-start:auto}.footer{font-size:var(--fs-8)}.footer a{color:inherit}.footer-top{background-image:url(https://raw.githubusercontent.com/codewithsadee/desinic/master/assets/images/footer-bg.png),var(--gradient-1);color:var(--white);background-position:50%,50%;background-repeat:no-repeat;background-size:auto,200%}.footer-brand{margin-block-end:30px}.footer-brand .logo{font-weight:var(--fw-700);margin-block-end:15px}.footer-brand .text{font-size:var(--fs-8);margin-block-end:20px}.social-list{justify-content:flex-start;align-items:center;gap:10px;display:flex}.footer-top .social-link{background-color:var(--white);color:var(--winter-sky);border-radius:50%;padding:8px;font-size:18px}.footer-top .social-link:is(:hover,:focus){background-image:var(--gradient-2);color:var(--white)}.footer-list:not(:last-child){margin-block-end:25px}.footer-list-title{font-family:var(--ff-source-sans-pro);font-size:var(--fs-5);font-weight:var(--fw-700);margin-block-end:15px}.footer-link{padding-block:5px}:is(.footer-link,.footer-item-link):not(address):is(:hover,:focus){text-decoration:underline}.footer-item{justify-content:flex-start;align-items:center;gap:10px;padding-block:10px;display:flex}.footer-item-icon{background-image:var(--gradient-2);border-radius:50%;padding:13px}.footer-bottom{background-color:var(--space-cadet-2);text-align:center;color:var(--white);padding:20px}.copyright-link{text-decoration:underline;display:inline-block}.copyright-link:is(:hover,:focus){text-decoration:none}.go-top{background-color:var(--winter-sky);color:var(--white);border-radius:var(--radius-4);box-shadow:-3px 3px 15px var(--winter-sky_50);z-index:2;visibility:hidden;opacity:0;transition:var(--transition-1);padding:14px;font-size:2rem;position:fixed;bottom:0;right:15px}.go-top.active{visibility:visible;opacity:1;transform:translateY(-15px)}@media (min-width:550px){.container{max-width:550px;margin-inline:auto}.section-title{--fs-3:3.6rem}.header .btn{align-items:center;gap:5px;margin-inline-start:auto;display:flex}.stats-list{grid-template-columns:repeat(3,1fr)}.blog-card{grid-template-columns:.75fr 1fr;gap:20px;padding:30px;display:grid}.blog-card .banner{margin-block-end:0}.blog-card .banner a{height:100%}.footer-brand,.footer-list:not(:last-child){margin-block-end:0}.footer-top .container{grid-template-columns:1fr 1fr;gap:30px 50px;display:grid}}@media (min-width:768px){.container{max-width:720px}.hero{place-items:center;min-height:600px;display:grid}.hero-content{margin-block-end:0}.hero .container{grid-template-columns:1fr 1fr;align-items:center;gap:30px;display:grid}.service-list{grid-template-columns:1fr 1fr}.features-list>li:first-child{margin-block-end:0}.features-list{grid-template-columns:1fr 1fr;gap:25px;display:grid}.footer-top .container{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){:root{--fs-1:5.4rem}.container{max-width:950px}.header{padding-block:20px}.overlay,.nav-open-btn,.navbar-top{display:none}.navbar,.navbar.active{all:unset;margin-inline-start:auto}.header .btn{margin-inline-start:0}.navbar-list{gap:25px;display:flex}.navbar-item:not(:last-child){border-bottom:none}.navbar-link{color:var(--color)}.hero{min-height:700px}.about .container{grid-template-columns:1fr 1fr;gap:30px;display:grid}.service-list{grid-template-columns:repeat(3,1fr)}.features-list{grid-template-columns:1fr}.features .container{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.features .section-title{grid-column:1/4}.features-banner{place-items:center;margin-block:0;display:grid}.footer-top .container{grid-template-columns:repeat(4,1fr)}.footer-brand{grid-column:1/5}.footer-brand .text{max-width:45ch}}@media (min-width:1200px){.container{max-width:1200px}.section-title{--fs-3:4.6rem}.hero{min-height:800px}.blog-list{grid-template-columns:1fr 1fr}.blog-card{height:100%}.blog-card .content{flex-direction:column;justify-content:space-between;display:flex}.footer-top .container{grid-template-columns:.7fr .5fr .5fr .7fr}.footer-brand{grid-column:auto}}.about-text,.service-card .text,.features-card .text,.blog-card .text,.footer-brand .text{text-align:justify;text-justify:inter-word}.page-default .header .logo,.page-default .header .navbar-link{color:#1b1c57!important}.page-default .header .btn span,.page-default .header .btn svg{color:#fff!important}.page-default .header .btn{background:linear-gradient(90deg,#ff7a7a,#ff4f9c)}