/* Global Rules */
            * {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                color: white;
                scroll-behavior: smooth;
            }

            body::-webkit-scrollbar {
                display: none;
            }

            body {
                font-family: Roboto;
                background-color: black;
            }

            /* Small */
            @media (min-width: 300px) {
            .ct-box {
                flex-wrap: wrap;
            }
            .contact-box {
                grid-template-columns: 1fr;
            }
            .c-box {
                grid-template-columns: 1fr;
            }
            .cic-box {
                grid-template-columns: 1fr;
            }
            .c-imgs {
                grid-template-columns: 1fr;
            }
            .gh-h3 {
                max-width: 315px;
            }
            }
            @media (min-width: 768px) {
            .container {
                width: 750px;
            }
            .contact-box {
                grid-template-columns: 1fr;
            }
            .c-box {
                grid-template-columns: 1fr;
            }
            .cic-box {
                grid-template-columns: 1fr;
            }
            .gh-h3 {
                max-width: 100%;
            }
            .c-imgs {
                grid-template-columns: repeat(2, 1fr);
            }
            .ct-box {
                flex-wrap: wrap;
            }
            .h1 {
                font-size: 60px;
            }
            .features {
                grid-template-columns: auto;
            }
            }
            /* Medium */
            @media (min-width: 992px) {
            .container {
                width: 970px;
            }
            .contact-box {
                grid-template-columns: 1fr 1fr;
            }
            .c-box {
                grid-template-columns: 2fr 1fr;
            }
            .cic-box {
                grid-template-columns: 1fr 1fr;
            }
            .gh-h3 {
                max-width: 100%;
            }
            .c-imgs {
                grid-template-columns: repeat(3, 1fr);
            }
            .ct-box {
                flex-wrap: nowrap;
            }
            .h1 {
                font-size: 60px;
            }
            .features {
                grid-template-columns: auto auto auto;
            }
            }
            /* Large */
            @media (min-width: 1200px) {
            .container {
                width: 1170px;
            }
            .contact-box {
                grid-template-columns: 1fr 1fr;
            }
            .c-box {
                grid-template-columns: 2fr 1fr;
            }
            .cic-box {
                grid-template-columns: 1fr 1fr;
            }
            .gh-h3 {
                max-width: 100%;
            }
            .c-imgs {
                grid-template-columns: repeat(3, 1fr);
            }
            .ct-box {
                flex-wrap: nowrap;
            }
            .h1 {
                font-size: 60px;
            }
            .features {
                grid-template-columns: repeat(3, 1fr);
            }
            }
            
            /* Styles */
            .parent {
                background-color: #eee;
            }

            .container {
                padding-left: 15px;
                padding-right: 15px;
                margin-left: auto;
                margin-right: auto;
            }

            header {
                padding: 5px;
                height: 75px;
            }
            
            header .container {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .landing {
                height: calc(886px - 75px);
                display: flex;
                align-items: flex-end;
            }

            .h1 {
                text-align: center;
                color: white;
                margin-top: 20px;
            }

            .h1p {
                text-align: center;
                line-height: 25px;
            }


            h2 {
                text-transform: capitalize;
            }

            /* .h2h {

            } */

            .features {
                display: grid;
                justify-content: space-between;
                margin-bottom: 100px;
            }

            .features section {
                padding: 30px;
            }

            .features section p {
                color: #999999;
                line-height: 25px;
            }

            .features section a {
                display: block;
                width: fit-content;
                text-decoration: none;
                color: #eb8a00;
                font-weight: 700;
                text-transform: uppercase;
                border-radius: 520px;
                font-size: 16px;
                margin: 20px auto;
                padding: 12px 30px;
                border: #eb8a00 2px solid;
                transition: 0.2s;
            }

            .features section a:hover {
                background-color: #eb8a00;
                color: white;
            }

            .features section i {
                font-size: 45px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .features section .icon {
                display: inline-block;
                position: relative;
                width: 64px;
                height: 64px;
                background-color: #eb8a00;
                border-radius: 100px;
                padding: 40px;
            }

            .ct-box {
                height: fit-content;
                width: 100%;
                display: flex;
            }

            .ct-box1, .ct-box2 {
                width: 100%;
                min-height: 540px;
                padding: 30px;
                display: flex;
                flex-direction: column;
            }
            
            .ct-box p {
                line-height: 25.6px;
                font-size: 18px;
            }

            .ct-box h2 {
                margin-bottom: 0;
            }

            /* .ct-box1 {
                background-color: rgb(15, 15, 15);
            } */

            .ct-box2 {
                background-color: #eb8a00;
            }

            .ct-box ol {
                margin-left: -20px;
                line-height: 25.6px;
            }
            
            .ct-box li {
                margin-bottom: 20px;
            }

            h3 {
                text-transform: capitalize;
            }

            .c-imgs {
                display: grid;
                margin-top: 30px;
                height: fit-content;
                justify-content: space-between;
                grid-gap: 10px;
            }

            .c-imgs img {
                width: 100%;
                height: 240px;
                object-fit: cover;
                cursor: pointer;
                transition: 0.5s;
            }

            .img-viewer {
                /* display: none; */
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,.9);
                opacity: 0;
                visibility: hidden;
                transition: visibility 0.2s, opacity 0.2s linear;
            }

            #image {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                margin-left: auto;
                margin-right: auto;
                padding: 24px;
                max-width: 98%;
                max-height: 98%;
            }

            #x-button {
                position: absolute;
                top: 10px;
                right: 10px;
                color: #ffffffa3;
            }

            #x-button:hover {
                cursor: pointer;
                color: white;
            }

            #fs-button {
                position: absolute;
                top: 10px;
                right: 50px;
                color: #ffffffa3;
            }

            #fs-button:hover {
                cursor: pointer;
                color: white;
            }

            .cic-box {
                display: grid;
                /* grid-template-columns: 1fr 1fr; */
            }

            .cic-box1, .cic-box2 {
                width: 100%;
                padding: 30px;
            }

            .cic-box2 {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .cic-box2 img {
                max-height: 470px; 
                max-width: 470px; 
                width: 100%;
                object-fit: cover;
                border-radius: 1000px;
                aspect-ratio: 1 / 1;
            }

            .faq {
                /* width: 891px; */
                width: 80%;
                margin: 42px auto 60px;
                font-family: "Open-Sans",  sans-serif;
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                height: fit-content;
                justify-content: space-between;
            }

            .faq-q1, .faq-q2, .faq-q3, .faq-q4 {
                display: flex;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
                flex-wrap: wrap;
                width: 100%;
            }

            .faq h5 {
                text-align: left;
            }

            .faq-a1 {
                padding: 20px 30px;
                line-height: 25.6px;
                display: none;
            }

            .faq-a1 p {
                margin: 20px 0;
                text-align: left;
                font-size: 15px;
            }

            .faq-qh {
                display: flex;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
                border-bottom: #555c66 1px solid;
                flex-wrap: nowrap;
                width: 100%;
                padding: 0 30px;
            }

            .c-box {
                display: grid;
            }

            .c-box img {
                max-width: 100%;
                min-width: auto;
                width: 100%;
                min-height: auto;
            }

            

            .c-box2 {
                display: flex;
                align-items: center;
                text-align: right;
                padding: 20px;
            }

            .contact-box {
                display: grid;
                padding: 20px;
                gap: 20px;
                padding-bottom: 20px;
            }

            .contact-box form input {
                background-color: transparent;
                border: none;
                width: 100%;
                margin-bottom: 12px;
                font-size: 18px;
                padding: 12px 14px;
                border-bottom: white 2px solid;
            }

            .contact-box form textarea {
                background-color: transparent;
                border: none;
                width: 100%;
                margin-bottom: 10px;
                font-size: 18px;
                height: 120px;
                padding: 12px 14px;
                border-bottom: white 2px solid;
            }

            .contact-box form input:last-of-type {
                cursor: pointer;
                width: fit-content;
                color: #eb8a00;
                font-weight: bold;
                text-transform: uppercase;
                border-radius: 1000px;
                padding: 12px 30px;
                font-size: 18px;
                border: #eb8a00 2px solid;
            }

            .contact-box form input:last-of-type:hover {
                background-color: #eb8a00;
                border-color: white;
            }

            .contact-box form input:last-of-type:active {
                color: #eb8a00;
                background-color: white;
                border-color: white;
            }

            .sm-icons {
                display: flex;
                gap: 18px;
                position: absolute;
                bottom: 0;
                left: 0;
                margin: 10px;
            }

            a {
                text-decoration: none;
            }
            
            .css-3d-text {
                font-size: 70px;
                color: #eb8900;
                font-family: Arial Black, Gadget, sans-serif;
                text-shadow: 0px 0px 0 rgb(219,121,0),
                            0px 1px 0 rgb(203,105,0),
                            0px 2px 0 rgb(187,89,0),
                            0px 3px 0 rgb(171,73,0),
                            0px 4px 0 rgb(155,57,0),
                            0px 5px 0 rgb(139,41,0),
                            0px 6px 0 rgb(123,25,0),
                            0px 7px 0 rgb(108,10,0),
                            0px 8px 0 rgb(92,-6,0),
                            0px 9px 0 rgb(76,-22,0),
                            0px 10px 0 rgb(60,-38,0),
                            0px 11px 0 rgb(44,-54,0),
                            0px 12px 0 rgb(28,-70,0),
                            0px 13px 0 rgb(12,-86,0),
                            0px 14px 0 rgb(-4,-102,0),
                            0px 15px 0 rgb(-20,-118,0),
                            0px 16px  0 rgb(-36,-134,0),
                            0px 17px 16px rgba(0,0,0,1),
                            0px 17px 1px rgba(0,0,0,0.5),
                            0px 0px 16px rgba(0,0,0,.2);
                            margin-top: 50px;
                            margin-bottom: 50px;
            }