.title {

    position: relative;

    padding: 0;

    margin: 0;

    font-family: "Roboto", sans-serif;

    font-weight: 600;

    font-size: 30px;

    /* color: #747474; */
        background-image: linear-gradient(90deg, #0079d0 30%, #5452d8 40%, #d9365c 58%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    -webkit-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}



.title span {

    display: block;

    font-size: 0.5em;

    line-height: 1.3;

}



.two {

    margin-bottom: 40px;

}



.alt-two .title {

    text-align: center;

}





/* === HEADING STYLE #2 === */

/* .two .title {

    text-transform: capitalize;

} */



.two .title:before {

    position: absolute;

    left: 0;

    bottom: -8px;

    width: 60px;

    height: 2px;

    content: "";

    background-color: #faa81f;

}



.two .title span {

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 4px;

    line-height: 3em;

    padding-left: 0.25em;

    color: rgba(0, 0, 0, 0.4);

    padding-bottom: 10px;

}



.alt-two .title {

    text-align: center;

}



.alt-two .title:before {

    left: 50%;

    margin-left: -30px;

}



.glob-lr {

    padding: 40px 80px;

}



/* ----------home page--------- */



/* ----------why choose---------- */

.mb-serve {

    margin-bottom: 30px;

}



.inner-space {

    padding: 60px 0px;

}



.choose-tb {

    margin-top: 30px;

}



.choose {

    /* border: 1px solid #cacaca; */

    background-color: white;

    border-radius: 6px;

    padding: 10px;

    height: 100%;

    text-align: center;

    box-shadow: 1px 1px 8px 1px #d1d1d1;

}



.choose img {

    margin-top: 8px;

    margin-bottom: 10px;

}



.choose h3 {

    font-size: 16px;

    font-weight: 600;

    color: #747474;

}



.choose span {

    font-size: 18px;

    font-weight: 600;

    color: #e49816;

    text-align: justify;

}



/* ----------why choose---------- */





/* ---------service------------- */

.mb-serve {

    margin-bottom: 30px;

}



.mb-serve a {

    text-decoration: none;

    color: black;

}



.inner-space {

    padding: 60px 0px;

}



.service {

    /* border: 1px solid #56758f;

    border-top: 4px solid #4682b4; */

    /* background-color: white; */

    border-radius: 6px;

    padding: 10px;

    height: 100%;

    /* text-align: center; */

    overflow: hidden;

}



.f13 {

    font-size: 13px !important;

}



.f20 {

    font-size: 20px !important;

}



.service img {

    margin-bottom: 10px;

    border-radius: 8px;

    width: 100%;

    box-shadow: 1px 1px 6px 1px #c9c9c9;

}



.service img:hover {

    box-shadow: 1px 1px 14px 1px #b6b6b6;

}



.service h3 {

    font-size: 25px;

    font-weight: 600;

}



.service p {

    font-size: 16px;

    font-weight: 500;

}



.img-post {

    position: relative;

}



.img-abst {

    position: absolute;

    padding: 20px;

    top: 20px;

}



.zoom-img {

    transition: all .2s ease-in-out;

    /* Animation */

    width: 100%;

    height: 100%;

    margin: 0 auto;

}



.zoom-img:hover {

    width: 100%;

    /* transform: scale(1.1); */

    -ms-transform: scale(1.02);

    /* IE 9 */

    -webkit-transform: scale(1.02);

    /* Safari 3-8 */

    transform: scale(1.02);

    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}



/* ---------service------------- */

.right-border {

    border-right: 1px solid grey;

}



.link {

    display: flex;



}



.link img {

    width: 45px;

    padding-right: 10px;

}



.link h3 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 0;

}



.link p {

    font-size: 14px;

    margin-bottom: 10px;

}



/* ---------pro-max------------- */

.mb-pro-max {

    margin-bottom: 30px;

}



.inner-space {

    padding: 60px 0px;

}



.pro-max {

    border: 1px solid #56758f;

    border-top: 4px solid #4682b4;

    background-color: white;

    border-radius: 6px;

    padding: 10px;

    height: 100%;

    overflow: hidden;

}



.pro-max img {

    margin-bottom: 10px;

    width: 100%;

}



.pro-max h3 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 6px;

}



.pro-max p {

    font-size: 14px;

    font-weight:500;

    margin-bottom: 6px;

}



/* ---------pro-max------------- */





/* ---------testimonial----------- */



.section-title {

    color: var(--primary-text);

    text-align: center;

    font-size: 40px;

    font-family: "Cormorant Garamond";

    font-weight: bold;

    font-style: normal;

    line-height: 48px;

    position: relative;

    margin-bottom: 52px;

}



.section-title::before,

.section-title::after {

    content: "";

    position: absolute;

    left: 25%;

    top: 22px;

    width: 45px;

    height: 2px;

    background-color: var(--secondary-text);

}



.section-title::after {

    left: unset;

    right: 25%;

}



.testimonial-section {

    padding-top: 82px;

    padding-bottom: 72px;

}



.swiper {

    width: 100%;

    height: 100%;

    margin-left: auto;

    margin-right: auto;

}



.swiper-slide {

    /* text-align: center; */

    border-radius: 40px;

    padding: 30px 23px;

    background: white;

    box-shadow: 1px 1px 8px 1px #d6d6d6;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.swiper-pagination-bullet {

    width: var(--swiper-pagination-bullet-width,

            var(--swiper-pagination-bullet-size, 15px));

    height: var(--swiper-pagination-bullet-height,

            var(--swiper-pagination-bullet-size, 15px));

    background: #d9d9d9;

    background: #504b4b;

}



.swiper-horizontal>.swiper-pagination-bullets,

.swiper-pagination-bullets.swiper-pagination-horizontal,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: var(--swiper-pagination-bottom, -4px);

}



.swiper-pagination-bullet-active {

    background: var(--primary-text);

}



.swiper.testimonial-wrapper {

    padding-top: 59px;

    padding-bottom: 60px;

}



.testimonial-items .testimonial-text {

    color: var(--white-text-white);

    /* text-align: center; */

    font-size: 16px;

    font-family: "Outfit";

    font-weight: normal;

    font-style: normal;

    max-width: 330px;

    margin-bottom: 15px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    line-clamp: 4;

    -webkit-line-clamp: 4;

}



.testimonial-items .testimonial-title {

    color: var(--white-text-white);

    /* text-align: center; */

    font-size: 16px;

    font-family: "Outfit";

    font-weight: bold;

    font-style: normal;

    margin-bottom: 35px;

    position: relative;

}



.testimonial-items .testimonial-title::before {

    content: "";

    position: absolute;

    left: -23px;

    top: 9px;

    width: 20px;

    height: 1px;

    background-color: white;

}



.testimonial-img {

    position: relative;

    width: 100px;

    /* height: 100px; */

    height:45px;

}



.testimonial-img::before {

    content: "";

    position: absolute;

    left: 50%;

    top: -50%;

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

    width: 100px;

    height: 100px;

    border-radius: 50%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.testimonial-img.tm-img-1::before {

    background-image: url(https://w7.pngwing.com/pngs/646/829/png-transparent-avatar-man-ico-icon-cartoon-little-boy-avatar-cartoon-character-png-material-child-thumbnail.png);

}



.testimonial-img.tm-img-2::before {

    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2IYhSn8Y9S9_HF3tVaYOepJBcrYcd809pBA&s);

}



.testimonial-img.tm-img-3::before {

    background-image: url(https://png.pngtree.com/element_our/png/20181206/female-avatar-vector-icon-png_262142.jpg);

}



/* media query  */

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

    .swiper-pagination-bullet {

        width: var(--swiper-pagination-bullet-width,

                var(--swiper-pagination-bullet-size, 24px));

        height: var(--swiper-pagination-bullet-height,

                var(--swiper-pagination-bullet-size, 24px));

    }



    .section-title::before,

    .section-title::after {

        width: 141px;

    }



    /*   .section-title::before,

  .section-title::after {

    left: 25%;

  }

  .section-title::after {

    right: 25%;

  } */

}



/* ---------testimonial----------- */



.slider-container {

    position: relative;

    width: 90%;

    margin: auto;

    overflow: hidden;

}



.slider-track {

    display: flex;

    transition: transform 0.5s ease;

}



.slide {

    /* flex: 0 0 25%; */

    box-sizing: border-box;

    padding: 10px;

}



.slide img {

    width: 100%;

    border-radius: 8px;

}



.nav {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background-color: rgba(0, 0, 0, 0.5);

    border-radius: 50%;

    color: white;

    border: none;

    padding: 5px 12px;

    cursor: pointer;

    z-index: 1;

}



.prev {

    left: 10px;

}



.next {

    right: 10px;

}



/* Responsive adjustments */

@media (max-width: 768px) {

    .slide {

        flex: 0 0 50%;

    }

}



@media (max-width: 480px) {

    .slide {

        flex: 0 0 100%;

    }

}



/* ---------service------------- */





.blog {

    /* border: 1px solid #949494; */

    /* border-top: 4px solid #4682b4; */

    background-color: white;

    border-radius: 6px;

    padding: 8px;

    overflow: hidden;

    height: 100%;

    box-shadow: 1px 1px 12px 1px rgb(165, 165, 165);

}



.blog img {

    height: 220px;

    margin-bottom: 10px;

    overflow: hidden;

}



.blog h3 {

    padding-left: 10px;

    font-size: 18px;

    font-weight: 600;

}



/* ---------service------------- */



/* ----------gallery------------ */



.gallery {

    width: 100%;

    padding: 0;

    margin: 0 auto;

}



.card {

    color: black;

    border-radius: 2px;

    background: white;

    overflow: hidden;

    padding: 20px;

    border: none;

}



.main {

    .card-image {

        position: relative;

        display: block;

        width: 100%;

        height: 220px;

        padding-top: 30%;

        background: color-white;

    }



    .card img {

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        /* height: 100%; */

        object-fit: cover;

        border-radius: 12px;

        box-shadow: 1px 1px 6px 1px #adadad;

    }



}





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

    .main {

        .container {

            display: grid;

            grid-template-columns: 1fr;

            grid-gap: 1rem;

        }

    }

}



/* ----------gallery------------ */







.enquiry {

    background-color: white;

    box-shadow: 1px 1px 8px 1px #e0e0e0;

    border-radius: 6px;

    border: none;

    padding: 20px;

}



.enquiry label {

    width: 100%;

    font-size: 15px;

    font-weight: 600;

    color: #696969;

}



.enquiry input {

    width: 100%;

    margin-bottom: 10px;

    border-radius: 4px;

    border: 1px solid #b3b3b3;

    padding: 5px 10px;

}



.enquiry select {

    width: 100%;

    margin-bottom: 20px;

    border-radius: 4px;

    border: 1px solid #b3b3b3;

    padding: 10px 10px;

}



.enquiry textarea {

    width: 100%;

    margin-bottom: 10px;

    border-radius: 4px;

    border: 1px solid #b3b3b3;

    padding: 5px 10px;

}



.submit {

    font-size: 15px;

    font-weight: 500;

    border: none;

    border-radius: 6px;

    padding: 8px 18px;

    background: #047da0;

    color: white;

}



.contact-title {

    color: white;

    margin-bottom: 20px;

}



.describle {

    font-size: 20px;

    font-weight: 550;

    margin-bottom: 15px;

}



/* ----------------------enquiry----------------------------- */



/* -----------------Banner------------------ */

.banner {

    padding: 110px 0px;

}



/* -----------------Banner------------------ */



/* --------------------------------------- */

.mb-cate {

    margin-bottom: 30px;

}



.category {

    overflow: hidden;

    text-align: center;

    height: 100%;

}



.category img {

    margin-bottom: 10px;

    border-radius: 8px;

}



.category h3 {

    font-size: 13px;

    font-weight: 600;

    color: #080808;

}



/* --------------------------------------- */





/* --------------------------------------- */

.repair {

    border: 1px solid #56758f;

    border-left: 4px solid #4682b4;

    background-color: white;

    border-radius: 6px;

    padding: 10px;

    height: 100%;

    overflow: hidden;

    display: flex;

    justify-content: center;

}



.repair img {

    padding-right: 10px;

}



.repair h3 {

    font-size: 16px;

    font-weight: 600;

    margin: auto;

}



/* --------------------------------------- */

.location {

    margin-bottom: 30px;

}



.location p {

    font-size: 17px;

    font-weight: 500;

    margin-bottom: 3px;

}



/* ---------------------------------------- */



/* ---------------------------------------- */

.our-story {

    padding: 20px;

    border-radius: 8px;

    box-shadow: 1px 1px 8px 2px #dddddd;

    height: 100%;

}



.our-story p {

    font-size: 16px;

    line-height: 1.6;

}



.our-story img {

    margin-bottom: 10px;

}



/* ---------------------------------------- */





/* ---------------------------------------- */



/* ------------------contact------------------ */

.con-box {

    border-left: 1px solid purple;

    padding-left: 30px;

}



.contact-detail {

    box-shadow: 1px 1px 12px 1px #dadada;

    border-radius: 6px;

    padding: 30px;

}



.contact-info ul li {

    list-style: none;

    margin-bottom: 10px;

    font-size: 17px;

    font-weight: 500;

}



.contact-info ul li b {

    list-style: none;

    margin-bottom: 10px;

    font-size: 20px;

    font-weight: 600;

}



.contact-info ul {

    padding-left: 0;

}



/* ------------------contact------------------ */



/* --------------- sign ------------------- */

.sign-lr {

    padding: 3% 15%;

}



.form-title {

    color: #1caed1;

    margin-bottom: 20px;

}



.form-m {

    margin-bottom: 20px;

}



.sign-box {

    background-color: white;

    box-shadow: 1px 1px 12px 1px #d4d4d4;

    border-radius: 8px;

    padding: 20px;

}



.sign-form label {

    width: 100%;

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 10px;

}



.sn h6 {

    text-align: center;

    color: #1caed1;

    font-size: 17px;

    padding: 8px;

}



.sign-form img {

    margin-right: 4px;

}



.sign-form input {

    width: 90%;

    border-radius: 6px;

    border: 1px solid #d3d3d3;

    padding: 8px 10px;

    margin-bottom: 10px;

}



.left-space {

    padding-left: 10px;

}



.sign-form select {

    width: 90%;

    border-radius: 6px;

    border: 1px solid #d3d3d3;

    padding: 8px 10px;

    font-size: 15px;

    margin-bottom: 10px;

}



.sign-form textarea {

    width: 90%;

    border-radius: 6px;

    border: 1px solid #d3d3d3;

    padding: 8px 10px;

    font-size: 15px;

    margin-bottom: 10px;

}



.sign-btn {

    margin-top: 8px;

    background-color: #2a64a7;

    color: white;

    border: none;

    padding: 6px 12px;

    border-radius: 6px;

    margin-bottom: 8px;

}



.sign-form p {

    font-size: 15px;

    margin: 10px 0px;

}



.sign-form a {

    text-decoration: underline;

}



::placeholder {

    font-size: 14px;

}



.cu-bs {

    justify-content: space-evenly;

    margin-bottom: 10px;

}



.cu-bs label {

    font-size: 18px;

    font-weight: 500;

}



.cu-top {

    padding-top: 3px;

}



/* ---------------------------------------- */



.txt-wht {

    color: white;

}



/* ---------------------------- */





/* ---------------------------- */



/* ----------------------------------------------------------------- */

.blog-detail img {

    width: 80%;

    height: 300px;

    margin: 0px 0px 30px 0px;

}



.blog-detail .date {

    margin-top: 20px;

}

.blog-title {

    font-size: 25px;

    font-weight: 500;

    margin-bottom: 10px;

}

.blog-pra {

    font-size: 16px;

    margin-bottom: 20px;

}

.blog-pra h2{
    font-size:16px;
}

.blog-pra a{
    color:#0d6efd !important;
}

.blog-detail ul {
    padding-left: 20px;

    margin-top:4px;

}



.blog-detail ul li {

    list-style: decimal;

    line-height: 2;

    font-size: 16px;

}



/* ----------------------------------------------------------------- */



/* ---------------------------- */

.location-repair {

    background-color: white;

    box-shadow: 1px 1px 8px 1px #bebebe;

    padding: 30px;

    border-radius: 8px;

}



/* ---------------------------- */

.linking p {

    font-size: 17px;

    margin-bottom: 10px;

}



/*-------------------------------------------------*/

.quick-title {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 15px;

}



.bg-quik {

    background-color: #ffffff;

    padding: 10px;

    border-radius: 8px;

}



.quick-lnk {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 6px;

}



.links-p a {

    color: #575757;

    font-size: 16px;

    font-weight: 500;

    padding: 0px 6px;

}



.links-p {

    color: #575757;

}



/* ----------home page--------- */





/* ----------------------------------------- */



.property-item {

    /* display: inline-block; */

    vertical-align: middle;

    padding: 0 7px;

}



/* .property-item a {

    display: block;

    position: relative;

} */



.property-img {

    position: relative;

    margin: auto;

    justify-items: anchor-center;

}



.property-img img {

    /* display: inline-block; */

    width: 70%;

    height: auto;

}



.property-details {

    padding: 20px 0;

    opacity: 100%;

    transition: all 0.3s ease;

}



.property-details strong {

    font: 500 16px "Roboto", sans-serif;

    color: #2f2f2f;

}



.property-item:hover .property-img:before,

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

    opacity: 1;

}



.property-item a:hover .property-details {

    opacity: 1;

}



.property-item {

    width: 200px !important;

    text-align: center;



}





/* ----------------------------------------- */

.quick-title {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 15px;

    font-family: "Rubik", sans-serif;

}



.bg-quik {

    background-color: #f3f3f3;

    padding: 10px;

    border-radius: 8px;

}



.quick-lnk {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 6px;

    font-family: "Rubik", sans-serif;

}



.links-p a {

    color: #494949;

    font-size: 15px;

    line-height: 1.8;

    padding: 0px 6px;

    text-decoration: none;

    font-family: "Rubik", sans-serif;

}



.links-p {

    color: #575757;

    font-family: "Rubik", sans-serif;

}



/* ----------------------------------------- */


/* ----------------------------------------- */
.review-stars{
    /* text-align: center; */
    margin-bottom:10px;
}
.review-stars img{
    width:50%;
    text-align: center;
}
/* ----------------------------------------- */