@media (min-width: 320px) and (max-width: 480px) {

    body {

        background-color: rgb(11, 12, 27);

    }

    .navbar {

        background-color: rgb(11, 12, 27) !important;
        z-index: 999;
        position: fixed;
        width: 100%;
        padding: 20px 10px 20px 10px;


    }

    .navbar-collapse .mobile-menu-drop {
        flex-direction: row;
        font-size: 16px;
        justify-content: center;
        margin-top: 24px;
        text-shadow: 1px 1px 1px #000;

    }

    .mobile-menu-drop .nav-link {

        margin: 0px 13px !important;
    }


    .navbar i {
        font-size: 13pt !important;

    }

    .navbar .navbar-toggler-icon {
        /* background-image: url("/img/menu-rounded-svgrepo-com.svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 	255,255,255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; */
        background-image: url("/img/mobile-menu-arcadeadev-hamburger.svg") !important;



    }


    .navbar-toggler {
        padding: 0px !important;
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 40px !important;
        height: 40px !important;
        vertical-align: middle;
        content: "";
        background: 50% / 100% 100% no-repeat;
    }


    .navbar-brand img {
        height: 40px;
        width: 190px;
        object-fit: contain;
        margin-bottom: 0px !important;


    }

    .navbar-brand {

        margin-right: 0rem;
        padding-bottom: 0rem !important;


    }

    .fixed-top-desk {
        display: none;

    }

    .mobile-nav {
        display: flex !important;
    }

    .button-nav {
        display: none;
    }


    /* video mobile */

    .video-home {
        min-height: 85vh;
        width: 100%;
    }

    .video-home .h1 {

        font-size: 40px;
        width: 100% !important;
        padding: 0px 10px !important;
        font-weight: 900;
        margin-bottom: 0px !important;
        line-height: 2.5rem;

    }

    video::-webkit-media-controls {
        display: none !important;
    }

    video::-webkit-media-controls-start-playback-button {
        display: none !important;
    }

    .h1 .first-h1 {

        font-size: 36px
    }

    .h1 .secondary-h1 {

        font-size: 36px
    }



    #messageIntro {
        width: 100% !important;

    }

    /* #messageImg {
        width: 100% !important;
        height: auto;

    } */

    /* #messageImg img {
         width: 250px;
    height: 250px;
    object-fit: cover; 
        display: none; 
    } */
    .video-home .main-h1 {
        padding-top: 125px;
        padding-bottom: 100px;
    }

    .hero-btn {

        padding: 17px 15px !important;
        /* margin-top: 15px; */

    }

    .buttons-hero {
        padding-left: 0px;
        margin-left: 10px;

    }

    .btn-2 {
        padding: 16px 38px !important;
        display: none;
    }


    .hero-btn a {
        padding: 17px 15px !important;
    }

    .video-text p {
        width: 100% !important;
        font-size: 16px;
        padding: 0px 0px 0px 10px;
        margin-top: 20px;
        letter-spacing: 2px;


    }

    .tagline-div .tagline {



        font-size: 14px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        height: 30px !important;


    }

    .main-h1 .w-75 {
        width: 100% !important;

    }




    .video-text p .its {


        padding-right: 4px;
    }

    .highlight {

        padding: 0px 0px 0px 4px;
        margin-bottom: 0px;

    }




    /* first-section */

    #first-section {
        height: inherit;
        padding: 60px 0px;



    }

    section .first-section {

        padding: 30px 0px 0px 0px;
    }

    #first-section h2 {
        padding-top: 0px;
        font-size: 26px;


    }

    #first-section .mobile-h1 {
        display: flex;


    }

    #first-section .first-sec-p {
        display: flex;
        text-transform: uppercase;
        margin-bottom: 10px !important;
        letter-spacing: .5px;

    }

    .first-sec-text {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0px 0px;
        width: 90% !important;

    }



    #first-section .first-p {
        font-size: 16px;
        line-height: 1.3;
        text-shadow: 1px 1px 1px #000;
        width: 100% !important;

        letter-spacing: .5px;

    }

    .mobile-h1 .under-line {
        display: inline-block !important;
        padding: 0px 1px !important;
        background-image: linear-gradient(to left, transparent, #6100ff);
        background-repeat: no-repeat;
        background-position: 0 bottom;
        background-size: 100% 5px;


    }


    .cards .card {
        margin-bottom: 15px;
        height: initial;

    }

    .first-card {
        width: 22rem !important;
    }

    /* second section */

    /* extra-sec */

    #extra-section {
        height: inherit !important;
        justify-content: center;
    }

    .extra-section .blend-image {
        height: 50vh;
        background-position: right center;
    }



    .text-second-sec h2 {
        font-size: 28px;
        text-align: center;

        line-height: 1.10;
        font-weight: 800;
        margin-bottom: 1rem;
        width: 100% !important;
        --webkit-text-stroke: 4px #000;
        text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
        color: #000 !important;
        text-align: start;

    }



    .text-section {
        width: 100% !important;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .text-second-sec {
        width: 100% !important;
        padding: 0px 15px 0px 15px;
        height: auto !important;


    }

    .text-second-sec p {

        font-size: 16px;
        margin: 0 !important;
        width: 100% !important;


    }

    .card-body a {
        font-size: 10pt;

    }

    /* third section */

    .third-section {
        padding-top: 20px;
    }

    .third-section .first-p {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 20px !important;
    }

    .third-section .second-p {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 20px !important;
    }

    .third-section .text-section {
        margin: 0px 0px;

    }

    .third-section .first-p p {
        font-size: 16px;

    }

    .third-section .second-p p {
        font-size: 11.5pt;

    }

    .first-p h2,
    .second-p h2 {
        font-size: 24px;
    }

    br {
        display: none;
    }

    .third-sec {
        flex-direction: column-reverse;

        width: 100% !important;
    }

    .third-section .img {
        margin-left: 0px;
        padding: 0px 20px;
    }

    .third-section .green-planet {
        margin-bottom: 20px;
        margin-left: 0px;
    }

    .third-section .green-ph {
        margin-bottom: 20px;
        padding: 0px 20px;
        margin-left: 0px;

    }

    .globe {
        flex-direction: column-reverse !important;
    }

    .webdev {
        flex-direction: column-reverse !important;
    }

    .text-section img {
        height: 140px;
        width: 130px;

    }

    /* fourth-section */
    .fourth-section {
        min-height: 100vh;

    }

    .col-sm-4 img {
        height: 100%;

    }

    .h2 h2 {

        font-size: 35px;

    }

    /* above fifth */


    .above-fifth-text h2 {

        font-size: 32px;
        text-align: center;

    }

    .above-fifth-section .above-fifth-text p {
        font-size: 16px;
        padding: 10px 20px;


    }

    .above-fifth-section .above-fifth-text {
        width: 100% !important;
        padding: 15px 0px;

    }

    .above-fifth-section .above-fifth-text .w-50 {
        width: 100% !important;


    }

    .btn-real {
        justify-content: center;
    }


    .above-fifth-btn-pad {



        padding: 10px 30px;



    }

    /* bottom-fifth */

    #bottom-fifth-section {
        display: none;
    }



    /* fifth-section-mobile*/

    #fifth-section-mobile {
        display: flex;
        padding: 60px 15px 60px 15px;
    }



    #fifth-section {
        display: none;
    }


    .card-header-mobile img {
        object-fit: cover;
        width: 290px;
        height: 190px;
        box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.652);
        margin-bottom: 25px;
    }

    .card-header-mobile p {
        font-size: 11pt;
        text-shadow: 1px 1px 1px #000;
    }


    .card-body h2 {
        font-weight: 600;
        padding-left: 0px;
        font-size: 24px;

    }

    .process-h1 {
        font-size: 24px;
        font-weight: 800;
        text-shadow: 1px 1px 1px #000;
        text-align: start !important;


    }


    .process-h1 .under-line {
        display: inline-block !important;
        padding: 0px 1px !important;
        background-image: linear-gradient(to left, transparent, #6100ff);
        background-repeat: no-repeat;
        background-position: 0 bottom;
        background-size: 100% 5px;


    }

    .p-mobile {
        margin-bottom: 50px;
        font-size: 16px;
        text-align: start !important;
        color: #b8bacc !important;


    }

    #accordion .semi {
        color: #6dcdb8 !important;
        text-shadow: 1px 1px 1px #000;
        font-weight: bolder;
    }

    .card-mobile {
        background: transparent;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #797878;
        border-radius: 0;

    }

    .card-header-mobile {

        border-top: 3px solid #6dcdb8;
    }

    .btn-link {
        text-decoration: none !important;
    }

    .panel-title>.btn:before {
        float: right !important;
        font-family: FontAwesome;
        content: "\f068";
        padding-right: 5px;
        color: #6dcdb8;
    }

    .panel-title>.btn.collapsed:before {
        float: right !important;
        font-family: FontAwesome;
        content: "\f067";
    }

    .panel-title>.btn:hover,
    .panel-title>.btn:active,
    .panel-title>.btn:focus {
        text-decoration: none;
    }

    .btn.focus,
    .btn:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }



    /* tools we use section  technologies*/

    #extra-section-tools {
        min-height: 60vh;

    }

    .blend-img-sec .blend-img-tools-text {

        background-position: right center;
        min-height: 60vh;


    }

    .blend-img-tools-text .tools-container {
        position: inherit;

    }

    .blend-img-sec .blend-img-tools-text::before,
    .blend-img-sec .blend-img-tools-text::after {

        height: 20px;

    }


    .tools-container .tools {
        width: 100%;
        padding-right: 20px !important;
        padding-left: 20px !important;



    }


    .tool-img .img {
        width: 145px;
        height: auto;

    }

    .tool-img .cf {
        width: 130px;
        height: 80px;

    }

    .tool-img .php {
        width: 130px;
        height: 80px;


    }

    .tools .box {

        margin-right: 0;


    }

    .box .tool-img {
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        margin: auto;


    }

    .box-text-h2 {
        width: 100% !important;
        margin-right: 0px;
        padding-right: 0px !important;
        padding-left: 0px !important;

    }

    .box-text-h2 h2 {

        width: 100%;
        font-size: 18pt;
        margin-top: 25px;

    }

    .box-text-h2 p {
        width: 100% !important;
        font-size: 16px;
        margin-bottom: 0rem !important;
    }

    .box-text .btn {

        width: 100% !important;
        display: none;

    }


    /* payment page */



    #bottom-payment {
        flex-direction: column-reverse !important;
        padding: 75px 0px 40px 0px;
    }

    .payment-header .cta-p {
        width: 100% !important;
        padding: 20px 20px;
    }

    .payment-header h2 {
        padding-top: 80px;

    }


    .container-payment {

        display: flex;
        margin: auto !important;
    }

    .box-text .call-btn {
        width: 75% !important;
        justify-content: center;
        display: block;

    }

    .woman img {
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        height: 280px;
        width: 300px;
        object-fit: cover;
        margin-top: 25px;


    }

    .payment-text h5,
    .payment-text p {

        text-align: center;

    }

    .payment-text h5 {
        font-size: 13pt;
    }

    .payment-text a {
        text-decoration: none;
    }

    .box-text .call-btn {
        width: 100% !important;
    }

    .tools .box {

        height: inherit;
        width: 100%;
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;

    }



    /* contact form for mobile*/

    #form {
        width: 100% !important;
    }


    .mobile-top {
        padding: 20px 0px 40px 0px;
    }

    .mobile-top h1 {
        font-weight: 900;
        font-size: 32px;
        text-shadow: 1px 1px 1px #000;
        text-align: start;
        margin-bottom: 0;


    }

    .mobile-top p {
        font-weight: 200;
        font-size: 16px;
        text-align: start;


    }

    .form-group .btn {
        margin-top: 20px;
        background: #6100ff;
        border-radius: 35px;
        padding: 12px 0px;
        border: none;
    }

    .comment-box label {
        display: block;
    }

    .form-control:focus {

        background-color: transparent;
        border-color: #6dcdb8;
    }



    /* packages page*/

    .packages-header-desk {
        width: 100% !important;
        height: 75vh;
    }

    .packages-header-desk .packages-header {
        width: 100% !important;

    }

    .packages-header {
        padding: 0px 15px;
    }




    .packages-header .packages-h1 {

        font-size: 30px;
        width: 100% !important;
        text-align: start !important;


    }

    .packages-header-desk .packages-p {
        text-align: start !important;
        font-size: 16px;



    }


    .packages-header-desk:before {
        content: '';
        background: url('/img/about-us-hero-page.webp') no-repeat center center/cover;
        background-position: center;
        /* filter: brightness(60%); */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


    .packages-page {

        padding: 60px 0px;

    }

    /* timer */


    .time-clock {

        padding: 25px 0px 15px 0px !important;

    }

    .timer {
        font-size: 20px;
        text-shadow: 1px 1px 1px #000;


    }

    .timer-label {
        font-size: 12px;


    }

    .item {

        padding: 10px 5px !important;
        font-size: 12px;
        margin: 0px 0px;
        min-width: 31%;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.1;


    }

    .items {

        width: 100% !important;

    }


    /* webside page */


    .webside-header .webside-h1 {

        font-size: 36px;
        line-height: 2.4rem;
        padding-top: 100px;

    }

    .webside-header .w-75 {
        width: 100% !important;
    }

    .webside-header .webside-h2 {
        font-weight: 300;
        font-size: 18px;
        color: #a4a6a8 !important;
        line-height: 1.8rem;
        letter-spacing: 1px;
        padding-top: 10px;
        padding-bottom: 45px;
    }

    .webside-section {

        padding-top: 45px;
        padding-bottom: 45px;
    }

    .webside-cta-section .w-50 {
        width: 100% !important;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .webside-cta-section .w-75 {
        width: 100% !important;
        padding-left: 12px;
        padding-right: 12px;

    }

    .webside-cta-section h2 {

        font-size: 31px;
        text-align: start !important;
        padding-bottom: 15px;
    }

    .webside-cta-section p {
        font-size: 18px;
        margin-bottom: 0rem;

    }

    /* plan selection page */

    .select-plan-header .w-75 {
        width: 100% !important;
    }

    .select-plan-header {
        padding-bottom: 0px;


    }

    .select-plan-header h1 {

        font-size: 38px;
        line-height: 2.2rem;
        padding-bottom: 10px;


    }

    .select-plan-header p {

        font-size: 16px;
        width: 100% !important;
        font-weight: normal;
        line-height: 1.6rem;



    }

    .domain img {
        height: 75px;
        width: 90px;
        object-fit: cover;

    }

    .domain-icon img {
        height: 85px !important;
        width: 105px !important;
        object-fit: cover;
        margin-bottom: 8px;

    }

    /* NEW FOOTER */

    .footer-section-bottom .box-text {

        padding-bottom: 25px;

    }

    .footer-section .box-text {

        padding-bottom: 0px;

    }

    .footer-section-bottom {

        padding-left: 20px;
        padding-right: 20px;
        width: 100% !important;
    }

    .box-text .footer-box-2 {

        justify-content: start;

    }

    .footer-section {
        width: 100% !important;
        padding: 60px 0px 0px 0px;
    }

    .footer-box {
        padding: 0px !important;
        margin-bottom: 25px;
    }

    .footer-box ul {

        margin-bottom: 0px;
    }

    .box-text-p-footer {
        padding: 30px 0px;
    }

    .box-text-h2-footer {
        padding-left: 0px;
        padding-right: 0px;

    }

    .box-text-h2-footer h2 {

        font-size: 22pt;

    }

    .w-100 hr {

        width: 90% !important;

    }

    .footer-last .copy-r {


        margin-top: 35px;

    }

    .footer-last .copy-r .copy-p-2 {

        margin-right: 0px;
        margin-left: 0px;
        text-align: center;


    }

    .box-text-h2-footer p {

        font-size: 16px;

    }

    .box-text-p-footer p {

        font-size: 16px;

    }

    /* website hosting */
    .packages-header .webhost-h2 {
        margin: 0px 0px 0px 0px;
        font-size: 20px;
        width: 100% !important;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        font-weight: 400;

    }


    .packages-header {
        min-height: 75vh;
        width: 100% !important;
    }


    /* about page */


    .bubbles {
        display: none;
    }

    .about-page {
        padding: 50px 20px 0px 20px;

    }


    .about-page-text {
        width: 100% !important;
    }

    .about-page-text .first-text,
    .about-page-text .second-text {
        padding: 20px 0px;

    }

    .about-page-text h4 {

        font-size: 22px;
    }

    .about-page-text p {
        font-size: 16px;
    }

    .about-mobile-showcase {
        display: flex !important;
    }

    #about-header-mobile {
        display: flex !important;
    }


    .about-header {
        min-height: 75vh;
    }

    .about-header h1 {

        font-size: 50px;
        width: 100% !important;

        letter-spacing: 0.80px;
        letter-spacing: -1px;
        text-align: center;
        margin-left: 0px;

    }

    .about-page-text h2 {


        font-size: 28px;

    }

    .iframe {

        width: 350px !important;
        height: 350px !important;
        margin: auto !important;

    }

    .circle-img {
        width: 350px !important;
        height: 350px !important;
        padding-left: 0px;
        padding-right: 0px;


    }


    .carousel-inner img {

        width: 350px !important;
        height: 350px !important;

    }

    .carousel-caption {

        width: 180px;
    }



    .about-page-text {
        margin-bottom: 30px;
    }


    .contact-section {

        padding: 0px 0px;

    }

    .form-plan {
        padding-top: 60px !important;
    }


    .contact-section .w-75 {

        width: 90% !important;

    }

    /* free review page */




    .select-plan-header .free-review {
        font-size: 38px !important;
        line-height: 2.8rem;
        padding: 120px 15px 15px 15px;
    }

    .free-review-text .col-sm-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #contact .free-review-text {
        width: 100% !important;
        margin-bottom: 0px;

    }


    .free-review-text .free-review-title {


        padding-top: 60px;
        font-size: 18px;
        font-weight: 400;
        padding: 0px 5px;


    }

    .free-review-text .free-review-p {

        font-size: 12px;

    }

    .form-review {
        width: 90% !important;
    }

    /* success page  */


    .message h1 {

        font-size: 30px;

        text-shadow: 1px 1px 1px #000;
        -webkit-animation: fadein 4s linear forwards;
        animation: fadein 1.5s linear forwards;
        width: 100% !important;
        color: #6dcdb8 !important;
        padding: 0px 15px;

    }

    /* work page  */

    .work-header h1 {
        font-size: 48px;
        width: 100% !important;
        -webkit-animation: fadein 4s linear forwards;
        animation: fadein 1.5s linear forwards;
        text-align: center;
        padding-left: 0px !important;
        text-shadow: 2px 2px 2px #000;

    }

    .work-header .w-75 {
        width: 100% !important;
    }

    .work-header .semi {
        color: #6dcdb8 !important;
        text-shadow: 1px 1px 1px #000;
        font-weight: bolder;
    }

    .work-header .h4text {

        font-size: 28px;
        font-weight: 800;
        padding: 0px 5px 0px 5px !important;
        border-radius: 2px;
        text-shadow: 1px 1px 1px #000;
    }

    .tarot-work {
        display: flex;
    }

    /* work showcase section */

    #work-section {
        height: inherit;
    }


    .work-section .work-section-img {
        flex-direction: column !important;
        width: auto !important;


    }


    .work-section-img .img-work img {

        filter: brightness(65%);
        max-width: 365px;

    }

    .work-pic-container h2 {

        padding-left: 15px;
        font-size: 28px;

    }

    .work-pic-container a {

        padding-left: 15px;


    }

    .work-pic-container {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 35px;
    }

    .work-pics {
        margin-bottom: 20px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .work-section {
        padding: 30px 0px;
    }

    /* .work-section .work-section-img {
        height: auto !important;
        width: auto !important;
    } */

    .h2-work h2 {

        font-size: 26px;
        font-weight: 800;

    }

    .h2-work button {

        width: 100%;
        border: none;
        background: rgba(132, 0, 255, 1);

    }

    .h2-work {
        height: 100%;
        width: 88%;
        transition: none;
        opacity: 1;
        padding: 15px 0px 5px 0px;
        justify-content: end;

    }

    .h2-work p {
        font-size: 14px;


    }

    .nova {
        display: none;
    }


    /* privacy */



    .privacy {

        width: 100% !important;
    }

}



@media (min-width: 481px) and (max-width: 767px) {

    .navbar {

        background-color: rgb(11, 12, 27) !important;
        padding: 20px 10px 18px 10px;


    }

    .navbar-collapse .mobile-menu-drop {
        flex-direction: row;
        font-size: 10pt;
        justify-content: center;
        margin-top: 18px;
        font-weight: bold;
        text-shadow: 1px 1px 1px #000;

    }

    .mobile-menu-drop .nav-link {

        margin: 0px 13px !important;
    }




    .navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 	255,255,255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    .navbar-brand img {
        height: 40px;
        width: 175px;
        object-fit: contain;
        margin-bottom: 0px !important;


    }

    .navbar-brand {

        margin-right: 0rem;
        padding-bottom: 0rem !important;


    }

    .fixed-top-desk {
        display: none;

    }

    .mobile-nav {
        display: flex !important;
    }

    /* .button {
        display: none;
    } */

    /* video mobile */

    .video-home .h1 {

        font-size: 40px;
        width: 100% !important;
        padding: 0px 10px !important;


    }

    .buttons-hero {
        padding-left: 0px;

        margin-left: 10px;
    }

    .tagline-div .tagline {
        font-size: 14px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        height: 30px !important;
    }

    .video-text p {

        font-size: 16px;
        padding-left: 10px;

    }

    .video-home .h1 {


        font-size: 52px;
        line-height: 3.5rem;

    }

    .hero-btn a {
        padding: 17px 15px !important;
    }

    .hero-btn {
        padding: 17px 15px !important;
    }

    .btn-2 {
        padding: 17px 38px !important;
    }

    .video-home .main-h1 {
        padding-top: 125px;
        padding-bottom: 100px;
    }

    #messageIntro {
        padding-top: 45px;
        width: 100% !important;

    }



    .video-text p .its {

        font-size: 20px;
    }



    /* first-section */

    #first-section {
        height: inherit;
    }

    #first-section h1 {

        font-size: 28px;
        width: 75%;


    }

    .mobile-h1 {
        display: flex;
    }

    #first-section h2 {
        font-size: 38px;
    }

    .first-sec-text {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0px 0px 0px 15px;
        width: 100% !important;
    }


    #first-section .first-p {
        font-size: 11pt;
        width: 100% !important;
        text-align: start !important;

    }

    .first-section .first-p {
        font-size: 13pt;
        letter-spacing: 1px;
        padding: 0px 20px;
        line-height: 1;
        text-shadow: 1px 1px 1px #000;
        width: 75% !important;

    }

    section .first-section {

        padding: 40px 0px 40px 0px;
    }

    .first-section .cards {

        width: 100% !important;
    }

    .cards .card {
        margin-bottom: 15px;
        height: initial;
    }

    /* extra section */
    #extra-section {
        height: inherit;
    }


    /* second section */

    .second-section {
        height: inherit;
        padding: 0px 15px 10px 15px;

    }

    .text-second-sec h1 {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 15px;
        width: 100% !important;

    }
    .text-second-sec h2{
        width:100% !important;
        font-size: 38px;
    }

    .text-section {
        width: 100% !important;
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .text-second-sec {
        width: 100% !important;
        padding: 0px 50px 0px 50px;
    }

    .text-second-sec p {

        font-size: 11.5pt;
        width: 100% !important;
    }

    .card-body a {
        font-size: 10pt;

    }

    /* third section */

    .third-section {
        padding-top: 20px;
    }

    .third-section .first-p {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 20px !important;
    }

    .third-section .second-p {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 20px !important;
    }

    .third-section .text-section {
        margin: 0px 0px;

    }

    .third-section .first-p p {
        font-size: 11.5pt;

    }

    .third-section .second-p p {
        font-size: 11.5pt;

    }

    .first-p h2,
    .second-p h2 {
        font-size: 24px;
    }

    br {
        display: none;
    }

    .third-sec {
        flex-direction: column-reverse;
    }

    .globe {
        flex-direction: column-reverse !important;
    }

    .webdev {
        flex-direction: column-reverse !important;
    }

    .text-section img {
        height: 140px;
        width: 130px;

    }

    /* fourth-section */
    .fourth-section {
        min-height: 100vh;

    }

    .col-sm-4 img {
        height: 100%;

    }

    .h2 h2 {

        font-size: 35px;

    }


    /* above fifth */


    .above-fifth-text h2 {

        font-size: 32px;
        margin-top: 20px;
    }

    .above-fifth-section .above-fifth-text p {
        font-size: 11.5pt;
        padding: 10px 20px;

    }

    .above-fifth-section .above-fifth-text {
        width: 100% !important;
        padding: 15px 30px;
    }

    .above-fifth-section .above-fifth-text .w-50 {
        width: 100% !important;
    }

    .above-fifth-section .above-fifth-text .w-25 {
        width: 50% !important;
    }


    .card-body .above-fifth-btn {

        padding: 12px 0px;
        font-size: 11pt;

    }

    /* bottom-fifth */

    #bottom-fifth-section {
        display: none;
    }



    /* fifth-section-mobile*/

    #fifth-section-mobile {
        display: flex;
        padding: 40px 20px 40px 20px;
    }

    #fifth-section {
        display: none;
    }


    .card-body img {
        object-fit: cover;
        width: 400px;
        height: 250px;
        box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.652);
        margin-bottom: 25px;
    }



    .card-body h2 {
        font-weight: 600;
        padding-left: 0px;
        font-size: 24px;

    }

    .process-h1 {
        font-size: 24px;
        font-weight: 800;
        letter-spacing: .5px;
        text-align: start !important;
        padding-left: 15px;

    }

    .p-mobile {
        margin-bottom: 35px;
        font-size: 11pt;
        text-shadow: 1px 1px 1px #000;
        text-align: start !important;
        padding-left: 15px;

    }

    .card-header-mobile p {
        font-size: 12px;

    }

    .process-h1 .under-line {
        display: inline-block !important;
        padding: 0px 1px !important;
        background-image: linear-gradient(to left, transparent, #6100ff);
        background-repeat: no-repeat;
        background-position: 0 bottom;
        background-size: 100% 5px;


    }

    .card-mobile {
        background: transparent;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #797878;
        border-radius: 0;

    }

    .card-header-mobile {

        border-top: 3px solid #6dcdb8;
    }

    .btn-link {
        text-decoration: none !important;
    }

    .panel-title>.btn:before {
        float: right !important;
        font-family: FontAwesome;
        content: "\f068";
        padding-right: 5px;
        color: #6dcdb8;

    }

    .panel-title>.btn.collapsed:before {
        float: right !important;
        font-family: FontAwesome;
        content: "\f067";
        color: #6dcdb8;
    }

    .panel-title>.btn:hover,
    .panel-title>.btn:active,
    .panel-title>.btn:focus {
        text-decoration: none;
    }

    .btn.focus,
    .btn:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }

    /* tools we use section  technologies*/



    .blend-img-sec .blend-img-tools-text {

        background-position: right center;
        min-height: 85vh;


    }


    .blend-img-sec .blend-img-tools-text::before,
    .blend-img-sec .blend-img-tools-text::after {

        height: 45px;

    }



    .tools-container .tools {
        width: 100%;
        padding-right: 30px !important;
        padding-left: 30px !important;
        padding-top: 30px !important;

    }

    .blend-img-tools-text .tools-container {
        position: inherit;

    }


    .tools .box {
        height: auto;
        width: 100% !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        justify-content: space-evenly;
    }

    .box .tool-img {

        margin: 0px 10px;
        justify-content: center;
        align-content: center;
        align-items: center;
        display: flex;
        max-width: 45%;
    }



    .box-text-h2 {
        width: 100% !important;
        margin-right: 0px;
        padding-right: 0px !important;
        padding-left: 0px !important;

    }

    .box-text-h2 h2 {

        width: 100%;
        font-size: 26px;

        margin-top: 25px;

    }

    .box-text-h2 p {
        width: 100% !important;
        font-size: 11pt;

    }

    .box-text .btn {

        width: 100% !important;
        display: none;

    }


    /* contact form for mobile*/

    #form {
        width: 100% !important;
    }

    .contact-section-mobile {
        height: initial;

        display: flex !important;
        padding: 30px 0px 60px 0px;

    }

    .mobile-top {
        padding: 40px 0px 20px 0px;
    }

    .mobile-top h1 {
        font-weight: 700;
        font-size: 30px;
        text-shadow: 1px 1px 1px #000;
        text-align: start;


    }

    .mobile-top p {

        font-size: 13px;
        text-align: start;


    }

    .form-group .btn {
        margin-top: 20px;
        background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(58, 9, 121, 1) 0%, rgba(132, 0, 255, 1) 100%);
        border: none;
        border-radius: 35px;
        padding: 12px 0px;
    }

    .comment-box label {
        display: block;
    }

    .form-control:focus {

        background-color: transparent;
        border-color: #6dcdb8;
    }


    .form-control {

        margin-top: 0px;

    }

    .reCAPTCHA {
        font-size: 8.5pt;
        padding: 0px 12px;
        line-height: 1.1;
    }

    /* payment page */

    .payment-header .cta-p {
        width: 100% !important;
        padding: 20px 20px;
    }

    .payment-header h2 {
        padding-top: 80px;

    }

    #bottom-payment {
        flex-direction: column-reverse !important;
        padding: 40px 0px 95px 0px;
    }

    .container-payment {
        flex-direction: column-reverse !important;
        display: flex;
        margin: auto !important;
    }

    .box-text .call-btn {
        width: 75% !important;
        justify-content: center;
        display: block;

    }

    .woman img {
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        height: 280px;
        width: 300px;
        object-fit: cover;


    }

    .box .woman {
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        height: 280px;
        width: 300px;
        object-fit: cover;


    }

    .payment-text h5,
    .payment-text p {

        text-align: center;

    }

    .payment-text h5 {
        font-size: 15pt;
    }

    .payment-text a {
        text-decoration: none;
    }

    .box-text .call-btn {
        width: 100% !important;
    }

    /* unsubscribe page */



    /* success page */

    .message h1 {
        font-size: 32px;
        width: 75% !important;
        padding: 60px 15px 0px 15px;

    }





    /* packages page*/


    .packages-header {

        padding: 80px 0px;
    }



    .time-clock {

        padding: 15px 0px 15px 0px !important;

    }

    .item {

        padding: 9px 0px !important;
        font-size: 11.5px;
        margin: 0px 0px;
        min-width: 31%;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.1;


    }

    .items {

        width: 100% !important;

    }



    .packages-header-desk {
        padding-top: 50px;

    }


    .packages-header .packages-h1 {

        font-size: 30px;
        width: 100% !important;
        text-align: start !important;


    }

    .packages-header-desk .packages-p {
        text-align: start !important;
        font-size: 16px;
        width: 100% !important;



    }




    /* packages page cards*/





    .item {

        padding: 15px 0px !important;
        font-size: 11px;
        margin: 0px 0px;
        min-width: 32%;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.1;


    }

    .items {

        width: 100% !important;

    }

    .sales-banner {

        width: 33.5%;
        height: 30px;

    }

    .sales-banner p {

        font-size: 11px;
        font-weight: 600;
    }

    /* plan selection page */





    .select-plan-header-mobile {
        min-height: 90vh;
        /* background-color: rgba(132, 0, 255, 1); */
        justify-content: center !important;
        padding-top: 40px;
        background: url("/img/Homepage_Hero.png")no-repeat center center/cover;
    }


    .select-plan-header-mobile h1 {
        font-weight: 800;
        font-size: 28pt;
        line-height: 0.9em;
        text-shadow: 0.25px 0.25px 0.25px #000;
        color: #fff !important;
        padding: 70px 20px 0px 20px !important;
        /* border-bottom: 4px dotted #6dcdb8; */
        text-align: center;
        text-shadow: 1px 2px 2px #000;
    }

    .select-plan-header-mobile p {
        font-weight: 400;
        font-size: 12pt;
        text-shadow: 0.25px 0.25px 0.25px #000;
        padding: 0px 5px;
        color: #fff !important;
        width: 100% !important;
        padding: 15px 35px 25px 35px;
    }


    .select-plan-header-mobile span {

        background: linear-gradient(to bottom, transparent 30%, rgba(109, 205, 184, 5) 75%);
        padding: 0px 8px;
        /* background: linear-gradient(to bottom,
                transparent 3%,
                rgba(132, 0, 255, 1) 75%); */


    }

    .domain img {
        height: 75px;
        width: 90px;
        object-fit: cover;

    }

    .domain-icon img {
        height: 85px !important;
        width: 105px !important;
        object-fit: cover;
        margin-bottom: 8px;

    }


    /* NEW FOOTER */

    .footer-section-bottom .box-text {

        padding-bottom: 25px;

    }

    .footer-section .box-text {
        flex-direction: column;
        padding-bottom: 0px;

    }

    .footer-section-bottom {

        padding-left: 20px;
        padding-right: 20px;
        width: 100% !important;
    }

    .box-text .footer-box-2 {

        justify-content: start;

    }

    .footer-section {
        width: 100% !important;
        padding: 40px 20px 0px 20px;
    }

    .footer-box {
        padding: 0px !important;
        margin-bottom: 25px;
    }

    .footer-box ul {

        margin-bottom: 0px;
    }

    .box-text-p-footer {
        padding: 30px 0px;
    }

    .box-text-h2-footer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .box-text-h2-footer h2 {

        font-size: 22pt;

    }

    .w-100 hr {

        width: 90% !important;

    }

    .footer-last .copy-r {
        justify-content: center !important;
        display: flex;
        align-items: center !important;
        align-content: center !important;
        flex-direction: column;
        margin-top: 35px;


    }

    .footer-last .img {
        justify-content: center !important;
        margin-top: 60px;


    }

    .footer-last .copy-r .copy-p-2 {

        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0px;
        text-align: center;


    }

    .box-text-h2-footer p {

        font-size: 16px;

    }

    .box-text-p-footer p {

        font-size: 16px;

    }




    /* about page */



    .about-header h1 {

        font-size: 38px;
        width: 100% !important;
        margin-left: 0px;
        letter-spacing: 0.80px;
        letter-spacing: -1px;
        padding-top: 30px;
        text-align: center;

    }

    .contact-section {

        padding-top: 0px;
        padding-bottom: 0px;
    }

    .about-page-text {
        width: 100% !important;

    }

    .about-page-text .first-text,
    .about-page-text .second-text {
        padding: 0px 0px;

    }

    .about-page {
        padding: 40px;

    }

    .about-page-text p {
        font-size: 11pt;
    }

    .about-page-text h4 {

        font-size: 16pt;
    }

    /* work page  */


    .work-header {
        min-height: 90vh;
        width: 100%;

    }

    .work-header h1 {
        font-size: 38px;
        width: 100% !important;
        -webkit-animation: fadein 4s linear forwards;
        animation: fadein 1.5s linear forwards;
        letter-spacing: -1px;
        text-shadow: 1px 1px 1px #000;
        text-align: center;
        padding-top: 30px;
        z-index: 2;
    }

    /* work showcase section */

    /* work showcase section */

    #work-section {
        height: inherit;
    }


    .work-section .work-section-img {
        flex-direction: row !important;
        display: flex !important;

    }


    .work-section-img .img-work img {

        filter: brightness(20%);

    }

    .work-pics {
        margin-bottom: 20px;
    }


    .work-section {
        padding: 10px 0px;
    }

    .work-section .work-section-img {
        height: auto !important;
        width: auto !important;
    }

    .h2-work h2 {

        font-size: 21px;
        font-weight: 800;

    }

    .h2-work button {

        width: 100% !important;
        border: none;
        background: rgba(132, 0, 255, 1);

    }

    .h2-work {
        height: 100%;
        width: 80%;
        transition: none;
        opacity: 1;
        padding: 20px;
        justify-content: center;

    }

    .h2-work .mobile-p-work {
        font-size: 13px;


    }

    .h2-work p {
        font-size: 13px;

    }

    /* webside page */

    .webside-header .webside-h1 {

        font-size: 50px;
        line-height: 3.4rem;
        padding-top: 115px;
    }

    .webside-header .webside-h2 {

        font-size: 18px;
        line-height: 1.7rem;
        padding-bottom: 50px;

    }



    .webside-cta-section .w-75 {
        width: 100% !important;
        padding-top: 40px;
        padding-bottom: 40px;
    }



}

@media (min-width: 768px) and (max-width: 1023px) {

    .navbar {

        background-color: rgb(11, 12, 27) !important;
        padding: 20px 10px 18px 10px;


    }

    .navbar-collapse .mobile-menu-drop {
        flex-direction: row;
        justify-content: center;
        margin-top: 18px;
        font-weight: bold;
        text-shadow: 1px 1px 1px #000;

    }

    .mobile-menu-drop .nav-link {

        margin: 0px 13px !important;
    }




    .navbar .navbar-toggler-icon {
        /* background-image: url(/img/menu-rounded-svgrepo-com.svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 255,255,255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e) !important; */
        background-image: url(/img/mobile-menu-arcadeadev-hamburger.svg) !important;

    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 40px !important;
        height: 40px !important;
        vertical-align: middle;
        content: "";
        background: 50% / 100% 100% no-repeat;
    }


    .navbar-brand {

        margin-right: 0rem;
        padding-bottom: 0rem !important;


    }

    .select-plan-header h1 {

        font-size: 40px;
        padding-top: 130px;

    }

    .select-plan-header .plan-p-2 {


        padding-bottom: 40px;

    }

    .fixed-top-desk {
        display: none;

    }

    .mobile-nav {
        display: flex !important;
    }

    /* .button {
        display: none;
    } */

    .main-h1 .w-75 {
        width: 100% !important;
    }



    /* video mobile */

    .video-home {
        min-height: 70vh;



    }

    .video-home .h1 {

        font-size: 62px;
        width: 100% !important;
        padding-left: 20px !important;
        line-height: 3.6rem;
    }

    .video-text .tagline {
        font-size: 16px;

    }

    .video-text p .its {

        font-size: 16px;
    }

    #messageIntro {
        width: 100% !important;

    }

    .video-home .main-h1 {
        padding-top: 125px;
        padding-bottom: 100px;

    }

    .buttons-hero {
        padding-left: 20px;
    }

    .video-text p {
        width: 100% !important;
        font-size: 16px;
        padding-left: 20px;

    }



    /* first-section */



    .first-sec-text {
        padding: 0px 0px;
    }

    #first-section h2 {
        font-size: 42px;
    }


    #first-section .first-p {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 1.08;
        text-shadow: 1px 1px 1px #000;
        width: 100% !important;
        text-align: start !important;

    }

    section .first-section {

        padding: 60px 0px 50px 0px;
    }

    .first-section .cards {
        width: 100% !important;
    }

    .cards .card {
        margin-bottom: 15px;
        height: initial;
    }

    /* extra section */
    .text-second-sec p {
        font-size: 18px;
        width: 75% !important;
    }

    .text-second-sec h2 {
        font-size: 42px;
        width: 75% !important;
        line-height: 3rem;
        padding-top: 75px;
    }

    /* second section */

    .second-section {
        height: inherit;


    }


    .first-card {
        margin: 20px 12px 0px 0px !important;
    }

    .text-second-sec h1 {
        font-size: 34px;
        line-height: 1;
        width: 75% !important;


    }

    .text-section {
        width: 100% !important;
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .text-second-sec {
        width: 100% !important;
        padding: 10px 40px 0px 40px;
    }

    .second-section p {
        padding: 10px 30px 10px 30px;
        font-size: 14pt;

    }

    .card-body a {
        font-size: 10pt;

    }

    /* extra section blend */

    #extra-section {
        height: 45vh;

    }

    .extra-section .blend-image {
        height: 45vh;

    }

    /* third section */

    .third-section {
        padding-top: 50px;
    }

    .third-section .first-p {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 20px !important;
    }

    .third-section .second-p {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 20px !important;
    }

    .third-section .text-section {
        margin: 0px 0px;




    }

    .third-section .first-p p {
        font-size: 18px;



    }

    .third-section .second-p p {
        font-size: 18px;


    }



    br {
        display: none;
    }

    .third-sec {
        flex-direction: column-reverse;

    }

    .globe {
        flex-direction: column-reverse !important;
    }

    .webdev {
        flex-direction: column-reverse !important;
    }

    .text-section img {
        height: 140px;
        width: 130px;

    }

    /* fourth-section */
    .fourth-section {
        min-height: 100vh;

    }

    .col-sm-4 img {
        height: 100%;

    }

    .h2 h2 {

        font-size: 35px;

    }

    /* above fifth */


    .above-fifth-section {
        min-height: inherit;

    }

    .above-fifth-text h2 {

        font-size: 32px;
        margin-top: 20px;
    }

    .above-fifth-section .above-fifth-text p {
        font-size: 12pt;


    }

    .above-fifth-section .above-fifth-text {
        width: 100% !important;
        padding: 40px 0px 70px 35px;
    }

    .above-fifth-section .above-fifth-text .w-50 {
        width: 75% !important;
    }

    .above-fifth-section .above-fifth-text .w-25 {
        width: 50% !important;
    }


    .card-body .above-fifth-btn {

        padding: 12px 0px;
        font-size: 11pt;

    }

    /* bottom-fifth */

    #bottom-fifth-section {
        display: none;
    }

    /* fifth-section-mobile*/

    #fifth-section-mobile {
        display: flex;
        padding: 50px 60px 0px 60px;
    }

    #fifth-section {
        display: none;
    }

    .card-body img {
        object-fit: cover;

    }

    .card-body h2 {
        font-weight: 600;
        padding-left: 0px;
        font-size: 32px;
        letter-spacing: 1px;

    }

    .process-h1 {
        font-size: 32px;
        font-weight: 800;
        text-shadow: 1px 1px 1px #000;
        text-align: start !important;
    }


    .p-mobile {
        margin-bottom: 2.5rem;
        font-size: 11pt;
        text-shadow: 1px 1px 1px #000;
        padding-right: 40px;
        letter-spacing: 1px;
        text-align: start !important;

    }


    .card-mobile {
        background: transparent;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #797878;
        border-radius: 0;

    }

    .card-header-mobile {

        border-top: 3px solid #6dcdb8
    }

    .btn-link {
        text-decoration: none !important;
    }

    .panel-title>.btn:before {
        float: right !important;
        font-family: FontAwesome;
        content: "\f068";
        padding-right: 5px;
        color: #6dcdb8;
    }

    .panel-title>.btn.collapsed:before {
        float: right !important;
        font-family: FontAwesome;
        content: "\f067";
        color: #6dcdb8;
    }

    .panel-title>.btn:hover,
    .panel-title>.btn:active,
    .panel-title>.btn:focus {
        text-decoration: none;
    }

    .btn.focus,
    .btn:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }

    /* tools we use section  technologies*/


    .blend-img-sec .blend-img-tools-text {
        min-height: 55vh;
        display: flex;
        align-items: center;

    }

    #extra-section-tools {
        min-height: 55vh;

    }

    .box-text-h2 h2 {
        line-height: 1.9rem;

    }

    .blend-img-tools-text .tools-container {

        padding: 30px 0px;
        position: inherit;

    }


    .blend-img-sec .blend-img-tools-text::before,
    .blend-img-sec .blend-img-tools-text::after {

        height: 45px;

    }




    .tool-img .img,
    .tool-img .php {
        width: 150px;
        height: 120px;
    }

    .box .cf {
        width: 150px;
        height: 120px;
    }

    .box .tool-img {
        padding-right: 0px !important;
        padding-left: 0px !important;
        flex-grow: 0;
        margin: 0px 8px;
        width: 50% !important;
    }


    .box-text-h2 {

        margin-right: 0px;
        padding-right: 0px !important;
        padding-left: 0px !important;
        max-width: 100%;

    }

    .box-text-h2 h2 {

        width: 100%;
        font-size: 28px;
        margin-top: 25px;

    }

    .box-text-h2 p {
        width: 100% !important;
        font-size: 11pt;
    }

    .box-text .btn {

        width: 100% !important;
        display: none;

    }




    .tools .box {

        height: inherit;
        width: 100%;
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        justify-content: end;



    }


    /* contact form for mobile*/


    #form {
        width: 100% !important;
    }

    .mobile-top p {
        font-weight: 400;
        font-size: 14px;


    }

    .form-group .btn {
        margin-top: 20px;
        background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(58, 9, 121, 1) 0%, rgba(132, 0, 255, 1) 100%);
        border: none;
        border-radius: 35px;
        padding: 12px 0px;
    }

    .comment-box label {
        display: block;
    }

    .form-control:focus {

        background-color: transparent;
        border-color: #6dcdb8;
    }




    /* payment page */


    .payment-header .cta-p {
        width: 100% !important;
        padding: 20px 20px;

    }

    .payment-header h2 {
        padding-top: 80px;

    }


    .container-payment {
        flex-direction: column-reverse !important;
        display: flex;
        margin: auto !important;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .box-text .call-btn {
        width: 75% !important;
        justify-content: center;
        display: block;

    }

    .woman img {
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        height: 280px;
        width: 300px;
        object-fit: cover;


    }

    .box .woman {
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        height: 280px;
        width: 300px;
        object-fit: cover;


    }

    .payment-text h5,
    .payment-text p {

        text-align: center;

    }

    .payment-text h5 {
        font-size: 15pt;
    }

    .payment-text a {
        text-decoration: none;
    }

    .box-text .call-btn {
        width: 100% !important;
    }




    /* success page */

    .message h1 {
        font-size: 32px;
        width: 75% !important;
        padding: 60px 15px 0px 15px;

    }

    /* packages page*/




    .packages-header .packages-h1 {

        font-size: 36px;
        width: 100% !important;
        text-align: start !important;


    }

    .packages-header-desk .packages-p {
        text-align: start !important;
        font-size: 16px;
        width: 100% !important;



    }

    .packages-header {
        padding: 60px 0px 0px 0px;
    }

    .packages-page {

        padding:
            60px 0px;

    }

    .col-md-1 {
        max-width: 16% !important;
        width: auto !important;

    }


    .time-clock {

        padding: 15px 0px 15px 0px !important;

    }




    .item {

        padding: 20px 0px !important;
        font-size: 13px;
        margin: 0px 0px;
        min-width: 32%;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.1;


    }

    .items {

        width: 100% !important;

    }


    /* plan selection page */


    #select-plan-header-mobile {
        display: flex !important;
    }

    .select-plan-header-mobile {
        display: flex !important;
    }

    #select-plan-header {
        display: flex !important;
    }

    .payment-header p {
        width: 75% !important;
    }

    .select-plan-header-mobile {
        min-height: 70vh;
        /* background-color: rgba(132, 0, 255, 1); */
        justify-content: center !important;
        padding-top: 40px;
        background: url("/img/Homepage_Hero.png")no-repeat center center/cover;
    }


    .select-plan-header-mobile h1 {
        font-weight: 800;
        font-size: 28pt;
        line-height: 0.9em;
        text-shadow: 0.25px 0.25px 0.25px #000;
        color: #fff !important;
        padding: 70px 20px 0px 20px !important;
        /* border-bottom: 4px dotted #6dcdb8; */
        text-align: center;
        text-shadow: 1px 2px 2px #000;
    }

    .select-plan-header-mobile p {
        font-weight: 400;
        font-size: 14pt;
        text-shadow: 0.25px 0.25px 0.25px #000;
        padding: 0px 5px;
        color: #fff !important;
        width: 100% !important;
        padding: 15px 125px 25px 125px;
    }


    .select-plan-header-mobile span {

        /* background: linear-gradient(to bottom, transparent 30%, rgba(109, 205, 184, 5) 75%); */
        padding: 0px 8px;
        background: linear-gradient(to bottom,
                transparent 3%,
                rgba(132, 0, 255, 1) 75%);


    }

    .domain img {
        height: 75px;
        width: 90px;
        object-fit: cover;

    }

    .domain-icon img {
        height: 85px !important;
        width: 105px !important;
        object-fit: cover;
        margin-bottom: 8px;

    }

    /* web hosting page */

    .web-hosting-card {
        width: 13rem !important;
    }

    /* NEW FOOTER */



    .box-text-h2-footer {


        padding-right: 30px;
        padding-left: 0px;
    }

    .box-text-h2-footer h2 {

        font-size: 28PX;

    }

    .footer-section {

        padding-left: 0px;
        padding-right: 0px;
        width: 90% !important;
    }

    .w-100 hr {

        width: 90% !important;

    }

    .box-text-p-footer {
        padding-left: 0px;
    }

    .box-text-p-footer p {

        font-size: 14px;

    }

    .box-text-h2-footer p {

        font-size: 14px;

    }

    .footer-section-bottom {

        padding-left: 0px;
        padding-right: 0px;
        width: 90% !important;
    }

    .box-text .footer-box-2 {

        justify-content: start;

    }

    .footer-box .fa-envelope {
        margin-right: 3px;

    }

    .footer-box ul li {

        font-size: 14px;
    }

    .footer-last .copy-r .copy-p-1 {

        margin-right: 6px;
        margin-left: 6px;

    }

    .footer-last .copy-r {

        font-size: 12px;

    }

    .footer-last .copy-r .copy-p-2 {

        margin-right: 0px;

    }

    .footer-last .col-12 {

        justify-content: center;

    }


    /* about page */

    .about-header {
        min-height: 75vh;
    }


    .about-header h1 {

        font-size: 75px;


    }

    .iframe {

        margin-bottom: 20px;
    }

    .about-page-text .first-text,
    .about-page-text .second-text {
        padding: 0px;

    }

    .about-page {
        padding: 60px 0px 0px 0px;
    }

    /* work page  */



    .work-header h1 {
        font-size: 55px;
        width: 100% !important;
        -webkit-animation: fadein 4s linear forwards;
        animation: fadein 1.5s linear forwards;
        /* letter-spacing: -1px; */
        text-shadow: 1px 1px 1px #000;
        text-align: center;
        padding-top: 30px;
        line-height: 2rem;
    }

    .work-header .h4text {
        font-size: 30px;
    }

    /* work showcase section */

    .work-section-img .img-work img {

        filter: brightness(20%);

    }

    .work-pics {
        margin-bottom: 20px;
    }


    .work-section {
        padding: 10px 0px;
    }

    .work-section .work-section-img {
        height: auto !important;
        width: auto !important;
    }

    .h2-work h2 {

        font-size: 26px;
        font-weight: 800;

    }

    .h2-work button {

        width: 100% !important;
        border: none;
        background: rgba(132, 0, 255, 1);

    }

    .h2-work {
        height: 100%;
        width: 80%;
        transition: none;
        opacity: 1;
        padding: 20px;
        justify-content: center;

    }

    .h2-work .mobile-p-work {
        font-size: 13px;
        margin-bottom: 1rem;

    }

    .h2-work p {
        font-size: 13px;

    }


    /* contact-plan */


    /* webside page */

    .webside-header .webside-h1 {

        font-size: 50px;
        line-height: 3.4rem;
        padding-top: 115px;
    }

    .webside-header .webside-h2 {

        font-size: 18px;
        line-height: 1.7rem;
        padding-bottom: 50px;

    }



    .webside-cta-section .w-75 {
        width: 100% !important;
        padding-top: 40px;
        padding-bottom: 40px;
    }



}



@media (min-width: 1024px) and (max-width: 1367px) {


    .navbar .navbar-nav a:hover {
        color: #6dcdb8 !important;
        border-bottom: #6dcdb8 2px solid;

    }


    .navbar-brand img {

        height: 35px;
        width: auto;
        object-fit: contain;

    }

    .nav-container {
        margin: 10px;
        padding: 0px 0px !important;
        width: 88% !important;
    }

    .button {
        font-size: 13px;
    }

    .fixed-top-desk {
        font-size: 16px;

    }

    /* video mobile */



    .video-home .h1 {


        padding: 0px 0px 0px 0px !important;


    }

    .buttons-hero {
        padding-left: 0px;
    }

    /* #messageImg img {
        width: 350px;
        height: 350px;
        object-fit: cover;
    } */

    .video-text .tagline {


        padding: 0px 0px;
        margin-top: 0px;

    }

    .hero-btn {
        padding: 0px 0px;

    }


    .video-text p {

        font-size: 18px;
        padding: 0px 0px;
        letter-spacing: 5px;
    }

    #messageIntro {
        justify-content: start;
        width: 83% !important;

    }

    .video-home .h1 {
        font-size: 68px;
        line-height: 4.3rem;
    }

    .video-home .main-h1 {
        padding-top: 150px;
        padding-bottom: 125px;
    }

    .video-home {
        min-height: 85vh;



    }

    /* first section */


    .first-sec-text {
        padding: 0px 0px;
    }

    #first-section h1 {

        font-size: 38px;

    }

    #first-section .first-p {
        font-size: 18px;
        width: 75% !important;

    }


    .first-card-body a:hover {
        /* border-bottom: #6dcdb8 solid 1px; */
        color: #6dcdb8 !important;
        padding-left: 10px;
        transition: padding-left .2s ease;
    }

    .first-section .cards {

        padding: 0px 30px;
    }



    /* second section */

    .text-second-sec h1 {
        font-size: 38px;
        line-height: 2.5rem;
        font-weight: 800;
        width: 65% !important;

    }

    .second-section p {
        padding-right: 0px;

    }

    .second-section .text-second-sec {
        width: 75% !important;
        padding: 0px 95px 0px 80px;
    }

    .text-second-sec p {
        font-size: 20px;


    }

    /* thrid section */

    .process-section {
        width: 75% !important;
        padding: 0px 50px 80px 50px;
    }

    .new-boxes-process .process-boxes {

        padding: 0px 30px;
    }

    .third-section .third-sec {
        width: 85% !important;
    }


    .third-section .img {
        width: auto !important;
        margin-left: 0px !important;
        padding: 0px 0px 0px 0px;
    }



    .third-section .first-p {
        margin-left: 0px;
        margin-right: 0px;

    }

    .third-section .second-p {
        margin-left: 0px;
        margin-right: 0px;
        padding: 5px 0px 0px 60px;

    }

    .third-section .first-p p {
        font-size: 20px;


    }

    .third-section .second-p p {
        font-size: 20px;


    }

    /* above fifth */

    .above-fifth-section .w-75 {
        width: 100% !important;
        padding: 40px 0px;
    }


    /* bottom new-sec */

    .bottom-fifth-text p {
        width: 75% !important;
    }


    /* fifth section */



    /* icons desktop version */

    #fifth-section-mobile {
        display: none;
    }

    #fifth-section {
        display: flex;
    }



    .text-fifth-sec h2 {
        font-size: 46px;
        font-weight: 700;
        margin-bottom: 1rem;
        line-height: 2.8rem;
        letter-spacing: .5px;

    }

    .fifth-sec p {
        font-size: 13pt;
        padding: 10px 0px;
        text-shadow: 2px 2px 2px #000;

    }

    .new-icons {

        padding: 45px 25px;

    }

    .icon p {
        font-size: 10pt;
        padding: 2px 05px;
        text-align: center !important;
    }


    .icon {
        height: 340px;
        margin: 0px 5px 0px 5px;
        padding-left: 0px !important;
    }

    .icon h2 {
        font-size: 12pt;

    }

    .icon img {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;


    }

    .btn-link:hover {
        color: #6dcdb8;
        text-decoration: none;

    }

    .card-body-a {
        height: initial;

    }

    #pMobile {
        opacity: 0;
        transition: opacity 0.5s;
    }

    #pMobile.appear {
        opacity: 1;
    }

    .bottom-fifth-section {
        padding: 60px 0px;
    }

    /* tools used sec*/

    #extra-section-tools {
        min-height: 65vh;

    }

    .blend-img-sec .blend-img-tools-text {

        background-position: right center;
        min-height: 65vh;

    }

    .blend-img-sec .blend-img-tools-text::before,
    .blend-img-sec .blend-img-tools-text::after {

        height: 50px;
    }



    .tools-container .tools {
        width: 100%;
        padding-right: 20px !important;
        padding-left: 20px !important;

    }


    .box .php {

        height: 120px;

    }

    .box .cf {

        height: 120px;

    }

    .box .img {

        height: 120px;

    }


    .tools .box {

        margin-right: 0;

    }

    .box .tool-img {
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        margin: 0px 5px;


    }

    .box-text-h2 {


        max-width: 75%;

    }

    .box-text-h2 h2 {

        width: 100%;
        font-size: 28px;


    }

    .box-text-h2 p {
        width: 100% !important;
        font-size: 16px;
    }

    .box-text .btn {

        width: 100% !important;
        display: none;

    }

    .tools .box {

        height: inherit;
        width: 100%;
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        justify-content: center !important;


    }


    .card-body .above-fifth-btn:hover {

        background: #6dcdb8;

    }

    .bottom-fifth-text a:hover {
        padding-left: 10px;
        transition: padding-left .2s ease;
    }

    /* footer */

    .box-text .btn-footer:hover {
        padding-left: 10px;
        transition: padding-left .2s ease;
    }

    .contact-section {
        height: initial;
        width: 100%;

    }

    .footer-box li a:hover {
        color: #6dcdb8 !important;
    }

    /* sucess page */


    /* success page */

    .message h1 {

        width: 75% !important;
        padding: 60px 15px 0px 15px;

    }

    /* work page  */




    .work-header {
        min-height: 75vh;
        width: 100%;

    }

    .work-header h1 {
        font-size: 55px;
        width: 75% !important;
        -webkit-animation: fadein 4s linear forwards;
        animation: fadein 1.5s linear forwards;
        letter-spacing: -1px;
        text-shadow: 1px 1px 1px #000;
        text-align: center;
        padding-top: 30px;
    }

    .h2-work h2 {

        font-size: 38px;

    }


    .h2-work button:hover {
        transition: all .5s;
        border: none;
        background: rgba(132, 0, 255, 1);

    }

    .work-pics:hover .img-work {

        transform: scale(1.3);
        transition: 2s ease;
        filter: brightness(30%);
    }

    .work-pics:hover .h2-work {
        opacity: 1;


    }

    /* plans page */

    .item {

        max-width: 100% !important;

    }

    .packages-header .packages-h1 {

        font-size: 48px;
        width: 74% !important;
        text-align: start !important;



    }

    .packages-header-desk .packages-p {
        text-align: start !important;
        font-size: 16px;
        width: 74% !important;

    }

    .packages-header {
        padding: 60px 0px 0px 0px !important;
    }

    .packages-page {

        padding:
            60px 0px;

    }


    .packages-header {
        width: 75% !important;
    }


    .packages-header .webhost-h2 {

        font-size: 22px;
        text-align: center;

    }

    .container-time {
        height: initial;
    }

    .container .time-clock .col-md-1 {
        flex: 1 1 auto;
        max-width: 12%;

    }

    .timer {

        font-size: 28px;

    }

    .timer-label {
        font-size: 14px;

    }


    /* website hosting page */

    /* .web-hosting-card {
        width: 16rem !important;
    } */


    /* about page */

    .about-header {
        min-height: 75vh;
    }

    .about-page {
        padding: 50px 20px 0px 20px;
    }

    .about-page-text {

        width: 100% !important;
    }

    .about-page-text .first-text,
    .about-page-text .second-text {
        padding: 0px 25px 0px 20px;

    }

    .about-header h1 {

        font-size: 55px;

    }

    /* select a plan page */



    .select-plan-header h1 {

        font-size: 48px;
        padding-top: 80px !important;

    }


    .select-plan-header p {

        font-size: 22px;
        line-height: 1.1;

    }

    .select-plan-header {
        min-height: 65vh;
        justify-content: center !important;
        padding-bottom: 0px;
        padding-top: 40px;
    }



    .card-body .web-dev-btn:hover {
        transition: 0.2s ease-in;
        background: #6dcdb8 !important;

    }

    /* .web-dev-card:hover {
        box-shadow: 0 0 10px 0 #6dcdb8;
        transition: ease-in 0.3s;
    }
 */



    /* NEW FOOTER */

    .footer-section {
        width: 80% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .box-text-h2-footer {

        padding-right: 50px;
    }

    .box-text-p-footer p {

        font-size: 16px;
        padding-right: 0px;

    }


    .box-text-p-footer {


        padding-right: 0px;

    }

    .box-text-h2-footer p {

        font-size: 16px;

    }

    .footer-box ul li {
        font-size: 14px;
    }

    .w-100 hr {

        width: 80% !important;

    }

    .footer-section-bottom {
        width: 80% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    /* payment-page */

    .box-text .call-btn {
        width: 75% !important;
        justify-content: center;
        display: block;

    }

    .payment-header .cta-p {
        width: 50% !important;
        padding: 20px 20px;
    }

    .payment-header h2 {
        padding-top: 80px;

    }

    /* contact page */


    .navbar .navbar-toggler-icon {
        /* background-image: url("/img/menu-rounded-svgrepo-com.svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 	255,255,255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; */
        background-image: url("/img/mobile-menu-arcadeadev-hamburger.svg") !important;



    }


    #form {
        width: 75% !important;
    }


    .select-plan-header h1 {

        font-size: 40px;
        padding-top: 130px;

    }

    .select-plan-header .plan-p-2 {


        padding-bottom: 40px;

    }

    /* webside page */

    .webside-header .webside-h1 {

        font-size: 52px;
        padding-top: 140px;
        line-height: 3.5rem;
    }

    .webside-header .webside-h2 {
        padding-bottom: 50px;
    }

    .webside-header .w-75 {

        width: 100% !important;

    }



    .webside-cta-section .w-75 {
        width: 100% !important;
        padding-top: 40px;
        padding-bottom: 40px;
    }



}



@media (min-width: 1368px) and (max-width: 1536px) {


    .navbar .navbar-nav a:hover {
        color: #6dcdb8 !important;
        border-bottom: #6dcdb8 2px solid;

    }

    /* .video-home .h1 {

        font-size: 58px;

    } */

    .video-text p {

        font-size: 18px;

    }

    .video-text .tagline {
        font-size: 18px;
    }

    #messageImg img {
        width: 450px;
        height: 450px;
        object-fit: cover;
    }

    .nav-container {

        padding: 0px 28px;
    }

    .btn-link:hover {
        color: #6dcdb8;
        text-decoration: none;

    }

    .hero-btn {
        padding: 0px 60px;

    }

    .hero-btn .button {
        padding: 17px 26px;
    }

    .button:hover {
        opacity: 0.8;
        transition: ease-in .3s;
    }

    /* first-section home */

    #first-section h1 {

        font-size: 40px;

    }

    .first-section .cards {
        width: 100% !important;
    }

    .first-card {
        margin: 3px 10px !important;
    }

    /* second section home */

    .text-second-sec .logo:hover {
        text-decoration: none;

    }

    .text-second-sec h1 {
        font-size: 50px;
        line-height: 3rem;
    }

    /* process */

    .new-boxes-process {

        margin-top: 80px;
    }

    /* fourth section */

    .col-sm-4 img:hover {
        cursor: pointer;
        -webkit-filter: blur(2px);
        filter: blur(2px);
    }

    /* above fifth section */

    .above-fifth-text {
        padding: 50px;
    }

    .text-section .green-planet {
        height: auto;
        width: 350px;
        object-fit: fill;
    }

    /* fifth sec process */

    .text-fifth-sec h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 2.5rem;
        margin-bottom: 0rem;
    }

    .fifth-sec p {
        font-size: 13pt;
        padding: 10px 0px;
        text-shadow: 2px 2px 2px #000;

    }

    .bottom-fifth-text {
        width: 100% !important;
        padding: 30px 0px 50px 0px;

    }

    .bottom-fifth-text p {
        padding: 0px 25px;

    }


    .new-icons {

        padding: 45px 35px;

    }

    .icon p {
        font-size: 10pt;
        padding: 2px 5px;
        text-align: center !important;
    }


    .icon {
        height: 340px;
        margin: 0px 5px 0px 5px;
        padding-left: 0px !important;
    }

    .icon h2 {
        font-size: 12pt;

    }

    .icon img {
        width: 55px;
        height: 55px;
        margin-bottom: 5px;


    }


    /* tools used */

    .tools .box {
        justify-content: center !important;
        height: auto;
        padding-right: 0px !important;

    }

    .tools .box-2 {
        justify-content: center !important;
        height: auto;
        margin-right: 50px;

    }

    .tool-img img {
        width: 230px;
        height: 120px;
        object-fit: fill;
    }

    .box-text-h2 {

        margin-right: 0px;
        padding-right: 0px !important;
        padding-left: 0px !important;
        max-width: 75%;


    }

    .box-text-h2 h2 {

        font-size: 22pt;

    }

    .tools-container .tools {
        padding-left: 35px;
        padding-right: 35px;
    }

    .box-text-h2 p {

        font-size: 16px;
    }

    .bottom-fifth-text a:hover {
        padding-left: 10px;
        transition: padding-left .2s ease;
    }


    /* packages */

    .card-body .web-dev-btn:hover {
        transition: 0.30s ease-in;
        background: #6dcdb8 !important;

    }

    /* .web-dev-card:hover {
        box-shadow: 0 0 10px 0 #6100ff;
        transition: ease-in 0.3s;
    } */

    .item {

        max-width: 100%;

    }

    .select-plan-header {
        min-height: 75vh;

    }

    .select-plan-header h1 {

        font-size: 65px;

    }

    .item {

        max-width: 100% !important;

    }

    .packages-header .packages-h1 {

        width: 80% !important;
        font-size: 60px;


    }

    .packages-header-desk .packages-p {

        font-size: 20px;


    }

    .packages-header {
        padding: 60px 0px 0px 0px !important;
    }


    .container-time {
        height: initial;
    }

    .timer {

        font-size: 26px;

    }


    .time-clock {
        padding: 25px 0px 0px 0px !important;

    }

    .timer-label {
        font-size: 14px;

    }


    /* work page  */




    .work-header {

        width: 100%;

    }

    .work-header h1 {

        width: 65% !important;
        -webkit-animation: fadein 4s linear forwards;
        animation: fadein 1.5s linear forwards;
        letter-spacing: -1px;
        text-shadow: 1px 1px 1px #000;
        text-align: center;
        padding-top: 30px;
    }

    .h2-work h2 {

        font-size: 38px;

    }

    .h2-work button:hover {
        transition: all .5s;
        border: none;
        background: rgba(132, 0, 255, 1);

    }

    .work-pics:hover .img-work {

        transform: scale(1.3);
        transition: 2s ease;
        filter: brightness(30%);
    }

    .work-pics:hover .h2-work {
        opacity: 1;


    }

    .h2-work h2 {

        font-size: 34px;

    }

    .mobile-p-work {
        font-size: 12pt;
    }

    .h2-work {

        padding: 35px;
    }

    /* payment page */


    .payment-header .cta-p {
        width: 50% !important;
        padding: 20px 20px;
    }

    .payment-header h2 {
        padding-top: 80px;

    }

    /* about page */

    .map .logo-maps:hover {
        cursor: grab;

    }

    .about-page-text p {
        font-size: 13pt;
    }

    .card-body .above-fifth-btn:hover {

        background: #6dcdb8;

    }

    .bottom-fifth-text a:hover {
        padding-left: 10px;
        transition: padding-left .2s ease;
    }

    /* footer */

    .box-text .btn-footer:hover {
        padding-left: 10px;
        transition: padding-left .2s ease;
    }

    .footer-box li a:hover {
        color: #6dcdb8 !important;
    }


    /* webside page */

    .webside-header .webside-h1 {

        font-size: 60px;
    }

    .webside-header .webside-h2 {
        padding-bottom: 30px;
    }

    .webside-header .w-75 {

        width: 100% !important;

    }

    .webside-cta-section .w-50 {
        width: 75% !important;
    }


}



@media (min-width: 1537px) and (max-width: 1920px) {

    .navbar .navbar-nav a:hover {
        color: #6dcdb8 !important;
        border-bottom: #6dcdb8 2px solid;

    }

    .btn-link:hover {
        color: #6dcdb8;
        text-decoration: none;

    }



    .button:hover {

        transition: ease-in .3s;
        background: #6dcdb8;
        color: #1b1d1f !important;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {


        background-color: rgb(11, 12, 27);

    }

    .dropdown-item {
        border-bottom: none !important;
    }

    /* first-section home */

    .first-card-body a:hover {

        color: #6dcdb8 !important;
        padding-left: 10px;
        transition: padding-left .2s ease;

    }



    /* second section home */

    .text-second-sec .logo:hover {
        text-decoration: none;

    }

    /* fourth section */

    .col-sm-4 img:hover {
        cursor: pointer;
        -webkit-filter: blur(2px);
        filter: blur(2px);
    }

    /* fifth section */

    .card-body .above-fifth-btn:hover {

        background: #6dcdb8;

    }

    .bottom-fifth-text a:hover {
        padding-left: 10px;
        transition: padding-left .2s ease;
    }

    /* footer */

    .box-text .btn-footer:hover {
        padding-left: 10px;
        transition: padding-left .2s ease;
    }

    .footer-box li a:hover {
        color: #6dcdb8 !important;
    }


    /* packages */

    .card-body .web-dev-btn:hover {
        transition: 0.30s ease-in;
        background: #6dcdb8 !important;
        color: #1b1d1f !important;

    }

    /* .web-dev-card:hover {
        box-shadow: 0 0 10px 0 #F2C00F;
        transition: ease-in 0.3s;
    } */

    /* work page  */

    .h2-work button:hover {
        transition: all .5s;
        border: none;
        background: rgba(132, 0, 255, 1);

    }

    .work-pics:hover .img-work {

        transform: scale(1.3);
        transition: 2s ease;
        filter: brightness(30%);
    }

    .work-pics:hover .h2-work {
        opacity: 1;


    }

    .work-pic-container a:hover {
        padding-left: 10px;
        transition: padding-left .2s ease;
    }

    /* about page */

    .map .logo-maps:hover {
        cursor: grab;

    }


}