*,::after,::before{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#060612;--accent:#7c3aed;--accent2:#06b6d4;--accent3:#f59e0b;--text:#f0f0fa;--text-muted:#6b6b8a}
html{scroll-behavior:smooth}
body{min-height:100vh;background: #000000;
background: -webkit-linear-gradient(to left, #166534, #000000);
background: linear-gradient(to left, #166534, #000000);font-family:'DM Sans',sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto}
.bg-blobs,.bg-grid{pointer-events:none;position:fixed;inset:0}
.bg-blobs{z-index:0}
.blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.18}
.blob-1{width:600px;height:600px;background:var(--accent);top:-200px;left:-100px;animation:18s ease-in-out infinite alternate drift1}
.blob-2{width:500px;height:500px;background:var(--accent2);bottom:-150px;right:-100px;animation:22s ease-in-out infinite alternate drift2}
.blob-3{width:300px;height:300px;background:var(--accent3);top:40%;left:55%;animation:15s ease-in-out infinite alternate drift3}
@keyframes drift1{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,40px) scale(1.1)}}
@keyframes drift2{from{transform:translate(0,0) scale(1)}to{transform:translate(-50px,30px) scale(1.08)}}
@keyframes drift3{from{transform:translate(0,0)}to{transform:translate(30px,-40px)}}
.bg-grid{z-index:1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}
.bg-grid::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,#060612 100%)}
.wrapper{position:relative;z-index:2}
.brand:before{background-size:100% 100%;content:"BotixTech";line-height:200px;color:#f5f2f7;font-size:20px;font-family:"HEAVITAS","Helvetica Rounded",Arial,sans-serif;font-weight:700;text-align:center;width:200px;height:200px;margin:0 auto;position:absolute;z-index:99999!important}
.logo svg path{position:absolute;stroke-width:2;top:0;left:0;transform-origin:50% 50%;transform:rotate(0deg);animation:4s linear infinite}
.logo svg path:nth-child(1){opacity:1;animation-name:rotate-1;animation-delay:.5s}
.logo svg path:nth-child(2){opacity:.5;animation-name:rotate-2;animation-delay:.6s}
.logo svg path:nth-child(3){opacity:.8;animation-name:rotate-3;animation-delay:.7s}
@keyframes rotate-1{to{transform:rotate(360deg)}}
@keyframes rotate-2{to{transform:rotate(-360deg)}}
@keyframes rotate-3{to{transform:rotate(0deg)}}
.hdr-right{margin-inline:80px;margin-bottom:56px}
.hdr-right .menu{margin-inline:-40px}
.hdr-action{margin-inline:50px;margin-bottom:56px}
.banner h1{font-family:sans-serif;margin-top:40px;font-size:clamp(26px,3vw,36px);line-height:1.25;max-width:500px}
.banner .desc{max-width:470px;font-size:16px;line-height:1.65;margin-top:14px}.banner .row{align-items:center}
.banner__left .block-text{margin-inline:40px;padding-block:20px}
.banner .portfolio__right img{display:block;width:100%;max-width:400px;height:auto;margin:0 auto}
.hero-note{margin-top:16px;font-size:14px;color:#c9c9e0}
.hero-note a{color:#cfc4ff!important;text-decoration:underline}
.tools-section{scroll-margin-top:90px}
.tools-intro{max-width:720px;margin:14px auto 0;color:#c9c9e0;line-height:1.6}
.ag-format-container{width:92%;max-width:1080px;margin:0 auto}
body .ag-courses_box{display:flex;align-items:flex-start;flex-wrap:wrap;padding:30px 0 50px}
.ag-courses_box>.col-12,.ag-courses_box>.ad-wrapper{flex:0 0 100%;width:100%}
.cat-head{margin:40px 0 22px;text-align:center;padding:0 15px}
.cat-head h3{font-size:clamp(22px,3vw,28px);font-weight:700}
.cat-head p{margin-top:8px;color:#c9c9e0;line-height:1.5}
.ag-courses_item{flex-basis:calc(33.33333% - 30px);margin:-8px 15px 24px;overflow:hidden;border-radius:28px}
.ag-courses-item_link{display:block;padding:15px 29px;background:linear-gradient(264.28deg,#DEC7FF -38.2%,#5C27FE 103.12%);overflow:hidden;position:relative}
.ag-courses-item_link:hover,.ag-courses-item_link:hover .ag-courses-item_date{text-decoration:none;color:#fff}
.ag-courses-item_link:hover .ag-courses-item_bg{transform:scale(10)}
.ag-courses-item_title{min-height:87px;margin:0 0 25px;overflow:hidden;font-weight:700;font-size:20px;color:#fff;z-index:2;position:relative}
.ag-courses-item_title h4{display:inline;font-size:inherit;font-weight:inherit;margin:0;color:inherit}
.ag-courses-item_date-box{font-size:18px;color:#fff;z-index:2;position:relative}
.ag-courses-item_date{font-weight:700;color:#f9b234;transition:color .5s ease}
.ag-courses-item_bg{height:128px;width:128px;background-color:#f9b234;z-index:1;position:absolute;top:-75px;right:-75px;border-radius:50%;transition:all .5s ease}
.ag-courses_item:nth-child(2n) .ag-courses-item_bg{background-color:#3ecd5e}
.ag-courses_item:nth-child(3n) .ag-courses-item_bg{background-color:#e44002}
.ag-courses_item:nth-child(4n) .ag-courses-item_bg{background-color:#952aff}
.ag-courses_item:nth-child(5n) .ag-courses-item_bg{background-color:#cd3e94}
.ag-courses_item:nth-child(6n) .ag-courses-item_bg{background-color:#4c49ea}
.speciality-box .title,.portfolio-box .title{font-size:20px;margin-bottom:8px}
.create .content p{margin:10px 0 20px;color:#e6e6f5}
.toggle-title{font-size:16px;line-height:1.4;font-weight:600}
.sub-heading{margin:0}
.whatsapp-btn-container{position:fixed;right:-27px;opacity:0;bottom:-50px;padding:44px;animation:1s 1s forwards fade-up;z-index:9999}
@keyframes fade-up{100%{bottom:24px;opacity:1}}
.whatsapp-btn-container .whatsapp-btn{font-size:48px;color:#25d366;display:inline-block;transition:.4s}
.whatsapp-btn-container .whatsapp-btn:hover{transform:scale(1.2)}
.ad-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin:30px auto;min-height:10px;overflow:hidden}
.list-social a{color:#fff;font-size:16px}
.hidden{display:none!important}
.block{display:block!important}
@media(max-width:1199px){.hdr-right,.hdr-action{margin-inline:0;margin-bottom:0}.hdr-right .menu{margin-inline:0}}
@media(max-width:979px){.ag-courses_item{flex-basis:calc(50% - 30px)}.ag-courses-item_title{font-size:22px}.banner h1{margin-top:30px}.banner__left .block-text{margin-inline:20px}.create__main img{max-width:100%;height:auto}}
@media(max-width:639px){.ag-courses_item{flex-basis:100%}.ag-courses-item_title{min-height:72px;line-height:1.1;font-size:22px}.ag-courses-item_link{padding:22px 30px}.ag-courses-item_date-box{font-size:16px}.banner .portfolio__right{margin-top:20px}.footer__bottom .list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Page wide refinements */
.container.big,.container{max-width:1240px;margin-inline:auto;padding-inline:20px}
.block-text h2.heading,.create .content h2.heading{font-size:clamp(24px,2.8vw,34px);line-height:1.3;max-width:820px;margin-inline:auto}
.create .content h2.heading{margin-inline:0}
.block-text.center>p:not(.sub-heading){font-size:16px;line-height:1.65;color:#c9c9e0;max-width:720px;margin:12px auto 0}
.sub-heading{margin-bottom:12px}
.tools-section{margin-top:30px}
.ag-courses_box{align-items:stretch}
.ag-courses_item{display:flex;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.ag-courses-item_link{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px 24px}
.ag-courses-item_title{min-height:72px;font-size:18px;line-height:1.3;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ag-courses-item_title h4{flex:1}
.ag-courses-item_title img{width:auto;max-width:56px;max-height:56px;flex:none}
.ag-courses-item_date-box{font-size:15px;margin-top:6px}
.speciality-box,.portfolio-box{height:100%}
.speciality-box p,.portfolio-box p,.toggle-content p{font-size:15px;line-height:1.65}
.portfolio-box{margin-bottom:22px}
.flat-toggle{margin-bottom:14px}
.create__main{border-radius:24px}
.footer__bottom{gap:16px}
.footer .list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:12px}
@media(max-width:639px){.container.big,.container{padding-inline:16px}.ag-courses-item_title{min-height:60px;font-size:18px}.block-text h2.heading{font-size:24px}}

/* Footer fix: remove the empty space below the footer */
.footer{position:relative;overflow:hidden;min-height:0!important;height:auto!important;padding-bottom:28px!important;margin-bottom:0!important}
.footer .shape{max-height:100%;overflow:hidden}
.footer__bottom{align-items:center}
.footer .center p{margin-top:10px;color:#c9c9e0;font-size:14px;line-height:1.6}
.footer .center p a{color:#fff}
@media(max-width:767px){.footer__bottom{flex-direction:column;text-align:center}}