body {
    font-family: Montserrat, Verdana, sans-serif;
    background-color: #d3d3d3;
}

html {
    scroll-behavior: smooth;
}

/*Header*/
#header {
    background-color: #141e40;
}

.sitename-txt{
    background: linear-gradient(0deg, #d0aa64, rgb(223, 188, 82));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 35px;
        text-decoration: none;
        letter-spacing: .12em;
}

.call-us-txt {
    color: rgb(237,237,238);
    font-size: 25px;
    letter-spacing:.12em;
    
}

.header-top-phone {
    background: linear-gradient(0deg, rgb(208,170,100), rgb(223,188,82));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    text-decoration: none;
    letter-spacing: .12em;
}

#logoHeader {
    width: 150px;
    max-width: 100%;
    max-height: 100%;
    /*filter: drop-shadow(0 0 12px rgba(245, 245, 245));*/
}


/* Navbar CSS */
#navbar {
    background-color: rgb(237, 237, 238);
    z-index: 20 !important;
}

#navbar.sticky {
    background-color: #141e40;
    transition: background-color 0.6s ease-in-out;
    will-change: transform;
    transform: translateZ(0);
    -webkit-transition: background-color 0.6s ease-in-out;
    -moz-transition: background-color 0.6s ease-in-out;
    -ms-transition: background-color 0.6s ease-in-out;
    -o-transition: background-color 0.6s ease-in-out;
}

.nav-link {
    font-size: 20px;
    color: rgb(20, 30, 64) !important
}

.nav-link:hover {
    color: rgb(208, 170, 100) !important;
    cursor: pointer;
}

.nav-link.sticky {
    color: rgb(237, 237, 238) !important
}

.nav-link.sticky:hover {
    color: rgb(208, 170, 100) !important
}

/*.fa-home{
    font-size:20px;
    color: rgb(20, 30, 64);
}*/

.navbar-toggler-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

#burger {
    color: rgb(20, 30, 64);;
}
#burger:hover {
    color: rgb(208, 170, 100)!important
}

#burger.sticky {
    color: rgb(237, 237, 238) !important
}

#burger.sticky:hover {
    color: rgb(208, 170, 100) !important
}



span.navbar-toggler-icon {
    color: rgb(20, 30, 64);
}

.collapse {
    transition: 0.5s ease-in-out;
}

.dropdown-menu--animated {
    border: 0 !important;
    display: none;
}

.dropdown-menu--animated li {
    display: block;
}

.dropdown-menu.show {
    animation: growDown 400ms ease-in-out forwards;
    transform-origin: top center;
    background-color: rgb(237, 237, 238) !important;
}

.dropdown-menu:not(.show) {
    animation: shrinkUp 400ms ease-out forwards;
    transform-origin: top center;
    background-color: rgb(237, 237, 238) !important;
}

.dropdown-menu.sticky {
    background-color: rgb(20, 30, 64) !important;
    transition: background-color 0.6s ease-in-out;
        will-change: transform;
        transform: translateZ(0);
    color: rgb(237, 237, 238);
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes shrinkUp {
    0% {
        transform: scaleY(1);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(0);
    }
}

@keyframes translateX {
    0% {
        opacity: 0;
        transform: translateX(60px);
    }

    80% {
        transform: translateX(-5px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.hoverable-dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-toggle {
    pointer-events: all;
    /*cursor: default;*/
}

.dropdown-item {
    color: rgb(20, 30, 64) !important;
    font-family: inherit;
    border-bottom: 0.01px inset transparent;
}

#navbardrop {
    color: rgb(20, 30, 64);
}

#navbardrop.sticky {
    color: rgb(237, 237, 238);
}

.dropdown-item.sticky {
    color: rgb(237, 237, 238) !important;
}

.dropdown-item:hover {
    color: rgb(208, 170, 100)!important;
    background-color: rgb(237, 237, 238);
    pointer-events: all !important;
    cursor: pointer !important;
}
.dropdown-item.sticky:hover {
    color: rgb(208, 170, 100) !important;
    background-color: rgb(20, 30, 64);
}

/* CAROUSEL */

/*#carouselCard{
    margin: 0 10px;
    border: 1px solid rgb(20, 30, 64);
    border-radius: 12px;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.4), 0 12px 16px 0 rgba(0, 0, 0, 0.19);
}*/

/*.carousel-img{
    border-radius: 13px;
}*/
/*.carousel-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
}*/

.carousel_title {
    font-family: Montserrat, Verdana, sans-serif;
    color: rgb(237, 237, 238);
    text-shadow: 2px 2px rgb(20, 30, 64);
}
.carousel-img {
    height: 450px;
    object-fit: cover;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    font-size: 40px;
    width: 40px;
    height: 40px;
}

.carousel.pointer-event {
    touch-action: pan-y pinch-zoom;
}

@media (max-width: 767px) {

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        font-size: 25px;
        width: 25px;
        height: 25px;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-caption {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .carousel_title {
        text-shadow: 1px 1px rgb(20, 30, 64);
    }
        .carousel-img {
            height: auto;
            object-fit: cover;
        }
}


/* Description Box */
#descriptionBox {
    /*border-radius: 10px;*/
    /*box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.4), 0 14px 20px 0 rgba(0, 0, 0, 0.19);*/
    height: auto;
    background-color: rgb(237, 237, 238);
        /*rgb(211, 211, 211) rgb(154, 205, 50, 0.7) */
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    color: rgb(20, 30, 64);
    font-size: 18px;
    padding: 15px 15px;
    /*margin: 15px;*/
    transition: all 0.5s ease-out 0s;
}

.chooseMicap {
    font-weight: 500;
    color: #d0aa64;
    text-align: center;
    align-items: center;
}

/* CARDS*/

.btn.btn-sm-services-mpxy-auto {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    background-color: rgb(237, 237, 238);
    color: rgb(20, 30, 64);
    text-transform: uppercase;
    font-size: 24px;
    padding: 20px 20px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.header text-center {
    color: rgb(20, 30, 64);
}

.card:hover .btn.btn-sm-services-mpxy-auto {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: rgb(20, 30, 64);
    color: rgb(208,170,100);
    text-shadow: 1px 1px rgb(20, 30, 64);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
    font-weight: bolder;
    cursor: default;
}

.card {
    color: rgb(20, 30, 64);
}

.flip {
    -webkit-perspective: 800;
    perspective: 800;
    text-align: left;
}

.flip .card.flipped {
    -webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
}

.flip .card {
    width: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    background-color: rgb(237, 237, 238);
    display: flex;
    align-items: center;
    justify-content: left;
}

.flip .card .face {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: left !important;

}

.flip .card .front {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: relative;
    backface-visibility: hidden;
    
}

.flip .card .back {
    -webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
    position: absolute;
    font-size: 14px;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    padding: 5px;
    background-color: rgb(20, 30, 64) !important;
    color: rgb(237, 237, 238) !important;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 0.25rem;
}

.back{
    transition: transform 0.4s;
}

.inner {
    margin: 10px !important;
    width: 100%;
    height: 100%;
    top: 0;
}

.innerHeader{
    font-size: 18px !important;
    text-align: center;
    font-weight: bold;
    color: rgb(208, 170, 100);
    border-bottom: 1px solid rgb(208, 170, 100);
    padding: 6px 6px 1px 6px !important;
}

.innerText{
    padding: 1px 6px 6px 6px !important; 
}


.card {
    transition: height 0.5s ease;
    /* Add a smooth transition for the height */
}


@media (max-width: 767px) {
    .card {
        transition: margin-top 0.3s ease;
    }
    .dropdown-menu.sticky {
        background-color: rgb(20, 30, 64) !important;
    }
        .col-12{
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        
}

@media(max-width: 1296px){
    .sitename-txt{
        font-size: 30px;
    }
}

/*MEDIA QUERY*/
@media (min-width: 1157px)

/*Higher Than 1157px*/
    {

    a.btn.btn-sm-services-mpxy-auto,
    a.btn.btn-sm-services-mpxy-auto h4,
    a.btn.btn-sm-services-mpxy-auto:hover,
    a.btn.btn-sm-services-mpxy-auto:active {
        font-size: 23px;
    }

    .carousel_title {
        font-size: 42px;
    }

    .carousel-indicators li {
        width: 22px;
    }

    #textBox {
        font-size: 18px;
    }
}

@media(max-width: 1157px)

/*Smaller than 1157*/
    {
    .carousel_title {
        font-size: 37px;
    }

    #textBox {
        font-size: 18px;

    }
        .call-us-txt {
            font-size: 18px !important;
        }
        .header-top-phone {
            font-size: 22px !important;
        }
    
        .sitename-txt {
            font-size: 25px;
        }
}

@media (max-width:1071px) {

    /*Smaller Than 1071px*/
    .call-us-txt {
        font-size: 18px !important;
    }

    .header-top-phone {
        font-size: 22px !important;
    }

    .sitename-txt {
        font-size: 25px;
    }
}

@media (max-width:984px) {

    /*Smaller Than 984px*/
    .call-us-txt {
        font-size: 16px !important;
    }

    .header-top-phone {
        font-size: 20px !important;
    }

    #textBox {
        font-size: 15px;
    }

        .sitename-txt {
            font-size: 23px;
        }
}

@media (max-width:895px) {

    /*Smaller Than 895px*/
    .call-us-txt {
        font-size: 16px !important;
    }

    .header-top-phone {
        font-size: 19px !important;
    }

    .sitename-txt {
        font-size: 21px;
    }
}

@media (max-width:851px) {

    /* Smaller than 851px */
    a.btn.btn-sm-services-mpxy-auto,
    a.btn.btn-sm-services-mpxy-auto h4,
    a.btn.btn-sm-services-mpxy-auto:hover,
    a.btn.btn-sm-services-mpxy-auto:active {
        font-size: 20px;
    }

    .carousel_title {
        font-size: 35px;
    }

        .call-us-txt {
            font-size: 13px !important;
        }

    .header-top-phone {
        font-size: 17px !important
    }

        .sitename-txt {
            font-size: 20px;
        }
}

@media (max-width: 767px) {

    /* Smaller than 767px */
    #logoHeader {
        max-width: 100%;
        max-height: 100%;
        height: auto;
    }

    .call-us-txt {
        font-size: 20px !important;
    }

    .header-top-phone {
        font-size: 25px !important;
    }

    #textBox {
        font-size: 15px;
    }

    #sidebar {
        background-color: rgb(237, 237, 238) !important;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .sitename-txt{
        font-size: 25px !important;
    }

    .textwidget{
        padding-bottom: 7px;
    }

}

@media (max-width: 731px) {

    /* Smaller than 731px 
    a.btn.btn-sm-services-mpxy-auto,
    a.btn.btn-sm-services-mpxy-auto h4,
    a.btn.btn-sm-services-mpxy-auto:hover,
    a.btn.btn-sm-services-mpxy-auto:active {
        font-size: 17px;
    }*/

    .carousel_title {
        font-size: 26px;
    }
}

@media (max-width: 661px) {

    a.btn.btn-sm-services-mpxy-auto,
    a.btn.btn-sm-services-mpxy-auto h4,
    a.btn.btn-sm-services-mpxy-auto:hover,
    a.btn.btn-sm-services-mpxy-auto:active {
    
        font-size: 16px;
    }

    .carousel_title {
        font-size: 24px;
    }
}

@media (max-width: 606px) {

    .carousel_title {
        font-size: 23px;
    }
}

@media(max-width: 575px) {

    /* Smaller than 575px */
    a.btn.btn-sm-services-mpxy-auto,
    a.btn.btn-sm-services-mpxy-auto h4,
    a.btn.btn-sm-services-mpxy-auto:hover,
    a.btn.btn-sm-services-mpxy-auto:active {
        font-size: 20px;
    }

    .carousel-indicators li {
        width: 12px;
        height: 2px;
        margin: 0 4px;
    }

    .carousel_title {
        font-size: 23px;
    }

    #textBox {
        font-size: 14px;
    }
}

@media(max-width: 472px) {
    .sitename-txt {
        font-size: 20px !important;
    }

        .call-us-txt {
            font-size: 17px !important;
        }
    
        .header-top-phone {
            font-size: 20px !important;
        }

}

@media(max-width: 465px) {

    /* Smaller than 465px */
    a.btn.btn-sm-services-mpxy-auto,
    a.btn.btn-sm-services-mpxy-auto h4,
    a.btn.btn-sm-services-mpxy-auto:hover,
    a.btn.btn-sm-services-mpxy-auto:active {
        /*Quote on cards */
        font-size: 19px;
    }

    .carousel_title {
        font-size: 20px;
    }

    #logoHeader {
        width: 120px;
        max-width: 100%;
        max-height: 100%;
        
    }

}

@media(max-width: 401px) {

    /* Smaller than 401px */
    a.btn.btn-sm-services-mpxy-auto,
    a.btn.btn-sm-services-mpxy-auto h4,
    a.btn.btn-sm-services-mpxy-auto:hover,
    a.btn.btn-sm-services-mpxy-auto:active {
        /*Quote on cards */
        font-size: 18px;
    }

    .carousel_title {
        font-size: 15px;
    }

}

@media(max-width: 384px) {
    .sitename-txt {
        font-size: 18px !important;
    }
    .call-us-txt {
        font-size: 15px !important;
    }
        
    .header-top-phone {
        font-size: 18px !important;
    }

}

@media (max-width: 366px) {

    /* Smaller than 350px */
    a.btn.btn-sm-services-mpxy-auto,
    a.btn.btn-sm-services-mpxy-auto h4,
    a.btn.btn-sm-services-mpxy-auto:hover,
    a.btn.btn-sm-services-mpxy-auto:active {
        font-size: 15px;
    }

    .carousel_title {
        font-size: 15px;
    }
}

@media(max-width: 348px) {
    .sitename-txt {
        font-size: 16px !important;
    }

    .call-us-txt {
        font-size: 14px !important;
    }
        
    .header-top-phone {
        font-size: 16px !important;
    }

}

@media (max-width: 320px) {

    /* Smaller than 320px */
    a.btn.btn-sm-services-mpxy-auto,
    a.btn.btn-sm-services-mpxy-auto h4,
    a.btn.btn-sm-services-mpxy-auto:hover,
    a.btn.btn-sm-services-mpxy-auto:active {
        font-size: 14px;
    }

    .carousel_title {
        font-size: 14px;
    }

    .call-us-txt {
        font-size: 13px !important;
    }

    .header-top-phone {
        font-size: 16px !important;
    }
}

/* AboutUs */

#AboutUsSect {
    transition: margin-top 0.3s ease-in-out;
}

#AboutUsSect .hovered {
    padding-top: 100px;
}

#contAboutUs {
    display: flex;
    align-items: stretch;
}

#aboutUsSection {
    padding: 20px 25px;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    margin: auto;
}

.titleWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hrAboutUs {
    position: relative;
    margin: 30px 0 -19px;
    width: 80%;
    height: 1px;
    border: 0;
    background-color: rgb(20, 30, 64);

    +.titleSection {
        display: inline-block;
        left: 50%;
        margin: 0;
        padding: 8px 10px;
        border: 1px solid rgb(20, 30, 64);
        letter-spacing: .32em;
        transform: translateX(0);
        color: rgb(20, 30, 64);
        font-size: 20px;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
        background-color: lightgray;

        &::first-letter {
            margin-left: 0.32em;
        }
    }
}

@keyframes bounce-backImage {
    0% {
        transform: translateX(-130px);
    }

    50% {
        transform: translateX(70px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes bounce-backText {
    0% {
        transform: translateX(-200px);
    }

    50% {
        transform: translateX(70px);
    }

    100% {
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: no-preference) {

    #aboutUsSection {
        font-size: 13px;
    }

    .image-animation {
        animation: bounce-backImage 1.5s cubic-bezier(0.5, 0.46, 0.45, 0.94) 1;
    }

    .text-animation {
        animation: bounce-backText 1.5s cubic-bezier(0.5, 0.46, 0.45, 0.94) 1;
        -webkit-animation: bounce-backText 1.5s cubic-bezier(0.5, 0.46, 0.45, 0.94) 1;
}
}

#imageAboutUs img {
    width: 90%;
    max-width: 200px;
    height: auto;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

/* tablet e mobile */
@media (max-width: 768px) {
    #imageAboutUs img {
        max-width: 180px;
    }
}

/* smartphone */
@media (max-width: 480px) {
    #imageAboutUs img {
        max-width: 150px;
    }
}

#textAboutUs {
    font-size: 15px;
    color: rgb(20, 30, 64);
    margin-bottom: 18px;
    line-height: 1.6;
}

.ourMissionTitle {
    font-weight: 600;
    font-size: 1.1rem;
    text-transform: uppercase;
    color: rgb(20, 30, 64);
    text-align: center;
    letter-spacing: .12em;
}


@media screen and (max-width: 768px) {
    .titleSection {
        font-size: 18px;
    }

    #textAboutUs {
        padding-top: 10px;
        margin: 5px auto 0 auto;
    }

    .whyChooseUsTitle {
        margin: 5px auto 0 auto;
    }

    #aboutUsSection {
        padding: 15px 15px !important;
    }

    .credentialSection {
        display: none;
    }

    #sidebar {
        padding: 10px 50px;
    }

}

@media screen and (max-width: 900px) {
    #aboutUsSection {
        padding: 20px 25px !important;
    }

}

@keyframes underlineWhyChooseUs {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(110px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes underlineQuality {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(130px);
    }

    100% {
        transform: translateX(0px);
    }
}

@media (prefers-reduced-motion: no-preference) {
    .underline-animation1 {
        animation: underlineWhyChooseUs 1.5s ease-in-out;
    }

    .underline-animation2 {
        animation: underlineQuality 1.5s ease-in-out;
    }

}

.whyChooseUsSection {
    padding: 3px;
    margin: 15px;
    justify-content: center;
}

/*.missionSection{
    margin-left: 65px;
    margin-right: 65px;
} */

.whyChooseUs {
    padding: 8px 8px 0 8px;
    color: rgb(20, 30, 64);
    letter-spacing: .23em;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.ourCredential {
    padding: 8px 8px 0 8px;
    color: rgb(237, 237, 238);
    letter-spacing: .23em;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;
}

.homeAutomationSection {
    background: rgb(237, 237, 238);
}

.sectionTitle {
    font-size: 24px;
    color: rgb(20, 30, 64);
    letter-spacing: .15em;
    text-transform: uppercase;
}

.sectionText {
    font-size: 15px;
    max-width: 700px;
    margin: 0 auto;
}

#MicapAutomation{
    background-color: rgb(208, 170, 100, 0.9);
    border: none;
}

#MicapAutomation:hover {
    background-color: rgb(208, 170, 100);;
}


.lineWhyChooseUs {
    margin: 0 2px;
    width: 130px;
    height: 3px;
    border: 0;
    background: linear-gradient(45deg, rgb(208, 170, 100), rgb(223, 188, 82));
}

.lineQuality {
    margin: 0 0;
    width: 130px;
    height: 3px;
    border: 0;
    background: linear-gradient(45deg, rgb(208, 170, 100), rgb(223, 188, 82));
}

.p-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cardWho-body {
    padding-top: 30px;
}

#cardWho1,
#cardWho2,
#cardWho3 {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.5s ease;
    background-color: rgb(237, 237, 238);
    color: rgb(20, 30, 64);
    border: 1px solid rgb(20, 30, 64);
    padding: 5px;
}

/*.cardWho:hover:after {
    transform: translateY(16.9px);
}

.cardWho:hover {
    transform: translateY(-16.9px);
}*/

.cardWho-body {
    padding-top: 70px;
}

.cardWho-img-div {
    position: absolute;
    top: 0;
    border-radius: 100%;
    background-color: rgb(20, 30, 64);
    z-index: 10;
    margin: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.cardWho-img-top {
    border-radius: 100%;
    width: 80px;
    height: 80px;
    object-fit: fill;
    margin: 0;
}

.cardWho-title {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(20, 30, 64);
    font-weight: 600;
    /*text-shadow: 1px 1px rgb(20, 30, 64), 0 1px black, 1px 0 rgb(20, 30, 64), 0 1px rgb(20, 30, 64);*/
}

.cardWho-text {
    font-size: 15px;
    text-align: center;
    margin: 0;
}

.credentialSection {
    justify-content: center;
}

.credText,
.subCredText {
    background-color: rgb(237, 237, 238);
    color: rgb(20, 30, 64);
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    letter-spacing: .11em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    
}

.subCredText {
    padding: 5px;
    font-weight: 600;
    font-size: 23px;
    color: rgb(208, 170, 100) !important;
    
}


/*.cardTextAppear {
    display: flex;
    opacity: 1;
} */

/*#certificationSection{
    margin: auto;
    justify-content: space-evenly;
}

.credImg{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
    max-width: 100%;
    height: auto;
}*/

.parTest {
    font-size: 10px;
    margin-top: 5px;
    color: rgb(20, 30, 64);
    line-height: 0;
}

.domodoPart {
    text-decoration: none;
    color: red;
}

.domodoPart:hover {
    color: rgb(208, 170, 100);
}

#sidebar {
    /*background-color: rgb(237, 237, 238);
border-radius: 5px;
box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.4), 0 14px 20px 0 rgba(0, 0, 0, 0.19);*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.credImg img {
    max-width: 100%;
    height: auto;
}

/* Top Button*/
.topButton {
    display: flex;
    justify-content: flex-end;
}

/* CONTACT US */

.contactUsSection {
    background-image: url(image/ContactUsGold.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.logoContactUs {
    width: 90px;
    height: auto;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.fa-phone-flip,
.fa-envelope {
    color: rgb(20, 30, 64);
}

.fa-phone-flip:hover,
.fa-envelope:hover {
    background: rgb(208, 170, 100);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

}

.waChatImage {
    width: 250px;
    height: auto;
    max-width: 100%;
}


/* REVIEWS */

iframe {
    justify-content: center;
}



/* Footer */

#btn-back-to-top {
    background-color: rgb(20, 30, 64);
}

.fa-arrow-up {
    background: linear-gradient(45deg, rgb(208, 170, 100), rgb(223, 188, 82));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.widget_about {
    text-align: center;
}

#companyDescr,
.companyInfo,
#policy {
    color: rgb(237, 237, 238);
    text-align: left;
    margin: auto;
    padding: auto;
}

#companyDescr {
    padding-bottom: 10px;
}

.companyInfo {
    color: rgb(223, 188, 82);
    padding-left: 40px !important;
}

#policy {
    color: rgb(237, 237, 238);
    font-size: 10px;
    font-family: sans-serif;
    padding-bottom: 10px;
}

.single_info {
    list-style: none
}

.companyInfo {
    font-family: Montserrat, sans-serif;
    font-size: 10px;
}

.footerTitle {
    color: rgb(237, 237, 238);
}

.deneb_footer .widget_wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (max-width: 767px) {
    .deneb_footer .widget_wrapper .widget {
        margin-bottom: 10px;
    }
}

.deneb_footer {
    background-color: rgb(20, 30, 64);
}

.img-fluid {
    width: 200px;
    height: auto;
    /*filter: drop-shadow(0 0 12px rgba(245, 245, 245)) !important;*/
}

.deneb_footer .widget_wrapper .widget .widget_title {
    margin-bottom: 10px;
}

.deneb_footer .widget_wrapper .widget .widget_title h4:after {
    content: "";
    display: block;
    max-width: 38px;
    height: 2px;
    margin-top: 5px;
}

.deneb_footer .widget_wrapper .widegt_about p {
    margin-bottom: 20px;
}

.deneb_footer .widget_wrapper .widegt_about .social li {
    display: inline-block;
    margin-right: 5px;
}

.widget_link .single_info .info:hover {
    color: rgb(237, 237, 238);
}

.deneb_footer .widget_wrapper .widget_link ul li {
    margin-bottom: 5px;
    color: rgb(237, 237, 238);
}

.deneb_footer .widget_wrapper .widget_link ul li a {
    text-transform: capitalize;
    color: rgb(237, 237, 238);
}

.deneb_footer .widget_wrapper .widget_link ul li a:hover,
.deneb_footer .widget_wrapper .widget_link ul li a:focus {
    color: rgb(237, 237, 238);
}

.deneb_footer .widget_wrapper .widget_contact .contact_info .single_info {
    max-width: 250px;
    margin-left: 60px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.deneb_footer .widget_wrapper .widget_contact .contact_info .single_info .icon {
    font-size: 18px;
    color: rgb(20, 30, 64);
    margin-right: 10px;
}

.deneb_footer .widget_wrapper .widget_contact .contact_info .single_info .info p,
a {
    color: rgb(20, 30, 64);
}

.deneb_footer .widget_wrapper .widget_contact .contact_info .single_info,
a:hover {
    text-decoration: none;
    color: rgb(237, 237, 238);
}

.deneb_footer .widget_wrapper .widget_contact .contact_info .single_info .info p span {
    display: block;
}

.deneb_footer .copyright_area {
    background: #edecf0;
    padding: 10px 0;
}

.deneb_footer .copyright_area .copyright_text {
    text-align: center;
}

.deneb_footer .copyright_area .copyright_text p {
    color: #011a3e;
}

.deneb_footer .copyright_area .copyright_text p span {
    color: #feb000;
}

.icon li {
    margin-bottom: 8px;
}

.fa-map-marker-alt {
    background: linear-gradient(45deg, rgb(208, 170, 100), rgb(223, 188, 82));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.row {
    display: flex;
    justify-content: center;
}

.zone {
    display: flex;
    flex-direction: column;
    padding: 0;
    text-align: left;
}

.infoBorough {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.boroughName {
    position: relative;
}

.boroughName::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 5px;
    background: linear-gradient(45deg, rgb(208, 170, 100), rgb(223, 188, 82));
    transform: scaleX(0);
    transition: transform 0.4s ease-in;
}

.boroughName:hover::before {
    transform: scaleX(1);
}


.boroughNameAsk:hover {
    background: linear-gradient(0deg, rgb(208, 170, 100), rgb(223, 188, 82));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.iconSocial {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: auto;

}

.iconSocial li {
    margin-bottom: 8px;
}

@media (max-width: 767px) AND (min-width: 576px) {
    .info {
        color: inherit;
        font-size: 14px;
    }

}

@media (max-width: 350px) {
    .info {
        color: inherit;
        font-size: 14px;
    }
    
}

@media (max-width: 326px) {
    .info {
        color: inherit;
        font-size: 13px;
    }
    
}

@media (min-width: 767px) and (max-width: 991px) {
    .iconSocial {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: auto;
    }
}

@media (max-width: 767px) {
    .iconSocial {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: auto;
    }
}

@media (max-width: 576px) {
    .iconSocial {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: auto;
    }
}

.contact_info .info {
    color: rgb(237, 237, 238);
}

.widget .widget_contact {
    justify-content: end;
}

.single_info .icon::before {
    width: 25px;
    height: auto;
    color: rgb(237, 237, 238);
}

.deneb_footer .widget_wrapper .widget_contact .single_info ul li {
    display: inline-block;
    margin-right: 10px;
    list-style: none;
}

.deneb_footer .widget_wrapper .widget_contact .single_info .social li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: rgb(237, 237, 238);
    color: rgb(20, 30, 64);
    font-size: 14px;
}

.deneb_footer .widget_wrapper .widget_contact .single_info .social li a:hover,
.deneb_footer .widget_wrapper .widget_contact .single_info .social li a:focus {
    background-image: -moz-linear-gradient(0deg, rgb(208, 170, 100), rgb(223, 188, 82));
    background-image: -webkit-linear-gradient(0deg, rgb(208, 170, 100), rgb(223, 188, 82));
    background-image: -ms-linear-gradient(0deg, rgb(208, 170, 100), rgb(223, 188, 82));
    color: rgb(20, 30, 64);
    /*box-shadow: 3px 4px 15px 0 rgb(154, 205, 50, 0.4);*/
}

.fa-phone,
.fa-envelope-open-text {
    background: linear-gradient(0deg, rgb(208, 170, 100), rgb(223, 188, 82));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#phoneFooter,
#emailFooter {
    color: rgb(237, 237, 238);
}

#phoneFooter:hover,
#emailFooter:hover {
    background: linear-gradient(0deg, rgb(208, 170, 100), rgb(223, 188, 82));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.copyright_text p {
    margin-bottom: 0;
    font-size: 12px
}


/* FORM
.infoForm{
    width: auto;
    font-family: Montserrat, sans-serif;
    color: rgb(20, 30, 64);
}
.form-box{
    font-size: 14px;
    font-family: Montserrat, sans-serif;
}

#formContainer{
    max-width: 70%;
    border-radius: 10px;
    border: 1px groove rgb(20, 30, 64);
    background-image: url("woodBG.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.4), 0 14px 20px 0 rgba(0,0,0,0.19) ;
}
fieldset.scheduler-border {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    border: 1px groove #ddd !important;
    padding:  1.4em 1.4em 1.4em !important;
    -webkit-box-shadow:  0 0 0 0 rgb(20, 30, 64);
    box-shadow:  0 0 0 0 rgb(20, 30, 64);
}

legend.scheduler-border {
    color: black;
    font-size: 25px !important;
    text-align: center !important;
}
.input{
    font-size: 14px;
}

#inputCompany, #inputAddress{
    min-width: 100%;
}

#inputPhone{
    max-width: 78%;
}

#subBtn{
    color: rgb(237, 237, 238);
    background-color: rgb(20, 30, 64);
    opacity: 0.8;
}
#subBtn:hover{
    opacity: 1.4;
}
#subBtn:active{
    border: 1px solid rgb(20, 30, 64);
    transform: translate(1px, 1px);
    transition: 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;

}

.amber-textarea textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid rgb(20, 30, 64);
    box-shadow: 0 1px 0 0 rgb(20, 30, 64);
}
.active-amber-textarea.md-form label.active {
    color: rgb(20, 30, 64);
}
.active-amber-textarea.md-form textarea.md-textarea:focus:not([readonly])+label {
    color: rgb(20, 30, 64);
}*/