body {
    max-width: 100%;
    font-family: 'Cambria' !important;
    line-height: 26px;
    font-weight: 400;
    font-style: normal;

}

.container-fluid {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .0) !important;
    padding-left: calc(var(--bs-gutter-x)* .0) !important;
    margin-right: auto;
    margin-left: auto;
}

/*** Moving Word ***/
.scroller {
    max-width: 100%;
    background-color: #bbb9b9;
}

.scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    background-color: #bbb9b9;

}

.scroller__inner h4 {
    color: #002292 !important;
    font-weight: bold !important;
}

.scroller[data-animated="true"] {
    overflow: hidden;
    -webkit-mask: linear-gradient(90deg,
            transparent,
            rgb(150, 150, 150) 10%,
            rgb(150, 150, 150) 90%,
            transparent);
    mask: linear-gradient(90deg, transparent, rgb(150, 150, 150) 10%, rgb(150, 150, 150) 90%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
    --_animation-duration: 30s;
}

.scroller[data-speed="slow"] {
    --_animation-duration: 60s;
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}


.tag-list {
    padding-top: 24px;
    margin: -16px;
    padding-inline: 0;
    list-style: none;
}

.tag-list li {
    background: var(--clr-primary-400);
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem -0.25rem var(--clr-primary-900);
}

/*** Moving Word ***/

/*** Navbar ***/
.navbar-expand-lg {
    background-color: rgb(251 251 251);
}

.img-fluid {
    width: 225px;
    margin-left: 25px;
}

.navbar-expand-lg .navbar-collapse {
    padding-left: 45px;
    padding-top: 35px;
    font-size: 19px;
    font-weight: bold;
}


.navbar .nav-item a {
    color: #c70000 !important;
}

.navbar .nav-item a:hover {
    color: #585858 !important;
}

.dropdown-menu a {
    font-size: 20px;
    font-weight: bold;
}

.imgg-fluid {
    width: 225px;
    padding-top: 25px;
    margin-right: 25px;
}

.zoom {
    padding: 10px;
    transition: transform .5s;
}

.zoom:hover {
    transform: scale(1.2);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*** Navbar ***/

/*** about ***/
.content1 {
    padding-top: 55px;
}

.mycol23 h3 {
    color: #c70000;
    font-weight: bold;
}

.content1 {
    background-image: url('../img/abt-background.png');
    background-size: cover;
    height: 525px;
}

.mycol223 img {
    width: 100%;
}

.mycol223 {
    padding-top: 30px;
}

.mycol23 p {
    margin-bottom: 35px;
    margin-top: 10px;
    color: #000000;
    font-size: 18px;
    text-align: justify;
}

.btn-read {
    margin-top: 20px;
    border-radius: 8px;
    padding: 7px;
    background-color: #c70000;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.btn-read:hover {
    background-color: #585858;
    color: #fff;
}

/*** about ***/
/*** about video ***/
.content2 {
    padding-top: 90px !important;
    padding-bottom: 20px;
}

video {
    width: 100%;
    height: 100%;
}

.vid-txt {
    text-align: center;
    font-weight: bold;
    color: #c70000;
    margin-bottom: 10px;
}

.vid {
    padding-top: 50px;
}

.vid-edi p {
    text-align: justify;
    color: #002292;


}

/*** about video ***/
/*** Product ***/
.pro1 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.pro1 h1 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    padding-top: 30px;
    color: #c70000;
}


.mypro1 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mypro2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mypro3 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.card-title {
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;

}

.card {
    width: 16rem;
    border: 2px dashed #c70000 !important;
}


.card-body {
    text-align: center;
    border-top: 2px dashed #c70000;
}

.card-body {
    color: #002292 !important;
}

.btn-prod {
    margin-top: 25px;
    margin-bottom: 25px;
}

.btn-read1 {
    margin-top: 20px;
    border-radius: 8px;
    padding: 7px;
    background-color: #c70000;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.btn-read1:hover {
    background-color: #585858;
    color: #fff;
}

/*** Product ***/
/*** service***/
.ser1 {
    background-image: url('../img/abt-background.jpg');
    background-size: cover;
    height: -webkit-fill-available;
    margin-bottom: 30px;
}

.ser2 {
    padding-top: 10px;
}

.img-card {
    padding: 10px;
}

.img-card img {
    width: 100%;

}

.ser-tit {
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
    color: #ffffff;
}

.myser1 a {
    text-decoration: none;
    font-size: 19px;
    font-weight: bold;
    color: #ffffff;
}

.myser1 a:hover {
    color: #c70000;
    -webkit-text-fill-color: white;
    /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c70000;
}

/*** service ***/
/*** project ***/
.proj1 {
    margin-top: 30px;
    margin-bottom: 50px;
}

.proj1 .ser-tit {
    font-weight: bold;
    text-align: center;
    color: #c70000;
    margin-bottom: 50px;
}

.myproj1 {
    margin-top: 15px;
    margin-bottom: 25px;
}

.myproj1 img {
    width: 300px;
    height: 400px;
    border-radius: 35px;
    border: 4px solid #c70000;
    margin: 10px;
}

.myproj1 h4 {
    font-weight: bold;
    margin-top: 24px;
    color: #002292;
}

.btn-proj {
    margin-top: 25px;
    margin-bottom: 25px;
}

.btn-read2 {
    margin-top: 20px;
    border-radius: 8px;
    padding: 7px;
    background-color: #c70000;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.btn-read2:hover {
    background-color: #585858;
    color: #fff;
}



/*** project ***/

/*** quest cont ***/

.que1 {
    background-image: url('../img/question-cont.jpg');
    background-size: cover;
    height: 320px;
    margin-bottom: 30px;
}

.que-con {
    padding-top: 5%;
}

.que2 h4 {
    color: #c70000;
    font-size: 20px;
    font-weight: bold;

}

.que2 h2 {
    font-weight: bolder;
    font-size: 40px;
}

.btn-que {
    margin-top: 25px;
    margin-bottom: 25px;
}

.btn-read3 {
    margin-top: 20px;
    border-radius: 15px;
    padding: 10px;
    background-color: #c70000;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 22px;
}

/*** quest cont ***/

/** footer **/
.content6 {
    background-color: rgb(251 251 251);
    padding-top: 25px;

}

.content7 {
    background-color: rgb(251 251 251);
}

.fot-cont img {
    height: 45px;
    margin-top: 10px;
}

.ft-content {
    margin-top: 10px;
}

.fot-cont h5 {
    margin-top: 10px;
    color: #c70000;
    font-weight: bold;
}

.fot-cont {
    font-size: 18px;
    font-weight: bold;
    color: #585858;
}

.ft-con {
    border-bottom: solid 2px #c70000;
}

.foot-cont1 img {
    width: 60%;
    padding-bottom: 10px;
}

.ft-cont {
    padding-top: 15px;
}


.fot-txt {
    color: #002292;
    font-weight: 600;
}

.foot-cont2 {
    padding-top: 35px;
}

.foot-cont2 h5 {
    color: #002292;
    font-weight: bold;
}

.foot-cont2 a {
    text-decoration: none !important;
    color: #c70000;
    font-size: 18px;
    font-weight: bold;
}

.foot-cont2 a:hover {
    color: #585858;
}

.foot-cont3 {
    padding-top: 35px;
}

.foot-cont3 a {
    text-decoration: none !important;
    color: #c70000;
    font-size: 18px;
    font-weight: bold;
}

.foot-cont3 a:hover {
    color: #585858;
}

.foot-cont3 h5 {
    color: #002292;
    font-weight: bold;

}

.btn-outline-light {
    margin-left: 10px;
}


.cpy-ft {
    background-color: #bbb9b9;
}

.cpy-txt h6 {
    margin-top: 10px;
    color: #002292;
    text-align: center;
    font-weight: bold;
}

/** footer **/


/** title **/
.title {
    margin-bottom: 20px;
    background-image: url('../img/page-sliders.jpg');
    background-size: cover;
    width: 100%;
    height: fit-content;
}

.title2 {
    padding-top: 30px;
    margin-bottom: 10px;
}

.title2 h1 {
    color: #c70000;
    text-shadow: 3px 0px white;
}

.title3 {
    margin-bottom: 20px;
}

.title3 p {
    color: #ffffff;
    font-size: 24px;
}

/** title **/

/** about us**/
.abt-h2 {
    font-weight: bold;
    text-align: center;
    color: #c70000;
    margin-bottom: 25px;
}

.abt-us1 img {
    width: 100%;
    margin: 7px;
}

.abt-us2 p {
    text-align: justify;
    color: #002292;
    font-weight: bold;
}

.abt-uss {
    margin-top: 20px;
    margin-bottom: 20px;
}

.abtt-uss1 {
    border: dashed #000 2px;
}

.abtt-h2 {
    text-align: center;
    color: #c70000;
    margin-bottom: 25px;
}

.abt-uss1 p {
    text-align: justify;
    margin: 10px;
    font-size: 18px;
    color: #002292;
    font-weight: bold;
}

/** about us**/

/** service**/
/** Installation**/
.nweq {
    margin-top: 20px;
    margin-bottom: 50px;
}

.nweq-box {
    border: dashed #000 2px;
}

.nweq1 img {
    width: 70%;
    padding-top: 9px;
}

.nweq-tit {
    text-align: center;
    color: #c70000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.nweq2 {
    padding: 50px;
}

.nweq2 p {
    text-align: justify;
    color: #002292;
    font-size: 22px;
}

/** Installation**/
/** Maintenance**/
.maiten {
    margin-top: 20px;
    margin-bottom: 50px;
}

.maiten-box {
    border: dashed #000 2px;
}

.maiten1 img {
    width: 70%;
    padding-top: 5px;

}

.maiten-tit {
    text-align: center;
    color: #c70000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.maiten2 {
    padding: 50px;
}

.maiten2 p {
    text-align: justify;
    color: #002292;
    font-size: 22px;
}


/** Maintenance**/
/** Repair**/
.rp {
    margin-top: 20px;
    margin-bottom: 50px;
}

.rp-box {
    border: dashed #000 2px;
}

.rp1 img {
    width: 70%;
    padding-top: 5px;
}

.rp-tit {
    text-align: center;
    color: #c70000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.rp2 {
    padding: 75px;
}

.rp2 p {
    text-align: justify;
    color: #002292;
    font-size: 22px;
}

/** Repair**/
/** Modernization**/
.mod {
    margin-top: 20px;
    margin-bottom: 50px;
}

.mod-box {
    border: dashed #000 2px;
}

.mod1 img {
    width: 70%;
    padding-top: 5px;
}

.mod-tit {
    text-align: center;
    color: #c70000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mod2 {
    padding: 50px;
}

.mod2 p {
    text-align: justify;
    color: #002292;
    font-size: 22px;
}

/** Modernization**/
/** service**/


/** contact**/
.contact1 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.contact2 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.cont {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #c70000;
}

.btn-Secondary {
    background-color: #c70000 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.btn-Secondary:hover {
    background-color: #585858 !important;
    color: #fff !important;
}

.con-mp {
    border: #002292 dashed 1px;
}

/** contact**/