@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;1,200&display=swap);#btn-back-to-top,.navbar{position:fixed;height:50px}.call a,.chat a,article h1,article h2,h3,h4{font-weight:bolder;text-align:center}.btn,.btn-primary a,.call a,.chat a,.footer-distributed .footer-links a,.logo a,.menu-items a{text-decoration:none}*,::after,::before{box-sizing:border-box;padding:0;margin:0}body{font-family:'IBM Plex Sans',sans-serif;overflow-x:hidden;user-select:none}body,html{scroll-behavior:smooth}#btn-back-to-top{bottom:65px;right:20px;display:none;z-index:1000;background:#5383d3;border-radius:5px;width:50px;color:#fff;font-size:1.2rem;border:none}#btn-back-to-top:hover{color:#000}.hire{display:block;position:fixed;bottom:0;width:100%;z-index:999}.call,.chat{font-size:1.5rem;padding:6px;float:left;width:50%}.call{background-color:#5383d3}.chat{background-color:#16a083}.call a,.chat a{display:block;padding:10px 0;color:#fff}.container{max-width:1200px;width:90%;margin:auto}.btn{display:inline-block;padding:.5em 1.5em;border-radius:50px;cursor:pointer;outline:0;margin-top:1em;text-transform:uppercase;font-weight:lighter}.btn-primary{color:#fff;background:#16a083}.btn-primary:hover{background:#117964;transition:background .3s ease-in-out}.btn-primary a{color:#fff}.navbar .hamburger-lines,.navbar input[type=checkbox]{display:none}.navbar{box-shadow:0 5px 10px 0 #aaa;top:0;width:100%;background:#fff;color:#000;opacity:.85;z-index:12}.navbar-container{display:flex;justify-content:space-between;height:64px;align-items:center}.menu-items{order:2;display:flex}.menu-items li{list-style:none;margin-left:1.5rem;margin-bottom:.5rem;font-size:1.2rem}.menu-items a{color:#444;font-weight:500;transition:color .3s ease-in-out}.menu-items a:hover{color:#117964;transition:color .3s ease-in-out}.logo{order:1;margin-bottom:.5rem;font:36px Kurale,serif}.footer-distributed h4 span,.logo span{color:#5383d3}article{width:100%;max-width:1200px;margin:40px auto;padding:20px}article h1{font-size:2rem;color:#5383d3;margin:30px}article h2,h3,h4{font-size:2rem;color:#5383d3;margin:10px}article p{font-size:16px;font-weight:400;color:#555;line-height:30px;letter-spacing:2px;padding:10px}@media (max-width:768px){.navbar{opacity:.95}.navbar-container{display:block;position:relative;height:64px}.navbar-container input[type=checkbox]{position:absolute;display:block;height:32px;width:30px;top:20px;left:20px;z-index:5;opacity:0}.navbar-container .hamburger-lines{display:block;height:23px;width:35px;position:absolute;top:17px;left:20px;z-index:2;display:flex;flex-direction:column;justify-content:space-between}.navbar-container .hamburger-lines .line{display:block;height:4px;width:100%;border-radius:10px;background:#333}.navbar-container .hamburger-lines .line1{transform-origin:0% 0%;transition:transform .4s ease-in-out}.navbar-container .hamburger-lines .line2{transition:transform .2s ease-in-out}.navbar-container .hamburger-lines .line3{transform-origin:0% 100%;transition:transform .4s ease-in-out}.navbar .menu-items{padding-top:100px;background:#fff;height:100vh;max-width:300px;transform:translate(-150%);display:flex;flex-direction:column;margin-left:-40px;padding-left:50px;transition:transform .5s ease-in-out;box-shadow:5px 0 10px 0 #aaa}.navbar .menu-items li{margin-bottom:1.5rem;font-size:1.3rem;font-weight:500}.logo{position:absolute;top:5px;right:15px;font-size:2rem}.navbar-container input[type=checkbox]:checked~.menu-items{transform:translateX(0)}.navbar-container input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(35deg)}.navbar-container input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}.navbar-container input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-35deg)}.service-container{flex-direction:column;align-items:stretch}.service-type:not(:last-child){margin-bottom:3rem}.service-type{box-shadow:5px 5px 10px 0 #aaa}.img-container{margin:0}}@media (max-width:500px){html{font-size:65%}.service-menu-item,.testimonial-container{flex-direction:column;text-align:center}.service-menu-container img{margin:auto}.form-container{width:90%}.contact-container{display:flex;flex-direction:column}.contact-img{width:90%;margin:3rem auto}.logo{position:absolute;top:6px;right:15px;font-size:3rem}.navbar .menu-items li{margin-bottom:2.5rem;font-size:1.8rem;font-weight:500}}.card,.img-wrapper{position:relative}@media (min-width:769px) and (max-width:1200px){.img-container h3{font-size:1.5rem}.img-container .btn{font-size:.7rem}}@media (orientation:landscape) and (max-height:500px){.showcase-area{height:50vmax}}.wrapper{padding:30px 0;min-height:70vh;display:grid;place-items:center;gap:20px}.card{height:400px;width:300px;padding:12px;background-color:#529fe9;background-size:100% 200%;transition:.7s;overflow:hidden;background-position:0 0}.card img,.img-wrapper{width:100%;height:100%}.details{position:absolute;background-color:rgba(255,255,255,.8);color:#000;width:80%;text-align:center;padding:10px 0;bottom:-100px;margin:auto;left:0;right:0}.name,.position{font-family:Poppins,sans-serif;font-weight:500}.name{letter-spacing:1px;font-size:14px}.position{font-size:12px}.card .details{bottom:30px}.card:hover .img-wrapper:after{opacity:0}@media screen and (min-width:992px){.wrapper{grid-template-columns:repeat(3,1fr);gap:10px}.card{height:400px;width:300px;padding:15px}}.footer-distributed{background-color:#292c2f;box-shadow:0 1px 1px 0 rgba(0,0,0,.12);box-sizing:border-box;width:100%;text-align:left;font:bold 16px sans-serif;padding:55px 50px;margin-top:85px}.footer-distributed .footer-center,.footer-distributed .footer-left,.footer-distributed .footer-right{display:inline-block;vertical-align:top}.footer-distributed .footer-left{width:40%}.footer-distributed h4{color:#fff;font:36px Kurale,serif;margin:0}.footer-distributed .footer-links{color:#fff;margin:20px 0 12px;padding:0}.footer-distributed .footer-links a{display:inline-block;line-height:1.8;color:inherit}.footer-distributed .footer-company-name{color:#8f9296;font-size:14px;font-weight:400;margin:0}.footer-distributed .footer-center{width:35%}.footer-distributed .footer-center i{background-color:#33383b;color:#fff;font-size:25px;width:38px;height:38px;border-radius:50%;text-align:center;line-height:42px;margin:10px 15px;vertical-align:middle}.footer-distributed .footer-center i.fa-envelope{font-size:17px;line-height:38px}.footer-distributed .footer-center p{display:inline-block;color:#fff;vertical-align:middle;margin:0}.footer-distributed .footer-center p span{display:block;font-weight:400;font-size:14px;line-height:2}.footer-distributed .footer-center p a{color:#5383d3;text-decoration:none}.footer-distributed .footer-right{width:20%}.footer-distributed .footer-company-about{line-height:20px;color:#92999f;font-size:13px;font-weight:400;margin:0}.footer-distributed .footer-company-about span{display:block;color:#fff;font-size:14px;font-weight:700;margin-bottom:20px}.footer-distributed .footer-icons{margin-top:25px}.footer-distributed .footer-icons a{display:inline-block;width:35px;height:35px;cursor:pointer;background-color:#33383b;border-radius:2px;font-size:20px;color:#fff;text-align:center;line-height:35px;margin-right:3px;margin-bottom:5px}.footer-distributed .dmca-badge img{width:125px;height:auto}@media (max-width:880px){.footer-distributed{font:bold 14px sans-serif}.footer-distributed .footer-center,.footer-distributed .footer-left,.footer-distributed .footer-right{display:block;width:100%;margin-bottom:40px;text-align:center}.footer-distributed .footer-center i{margin-left:0}}
 #age-check {
            display: none;
        }


        /* ==============================
           POPUP OVERLAY
        ============================== */

        .age-overlay {
            position: fixed;

            top: 0;
            left: 0;
            right: 0;
            bottom: 0;

            width: 100%;
            height: 100%;

            background: rgba(0, 0, 0, 0.88);

            display: flex;

            align-items: center;
            justify-content: center;

            padding: 20px;

            z-index: 999999;
        }


        /* ==============================
           POPUP BOX
        ============================== */

        .age-modal {
            width: 100%;
            max-width: 430px;

            background: #ffffff;

            color: #111111;

            padding: 40px 30px;

            border-radius: 18px;

            text-align: center;

            box-shadow:
                0 20px 60px rgba(0, 0, 0, 0.6);
        }


        /* ==============================
           18+ ICON
        ============================== */

        .age-icon {
            width: 75px;
            height: 75px;

            margin: 0 auto 20px;

            border-radius: 50%;

            background: #111111;

            color: #ffffff;

            display: flex;
            align-items: center;
            justify-content: center;

            font-size: 32px;
            font-weight: bold;
        }


        /* ==============================
           TITLE
        ============================== */

        .age-modal h2 {
            font-size: 28px;

            margin-bottom: 15px;

            color: #111111;
        }


        /* ==============================
           DESCRIPTION
        ============================== */

        .age-modal p {
            font-size: 15px;

            line-height: 1.6;

            color: #555555;

            margin-bottom: 28px;
        }


        /* ==============================
           BUTTON AREA
        ============================== */

        .age-buttons {
            display: flex;

            gap: 12px;
        }


        /* ==============================
           COMMON BUTTON STYLE
        ============================== */

        .age-buttons label,
        .age-buttons a {

            flex: 1;

            min-height: 50px;

            display: flex;

            align-items: center;
            justify-content: center;

            border-radius: 9px;

            font-size: 15px;

            font-weight: bold;

            text-decoration: none;

            cursor: pointer;

            transition: all 0.2s ease;
        }


        /* ==============================
           YES BUTTON
        ============================== */

        .yes-button {
            background: #111111;

            color: #ffffff;
        }

        .yes-button:hover {
            background: #333333;
        }


        /* ==============================
           NO BUTTON
        ============================== */

        .no-button {
            background: #eeeeee;

            color: #111111;
        }

        .no-button:hover {
            background: #dddddd;
        }


        /* ==============================
           HIDE POPUP AFTER YES
        ============================== */

        #age-check:checked ~ .age-overlay {
            display: none;
        }


        /* ==============================
           WEBSITE CONTENT
        ============================== */

        .website {
            min-height: 100vh;

            padding: 50px 20px;

            text-align: center;
        }

        .website h1 {
            margin-bottom: 15px;
        }


        /* ==============================
           MOBILE
        ============================== */

        @media (max-width: 500px) {

            .age-modal {
                padding: 30px 20px;
            }

            .age-modal h2 {
                font-size: 24px;
            }

            .age-buttons {
                flex-direction: column;
            }

            .age-buttons label,
            .age-buttons a {
                width: 100%;
            }
        }