body {
    font-family: Cambria, Georgia, serif;
    /* font-size: 22px; */
}

/* NAVBAR */
nav {
    font-family: "Quicksand";
    font-size: 22px;
}

nav .container a img {
    width: 280px;
}

.navbar-nav .nav-link {
    font-size: 17px;
    color: black;
    font-weight: bold;
    margin-left: 20px;
}

.navbar-nav .nav-link:hover {
    color: #005596;
}

@media screen and (max-width: 767.98px) and (min-width: 300px) {
    /* @media (min-width: 576px) {  */
    nav .container a img {
        width: 200px;
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    nav .container a img {
        width: 300px;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    nav .container a img {
        width: 300px;
    }

    .navbar-nav .nav-link {
        font-size: 19px;
        color: black;
        font-weight: bold;
        margin-left: 2px;
    }
}

@media screen and (max-width: 1399.98px) and (min-width: 1200px) {
    nav .container a img {
        width: 300px;
    }

    .navbar-nav .nav-link {
        font-size: 19px;
        color: black;
        font-weight: bold;
        margin-left: 4px;
    }
}

@media screen and (max-width: 1399.98px) and (min-width: 1200px) {
}

@media (min-width: 1400px) {
}

/* VIDEO */

@import url("https://fonts.cdnfonts.com/css/vivaldi");

.video .text-center {
    position: absolute;
    margin-top: 15%;
    left: 40%;
    font-family: "Vivaldi", sans-serif;
    transform: translate(-50%, -50%);
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    animation: left_to_right 3s ease;
}

.video .text-center span {
    margin-left: 10%;
}

@keyframes left_to_right {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0;
    }
}

@media screen and (max-width: 767.98px) and (min-width: 300px) {
    .video .text-center {
        position: absolute;
        margin-top: 19%;
        left: 39%;
        transform: translate(-50%, -50%);
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .video .text-center {
        position: absolute;
        margin-top: 13%;
        left: 39%;
        transform: translate(-50%, -50%);
        font-size: 30px;
        font-weight: bold;
        color: #fff;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .video .text-center {
        position: absolute;
        margin-top: 10%;
        left: 37%;
        transform: translate(-50%, -50%);
        font-size: 50px;
        font-weight: bold;
        color: #fff;
        animation: left_to_right 3s ease;
    }
}

@media screen and (max-width: 1399.98px) and (min-width: 1200px) {
    /* video{
  margin-top:100px;
} */
}

@media (min-width: 1400px) {
    /* video{
  margin-top:100px;
} */
}

/* WE ARE HERE */

.wearehere {
    background-image: url("../images/wearehere.jpg");
    position: relative;
    background-size: 100% 100%;
    margin-top: -8px;
    height: 800px;
}

.wearehere .foryour {
    padding: 40px;
}

.wearehere img {
    position: absolute;
    float: right;
    width: 800px;
    right: 0;
    bottom: 0;
}

.text1 {
    font-size: 48px;
    margin-left: 25%;
    position: relative;
    color: #005596;
    font-weight: 500;
}

.text1::before {
    content: "We are here";
    position: absolute;
    top: 5px;
    left: 0;
    transform-origin: bottom;
    transform: rotateX(180deg);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(0, #005596 0, transparent 68%);
    line-height: 0.9;
    opacity: 0.2;
}

.text2 {
    font-size: 66px;
    margin-left: 35%;
    position: relative;
    color: #005596;
    font-weight: 500;
}

.text2::before {
    content: "For your vision ...";
    position: absolute;
    top: 5px;
    left: 0;
    transform-origin: bottom;
    transform: rotateX(180deg);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(0, #005596 0, transparent 68%);
    line-height: 0.9;
    opacity: 0.2;
}

.text3 {
    font-size: 48px;
    margin-left: 10%;
    position: relative;
    color: #005596;
    font-weight: 500;
}

.text3::before {
    content: "35+";
    position: absolute;
    top: 5px;
    left: 0;
    transform-origin: bottom;
    transform: rotateX(180deg);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(0, #005596 0, transparent 68%);
    line-height: 0.9;
    opacity: 0.2;
}

.text4 {
    font-size: 48px;
    margin-left: 10%;
    position: relative;
    color: #005596;
    font-weight: 500;
}

.text4::before {
    content: "50+";
    position: absolute;
    top: 5px;
    left: 0;
    transform-origin: bottom;
    transform: rotateX(180deg);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(0, #005596 0, transparent 68%);
    line-height: 0.9;
    opacity: 0.2;
}

.text5 {
    font-size: 48px;
    margin-left: 10%;
    position: relative;
    color: #005596;
    font-weight: 500;
}

.text5::before {
    content: "200+";
    position: absolute;
    top: 5px;
    left: 0;
    transform-origin: bottom;
    transform: rotateX(180deg);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(0, #005596 0, transparent 68%);
    line-height: 0.9;
    opacity: 0.2;
}

.text6 {
    font-size: 48px;
    margin-left: 10%;
    position: relative;
    color: #005596;
    font-weight: 500;
}

.text6::before {
    content: "500+";
    position: absolute;
    top: 5px;
    left: 0;
    transform-origin: bottom;
    transform: rotateX(180deg);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(0, #005596 0, transparent 68%);
    line-height: 0.9;
    opacity: 0.2;
}

.text7 {
    font-size: 48px;
    margin-left: 10%;
    position: relative;
    color: #005596;
    font-weight: 500;
}

.text7::before {
    content: "97.5%";
    position: absolute;
    top: 5px;
    left: 0;
    transform-origin: bottom;
    transform: rotateX(180deg);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(0, #005596 0, transparent 68%);
    line-height: 0.9;
    opacity: 0.2;
}

.wearehere span {
    color: black;
    font-size: 30px;
}

@media screen and (max-width: 767.98px) and (min-width: 300px) {
    .wearehere {
        width: 100%;
        height: 565px;
    }

    .wearehere {
        background-image: url("../images/response.png");
        background-size: 100% 100%;
    }

    .wearehere .col-12 {
        margin-left: 17px;
    }

    .wearehere .foryour {
        padding-left: 65px;
        padding-top: 40px;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    .text1 {
        font-size: 30px;
        margin-left: 0;
    }

    .text2 {
        font-size: 30px;
        margin-left: 10%;
        margin-top: -30px;
    }

    .text3 {
        font-size: 30px;
        margin-left: 2%;
        margin-top: -30px;
        margin-bottom: 1%;
    }

    .text3::before {
        top: 0px;
        left: 0;
        line-height: 0.9;
        opacity: 0.2;
    }

    .text4 {
        font-size: 30px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text4::before {
        top: 0px;
        left: 0;
        line-height: 0.9;
        opacity: 0.2;
    }

    .text5 {
        font-size: 30px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text6 {
        font-size: 30px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text7 {
        font-size: 30px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .wearehere span {
        color: black;
        font-size: 16px;
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .wearehere {
        width: 100%;
        /* height: 1000px; */
    }

    .wearehere {
        background-image: url("../images/response.png");
        background-size: 100% 100%;
    }

    .wearehere .col-12 {
        margin-left: 17px;
    }

    .wearehere .foryour {
        padding-left: 150px;
        padding-top: 25px;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    .text1 {
        font-size: 46px;
        margin-left: 0;
    }

    .text2 {
        font-size: 60px;
        margin-left: 10%;
        margin-top: -30px;
    }

    .text3 {
        font-size: 45px;
        margin-left: 2%;
        margin-top: -50px;
        margin-bottom: 1%;
    }

    .text3::before {
        top: 0px;
        left: 0;
        line-height: 0.9;
        opacity: 0.2;
    }

    .text4 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text4::before {
        top: 0px;
        left: 0;
        line-height: 0.9;
        opacity: 0.2;
    }

    .text5 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text6 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text7 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .wearehere span {
        color: black;
        font-size: 30px;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .wearehere {
        width: 100%;
        /* height: 1000px; */
    }

    .wearehere {
        background-image: url("../images/response.png");
        background-size: 100% 100%;
    }

    .wearehere .col-12 {
        margin-left: 17px;
    }

    .wearehere .foryour {
        padding-left: 150px;
        padding-top: 25px;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    .text1 {
        font-size: 46px;
        margin-left: 0;
    }

    .text2 {
        font-size: 60px;
        margin-left: 10%;
        margin-top: -30px;
    }

    .text3 {
        font-size: 45px;
        margin-left: 2%;
        margin-top: -40px;
        margin-bottom: 1%;
    }

    .text3::before {
        top: 0px;
        left: 0;
        line-height: 0.9;
        opacity: 0.2;
    }

    .text4 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text4::before {
        top: 0px;
        left: 0;
        line-height: 0.9;
        opacity: 0.2;
    }

    .text5 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text6 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text7 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .wearehere span {
        color: black;
        font-size: 30px;
    }
}

@media screen and (max-width: 1399.98px) and (min-width: 1200px) {
    .wearehere {
        position: relative;
        margin-top: -8px;
        height: 670px;
    }

    .wearehere {
        background-image: url("../images/response.png");
        background-size: 100% 100%;
    }

    .wearehere .col-12 {
        margin-left: 17px;
    }

    .wearehere .foryour {
        padding-left: 150px;
        padding-top: 25px;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    .text1 {
        font-size: 46px;
        margin-left: 0;
    }

    .text2 {
        font-size: 60px;
        margin-left: 10%;
        margin-top: -30px;
    }

    .text3 {
        font-size: 45px;
        margin-left: 2%;
        margin-top: -40px;
        margin-bottom: 1%;
    }

    .text3::before {
        top: 0px;
        left: 0;
        line-height: 0.9;
        opacity: 0.2;
    }

    .text4 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text4::before {
        top: 0px;
        left: 0;
        line-height: 0.9;
        opacity: 0.2;
    }

    .text5 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text6 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .text7 {
        font-size: 45px;
        margin-left: 2%;
        margin-bottom: 1%;
    }

    .wearehere span {
        color: black;
        font-size: 30px;
    }
}

/* MISSION VISION */
.missionvision {
    height: 800px;
}

.missionvision {
    background-image: url("../images/Website.png");
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%;
}

.missionvision span {
    color: #4472c4;
    font-size: 33px;
}

.mission {
    margin-top: -30px;
}

.wrap {
    display: flex;
    margin-left: 5em;
    padding-top: 30px;
}

.textbox {
    text-indent: 50px;
    padding-top: 3em;
    font-size: 28px;
    color: #000;
}

.imagebox {
    position: relative;
    margin-right: 5em;
    margin-top: 1em;
}

.imagebox img {
    width: 170px;
}

.mission .imagebox img {
    margin-top: 0px;
    width: 170px;
}

.mission .textbox ul li {
    font-size: 28px;
}

.group p {
    font-size: 28px;
    margin-top: 0em;
}

.group img {
    position: absolute;
    float: right;
    width: 370px;
    right: 0;
    bottom: 0;
}

.first-letter {
    font-size: 50px;
}

@media screen and (max-width: 767.98px) and (min-width: 300px) {
    .wrap {
        display: flex;
        margin-left: 1em;
        padding-top: 10px;
    }

    .textbox {
        padding-top: 3em;
        font-size: 15px;
        padding-right: 10px;
        color: #000;
        text-align: justify;
        text-indent: 0px;
    }

    .mission .textbox {
        padding-top: 3em;
        font-size: 12px;
        padding-right: 10px;
        color: #000;
        text-align: justify;
        text-indent: 0px;
        margin-left: 15px;
    }

    .missionvision {
        height: 660px;
    }

    .mission {
        display: flex;
        padding-top: 10px;
        word-spacing: 0;
    }

    .missionvision .group {
        padding: 0 20px 0 20px;
    }

    .mission .imagebox img {
        margin-top: 19px;
        width: 80px;
    }

    .mission .textbox ul li {
        text-indent: 0px;
        font-size: 15px;
        color: #000;
        text-align: left;
        margin-left: 0em;
    }

    .imagebox {
        position: relative;
        margin-right: 2em;
    }

    .imagebox img {
        width: 80px;
        margin-right: -12px;
        margin-top: 30px;
    }

    .mission ul {
        padding-left: 0rem;
    }

    .group img {
        position: absolute;
        float: right;
        width: 260px;
        right: 60px;
        bottom: 0;
    }

    .group p {
        font-size: 15px;
    }

    .missionvision span {
        color: #4472c4;
        font-size: 17px;
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .wrap {
        display: flex;
        margin-left: 1em;
        padding-top: 10px;
    }

    .textbox {
        padding-top: 3em;
        font-size: 25px;
        padding-right: 10px;
        color: #000;
        text-align: justify;
        text-indent: 0px;
    }

    .mission .textbox {
        padding-top: 5em;
        font-size: 12px;
        padding-right: 10px;
        color: #000;
        text-align: justify;
        text-indent: 0px;
    }

    .mission {
        display: flex;
        padding-top: 10px;
        word-spacing: 0;
    }

    .missionvision .group {
        padding: 0 20px 0 20px;
    }

    .mission .imagebox img {
        margin-top: 19px;
        width: 117px;
    }

    .mission .textbox ul li {
        text-indent: 0px;
        font-size: 25px;
        color: #000;
        text-align: justify;
        margin-left: 0em;
        margin-right: 2em;
    }

    .imagebox {
        position: relative;
        margin-right: 2em;
    }

    .imagebox img {
        width: 117px;
        margin-top: 40px;
    }

    .mission ul {
        padding-left: 0rem;
    }

    .group img {
        position: absolute;
        float: right;
        width: 370px;
        right: 25%;
        bottom: 0;
    }

    .group p {
        font-size: 25px;
    }

    .missionvision span {
        color: #4472c4;
        font-size: 25px;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .wrap {
        display: flex;
        margin-left: 1em;
        padding-top: 10px;
    }

    .missionvision {
        height: 700px;
    }

    .textbox {
        padding-top: 3em;
        font-size: 25px;
        padding-right: 10px;
        color: #000;
        text-align: justify;
        text-indent: 0px;
    }

    .mission .textbox {
        padding-top: 7em;
        font-size: 12px;
        padding-right: 10px;
        color: #000;
        text-align: justify;
        text-indent: 0px;
    }

    .mission {
        display: flex;
        padding-top: 10px;
        word-spacing: 0;
    }

    .missionvision .group {
        padding: 0 20px 0 20px;
    }

    .mission .imagebox img {
        margin-top: 19px;
        width: 180px;
    }

    .mission .textbox ul li {
        text-indent: 0px;
        font-size: 25px;
        color: #000;
        text-align: justify;
        margin-left: 0em;
        margin-right: 2em;
    }

    .imagebox {
        position: relative;
        margin-right: 2em;
    }

    .imagebox img {
        width: 180px;
        margin: 10px;
    }

    .mission ul {
        padding-left: 0rem;
    }

    .group img {
        position: absolute;
        float: right;
        width: 375px;
        right: 0px;
        bottom: 0;
    }

    .group p {
        font-size: 25px;
    }

    .missionvision span {
        color: #4472c4;
        font-size: 25px;
    }
}

@media screen and (max-width: 1399.98px) and (min-width: 1200px) {
    .missionvision {
        height: 800px;
    }

    .missionvision {
        background-image: url("../images/Website.png");
        background-repeat: no-repeat;
        position: relative;
        background-size: 100% 100%;
    }

    .missionvision span {
        color: #4472c4;
        font-size: 33px;
    }

    .mission {
        margin-top: -30px;
    }

    .wrap {
        display: flex;
        margin-left: 5em;
        padding-top: 30px;
    }

    .textbox {
        text-indent: 50px;
        padding-top: 3em;
        font-size: 28px;
        color: #000;
    }

    .imagebox {
        position: relative;
        margin-right: 5em;
        margin-top: 1em;
    }

    .imagebox img {
        width: 170px;
    }

    .mission .imagebox img {
        margin-top: 0px;
        width: 170px;
    }

    .mission .textbox ul li {
        font-size: 28px;
    }

    .group p {
        font-size: 28px;
        margin-top: 2em;
        margin-left: 23%;
    }

    .group img {
        position: absolute;
        float: right;
        width: 370px;
        right: 0;
        bottom: 0;
    }

    .missionvision span {
        color: #4472c4;
        font-size: 25px;
    }
}

@media (min-width: 1400px) {
    .mission .textbox {
        padding-top: 7em;
        font-size: 12px;
        padding-right: 10px;
        color: #000;
        text-align: justify;
        text-indent: 0px;
    }

    .group img {
        position: absolute;
        float: right;
        width: 500px;
        right: 0px;
        bottom: 0;
    }

    .group p {
        margin-left: 100px;
        margin-top: 50px;
    }
}

/* OUR SERVICES */
.our .img1 {
    width: 550px;
}

.our .img2 {
    width: 650px;
    position: absolute;
    right: 5%;
    margin-top: 30px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.ourservices .row {
    padding-left: 100px;
    padding-right: 100px;
    margin-top: 7%;
}

.ourservices .col img {
    margin-top: 20%;
}

.ourservices .col-md-4 {
    padding: 30px;
    transition: transform 0.2s;
}

.ourservices .row .col-md-4 img {
    width: 100%;
}

/* .ourservices .row .col-md-4 img:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
} */

.row::after {
    content: "";
    clear: both;
    display: table;
}

@media screen and (max-width: 767.98px) and (min-width: 300px) {
    .ourservices .col-md-4 {
        padding: 0px;
    }

    .ourservices .row .col-md-4 img {
        width: 60%;
    }

    .ourproducts img {
        height: 545px;
    }

    .our .img1 {
        width: 167px;
    }

    .our .img2 {
        width: 196px;
        position: absolute;
        right: 1%;
        margin-top: 8px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    }

    .ourservices .row {
        padding: 20px;
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .our .img1 {
        width: 363px;
    }

    .our .img2 {
        width: 420px;
        position: absolute;
        right: 1%;
        margin-top: 15px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    }

    .ourservices .row {
        padding-left: 50px;
        padding-right: 50px;
        margin-top: 7%;
    }

    .ourservices .col-md-4 {
        padding: 15px;
        transition: transform 0.2s;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .ourservices .col-md-4 {
        padding: 15px;
        transition: transform 0.2s;
    }

    .ourservices .row {
        padding-left: 70px;
        padding-right: 70px;
        margin-top: 8%;
    }
}

/* OUR PRODUCTS */
.ourproducts {
    position: relative;
}

.ourproducts img {
    height: 800px;
}

.ourproducts .top-left a {
    position: absolute;
    top: 5%;
    left: 15%;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}

@media screen and (max-width: 767.98px) and (min-width: 300px) {
    .ourproducts img {
        height: 587px;
    }

    .ourproducts .top-left a {
        font-size: 24px;
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .ourproducts img {
        height: 600px;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .our .img1 {
        width: 480px;
    }

    .our .img2 {
        width: 547px;
        position: absolute;
        right: 3%;
        margin-top: 30px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    }
}

/* TESTIMONIALS */

.carousel {
    touch-action: auto !important;
}

.carousel-inner {
    line-height: 40px;
    padding-left: 20%;
    padding-right: 20%;
    background-image: url("../images/Picture10.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 800px;
}

.carousel-item .name {
    height: 230px;
    padding-top: 80px;
}

.carousel-item .content {
    height: 300px;
}

.carousel-item .design {
    padding-top: 10px;
}

.carousel-inner h3 {
    font-size: 50px;
    font-style: bold;
}

.carousel-inner p {
    text-indent: 50px;
    font-size: 20px;
    text-align: justify;
    font-style: italic;
}

@media screen and (max-width: 767.98px) and (min-width: 300px) {
    .carousel-inner {
        line-height: 10px;
        padding-left: 20%;
        padding-right: 20%;
        background-image: url("../images/Picture10.jpg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 250px;
    }

    .carousel-item .name {
        height: 40px;
        padding-top: 20px;
    }

    .carousel-item .content {
        padding-top: 20px;
        height: 120px;
    }

    .carousel-item .design {
        padding-top: 50px;
    }

    .carousel-inner h3 {
        font-size: 20px;
        font-style: bold;
    }

    .carousel-inner p {
        text-indent: 50px;
        font-size: 8px;
        text-align: justify;
        font-style: italic;
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .carousel-inner {
        line-height: 23px;
        padding-left: 20%;
        padding-right: 20%;
        background-image: url("../images/Picture10.jpg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 500px;
    }

    .carousel-item .name {
        height: 100px;
        padding-top: 50px;
    }

    .carousel-item .content {
        padding-top: 20px;
        height: 300px;
    }

    .carousel-item .design {
        padding-top: 40px;
    }

    .carousel-inner h3 {
        font-size: 30px;
        font-style: bold;
    }

    .carousel-inner p {
        text-indent: 50px;
        font-size: 18px;
        text-align: justify;
        font-style: italic;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
}

/* FOOTER */

footer {
    background-image: url("../images/address.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* height: 800px; */
}

.fa-phone {
    width: 30px;
}

.fa-mobile {
    width: 30px;
}

.fa-envelope {
    width: 30px;
}

.text-lg-start .p-4 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

address {
    font-size: 25px;
    line-height: 1.6;
}

footer ul {
    list-style-type: none;
    padding: 0;
    font-size: 25px;
    line-height: 1.6;
}

.card {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* gap: 10px; */
}

.card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.card img {
    /* width:40px;
  height:40px; */
}

@media screen and (max-width: 767.98px) and (min-width: 300px) {
    address {
        font-size: 15px;
    }

    .fa-phone {
        width: 10px;
    }

    .fa-mobile {
        width: 10px;
    }

    .fa-envelope {
        width: 10px;
    }

    footer ul li {
        font-size: 15px;
    }

    .img-fluid {
        height: 40px;
    }

    .card {
        border-radius: 10px;
    }

    /* .card img{
  width:35px;
  height:35px;
} */
    footer {
        background-image: url("../images/address.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* height: 870px; */
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    address {
        font-size: 20px;
        line-height: 1.6;
    }

    footer ul {
        list-style-type: none;
        padding: 0;
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .card-body {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 25px;
    }
}

#btn-back-to-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
    display: none;
    z-index: 1;
    border-radius: 30px;
}