/*** Spinner Start ***/

/*** Spinner ***/

#spinner {

    opacity: 0;

    /* visibility: hidden; */

    transition: opacity .5s ease-out, visibility 0s linear .5s;

    /* z-index: 99999; */

}

h1.display-1.text-capitalize.text-white.mb-4 {
    font-size: 40px;
}

 .off-er.shadow {
    border: 1px solid #ff5e15;
   transition: .9s;
    height: 200px;
  }

#spinner.show {

    transition: opacity .5s ease-out, visibility 0s linear 0s;

    /* visibility: visible; */

    /* opacity: 1; */

}



/*** Spinner End ***/



.back-to-top {

    position: fixed;

    right: 30px;

    bottom: 30px;

    transition: 0.5s;

    z-index: 99;

}











/*** Button Start ***/

.btn {

    font-weight: 600;

    transition: .5s;

}



.btn-square {

    width: 32px;

    height: 32px;

}



.btn-sm-square {

    width: 34px;

    height: 34px;

}



.btn-md-square {

    width: 44px;

    height: 44px;

}



.btn-lg-square {

    width: 56px;

    height: 56px;

}



.btn-xl-square {

    width: 66px;

    height: 66px;

}



.btn-square,

.btn-sm-square,

.btn-md-square,

.btn-lg-square,

.btn-xl-square {

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: normal;

}



.btn.btn-primary {

    border: none;

}



.btn.btn-primary:hover {

    background: #e2671d;

}



.btn.btn-secondary {

    color: var(--bs-white);

    border: none;



}



.off-er.shadow {

    border: 1px solid #ff5e15;

    transition: .9s;

}



.off-er.shadow:hover {

    background-color: #ff5e15;

    cursor: pointer;

    transform: translateY(-10px);

}



.off-er.shadow:hover h5 {

    color: #fff !important;

}



.icon-text {

    transition: .9s;

}



.icon-text:hover {

    cursor: pointer;

    transform: translateY(-10px);

}





/* Hover on full box */

.off-er:hover .img-offer img {

    filter: brightness(0) invert(1);

}



.img-offer {

    text-align: center;

}



.img-offer img {

    width: 20%;

    padding-top: 10px;

    transition: filter 0.3s ease;

}



.offer {

    margin-bottom: 60px;

}



.off-ers h5 {

    text-align: center;

    font-size: 20px;

    color: #0576af;

    padding: 10px 10px 5px 10px;

}





.bg-white {

    background-color: #fff !important;

    height: 155px;

    text-align: center;

    padding: 20px 0 0 0;

    transition: .9s;

}



.bg-white:hover {

    transform: translateY(-10px);

    cursor: pointer;

}



.pt-1 h4 {

    color: #0576af;

    font-size: 20px;

}



.btn.btn-secondary:hover {

    background: #e2671d;

    color: #fff !important;

}



.text-muted {

    color: #ffffff !important;

}



/*** Topbar Start ***/



.topbar {

    padding: 8px 10px 8px 20px;

    background: #0576af;

}



.d-flex button.btn.btn-primary.py-2.px-3 {

    background-color: #167205;

}



.text-secondary {

    color: #ffffff !important;

}



.btn-primary {

    color: #fff;

    background-color: #0576af;

    border-color: #0576af;

}



.project-content a.h4 {

    color: #0576af;

}



.d-flex a.text-muted.me-0 {

    padding-right: 15px;

}



.btn-secondary {

    color: #000;

    background-color: #167205;

    border-color: #187307;

}



/*** Topbar End ***/





header {

    z-index: 9999;

    padding: 8px 0 8px 0;

    box-shadow: 0 0 12px 0px #1a365d;

    position: relative;

}



header nav {

    display: flex;

    flex-direction: row;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: space-between;

}



.logo {

    align-items: center;

    width: 15%;

}



.logo img {

    width: 100%;

}





.bartoggle,

#menubrop {

    display: none;

}



.NavMenu {

    flex: 10;

    list-style: none;

    align-items: center;

    position: relative;

    padding: 0;

    font-family: "Playfair Display", serif;

    display: flex;

    margin: 0;

}



.NavMenu li {

    display: inline-block;

}



.NavMenu li input {

    display: none;

}



.NavMenu li a {

    display: block;

    padding: 10px 0;

    font-size: 16px;

    font-weight: 500;

    text-decoration: none;

    /* text-transform: uppercase; */

    color: #1a365d;

    position: relative;

}



.NavMenu li a label {

    cursor: pointer;

    appearance: none;

    margin: 0;

    display: block;

    font-weight: 500;

    position: relative;

}





ul.two {

    width: 315px !important;

}



.NavMenu li a label i.fa-solid.fa-angle-down {

    padding-left: 5px;

}



.NavMenu li a {

    position: relative;

    padding: 10px 12px;

    display: inline-block;

    text-decoration: none;

    color: #0e5401;

    transition: 0.5s;

    z-index: 2 !important;

}



/* Corner border effect */

.NavMenu li a::before,

.NavMenu li a::after {

    content: "";

    position: absolute;

    width: 30px;

    height: 25px;

    border: 2px solid #ff5e15;

    opacity: 0;

    transition: all 0.3s ease;

}



.NavMenu li a:hover {

    color: #ff5e15;

}



.NavMenu li ul img {

    width: 10%;

    padding-right: 7px;

}



/* Top-left corner */

.NavMenu li a::before {

    top: 0;

    left: 0;

    border-right: none;

    border-bottom: none;

}



/* Bottom-right corner */

.NavMenu li a::after {

    bottom: 0;

    right: 0;

    border-top: none;

    border-left: none;

}



/* On hover - show corners */

.NavMenu li a:hover::before,

.NavMenu li a:hover::after {

    opacity: 1;

}



/* Active menu item */

.NavMenu li a.active::before,

.NavMenu li a.active::after {

    opacity: 1;

}



a.add-cart {

    margin-left: 10px;

    font-size: 20px;

    color: #000;

}



.text-white {

    color: #ffffff !important;

}





.NavMenu li ul li ul.adjust {

    width: 130px;

}





.NavMenu li ul li ul.auto {

    width: 140px;

}





.NavMenu li ul,

.one {

    position: absolute;

    display: flex;

    flex-direction: column;

    background-color: #fff;

    width: 250px;

    left: 190px;

    border-bottom: 2px solid #ff5e15;

    top: 100%;

    margin: 0;

    padding: 0;

    box-shadow: 0 3px 5px rgb(0 0 0 / 20%);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transform: translateY(10px);

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    visibility: hidden;

    opacity: 0;

}





.NavMenu li ul li {

    position: relative;

}



.NavMenu li ul li a {

    color: #0a3e00;

    padding: 8px 10px;

    display: block;

    border-left: 2px solid transparent;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}



.NavMenu li ul li ul {

    position: absolute;

    left: 100%;

    top: 0;

    width: 205px;

}



@media(min-width:992px) {



    .NavMenu li:hover>ul,

    .NavMenu li ul li:hover>ul {

        visibility: visible;

        opacity: 1;

        transform: translateY(0);

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

    }

}



@media(max-width:991.98px) {

    header {

        padding: 6px 5%;

    }



    .logo {

        flex: 6;

    }



    .bartoggle {

        display: flex;

        justify-content: center;

        font-size: 40px;

        align-items: center;

        background-color: #fff;

        padding: 0 10px;

        margin: 0;

        cursor: pointer;

    }



    .NavMenu {

        width: 500px;

        flex: 12;

        position: fixed;

        flex-direction: column;

        background-color: #0576af;

        left: 0;

        top: 40px;

        height: 100vh;

        z-index: -1;

        padding: 15px 0 50px 0;

        justify-content: start;

        overflow-y: scroll;

        transition: all 0.5s;

        -webkit-transition: all 0.5s;

        -moz-transition: all 0.5s;

        -ms-transition: all 0.5s;

        -o-transition: all 0.5s;

        transform: translateX(-100%);

        -webkit-transform: translateX(-100%);

        -moz-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

        -o-transform: translateX(-100%);

    }



    .NavMenu li ul,

    .NavMenu li ul li ul {

        position: initial;

        left: 0;

        visibility: visible;

        opacity: 1;

        top: 0;

        display: none;

    }





    .NavMenu li a {

        padding: 8px 15px;

    }



    .NavMenu li ul li ul {

        background: #1a365d;

        position: inherit;

        margin-top: -10px;

    }



    .NavMenu li ul li ul li a {

        font-size: 14px;

        color: #fff;

        font-weight: 400;

        text-transform: initial;

        padding: 7px 15px 7px 30px;

    }



    .NavMenu li a label::after {

        right: 10px;

    }



    .NavMenu li input:checked+ul, .NavMenu li ul li input:checked+ul {

        display: flex;

        flex-direction: column;

        margin-bottom: 15px;

        background-color: #0576af;

    }

    input:checked+.NavMenu {

        transform: translateX(0);

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

    }



}



@media(max-width:768px) {

    .NavMenu {

        width: 78%;

        align-items: unset;

    }



    .logo img {

        width: 60%;

    }



    ul.NavMenu {

        top: 0px;

        position: absolute;

        z-index: 9999;

    }



    .NavMenu li a {

        color: #fff !important;

    }



}







/*** Single Page Hero Header End ***/



/*** Carousel Start ***/

.carousel .carousel-inner .carousel-item {

    position: relative;

    overflow: hidden;

    height: 100vh;

}



.carousel .carousel-inner .carousel-item img {

    animation-name: image-zoom;

    animation-duration: 10s;

    animation-delay: 1s;

    animation-direction: alternate;

    animation-iteration-count: infinite;

    transition: 0.5s;

}



@keyframes image-zoom {

    0% {

        width: 100%;

        height: 100%;

        -webkit-filter: blur(0px);

        opacity: 1;

    }



    25% {

        width: 115%;

        height: 115%;

        -webkit-filter: blur(3px);

        opacity: 0.9;

    }



    50% {

        width: 130%;

        height: 130%;

        -webkit-filter: blur(10px);

        opacity: 0.7;

    }



    75% {

        width: 115%;

        height: 115%;

        -webkit-filter: blur(3px);

        opacity: 0.9;

    }



    100% {

        width: 100%;

        height: 100%;

        -webkit-filter: blur(0px);

        opacity: 1;

    }

}



@media (min-width: 992px) {

    .carousel .carousel-inner .carousel-item img {

        height: 100%;

        object-fit: cover;

    }

}



@media (max-width: 991px) {

    .carousel .carousel-inner .carousel-item {

        height: 700px;

    }



    .carousel .carousel-inner .carousel-item img {

        height: 700px;

        object-fit: cover;

    }

}



@media (max-width: 576px) {

    .carousel-item .carousel-caption h1 {

        font-size: 36px;

    }



    .carousel-item .carousel-caption p.fs-5 {

        font-size: 15px;

    }

}



.carousel .carousel-inner .carousel-item::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5);

    z-index: 1;

}



.carousel .carousel-inner .carousel-item .carousel-caption {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    z-index: 2;

}



.carousel .carousel-indicators {

    margin-bottom: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: transparent !important;

    z-index: 5;

}



.carousel .carousel-indicators li,

.carousel .carousel-indicators li,

.carousel .carousel-indicators li {

    margin-right: 30px !important;

    width: 10px;

    height: 10px;

    border: 6px solid var(--bs-secondary);

    background: var(--bs-white);

    transition: 0.5s;

}



.carousel .carousel-indicators li.active {

    border: 10px solid #0576af;

}



.carousel .carousel-control-prev,

.carousel .carousel-control-next {

    background: transparent;

}



.carousel .carousel-control-prev .carousel-control-prev-icon {

    position: absolute;

    left: 0;

    padding: 25px 30px;

    background: #0576af;

}



.carousel .carousel-control-next .carousel-control-next-icon {

    position: absolute;

    right: 0;

    padding: 25px 30px;

    background: #0576af;

}



.carousel .carousel-control-prev .carousel-control-prev-icon:hover,

.carousel .carousel-control-next .carousel-control-next-icon:hover {

    background: var(--bs-secondary);

    color: var(--bs-white);

}



/*** Carousel End ***/





/*** About Start ***/

.about .about-item-content-img {

    border: 4px solid;

    border-color: var(--bs-secondary) #0576af #0576af var(--bs-secondary);

}



.about .about-item-image {

    position: relative;

    background: var(--bs-light);

    background-image: url(../img/about-install.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 1;

}



.d-flex h4.ms-3 {

    color: #0576af;

}



.about-item-content h2.display-4.text-capitalize.mb-3 {

    color: #0576af;

}



.about .about-item-image .img-1 {

    margin-bottom: 250px;

    margin-right: 0;

    border: 4px solid;

    border-color: var(--bs-secondary) var(--bs-light) var(--bs-light) var(--bs-secondary);

    z-index: 3;

}



.about .about-item-image .img-2 {

    margin-top: 250px;

    margin-left: 0;

    border: 4px solid;

    border-color: var(--bs-light) var(--bs-secondary) var(--bs-secondary) var(--bs-light);

    z-index: 3;

}



.about .about-item-image::before {

    width: 80%;

    height: 80%;

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border: 2px solid;

    border-style: dotted;

    border-color: var(--bs-white);

    background: #0576af;

    z-index: 2;

}



.bg-secondary {

    background-color: #0576af !important;

}



.text-primary {

    color: #ffffff !important;

}



.feature-item a.h4.d-block.my-4 {

    color: #0576af;

}



.about-item-content p.text-uppercase.text-secondary.fs-5.mb-0 {

    color: #0576af !important;

}



.text-center p.text-uppercase.text-secondary.fs-5.mb-0 {

    color: #0576af !important;

}



.text-capitalize {

    text-transform: capitalize !important;

    color: #0576af;

}



.about .about-item-image .about-item-image-content {

    width: 55%;

    height: 55%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: var(--bs-secondary);

    border: 4px solid #0576af;

    opacity: 0.9;

    z-index: 4;

}



.about .about-item-image .about-item-image-effect {

    position: absolute;

    top: 0;

    right: 0;

}



/*** About End ***/



/*** Features Start ***/

.feature .feature-item {

    position: relative;

    transition: 0.5s;

}



.feature .feature-item:hover {

    background: var(--bs-white);

    border: 1px solid transparent;

    box-shadow: 0 0 45px rgba(0, 0, 0, .1);

}



.service-tytle h4 {

    color: #0576af;

}



.feature .feature-item:hover a {

    transition: 0.5s;

}



.feature .feature-item:hover a:hover {

    color: var(--bs-secondary);

}



.feature .feature-item .feature-img img {

    border: transparent;

    transition: 0.5s;

}



.feature .feature-item:hover .feature-img img {

    border: 1px solid var(--bs-secondary);

}



/*** Features End ***/



/*** Services Start ***/

.service .service-item {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    transition: 0.5s;

    z-index: 1;

}



.service .service-item .service-img img {

    transition: 0.5s;

}



.service .service-item:hover .service-img img {

    transform: scale(1.2);

}



.service .service-item::after {

    content: "";

    width: 100%;

    height: 0;

    position: absolute;

    top: 0;

    left: 0;

    transition: 0.5s;

    z-index: 2;

}



.service .service-item:hover:after {

    height: 100%;

    background: rgba(0, 0, 0, .4);

}



.service .service-item .service-content {

    position: absolute;

    width: 100%;

    height: auto;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    transition: 0.5s;

    opacity: 0;

    z-index: 3;

}



.service .service-item:hover .service-content {

    opacity: 1;

}



.service .service-item:hover .service-content a.fs-4 {

    color: var(--bs-white);

    transition: 0.5s;

}



.service .service-item:hover .service-content a.fs-4:hover {

    color: var(--bs-secondary);

}



.service .service-item .service-tytle {

    position: absolute;

    width: 100%;

    height: 80px;

    bottom: 0;

    right: 0;

    background: var(--bs-white);

    display: flex;

    transition: 0.5s;

    z-index: 3;

}



.service .service-item:hover .service-tytle {

    margin-right: -100%;

}



/*** Services End ***/



/*** Fact Counter ***/

.counter {

    background: linear-gradient(rgb(5 118 175 / 87%), rgb(5 118 175 / 84%)), url(../img/counter.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



.counter .counter-btn:hover {

    background: var(--bs-white);

    color: var(--bs-secondary);

}



.counter .counter-box {

    padding-right: 20px;

    padding-bottom: 20px;

}



.counter .counter-item {

    width: 100%;

    height: 100%;

    text-align: center;

    position: relative;

    z-index: 1;

}



.counter .counter-item .counter-item-style {

    position: absolute;

    width: calc(100% - 20px);

    height: 100%;

    top: 0;

    left: 0;

    background: var(--bs-secondary);

    z-index: 2;

}



.counter .counter-item .counter-item-inner {

    position: relative;

    top: 20px;

    left: 20px;

    margin-right: 20px;

    margin-bottom: 20px;

    background: var(--bs-white);

    box-shadow: 20px 20px rgba(255, 94, 21, 1);

    z-index: 3;

}



.counter .counter-item .counter-counting {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    background: #0576af;

    font-size: 30px;

}



/*** Fact Counter ***/



/*** Projects Start ***/

.project .project-item .project-img {

    position: relative;

}



.project .project-item .project-img::after {

    content: "";

    position: absolute;

    width: 70%;

    height: 70%;

    top: 0;

    left: 0;

    background: var(--bs-secondary);

    z-index: -1;

}



.project .project-item .project-content a.h4 {

    transition: 0.5s;

}



.project .project-item:hover .project-content a.h4:hover {

    color: var(--bs-secondary);

}



/*** Projects End ***/





/*** Team Start ***/

.team .team-item {

    position: relative;

    z-index: 1;

}



.team .team-item .team-img {

    position: relative;

    overflow: hidden;

}



.team .team-item .team-img::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    background: rgba(255, 255, 255, .2);

    transition: 0.5s;

    z-index: 2;



}



.team .team-item:hover .team-img::after {

    height: 100%;

}



.team .team-item .team-img .team-icon {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    transform: scale(-1);

    margin-bottom: 100%;

    background: transparent;

    transition: 0.5s;

    opacity: 0;

    z-index: 5;



}



.team .team-item:hover .team-img .team-icon {

    transform: scale(1);

    margin-bottom: 0;

    opacity: 1;

}



.team .team-item .team-border-style-1,

.team .team-item .team-border-style-2 {

    width: 50%;

    height: 50%;

    position: absolute;

    background: var(--bs-secondary);

    transition: 0.5s;

    z-index: -1;

}



.team .team-item .team-border-style-1 {

    top: 0;

    left: 0;

}



.team .team-item .team-border-style-2 {

    right: 0;

    bottom: 0;

}



.team .team-item .team-border-style-3,

.team .team-item .team-border-style-4 {

    width: 0;

    height: 0;

    position: absolute;

    background: var(--bs-secondary);

    transition: 0.5s;

    z-index: -1;

}



.team .team-item .team-border-style-3 {

    top: 0;

    right: 0;

}



.team .team-item .team-border-style-4 {

    left: 0;

    bottom: 0;

}



.team .team-item:hover .team-border-style-1,

.team .team-item:hover .team-border-style-2 {

    width: 0%;

    height: 0%;

}



.team .team-item:hover .team-border-style-3,

.team .team-item:hover .team-border-style-4 {

    width: 50%;

    height: 50%;

}



/*** Team End ***/



/*** Blog Start ***/

.blog .blog-item .blog-img {

    position: relative;

    overflow: hidden;

}



.blog .blog-item .blog-img img {

    transition: 0.5s;

}



.blog .blog-item:hover .blog-img img {

    transform: scale(1.2);

}



.blog .blog-item .blog-content {

    box-shadow: 0 0 45px rgba(0, 0, 0, .08);

}



.blog .blog-item .blog-content a {

    transition: 0.5s;

}



.blog .blog-item:hover .blog-content a:hover {

    color: var(--bs-secondary);

}



/*** Blog End ***/



/*** testimonial Start ***/

.testimonial .owl-nav .owl-prev {

    position: absolute;

    top: -58px;

    right: 0;

    color: var(--bs-primary);

    padding: 5px 25px;

    border: 1px solid var(--bs-secondary);

    transition: 0.5s;

}



.testimonial .owl-nav .owl-prev:hover {

    background: var(--bs-secondary);

    color: var(--bs-white);

}



.testimonial .owl-nav .owl-next {

    position: absolute;

    top: -58px;

    right: 88px;

    color: var(--bs-primary);

    padding: 5px 25px;

    border: 1px solid var(--bs-secondary);

    transition: 0.5s;

}



.testimonial .owl-nav .owl-next:hover {

    background: var(--bs-secondary);

    color: var(--bs-white);

}



.testimonial-carousel .owl-dots {

    display: flex;

    justify-content: center;

    margin-left: 20px;

    margin-top: 20px;

}



.testimonial-carousel .owl-dots .owl-dot {

    width: 20px;

    height: 20px;

    margin-right: 15px;

    border: 1px solid var(--bs-secondary);

    background: #0576af;

    transition: 0.5s;

}



.testimonial-carousel .owl-dots .owl-dot.active {

    width: 20px;

    height: 20px;

    border: 1px solid var(--bs-primary);

    background: var(--bs-secondary) !important;

    transition: 0.5s;

}



.testimonial-carousel .owl-dots .owl-dot span {

    position: relative;

    margin-top: 50%;

    margin-left: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}



.blog-content a.h4.d-block.mb-4 {

    color: #0576af;

}



.testimonial-carousel .owl-dots .owl-dot span::after {

    content: "";

    width: 8px;

    height: 8px;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    background: var(--bs-white);

}



.d-flex i.fas.fa-star {

    color: #ffee00eb;

}



.d-inline-flex h4 {

    color: #0576af;

}





.position-relative i.fa.fa-quote-right {

    color: #0576af !important;

}



@media (max-width: 992px) {

    .owl-carousel.testimonial-carousel {

        padding-top: 30px;

    }



    .testimonial .owl-nav .owl-prev,

    .testimonial .owl-nav .owl-next {

        top: -30px;

    }

}



/*** testimonial End ***/



/*** Contact Start ***/

.contact .contact-map {

    position: relative;

    overflow: hidden;

    padding: 20px;

    z-index: 1;

}



.contact .contact-map::before {

    content: "";

    width: 70%;

    height: 70%;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #0576af;

    z-index: -1;

}





.contact .contact-map::after {

    content: "";

    width: 70%;

    height: 70%;

    position: absolute;

    top: 0;

    right: 0;

    background: var(--bs-secondary);

    z-index: -1;

}



/*** Contact End ***/



/*** Footer Start ***/

.footer {

    background: linear-gradient(rgb(163 165 167), rgb(253 253 253 / 90%)), url(../img/footer-img.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



.footer .footer-item a {

    line-height: 35px;

    color: #000;

    transition: 0.5s;

}



.footer .footer-item p {

    line-height: 35px;

}



.footer-item img {

    width: 85%;

}



.footer-item h4.text-white.mb-4 {

    color: #000 !important;

}



.contact-map img {

    width: 100%;

    height: 85vh;

}



.form-label {

    margin-bottom: 0;

    font-size: 14px;

}



.position-relative {

    margin-top: 50px;

    width: 235px;

}



.footer-btn.d-flex.align-items-center {

    margin-top: 20px;

}



.footer .footer-item a:hover {

    color: var(--bs-secondary);

}



.footer .footer-item .footer-btn a,

.footer .footer-item .footer-btn a i {

    transition: 0.5s;

}



.footer .footer-item .footer-btn a:hover {

    background: #ff5e15;

}



.footer .footer-item .footer-btn a:hover i {

    color: #ffffff !important;

}







.sticky-social {

    position: fixed;

    top: 70%;

    left: -32px;

    padding: 0px;

    margin: 0px;

    z-index: 9999;

}



.social {

    list-style: none;

}



.social li {

    padding: 10px 15px;

    font-size: 25px;

}



li.fb {

    background-color: #0871a0;

}



.whats {

    background-color: #18e43a;

}



.social li a {

    color: #fff;

}





.dropdown-menu a img {

    width: 10%;

    padding-right: 7px;

}



.dropdown-menu a img.proud {

    width: 13%;

    padding-right: 7px;

}



.sticky-social-right {

    position: fixed;

    top: 70%;

    right: 0;

    padding: 0px;

    margin: 0px;

    z-index: 9999;

}



.social-right {

    list-style: none;

}



.social-right li {

    padding: 20px 25px;

    font-size: 25px;

    border-radius: 50%;

}



li.fb {

    background-color: #0576af;

}



.text {

    background-color: #0576af;

}



.social-right li a {

    color: #fff;

}





/*** Footer End ***/



/*** copyright Start ***/

.copy {

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    background: #005581;

    height: 60px;

}



.counter-item-inner i {

    color: #0576af !important;

}



.display-4 {

    font-size: 2.5rem;

}



.id-logo {

    text-align: end;

}





.contents h3.topmargin_0.bottommargin_20 {

    color: #0576af;

    padding-bottom: 10px;

}



.contents h4 {

    padding-bottom: 10px;

    color: #0576af;

}



.contents h5 {

    color: #0576af;

}



.alignleft {

    float: left;

    margin: 5px 30px 25px 0;

    max-width: 50%;

}



section.ls.section_padding_100 {

    margin-top: 105px;

}



.service-page {

    margin-top: 105px;

}



.career p {

    font-size: 16px;

    text-align: justify;

}



.blog {

    margin-top: 105px;

}



.copy-right {

    padding-top: 21px;

}



.text-about p {

    margin: 0;

    font-size: 16px;

    padding-bottom: 20px;

    text-align: justify;

}



.copy-right h6 {

    color: #fff;

}



/*** copyright end ***/



@media only screen and (max-width: 600px) {

    nav.navbar.navbar-expand-lg {

        padding: 10px 0 0px 0 !important;

    }



    .navbar a img {

        width: 60%;

    }



    .navbar a.navbar-brand.p-0 {

        margin: 0;

        width: 80%;

    }



    .feature-item.text-center.border.p-5 {

        padding: 10px !important;

    }



    .d-inline-flex {

        display: flow !important;

    }





    .copy {

        border-top: 1px solid rgba(255, 255, 255, 0.08);

        background: #005581;

        height: 130px;

    }



    .alignleft {

        float: unset;

        margin: 5px 30px 25px 0;

        max-width: 100%;

    }



    ul.two {

        width: 250px !important;

    }



    .NavMenu li ul li ul {

        width: 250px;

    }



    .NavMenu li ul li ul.adjust {

        width: 250px;

    }



    .NavMenu li ul li ul.auto {

        width: 250px;

    }



    .btn-primary {

        color: #fff;

        background-color: #167205;

        border-color: #0576af;

        margin-bottom: 15px;

    }



    .d-flex {

        display: unset !important;

    }



    .btn.btn-secondary {

        color: var(--bs-white);

        border: none;

        margin: 0 !important;

    }





}



.icon-text {

    text-align: center;

}



.icon-bg a i.fa-solid.fa-calendar-days {

    font-size: 40px;

    background-color: #0576af;

    color: #fff;

    border-radius: 50%;

    align-items: center;

    width: 80px;

    height: 80px;

    padding: 20px 0 0 0;

}



.text-icon h6 {

    font-size: 22px;

    color: #0576af;

    padding-top: 10px;

    font-weight: 700;

}



.icon-bg a i.fa-solid.fa-magnifying-glass {

    font-size: 40px;

    background-color: #0576af;

    color: #fff;

    border-radius: 50%;

    align-items: center;

    width: 80px;

    height: 80px;

    padding: 20px 0 0 0;

}



.icon-bg a i.fa-solid.fa-headset {

    font-size: 40px;

    background-color: #0576af;

    color: #fff;

    border-radius: 50%;

    align-items: center;

    width: 80px;

    height: 80px;

    padding: 20px 0 0 0;

}





.icon-bg a i.fa-solid.fa-file-invoice {

    font-size: 40px;

    background-color: #0576af;

    color: #fff;

    border-radius: 50%;

    align-items: center;

    width: 80px;

    height: 80px;

    padding: 20px 0 0 0;

}



.vist-time {

    margin-top: 60px;

}



.find {

    padding-bottom: 80px;

}





.icon-bg a i.fa-solid.fa-calendar-days:hover {

    background-color: #ff5e15;

}



.icon-bg a i.fa-solid.fa-file-invoice:hover {

    background-color: #ff5e15;

}



.icon-bg a i.fa-solid.fa-headset:hover {

    background-color: #ff5e15;

}



.icon-bg a i.fa-solid.fa-magnifying-glass:hover {

    background-color: #ff5e15;

}



.first-point {

    padding-top: 45px;

    padding-bottom: 55px;

}



td img {

    width: 40%;

}