.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.container{width:1230px;padding:0 15px;margin:0 auto}.container--900{max-width:930px}@media screen and (max-width:1310px){.container{width:1170px}}@media screen and (max-width:1199px){.container{width:1100px}}@media screen and (max-width:1100px){.container{width:970px}}@media screen and (max-width:991px){.container{width:850px}}@media screen and (max-width:860px){.container{width:100%}}h3{color:#272d37;font-size:22px;font-weight:600;line-height:30px}p{color:#5f6d7e;line-height:150%;letter-spacing:-.1px}a{color:#5f6d7e;text-decoration:none}.title{color:#272d37;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.48px;margin-bottom:16px}@media screen and (min-width:767px){.title{margin-bottom:25px;letter-spacing:-.64px;color:#272d37;font-size:32px;font-weight:700;line-height:40px}}.title--main{color:#333;font-size:32px;font-weight:600;line-height:36px;letter-spacing:-.64px}@media screen and (min-width:767px){.title--main{color:#333;font-size:52px;font-weight:700;line-height:60px;letter-spacing:-.52px}}.title--white{color:#fff}.subtitle{color:#5f6d7e;font-size:16px;font-weight:400;line-height:24px;margin-bottom:30px;max-width:800px}.subtitle--main{color:#333;font-size:18px;font-weight:400;line-height:26px}.subtitle--white{color:#fff}body,html{height:100%;padding:0;margin:0}body{min-height:100vh;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-weight:400;font-size:16px;color:#5f6d7e;background:#fff;overflow-x:hidden;position:relative;line-height:24px;overflow-x:hidden}body.stop-scrolling{height:100%;overflow:hidden}*{box-sizing:border-box}*,:active,:focus,:hover{outline:0}select{-webkit-appearance:none}.main{flex:1 0 auto;position:relative}footer{flex-shrink:0}img{max-width:100%;height:auto}.no-scroll{overflow:hidden}.visible-mob{display:none}@media screen and (max-width:991px){.main{padding-top:85px}}@media screen and (max-width:767px){.visible-mob{display:block}}.socials{display:flex;align-items:center;gap:24px}.button{position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #333;max-width:150px;filter:drop-shadow(0 1px 2px rgba(16, 24, 40, .04));border-radius:30px;color:#333;font-size:15px;font-weight:600;line-height:22px;padding:12px 18px;transition:all .2s ease}.button:hover{background:#669eff;color:#fff;border:1px solid #fff}.button--hover-arrow{transition:max-width .2s ease}@media screen and (min-width:1200px){.button--hover-arrow:hover{max-width:160px}.button--hover-arrow:hover::after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.16669 6H12M7.83335 1L12.2441 5.41074C12.5695 5.73618 12.5695 6.26382 12.2441 6.58926L7.83335 11' stroke='%23ffffff' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;width:14px;height:12px;margin-left:10px}}@media screen and (max-width:1199px){.button--hover-arrow::after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.16669 6H12M7.83335 1L12.2441 5.41074C12.5695 5.73618 12.5695 6.26382 12.2441 6.58926L7.83335 11' stroke='%23272D37' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;width:14px;height:12px;margin-left:10px}}.button--arrow::after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.16669 6H12M7.83335 1L12.2441 5.41074C12.5695 5.73618 12.5695 6.26382 12.2441 6.58926L7.83335 11' stroke='%23272D37' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;width:14px;height:12px;margin-left:10px}.button--arrow:hover::after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.16669 6H12M7.83335 1L12.2441 5.41074C12.5695 5.73618 12.5695 6.26382 12.2441 6.58926L7.83335 11' stroke='%23ffffff' stroke-width='1.67' stroke-linecap='round'/%3E%3C/svg%3E%0A")}.circle-scroll-top{display:block;position:fixed;bottom:80px;right:12.5px;cursor:pointer;width:50px;height:50px;background-image:url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 23 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2564_37' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='23' height='21'%3E%3Crect x='22.5' y='20.2273' width='22' height='19.1986' transform='rotate(-180 22.5 20.2273)' fill='%23C4C4C4' stroke='white'/%3E%3C/mask%3E%3Cg mask='url(//theappsolutions.com/wp-content/themes/appsolution_theme/css/%23mask0_2564_37)'%3E%3Cpath d='M19.7158 13.5137L11.2668 6.29988L3.28724 13.5137' stroke='white' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center center;background-color:#669eff;border-radius:50%;opacity:0;transform:translateY(25px);z-index:-1;transition:.3s}.circle-scroll-top.visible{opacity:1;transform:translateY(0);z-index:10}.hamburger{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:9}@media screen and (min-width:992px){.hamburger{display:none}}.hamburger{cursor:pointer;padding:10px 35px 16px 0}.hamburger span,.hamburger span:after,.hamburger span:before{cursor:pointer;border-radius:10px;height:2px;width:20px;background:#333;position:absolute;display:inline-block;content:""}.hamburger span:before{top:-5px}.hamburger span:after{bottom:-5px}.hamburger span,.hamburger span:after,.hamburger span:before{transition:all .3s cubic-bezier(.645,.045,.355,1)}.hamburger.active span{background-color:rgba(0,0,0,0)}.hamburger.active span:after,.hamburger.active span:before{top:0}.hamburger.active span:before{transform:rotate(45deg)}.hamburger.active span:after{transform:translateY(-10px) rotate(-45deg);top:10px}.header{width:100%;z-index:9;position:absolute;top:0;left:0;background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (min-width:991px){.header{position:absolute}}@media(max-width:1023px){.header.is-overflow{overflow:hidden}}.header__inner{display:flex;align-items:center;justify-content:space-between;height:90px}@media screen and (max-width:992px){.header__inner{height:60px}}.header__button-wrapper{display:flex;justify-content:space-between;gap:10px}@media screen and (max-width:992px){.header__button{display:none}}.header__button-calc{max-width:201px;background:#669eff;color:#fff;border:1px solid #669eff}.header__button-calc:hover{background:rgba(0,0,0,0);color:#333;border:1px solid #333}@media screen and (max-width:992px){.header__button-calc{margin:15px auto 0}}@media screen and (min-width:993px){.header__button-calc.mobile{display:none}}@media screen and (max-width:992px){.header__button-calc.mobile{display:flex}}.header__logo{z-index:9}@media screen and (max-width:992px){.header__logo{width:90px;margin-top:7px}}.header.is-sticky{position:fixed;box-shadow:0 5px 16px rgba(0,0,0,.1);padding:8px 0;top:0;left:0;z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .35s ease-in-out}@media screen and (max-width:992px){.header.is-sticky{background-color:#fff}}.header.is-sticky .header__inner{height:50px}.header__socials{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}@media screen and (min-width:991px){.header__socials{display:none}}@media screen and (max-width:992px){.main-navigation{position:absolute;top:0;left:0;background:#464646;z-index:2;width:100%;height:100vh;padding:35px 15px;transform:translateX(104%) scaleX(0);transition:all .25s ease-in;background-color:#fff}.main-navigation.is-active{transform:translateX(0) scaleX(1)}}.main-navigation .menu{display:flex;gap:30px}@media screen and (max-width:992px){.main-navigation .menu{flex-direction:column;align-items:center;margin-top:100px}}.main-navigation .menu a{display:inline-block;width:auto;position:relative;color:#272d37;font-size:18px;font-weight:600;line-height:28px}@media screen and (min-width:991px){.main-navigation .menu a{color:#333;font-size:15px;font-weight:600;line-height:22px}}.main-navigation .menu a::before{content:"";display:block;width:0;height:1px;position:absolute;bottom:0;left:0;background:#5f6d7e;transition:width .3s}.main-navigation .menu a:hover{color:#333b44}.main-navigation .menu a:hover::before{width:100%;transition:width .3s}@media screen and (max-width:992px){.main-navigation .menu li:last-child:not(.sub-menu>li:last-child){max-width:201px;width:100%}}@media screen and (max-width:992px){.main-navigation .menu a[href="/contact-us/"]{text-align:center;border:1px solid #333;width:100%;filter:drop-shadow(0 1px 2px rgba(16, 24, 40, .04));border-radius:30px;color:#333;font-size:15px;font-weight:600;line-height:22px;padding:12px 18px;transition:all .2s ease}}.main-navigation .menu-item-has-children{position:relative}@media(min-width:1024px){.main-navigation .menu-item-has-children:hover a::after{transform:rotate(180deg)}.main-navigation .menu-item-has-children:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(10px);z-index:1}}@media(max-width:1023px){.main-navigation .menu-item-has-children.is-open a::after{transform:rotate(180deg)}.main-navigation .menu-item-has-children.is-open .sub-menu{display:grid;visibility:visible}}.main-navigation .menu-item-has-children a{display:flex;gap:5px;align-items:center}@media(max-width:1023px){.main-navigation .menu-item-has-children a{justify-content:center}}.main-navigation .menu-item-has-children a::after{content:"";display:block;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath stroke='%23393A40' stroke-width='1.5' d='M4 6.5 8.5 11 13 6.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;transition:.3s}.main-navigation .sub-menu{position:absolute;top:100%;left:0;z-index:-1;visibility:hidden;display:grid;grid-template-columns:repeat(3,auto);grid-gap:5px 20px;width:-moz-max-content;width:max-content;padding:20px;border-radius:20px;background-color:#fff;transition:.3s}@media(min-width:1024px){.main-navigation .sub-menu{opacity:0;transform:translateY(-20px)}}@media(max-width:1023px){.main-navigation .sub-menu{display:none;grid-template-columns:1fr;padding:0;border-radius:0;background-color:rgba(0,0,0,0);position:relative;top:unset;left:unset;z-index:1}}.main-navigation .sub-menu a::after{content:none}.submenu{display:flex;opacity:0;pointer-events:none;width:100%;height:230px;justify-content:center;gap:60px;position:absolute;top:-200px;z-index:-1;left:50%;transform:translateX(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 0;transition:all .4s ease}.submenu.hovered{display:flex;transform:translate(-50%,280px);opacity:1;pointer-events:all;z-index:0}.submenu__item{background-color:#fff;padding:16px;border-radius:30px;display:flex;flex-direction:column;gap:18px;max-width:302px}.submenu__item:hover{background:#669eff;transition:all .2s ease}.submenu__item:hover .submenu__button,.submenu__item:hover .submenu__text,.submenu__item:hover .submenu__title{color:#fff}.submenu__item:hover .submenu__button{border-color:#fff}.submenu__title{color:#333;font-size:15px;font-weight:600;line-height:22px}.submenu__text{color:#333;font-size:15px;font-weight:400;line-height:22px}.submenu__button{padding:12px 18px;border-radius:30px;border:1px solid #333;width:200px;color:#333;font-size:15px;font-weight:600;line-height:22px}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}.footer{background:linear-gradient(270deg,#e8f4ff 0,#ecfffe 100%);padding:30px 0}@media screen and (min-width:767px){.footer{padding:64px 0}}.footer a{display:inline-block;width:auto;position:relative}.footer a::after{content:"";display:block;width:0;height:1px;background:#5f6d7e;transition:width .3s}.footer a:hover{color:#333b44}.footer a:hover::after{width:100%;transition:width .3s}.footer__logo a::after,.footer__socials a::after{display:none}@media screen and (max-width:767px){.footer__logo{width:100px}}.footer__inner{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width:1200px){.footer__inner{gap:40px 30px}}@media(max-width:767px){.footer__inner{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px 10px}}.footer__column{min-width:100px;max-width:100%;width:auto}@media(min-width:768px)and (max-width:1200px){.footer__column{flex:1 0 200px}}@media screen and (min-width:500px){.footer__column{max-width:240px}}.footer__column p{font-weight:500}@media(max-width:767px){.footer__column .footer__contact,.footer__column:first-child,.footer__column:nth-child(3),.footer__column:nth-child(4){grid-column-start:1;grid-column-end:3}}.footer__column:first-child{margin-right:0}@media screen and (min-width:767px){.footer__column:first-child{margin-right:20px}}.footer__row{margin-bottom:20px}@media screen and (min-width:767px){.footer__row{margin-bottom:40px}}.footer__heading{font-weight:600;color:#272d37;margin-bottom:15px}@media screen and (min-width:767px){.footer__heading{margin-bottom:24px}}.footer p.footer__text{margin:16px 0;font-weight:400}.footer__copyright{text-align:center;margin-top:60px}@media screen and (min-width:767px){.footer__copyright br{display:none}}.footer-menu{padding:0;list-style:none}.footer-menu li:not(:last-child){margin-bottom:10px}.footer-menu a{font-weight:500}.footer__contact{max-width:280px}.footer__contact-link{font-weight:500}.footer__contact-link:not(:last-child){margin-bottom:10px}.footer__address{margin-bottom:10px}.footer__img{margin:20px 0}.footer-icons-list{display:flex;align-items:center;gap:30px;justify-content:flex-end;margin-top:20px}@media screen and (max-width:1200px){.footer-icons-list{justify-content:center;margin-top:40px}}@media screen and (max-width:400px){.footer-icons-list{margin-top:0}}.footer-icons-list__item{width:90px;height:90px}.footer-icons-list__item:last-child{width:155px}.footer-icons-list__item:hover::after{display:none}.footer-icons-list__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;z-index:9999}#preloader-spinner{width:40px;height:40px;border-radius:50%;border:4px solid #669eff;border-top-color:#fff;animation:spin 1s infinite linear;margin-top:15px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#preloader-text{margin-top:20px;font-family:Arial,sans-serif}.loaded#preloader{display:none}.post{padding-top:120px;background:#fff}.post__title{margin:30px 0;letter-spacing:-.01em;color:#222;font-size:52px;font-weight:700;line-height:60px}.post__inner{display:flex;justify-content:space-between}@media(max-width:767px){.post__inner{flex-direction:column-reverse}}.post__meta{display:flex;align-items:center;gap:15px}.post-content{width:100%;max-width:910px}.post-sidebar{width:100%;max-width:270px;position:relative}.post-categories{gap:10px;position:relative;margin-right:15px}.post-categories a{font-weight:600}.post-categories::after{content:"";width:10px;height:10px;border-radius:50%;border:1.8px solid #dfe1e2;position:absolute;right:-20px;top:50%;transform:translateY(-50%)}.post-date,.post-reading-time{color:#bdbdbd;font-size:14px;font-weight:600;line-height:18px}.post-crumbs{display:flex;align-items:center;gap:10px}.post-crumbs .post-crumbs__item{color:#646161;font-size:14px;font-weight:400;line-height:21px}.post-crumbs .post-crumbs__item--home{background-image:url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 11.9273C2 7.23484 2.51167 7.56234 5.26583 5.00817C6.47083 4.03817 8.34583 2.1665 9.965 2.1665C11.5833 2.1665 13.4958 4.029 14.7117 5.00817C17.4658 7.56234 17.9767 7.23484 17.9767 11.9273C17.9767 18.8332 16.3442 18.8332 9.98833 18.8332C3.6325 18.8332 2 18.8332 2 11.9273Z' stroke='%23646161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.56549 13.946H12.4113' stroke='%23646161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width:20px;height:21px}.post-crumbs__title{color:#bdbdbd;font-size:14px;font-weight:400;line-height:21px}.post-crumbs .decor-circle{width:10px;height:10px;border-radius:50%;border:1.8px solid #dfe1e2}.post-categories{display:flex;gap:15px}.post-categories a,.post-categories span{color:#669eff;font-size:14px;font-weight:500;line-height:20px}.wp-element-caption{color:#bdbdbd;font-size:14px;font-weight:400;line-height:21px}.post-content img{margin:40px 0 0}.post-content .wp-element-caption{margin-bottom:30px}.post-content p{letter-spacing:-.01em;color:#222;font-size:16px;font-weight:400;line-height:24px;margin-bottom:16px}.post-content a{color:#669eff}.post-content a:hover{text-decoration:underline}.post-content h2,.post-content h3,.post-content h4,.post-content h5{color:#222;font-size:40px;font-weight:900;line-height:130%;margin:50px 0}.post-content h3,.post-content h4,.post-content h5{line-height:110%}.post-content h3{font-size:36px;margin:45px 0}.post-content h4{font-size:32px;margin:40px 0}.post-content h5{font-size:28px;margin:40px 0}.post-content ol,.post-content ul{padding-left:45px;margin:50px 0}.post-content ol li,.post-content ul li{letter-spacing:-.01em;position:relative;color:#222;font-size:16px;font-weight:400;line-height:24px}.post-content ol li:not(:last-child),.post-content ul li:not(:last-child){margin-bottom:10px}.post-content ul li::before{content:"";width:14px;height:14px;background:#669eff;border-radius:50%;position:absolute;top:5px;left:-25px}.post-content ol{counter-reset:item;padding-left:17px}.post-content ol li{display:block}.post-content ol li:before{content:counter(item) ". ";counter-increment:item;color:#669eff;font-size:16px;font-weight:400;line-height:24px}.post-content .wp-block-quote{margin:50px 0}.post-content .wp-block-quote cite,.post-content .wp-block-quote p{color:#222;font-size:24px;font-weight:500;line-height:35px}.post-content strong{font-weight:700}.post-also-like{padding:40px 0}.post-also-like__inner{display:flex;justify-content:space-between}.post-also-like .title{font-size:40px;margin-bottom:50px}.post-also-like .post-categories::after{content:"";display:none}.post-prev-next{padding:50px 0 30px;display:flex;justify-content:space-between}@media(max-width:767px){.post-prev-next{flex-direction:column}}.post-prev-next .post-link{position:relative;padding:30px;border:1px solid #e8e8e8;border-radius:20px;min-height:160px;max-width:440px;color:#222;font-size:18px;font-weight:700;line-height:27px}.post-prev-next .post-link__label{color:#bdbdbd;font-size:14px;font-weight:600;line-height:18px;margin-bottom:10px}.post-prev-next .post-link:hover{text-decoration:none;box-shadow:0 2px 2px #e8e8e8}.post-prev-next .post-link:hover .post-link__title{text-decoration:underline}.post-prev-next .previous-post-link{padding-left:74px}.post-prev-next .previous-post-link::before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.24988 11.7256L19.2499 11.7256' stroke='%23669EFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3002 5.70124C10.3002 5.70124 4.25017 8.96224 4.25017 11.7242C4.25017 14.4882 10.3002 17.7502 10.3002 17.7502' stroke='%23669EFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width:24px;height:24px;display:inline-block;position:absolute;left:27px;top:27px}.post-prev-next .next-post-link{padding-right:74px}.post-prev-next .next-post-link::before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.24988 11.7256L19.2499 11.7256' stroke='%23669EFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3002 5.70124C10.3002 5.70124 4.25017 8.96224 4.25017 11.7242C4.25017 14.4882 10.3002 17.7502 10.3002 17.7502' stroke='%23669EFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width:24px;height:24px;display:inline-block;position:absolute;right:27px;top:27px;transform:rotate(180deg)}.post-author{display:flex;align-items:center;gap:30px;border-top:1px solid #e8e8e8;padding-top:36px}.post-author img.post-author__avatar{width:80px;height:80px;border-radius:20px;margin:0}.post-author__info{display:flex;flex-direction:column;padding-top:8px}.post-author__name{color:#222;font-size:24px;font-weight:500;line-height:35px}.post-author__description{color:#bdbdbd;text-transform:capitalize}.circle_indicator{position:fixed;opacity:1;z-index:2;top:50%;left:2%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:#fff;transition:opacity .2s ease,box-shadow .1s linear;border:2px solid #dfdfdf}.back-to-top svg.circle{transform:rotate(-90deg)}.circle_indicator svg.circle{transform:rotate(-90deg)}.circle_indicator svg.circle{position:absolute;stroke:conic-gradient(-90deg,0,#669eff);opacity:1;z-index:3;bottom:3px;right:2.35px;width:40px;height:40px}.circle_indicator svg.up_arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle_indicator svg.circle circle{transition:all .1s linear;stroke-dasharray:195;stroke-dashoffset:195}.article-preview{max-width:384px;border-radius:10px;background:rgba(255,255,255,.75);border:1px solid #fff;transition:all .2s ease-in-out;position:relative;height:470px}@media screen and (max-width:991px){.article-preview{max-width:345px;min-height:400px;height:auto}}@media screen and (max-width:767px){.article-preview{min-height:auto;height:auto;max-width:100%;width:100%}}.article-preview:hover{box-shadow:0 4px 20px rgba(0,0,0,.05)}.article-preview:hover .article-preview__title a{color:#669eff;transition:all .2s ease-in-out}.article-preview__text-wrp{display:none}@media screen and (min-width:767px){.article-preview__text-wrp{display:block}}.article-preview__text-wrp.mobile-version{display:block}@media screen and (min-width:767px){.article-preview__text-wrp.mobile-version{display:none}}.article-preview__thumbnail-wrp{display:block}.article-preview__thumbnail-wrp img{border-radius:10px 10px 0 0}@media screen and (max-width:767px){.article-preview__thumbnail-wrp img{-o-object-fit:cover;object-fit:cover;width:100%}}.article-preview__text{padding:16px 10px}@media screen and (min-width:767px){.article-preview__text{padding:24px 32px}}.article-preview__title,.article-preview__title a{color:#272d37;font-size:22px;font-weight:600;line-height:30px;display:block;margin:20px 0}.article-preview__categories span{position:relative}.article-preview__categories span:not(:last-child)::after{content:"";width:5px;height:1px;background:#5f6d7e;position:absolute;right:-10px;top:50%;transform:translateY(-50%)}.article-preview__meta{display:flex;gap:15px;position:absolute;bottom:20px;color:#5f6d7e;font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:767px){.article-preview__meta{position:relative;bottom:initial;margin-top:20px}}.article-preview__meta .article-preview__date{position:relative}.article-preview__meta .article-preview__date::after{content:"";width:5px;height:1px;background:#5f6d7e;display:block;position:absolute;right:-10px;top:50%;transform:translateY(-50%)}.article-preview.article-preview--big{width:600px;max-width:580px;min-height:580px;border-radius:40px}@media screen and (max-width:1300px){.article-preview.article-preview--big{max-width:500px;min-height:610px}}@media screen and (max-width:991px){.article-preview.article-preview--big{width:100%;max-width:100%;height:100%;border-radius:10px}}@media screen and (max-width:767px){.article-preview.article-preview--big{min-height:auto;height:auto}}.article-preview.article-preview--big:hover .article-preview__title{color:#669eff;transition:all .2s ease}.article-preview.article-preview--big .article-preview__thumbnail-wrp{width:100%;height:350px;display:block}@media screen and (max-width:600px){.article-preview.article-preview--big .article-preview__thumbnail-wrp{height:auto}}.article-preview.article-preview--big .article-preview__thumbnail-wrp img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:40px 40px 0 0}@media screen and (max-width:600px){.article-preview.article-preview--big .article-preview__thumbnail-wrp img{border-radius:10px 10px 0 0}}.article-preview.article-preview--big .article-preview__title{margin-top:0}@media screen and (max-width:600px){.article-preview.article-preview--big .article-preview__meta{position:relative;margin-top:40px}}.article-preview.article-preview--horizontal{display:flex;max-width:100%;width:580px;height:180px;min-height:initial}@media screen and (max-width:991px){.article-preview.article-preview--horizontal{width:100%;height:100%}}.article-preview.article-preview--horizontal:hover .article-preview__title{color:#669eff;transition:all .2s ease-in-out}.article-preview.article-preview--horizontal a{display:flex}@media screen and (max-width:600px){.article-preview.article-preview--horizontal a{flex-direction:column}}.article-preview.article-preview--horizontal .article-preview__thumbnail-wrp{width:180px;height:180px}@media screen and (max-width:600px){.article-preview.article-preview--horizontal .article-preview__thumbnail-wrp{width:100%;height:auto}}.article-preview.article-preview--horizontal .article-preview__thumbnail-wrp img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px 0 0 10px}@media screen and (max-width:600px){.article-preview.article-preview--horizontal .article-preview__thumbnail-wrp img{border-radius:10px 10px 0 0}}.article-preview.article-preview--horizontal .article-preview__text{width:410px;padding:10px 20px}@media screen and (max-width:600px){.article-preview.article-preview--horizontal .article-preview__text{width:100%}}.article-preview.article-preview--horizontal .article-preview__title{margin:0 0 14px}.article-preview.article-preview--horizontal .article-preview__meta{bottom:10px}@media screen and (max-width:600px){.article-preview.article-preview--horizontal .article-preview__meta{position:relative;margin-top:20px}}.post-navigation{padding-top:40px;height:100%;position:relative}.post-navigation__title{color:#dfe1e2;font-size:28px;font-weight:900;line-height:110%;margin-bottom:40px}.post-navigation__inner{height:100%}.post-navigation__wrapper{display:flex;gap:10px}.post-navigation__wrapper.sticky{position:fixed;transition:all .2s ease;top:140px;max-height:calc(100vh - 120px);overflow-y:auto;width:270px}.post-navigation__wrapper.bottom{position:absolute;bottom:0;top:initial;width:270px}.post-navigation .progress-section{margin-right:2%;width:20px;height:auto;display:flex;justify-content:space-between;will-change:transform;transition:.3s ease-in-out}.post-navigation .progress-bar-wrap{position:relative;width:3px;border:0 solid #000;border-radius:5px;overflow:hidden;background:#f1f4f8}.post-navigation .progress-bar{position:absolute;top:0;width:100%;height:0%;background-color:#669eff}.post-navigation section{height:1000px;width:100%;display:flex;justify-content:center;align-items:center;font-size:2em}.post-navigation ::-webkit-scrollbar{display:none}#table-of-contents{list-style:none;padding:0}#table-of-contents li{margin-bottom:10px}#table-of-contents li a{color:#222;font-size:16px;font-weight:500;line-height:150%}#table-of-contents a.active{color:#669eff!important}#table-of-contents a.viewed{color:#bdbdbd}.post-navigation{padding-top:40px}/*! Theme Name: appsolution_theme Theme URI: Author: Dmitry Tishakov Author URI: http://underscores.me/ Description: Description Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: appsolution_theme This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. appsolution_theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */