*{--curve:40;box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;height:100%;width:100%}body::-webkit-scrollbar{width:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,textarea,button,select,a{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}a{text-decoration:none}img{width:100%;height:auto}*{--curve:40;box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;height:100%;width:100%}body::-webkit-scrollbar{width:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,textarea,button,select,a{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}a{text-decoration:none}img{width:100%;height:auto}.x-header{display:flex;justify-content:center;align-items:center;width:100%}.x-header .header{display:flex;justify-content:center;align-items:center;width:100%;max-width:100rem;padding:0 10px;height:90px}@media screen and (min-width:768px){.x-header .header{padding:0 1%}}@media screen and (min-width:1024px){.x-header .header{padding:0 5%}}@media screen and (min-width:1024px){.x-header .header{height:140px}}.x-header .header .logo-container{height:60px;width:100%;display:flex;justify-content:center;align-items:center;justify-content:space-between}.x-header .header .logo-container .x-logo{display:flex;justify-content:center;align-items:center;height:100%;width:40%;justify-content:space-between}@media screen and (min-width:1024px){.x-header .header .logo-container .x-logo{width:20%;justify-content:flex-start}}.x-header .header .logo-container .x-logo img{height:3.4rem;border:none}@media screen and (min-width:1024px){.x-header .header .logo-container .x-logo img{height:3.3rem}}.x-header .header .logo-container .x-cta{width:30%;display:flex;justify-content:center;align-items:center;justify-content:flex-end}@media screen and (min-width:1024px){.x-header .header .logo-container .x-cta{width:50%}}.x-header .header .logo-container .x-cta-container{margin-right:20px;display:none}@media screen and (min-width:1024px){.x-header .header .logo-container .x-cta-container{display:flex}}.x-header .header .logo-container .x-cta-container.hover-this span a{display:flex;justify-content:center;align-items:center;letter-spacing:1px;border:none;height:5rem;width:12rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b00d4;color:#fff;font-family:"Lexend";font-weight:600;cursor:pointer;font-size:.9rem;text-decoration:none;box-shadow:8px 8px 40px rgba(96,96,116,.14)}@media screen and (min-width:1024px){.x-header .header .logo-container .x-cta-container.hover-this span a{height:4.4rem;width:10.6rem}}@media screen and (min-width:1024px){.x-header .header .logo-container .x-cta-container.hover-this span a{width:9.4rem;height:3.3rem}}.x-header .header .logo-container .x-cta .fixed-nav{width:40px;height:40px;right:0;top:0;position:relative;z-index:11}@media screen and (min-width:1024px){.x-header .header .logo-container .x-cta .fixed-nav{width:52px;height:52px}}.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu{position:absolute}.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll{display:flex;justify-content:center;align-items:center;background-color:#fff;width:3.4rem;position:fixed;height:3.4rem;box-shadow:8px 8px 40px 1px rgba(96,96,116,.14);z-index:3;cursor:pointer}@media screen and (min-width:1024px){.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll{width:3.3rem;height:3.3rem}}.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll:before{position:absolute;content:"";top:0;left:0;width:0;height:100%;background-color:rgba(43,0,212,.05);transition:.25s}.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll:hover:before{width:0}@media screen and (min-width:1024px){.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll:hover:before{width:100%}}.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll svg{width:18px;height:20px}@media screen and (min-width:1024px){.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll svg{width:20px}}.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll svg .line1,.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll svg .line2{transition:.4s}.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .fixed-scroll button{letter-spacing:0px;width:67%;display:none}.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .toggle .line1{transform:rotate(-45deg) translate(-60px,70px)}.x-header .header .logo-container .x-cta .fixed-nav .container-icon-menu .toggle .line2{transform:rotate(45deg) translate(20px,-85px)}.x-header .header .side-menu{width:100%;position:fixed;top:0;right:0;height:100%;background-color:#000;z-index:10;transform:translateX(100%) translateY(0px);transition:transform .5s ease-out 0s;display:flex;justify-content:center;align-items:center}@media screen and (min-width:1024px){.x-header .header .side-menu{width:40%}}.x-header .header .side-menu.active{transform:translateX(0px) translateY(0px);transition:transform .5s ease-out 0s}.x-header .header .side-menu-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;max-height:1000px}.x-header .header .side-menu-container .nav-menu{display:flex;justify-content:center;align-items:center;height:60%;width:100%}.x-header .header .side-menu-container .nav-menu nav{width:100%;height:60%}.x-header .header .side-menu-container .nav-menu nav ul{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;width:100%;height:100%}.x-header .header .side-menu-container .nav-menu nav ul li{display:flex;justify-content:center;align-items:center;list-style:none;text-align:center;height:20%;width:100%;position:relative}.x-header .header .side-menu-container .nav-menu nav ul li a{width:100%;font-weight:700;font-family:"Lexend";color:#fff;font-size:20px;text-decoration:none;font-size:20px;padding:10px 20px}.x-header .header .side-menu-container .nav-menu nav ul li:before{width:0;position:absolute;content:"";top:0;left:0;width:0;height:100%;background-color:#2b00d4;transition:.4s;color:#fff;z-index:-1}.x-header .header .side-menu-container .nav-menu nav ul li:hover:before{width:100%}.x-header .header .side-menu-container .cta-menu{height:20%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.x-header .header .side-menu-container .cta-menu p{text-align:center;width:100%;height:25%;font-family:"Lexend";color:#fff;font-size:14px}.x-header .header .side-menu-container .cta-menu .hover-this span a{display:flex;justify-content:center;align-items:center;letter-spacing:1px;border:none;height:5rem;width:12rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b00d4;color:#fff;font-family:"Lexend";font-weight:600;cursor:pointer;text-decoration:none;box-shadow:8px 8px 40px 1px rgba(96,96,116,.14)}@media screen and (min-width:1024px){.x-header .header .side-menu-container .cta-menu .hover-this span a{height:4.4rem;width:10.6rem}}@media screen and (min-width:1024px){.x-header .header .side-menu-container .cta-menu .hover-this span a{width:9.4rem;height:3.3rem}}.x-header .header .side-menu-container .social-menu{width:100%;height:20%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}.x-header .header .side-menu-container .social-menu .social{width:100%;display:flex;justify-content:center;align-items:center;height:40%}.x-header .header .side-menu-container .social-menu .social nav{width:30%}@media screen and (min-width:1024px){.x-header .header .side-menu-container .social-menu .social nav{width:45%}}.x-header .header .side-menu-container .social-menu .social nav ul{display:flex;justify-content:space-between;align-items:center;list-style:none}.x-header .header .side-menu-container .social-menu .social svg{width:22px;height:auto;fill:#fff;transition:.5s}.x-header .header .side-menu-container .social-menu .social svg:hover{fill:#2b00d4}.x-header .header .side-menu-container .social-menu .copyright{width:100%;height:30%;display:flex;justify-content:center;align-items:center}.x-header .header .side-menu-container .social-menu .copyright span{width:100%;display:flex;justify-content:center;align-items:center}.x-header .header .side-menu-container .social-menu .copyright span img{width:18px;height:auto}.x-header .header .side-menu-container .social-menu .copyright span p{width:50%;font-size:14px;font-family:"Lexend";font-weight:400;text-align:center;color:#fff}@media screen and (min-width:1024px){.x-header .header .side-menu-container .social-menu .copyright span p{width:34%}}*{--curve:40;box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;height:100%;width:100%}body::-webkit-scrollbar{width:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,textarea,button,select,a{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}a{text-decoration:none}img{width:100%;height:auto}.x-footer{height:auto;width:100%;display:flex;justify-content:center;align-items:center}@media screen and (min-width:1024px){.x-footer{height:250px}}.x-footer .footer{height:550px;width:100%;max-width:1500px;display:flex;justify-content:center;align-items:center}@media screen and (min-width:1024px){.x-footer .footer{height:100%}}.x-footer .footer .title-footer{flex-direction:column;width:90%;height:100%;display:flex;justify-content:space-evenly;align-items:flex-end}@media screen and (min-width:1024px){.x-footer .footer .title-footer{height:85%;width:100%;flex-direction:row}}.x-footer .footer .title-footer .column1{width:100%;height:50%;display:flex;flex-direction:column;justify-content:space-around}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column1{width:50%;height:100%}}.x-footer .footer .title-footer .column1 .footer-logo{height:40%}.x-footer .footer .title-footer .column1 .footer-logo a img{height:40px;width:auto}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column1 .footer-logo a img{height:52px}}.x-footer .footer .title-footer .column1 .footer-nav{height:50%}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column1 .footer-nav{height:30%}.x-footer .footer .title-footer .column1 .footer-nav nav{width:100%}}.x-footer .footer .title-footer .column1 .footer-nav ul{display:flex;justify-content:center;align-items:center;justify-content:space-between;list-style:none;font-family:"Lexend";font-weight:400;font-size:16px;row-gap:20px;flex-wrap:wrap}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column1 .footer-nav ul{line-height:normal;flex-wrap:nowrap}}.x-footer .footer .title-footer .column1 .footer-nav ul li{text-align:center;width:45%}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column1 .footer-nav ul li{width:auto}}.x-footer .footer .title-footer .column1 .footer-nav ul li p{text-align:center}.x-footer .footer .title-footer .column1 .footer-nav ul li a{text-decoration:none;color:#000;transition:.2s}.x-footer .footer .title-footer .column1 .footer-nav ul li a:hover{color:#2b00d4}.x-footer .footer .title-footer .column2{height:30%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-around}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column2{width:50%;height:100%}}.x-footer .footer .title-footer .column2 .footer-copyright{width:100%}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column2 .footer-copyright{height:30%}}.x-footer .footer .title-footer .column2 .footer-copyright p{font-family:"Lexend";font-size:16px;text-align:center;font-weight:400;line-height:30px}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column2 .footer-copyright p{text-align:right;line-height:normal}}.x-footer .footer .title-footer .column2 .footer-social{height:40%;width:75%;display:flex;justify-content:center;align-items:center;justify-content:flex-end}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column2 .footer-social{width:100%}}.x-footer .footer .title-footer .column2 .footer-social a svg{font-size:22px;transition:.5s;fill:#9e9e9e;width:25px;height:auto}.x-footer .footer .title-footer .column2 .footer-social a svg:hover{fill:#2b00d4}.x-footer .footer .title-footer .column2 .footer-social nav{width:100%}@media screen and (min-width:1024px){.x-footer .footer .title-footer .column2 .footer-social nav{width:200px}}.x-footer .footer .title-footer .column2 .footer-social nav ul{display:flex;justify-content:space-between;align-items:center;list-style:none}html{font-size:12px;color:#000}@media screen and (min-width:768px){html{font-size:14px}}@media screen and (min-width:1024px){html{font-size:16px}}h1{font-weight:800;font-size:3rem;text-transform:uppercase;line-height:1.2;font-family:"Lexend"}h2,h3,h4,h5,h6{line-height:1.2;font-size:1.5rem;text-transform:uppercase;font-family:"Lexend"}p,span,label,input,select,textarea{font-weight:400;font-family:"Lexend";font-size:1rem}p{line-height:1.6}label{font-size:1rem;font-weight:600;padding-left:20px;margin-bottom:20px}input,textarea{width:100%;border:none;box-shadow:8px 8px 40px rgba(96,96,117,.14);padding:20px}textarea{height:170px}input{height:75px}input[type=checkbox]{display:none}input[type=checkbox]:checked+.hover-this span label{transition:.2s;background-color:#401ad8;cursor:pointer;color:#fff}input:focus,textarea:focus{border:.5px solid #2b00d4}input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(0,0,0,.25);font-weight:400;font-size:1rem}input::placeholder,textarea::placeholder{color:rgba(0,0,0,.25);font-weight:400;font-size:1rem}.w-25{width:25%}.w-50{width:48%}.w-1{width:100%}.btn,.subBtn{display:flex;justify-content:center;align-items:center;height:5rem;width:12rem}@media screen and (min-width:1024px){.btn,.subBtn{height:4.4rem;width:10.6rem}}.item-att-container{display:flex;justify-content:center;align-items:center;-moz-column-gap:15px;column-gap:15px;height:17%}.item-att-container .hover-this{transition:all .3s ease}.item-att-container .hover-this span{display:inline-block;transition:transform .1s linear;border-radius:100px}.item-att-container .hover-this span label{padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#2b00d4;text-align:center;font-family:"Lexend";font-weight:500;line-height:100px;background-color:#eeeefc;border-radius:100px;min-width:120px;height:120px}.item-att-container input{display:none}.item-att-container input:checked+.hover-this span label{transition:.2s;background-color:#401ad8;cursor:pointer;color:#fff}.item-att-container input:focus{border:.5px solid #2b00d4}.btn a{display:flex;justify-content:center;align-items:center;letter-spacing:1px;border:none;height:5rem;width:12rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b00d4;color:#fff;font-family:"Lexend";font-weight:600;cursor:pointer;box-shadow:8px 8px 40px 1px rgba(96,96,116,.14);text-decoration:none}@media screen and (min-width:1024px){.btn a{height:4.4rem;width:10.6rem}}.subBtn span{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.subBtn span a{display:flex;justify-content:center;align-items:center;justify-content:space-evenly;letter-spacing:1px;border:none;height:5rem;width:12rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b00d4;color:#fff;font-family:"Lexend";font-weight:600;cursor:pointer;background-color:#fff;color:#000;box-shadow:30px 30px 40px 10px rgba(96,96,116,.14);border:1px solid #d9d8dd;color:#2b00d4;position:relative;text-decoration:none}@media screen and (min-width:1024px){.subBtn span a{height:4.4rem;width:10.6rem}}.subBtn span a:before{position:absolute;content:"";top:0;left:0;width:0;height:100%;background-color:rgba(43,0,212,.05);transition:.25s}.subBtn span a:hover:before{width:100%}.subBtn span a #text{height:100%;width:62%;display:flex;justify-content:center;align-items:center}.subBtn span a #icon{border-left:1px solid #d9d8dd;height:100%;width:38%;display:flex;justify-content:center;align-items:center}.subBtn span a #icon svg{fill:#2b00d4;width:15px;height:auto}.hover-this{transition:all .3s ease}.hover-this span{display:inline-block;cursor:pointer;transition:transform .1s linear}.divider{height:1px;width:80%;background-color:#d9d8dd;margin:0 auto}.cursor{pointer-events:none}.cursor__ball{position:absolute;top:0;left:0;mix-blend-mode:difference;z-index:1000}.cursor__ball circle{fill:#2b00d4}.main-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-container .header-archive{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;display:flex;justify-content:center;align-items:center;height:300px;width:100%}.main-container .x-artical-archive{display:flex;justify-content:center;align-items:center;width:100%;flex-wrap:wrap;justify-content:space-between;row-gap:15px}.main-container .x-artical-archive .grid-post{width:32%;height:auto;display:flex;justify-content:center;align-items:center}.main-container .x-artical-archive .grid-post-item{width:100%;height:300px;box-shadow:8px 8px 40px 1px rgba(96,96,116,.14);position:relative;cursor:pointer}.main-container .x-artical-archive .grid-post-item:before{z-index:2;position:absolute;content:"";width:0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.2) 100%);transition:.3s}.main-container .x-artical-archive .grid-post-item:hover:before{background-color:rgba(0,0,0,.4);width:100%}.main-container .x-artical-archive .grid-post-item:after{z-index:1;position:absolute;content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.9) 100%)}.main-container .x-artical-archive .grid-post-item .title-post{bottom:0;width:90%;height:auto;display:flex;justify-content:center;align-items:center;align-items:flex-start;justify-content:space-between;flex-direction:column;z-index:3;position:absolute;font-size:16px;color:#fff;font-family:"Lexend";font-weight:600;padding:15px;line-height:25px}.main-container .x-artical-archive .grid-post-item .title-post .category{letter-spacing:1px;font-size:10px;padding:4px 8px;background-color:rgba(255,255,255,.1803921569);font-family:"Lexend";line-height:15px;margin-top:10px}.main-container .x-artical-archive .grid-post-item .image-item{z-index:0;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-container .header-post{width:100%;max-width:100rem;padding:0 10px;display:flex;justify-content:center;align-items:center;height:350px;width:100%;position:relative}@media screen and (min-width:768px){.main-container .header-post{padding:0 1%}}@media screen and (min-width:1024px){.main-container .header-post{padding:0 5%}}.main-container .header-post:after{z-index:1;position:absolute;content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.3) 60%)}.main-container .header-post .header-img{filter:brightness(.4);-o-object-position:center center;object-position:center center;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover}.main-container .header-post .entry-title{z-index:2;width:60%;color:#fff;text-align:center;padding:0 20px;font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-weight:600;font-size:40px}.main-container .container-post{width:100%;max-width:100rem;padding:0 10px;margin-top:50px}@media screen and (min-width:768px){.main-container .container-post{padding:0 1%}}@media screen and (min-width:1024px){.main-container .container-post{padding:0 5%}}.main-container .container-post .row-post{justify-content:space-between;display:flex;padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;width:100%}.main-container .container-post .row-post .primary{width:80%}.main-container .container-post .row-post .primary #main .entry-content h2{margin-bottom:5px}.main-container .container-post .row-post .primary #main .entry-content p{margin-bottom:15px}.main-container .container-post .row-post .primary #main .entry-content img{margin-top:20px;margin-bottom:20px;box-shadow:0px 15px 50px 0px rgba(66,29,29,.1)}.main-container .container-post .row-post .primary #main .entry-footer .cat-links a{font-size:14px;font-weight:600;text-decoration:none;color:rgba(88,88,88,.7019607843);padding:4px 8px;background-color:rgba(158,158,158,.3019607843);transition:.25s}.main-container .container-post .row-post .primary #main .entry-footer .cat-links a:hover{color:#fff;background-color:#2b00d4}.main-container .container-post .row-post .primary #related_posts{justify-content:center;display:flex;width:100%;height:450px;flex-direction:column}.main-container .container-post .row-post .primary #related_posts h3{margin-bottom:15px;font-size:20px;font-weight:600}.main-container .container-post .row-post .primary #related_posts ul{display:flex;justify-content:space-between;height:40%;width:100%}.main-container .container-post .row-post .primary #related_posts ul li{height:180px;width:290px}.main-container .container-post .row-post .primary #related_posts ul li .related-posts-container{display:flex;height:100%;width:100%;position:relative;box-shadow:0px 15px 50px 0px rgba(66,29,29,.1)}.main-container .container-post .row-post .primary #related_posts ul li .related-posts-container:before{z-index:2;position:absolute;content:"";width:0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.2) 100%);transition:.3s}.main-container .container-post .row-post .primary #related_posts ul li .related-posts-container:hover:before{width:100%}.main-container .container-post .row-post .primary #related_posts ul li .related-posts-container:after{z-index:1;position:absolute;content:"";width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.45) 100%);top:0;left:0}.main-container .container-post .row-post .primary #related_posts ul li .related-posts-container .related-posts-title{z-index:3;font-weight:600;color:#fff;bottom:0;height:auto;width:80%;position:absolute;font-size:14px;line-height:20px;padding:10px}.main-container .container-post .row-post .primary #related_posts ul li .related-posts-container .related-posts-title .related-posts-category{margin-top:10px;padding:4px 8px;width:-moz-fit-content;width:fit-content;background-color:rgba(255,255,255,.3490196078)}.main-container .container-post .row-post .secondary{height:100%;width:18%;position:sticky;top:100px}.main-container .container-post .row-post .secondary h2{font-size:22px;color:#000;font-family:"Lexend";text-transform:capitalize;font-weight:600;margin-bottom:15px}.main-container .container-post .row-post .secondary ul li{margin-bottom:5px;list-style:none;font-size:14px;color:#000;line-height:30px}.main-container .container-post .row-post .secondary ul li a{text-decoration:none;color:#000;transition:.6s;font-family:"Lexend";font-weight:600}.main-container .container-post .row-post .secondary ul li a:hover{color:#2b00d4}@media only screen and (max-width:767px){.cursor{display:none}.main-container .header-post{height:250px}.main-container .header-post .entry-title{font-size:20px;line-height:30px;width:90%}.main-container .container-post{padding:0}.main-container .container-post .row-post{font-size:14px;line-height:24px}.main-container .container-post .row-post .primary{width:90%}.main-container .container-post .row-post .primary #related_posts{justify-content:center;display:flex;width:100%;height:740px;flex-direction:column}.main-container .container-post .row-post .primary #related_posts ul{align-items:center;flex-direction:column;row-gap:15px;display:flex;justify-content:space-between;height:80%;width:100%}.main-container .container-post .row-post .primary #related_posts ul li{height:180px;width:100%}.main-container .container-post .row-post .secondary{display:none}.main-container .header-archive{font-size:20px;height:50px}.main-container .x-artical-archive .grid-post{width:48%}.main-container .x-artical-archive .grid-post-item .title-post{font-size:14px;line-height:24px}}@media only screen and (min-width:768px) and (max-width:1024px){.cursor{display:none}.x-contact .title-contact .row1{height:50%}.x-contact .title-contact .row2 p{width:530px}.main-container .container-post{padding:0}.main-container .container-post .row-post .secondary{width:25%;padding:25px}}