.social-detail {
    text-align: right;
}
.forum{
    width: 100%;
        height: 46px;
        padding: 10px 5px 15px 15px;
        gap: 0px;
    
        styleName: 1/Jost/Regular 16;
        font-family: Jost;
        font-size: 16px;
        font-weight: 400;
        line-height: 23.12px;
    }
.sub{
    styleName: 1/Jost/Regular 16;
        font-family: Jost;
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        text-align: left;
        color: rgba(126, 126, 126, 1);
}
.topbar {
    background: linear-gradient(0deg, rgb(186 209 241 / 0%) 0%, rgba(0, 0, 0, 0.5) 100%);
    padding: 15px;
    position: relative;
}

.p1 {
    background-image: url('bg.jpeg');
    background-size: contain;
    position: relative;
    width: 100%;
}

.p1 img {
    margin-top: 220px;
}

.carousel.slide::after {
    content: '';
    position: absolute;
    /* top: 0; */
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    width: 100% !important;
    height: 200px !important;
    z-index: 8;
}

.p1 img {
    position: relative;
    z-index: 9;
}

.c1 {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.c2 {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.c1 p {
    font-family: Ubuntu;
    font-size: 68px;
    font-weight: 700;
    line-height: 40px;
    color: aliceblue;
}

.c2 p {
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: aliceblue;
    ;
}

.topbar:before {
    background: #262626;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.menu-bar {
    background: #000;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

.col img {
    width: 100%;
    height: 521px;
}
.heading12{
    font-size: 40px;text-align: center;font-family: raleway; font-weight: 700;
}
.col {
    margin: 0%;
    padding: 0%;
}

.p2 {

    position: relative;
    overflow: hidden;
}

.c3 {
    position: absolute;
    margin-top: -110px;
    text-align: center;
}

.right-t {

    margin-left: auto;
}
.right-t .p{
    padding-top: 0px;
}

.right-b img {
    width: 100%;
}

.main2 {
    padding-top: 100px;
    padding-bottom: 40px;
    margin-top: -65px;
}

.animate-border {
    position: relative;
    display: block;
    width: 50%;
    height: 3px;
    background: red;
    overflow: hidden;
    margin: 9px 25%;
    width: 50%;
    float: left;
}

@keyframes animborder {
    0% {
        left: -50%;
    }

    100% {
        left: 100%;
    }
}

.animate-border:after {
    position: absolute;
    content: "";
    width: 50%;
    height: 3px;
    left: 0;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 8s linear infinite;
    animation: animborder 8s linear infinite;
}

.p2:hover .c3 {
    opacity: 1;
    top: 100%;
    /* Moves the element to the center on hover */
    transform: translateY(-50%);
}

.c3 {
    position: absolute;
    left: 0;
    top: 100%;
    /* Starts the element at the bottom */
    width: 100%;
    height: 50%;
    /* Adjust height to fit half of the container */
    background: linear-gradient(180deg, rgba(233, 3, 5, 0) 22.8%, #E90305 81.68%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: .5s all ease-in;
    border-radius: 10px;
    /* Adjust if necessary */
    transform: translateY(0);
    /* Initial position */
}

.c3 p {
    font-family: 'Ubuntu', sans-serif;
    color: aliceblue;
    text-align: center;
    margin: 0;
}

.c3 p:first-child {
    font-size: 28px;
    font-weight: 700;
}

.c3 p:last-child {
    font-size: 16px;
    font-weight: 400;
}


.animate-border {
    position: relative;
    display: block;
    width: 50%;
    height: 3px;
    background: red;
    overflow: hidden;
    margin: 9px 25%;
    width: 50%;
    float: left;

}

.animate-border2 {
    position: relative;
    display: block;
    width: 65%;
    height: 3px;
    background: red;
    overflow: hidden;
    margin: 9px 25%;
    width: 65%;
    float: left;
    margin-left: 100px;

}

@keyframes animborder2 {
    0% {
        left: -50%;
    }

    100% {
        left: 100%;
    }
}

.animate-border2:after {
    position: absolute;
    content: "";
    width: 65%;
    height: 3px;
    left: 0;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 8s linear infinite;
    animation: animborder 8s linear infinite;
}



.main4 {
    padding: 50px 0px 80px;
}

.main4 .row {
    align-items: center;

}

.content {
    padding-left: 100px;
}

.right-c {
    padding-top: 40px;
}

.right-c .row {
    display: flex;
    justify-content: space-around;
}

.right-c .col-sm-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.right-c .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

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

.right-c p {
    font-family: ubuntu;
    font-size: 16px;
    text-align: center;
}

.up {

    gap: 0px;
    opacity: 0px;
    text-align: center;


}

.up p {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;

}

.animate-border3 {
    position: relative;
    display: block;
    width: 25%;
    height: 3px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    margin: 9px 25%;
    width: 25%;
    float: left;
    margin-top: 40px;
    margin-left: 450px;
   
}

@keyframes animborder3 {
    0% {
        left: -50%;
    }

    100% {
        left: 100%;
    }
}

.animate-border3:after {
    position: absolute;
    content: "";
    width: 65%;
    height: 3px;
    left: 0;
    bottom: 0;
    border-left: 10px solid #000000;
    border-right: 10px solid #030303;
    -webkit-animation: animborder 8s linear infinite;
    animation: animborder 8s linear infinite;

}

.up {
    width: Fixed (1, 140px)px;
    height: Hug (82px)px;


}

.up h2 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    padding-top: 80px;
    color: rgb(255, 255, 255);
    z-index: 2;
    /* Higher z-index than the background */
    position: relative;
    /* Ensure it is positioned correctly */
}

.p3 {
    position: relative;
    display: inline-block;
    background-image: url(bg2.jpeg);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;

}
.up5 {
    text-align: center;
}
.brand-details {
    padding: 10px 0px 20px 0px;
}
.data2 {
    margin-left: 0px;
    margin-top: 18px;
}
.up10 {
    margin-left: 0px;
}
.main5 {
    width: Fixed (1, 920px)px;
    height: Hug (1, 116px)px;
    padding: 80px 0px 80px 0px;
    gap: 89px;
    position: relative;

}

.p3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(38, 38, 38, 0.9);
    z-index: 1;
    /* Ensure this is lower than the z-index of your content */
}

.details {
    z-index: 2;
    /* Higher z-index than the background */
    position: relative;
}

body {
    overflow-x: hidden;
}

.photo img {
    width: 100%;

}

.row2 {
    float: left;
    display: flex;
    padding-top: 69px;
    padding-bottom: 89px;
}

.photo {
    position: relative;
}

.middle {
    float: left;
    position: absolute;
}

.middle img {
    width: 80px;
    height: 80px;
}

.middle a {
    background-color: aliceblue;

    padding: 14px 20px 14px 20px;

    margin-left: 124px;
}

.photo {
    position: relative;
}

.text-center mt-4 {
    margin-bottom: 60px;
}

.middle {
    position: absolute;

    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -190px;
}

.info {
    width: Fill (421px)px;
    height: Hug (324px)px;
    padding: 0px 0px 30px 31px;
    gap: 25px;
    opacity: 0px;
    background: white;

}

.heading2 {
    font-family: Ubuntu;
    font-size: 25px;
    font-weight: 700;
    line-height: 36.77px;
    text-align: left;
    padding-top: 35px;
}

.heading3 {
    font-family: Ubuntu;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color: rgba(85, 85, 85, 1);
}

.info ul {
    list-style: disc;
}

.info ul li {
    font-family: ubuntu;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;

}

.view-all-products {
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px;
    background-color: #ffffff;
    /* Change to your desired button color */
    color: #000000;
    /* Change to your desired text color */
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
    margin-bottom: 50px;

}

.service-details {

    padding: 16px;
    margin-right: -20px;
    text-align: center;
    background: #262626;
    margin-top: 50px;
    height: 191px;

}
.up3 {
    display: flex;
    justify-content: center;
}
.service-details {
    padding: 16px;
    margin-top: 48px;
    height: 260px;
}

.heading4 {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    color: aliceblue;
    padding: 41px 0;
}

.service-details:hover {
    background: #E90305;
}

.heading5 {
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: 700;
    line-height: 70px;
    text-align: center;
}
.heading15{ font-family: Poppins;
    font-size: 20px;
    font-weight: 500;

    text-align: left;
    color: aliceblue;}
.heading9 a {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 500;

    text-align: left;
    color: aliceblue;
}

.para3 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.up5 {
    text-align: center;
}

.choose-details {
    text-align: center;
}

.heading6 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    color: aliceblue;
}

.heading7 {
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 700;
    line-height: 22.86px;
    text-align: right;
    color: aliceblue;
}

.heading8 {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    line-height: 46.96px;
    text-align: center;
}
.heading10{
    font-family: Jost;
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        text-align: left;
        color: aliceblue;
    }
.heading11{
    font-family: outfit; font-size: 28px; color: aliceblue;
}
.up5 img {
    padding-top: 33px;
    height: auto;
    gap: 0px;
    opacity: 0px;
}
.para5{
    font-family: outfit; font-size: 16px; color: aliceblue;
}

.info3 p {
    size: 15px;
    padding-top: 4.7px;
    text-align: center;
}

.section9 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.up4 {
    padding-bottom: 40px;
    padding-top: 80px;
}

.section-8 {
    background: rgba(38, 38, 38, 1);
    width: 100%;
    float: left;
    margin-bottom: 80px;
}

.part-r {
    flex: 0 0 40%;
    max-width: 40%;
}

.part-r img {
    width: 100%;
    height: auto;
    object-fit: contain;
}


.parts {
    display: flex;
    float: left;
    padding-top: 40px;
    padding-bottom: 40px;
    gap: 10px;
}
.parts2 {
    display: flex;
    float: left;
    padding-top: 40px;
    padding-bottom: 40px;
    gap: 10px;
}

.btn7 {
    background: #E90305;
    text-align: center;
    padding: 9px;
    border-radius: 10px;
}
.animate-border3 {
    margin-top: 30px;
    /* margin-left: 394px; */
    text-align: center !important;
}
.data3 {
    margin-top: 18px;
}
.btn7 a {
    color: #DDDDDD;
    padding: 15px;
    font-size: 12px;
}

.part-l {
    /* flex: 0 0 60%; */
    /* max-width: 60%; */
    padding-right: 0;
}

/* .col-md-6 {

    max-width: 100%;

} */

.col-md-6 img {
    width: 100%;
    height: auto;
    display: block;
}
.up3 img {
    width: 100px !important;
    height: auto !important;
}
.sec {
    display: flex;
    
}
.sec1 {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-direction: column;
}
.sec3 {
    flex-direction: column;
    display: flex;
    justify-content: center;
    gap: 16px;
}
.col-md-6 img {
    width: 100%;
    height: auto;
    display: block;
}

.sec2 img {
    width: 100%;
}
.sec2 img {
    mix-blend-mode: lighten;

}

.part-r {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
}

.buttton {
    text-align: center;
    margin-top: 20px;
}

.buttton a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    border-radius: 4px;
}

.section-8 .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

 .section9 .col-md-2 {
    -ms-flex: 0 0 13.666667%;
    flex: 0 0 13.666667%;
    max-width: 13.666667%;
}

.brand-details {
    border: 1px solid #E1E1E1;
}

.footer {
    background: url('/Footer.png');
}

.footer-data {
    padding-top: 60px;
    padding-bottom: 60px;
}

.para4 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: rgba(238, 241, 248, 1);
}

.up9 {
    padding-bottom: 16px;
}

.data2 ul {
    list-style: none;
    padding-left: 0;
}
.data2 ul li {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 42px;
    text-align: left;
}

.data2 ul li a {
    color: rgba(229, 229, 229, 1);
}

.data3 ul {
    list-style: none;
    padding-left: 0;
}

.data3 ul li {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 42.24px;
    text-align: left;
}

.data3 ul li a {
    color: rgba(229, 229, 229, 1);
}

.btn10 {

    margin-top: 20px;
}

.btn10 a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ff0000;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
}

p {
    margin: 0px;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
    color: white;
}

@media (min-width: 1366px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px;
    }
}

@media (max-width: 1299px) {
    .c1 p {
        font-size: 60px;
    }

    .navbar-brand img {
        width: 270px;
        height: auto;
    }

    element.style {
        font-size: 36px;
    }

    .p2 img {
        width: 100%;
        height: 500px;
    }

    .right-t p {
        font-size: 36px;
    }

    .up h2 {
        font-size: 36px;
    }

    .middle {
        bottom: -170px;
    }

    .heading2 {
        font-size: 21px;
    }

    .para2 {
        font-family: Ubuntu;
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .heading3 {
        font-family: Ubuntu;
        font-size: 20px;
        font-weight: 500;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .info ul li {
        font-family: ubuntu;
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
    }

    .view-all-products {
        font-size: 14px;
        padding: 9px 18px;
    }

    .up2 p {
        padding-top: 76px;
        font-family: raleway;
        font-size: 42px;
        font-weight: 700;
        line-height: 42px;
        text-align: center;
    }

    .service-details {
        padding: 38px;
        margin-top: 48px;
        height: 290px;
    }

    .heading4 {
        font-family: Raleway;
        font-size: 19px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
        color: aliceblue;
        padding: 41px 0;
    }

    .up3 img {
        width: 100px !important;
    }

    .up4 p {
        font-size: 36px;
    }

    .heading5 {
        font-size: 18px;
    }

    .para3 {
        font-size: 14px;
    }

    .heading6 {
        font-size: 36px;
    }

    .heading7 {
        font-size: 14px;
    }

    .btn7 {
        padding: 11px;
    }

    .heading8 {
        font-family: Raleway;
        font-size: 36px;
        font-weight: 700;
        line-height: 46.96px;
        text-align: center;
    }

    .heading9 a {
        font-family: Poppins;
        font-size: 24px;
        font-weight: 500;
        line-height: 57.94px;
        text-align: left;
        color: aliceblue;
    }

    .up5 img {
        width: 120px;
        height: auto;
    }

    .para4 {
        font-size: 14px;
    }
    .data2 ul li {
        font-size: 14px;
    }
    .data3 ul li {
        font-size: 14px;
    }
    .heading10 {
        font-size: 18px;
    }
    .btn10 a {
        padding: 8px 19px;
    }
    .c3 p:first-child {
        font-size: 24px;
        font-weight: 700;
    }
    .c3 p:last-child {
        font-size: 14px;
        font-weight: 400;
    }
}
@media (max-width: 1199px) {
    .c1 p {
        font-size: 54px;
    }

    .navbar-brand img {
        width: 250px;
        height: auto;
    }

    element.style {
        font-size: 32px;
    }

    .p2 img {
        width: 100%;
        height: 450px;
    }

    .right-t p {
        font-size: 32px;
    }

    .up h2 {
        font-size: 32px;
    }

    .middle {
        bottom: -140px;
    }

   
    .heading2 {
        font-size: 17px;
        line-height: 20px;
    }
    .para2 {
        font-family: Ubuntu;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        margin-top: 15px;
        color: rgba(85, 85, 85, 1);
        margin-bottom: 10px;
    }
    .info {
        padding: 0px 0px 0px 0px;
    }
    .heading3 {
        font-family: Ubuntu;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .info ul li {
        font-family: ubuntu;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
    }

    .view-all-products {
        font-size: 12px;
        padding: 9px 18px;
    }

    .up2 p {
        padding-top: 76px;
        font-family: raleway;
        font-size: 38px;
        font-weight: 700;
        line-height: 42px;
        text-align: center;
    }

    .service-details {
        padding: 38px;
        margin-top: 48px;
        height: 270px;
    }

    .heading4 {
        font-family: Raleway;
        font-size: 19px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
        color: aliceblue;
        padding: 25px 0;
    }

    .up3 img {
        width: 90px !important;
    }

    .up4 p {
        font-size: 32px;
    }

    .heading5 {
        font-size: 16px;
    }

    .para3 {
        font-size: 12px;
    }

    .heading6 {
        font-size: 32px;
    }

    .heading7 {
        font-size: 12px;
    }

    .btn7 {
        padding: 11px;
    }
    .btn7 a {
        color: #DDDDDD;
        padding: 1px;
    }

    .heading8 {
        font-family: Raleway;
        font-size: 32px;
        font-weight: 700;
        line-height: 46.96px;
        text-align: center;
    }

    .heading9 a {
        font-family: Poppins;
        font-size: 20px;
        font-weight: 500;
        line-height: 57.94px;
        text-align: left;
        color: aliceblue;
    }

    .up5 img {
        width: 100px;
        height: auto;
    }

    .para4 {
        font-size: 12px;
    }
    .data2 ul li {
        font-size: 12px;
    }
    .data3 ul li {
        font-size: 12px;
    }
    .heading10 {
        font-size: 14px;
    }
    .btn10 a {
        padding: 6px 16px;
    }
    .c3 p:first-child {
        font-size: 24px;
        font-weight: 700;
    }
    .c3 p:last-child {
        font-size: 14px;
        font-weight: 400;
    }
    .up9 img{
        width: 200px;
        height: auto;
    }
    .content {
        padding-left: 0px;
    }
    .row2 {
        padding-bottom: 69px;
    }
    .section9 .col-md-2 {
        -ms-flex: 0 0 13.666667%;
        flex: 0 0 25.666667%;
        max-width: 25.666667%;
    }
    .section9 .row {
        justify-content: center;
        gap: 20px 0;
    }
    .up5 img {
        padding: 5px;
        height: auto;
        gap: 0px;
        opacity: 0px;
    }
}
@media (max-width: 1099px) {
    .c1 p {
        font-size: 50px;
    }
    .navbar-brand img {
        width: 200px;
        height: auto;
    }
    .main2 .h2{
        font-size: 36px;
      
    }

    .p2 img {
        width: 100%;
        height: 450px;
    }

  .right-t .p {
        font-family: raleway;
        font-size: 32px;
        font-weight: 800;
        padding-bottom: 20ox;
    }
.up .h2{
        padding-top: 80px;
        font-family: Raleway;
        font-size: 32px;
        font-weight: 700;
        line-height: 42px;
    }

    .middle {
        bottom: -140px;
    }

    .heading2 {
        font-size: 17px;
    }

    .para2 {
        font-family: Ubuntu;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .heading3 {
        font-family: Ubuntu;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .info ul li {
        font-family: ubuntu;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
    }

    .view-all-products {
        font-size: 12px;
        padding: 9px 18px;
    }

   .up2 .p {

        font-size: 32px;
   }
    .service-details {
        padding: 38px;
        margin-top: 48px;
        height: 250px;
    }

    .heading4 {
        font-family: Raleway;
        font-size: 15px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
        color: aliceblue;
        padding: 25px 0;
    }

    .up3 img {
        width: 70px !important;
    }

    .up4 .p {
        font-size: 32px;
    }
    .part-r img {
        width: 90%;
    }
    .heading5 {
        font-size: 16px;
    }

    .para3 {
        font-size: 12px;
    }

    .heading6 {
        font-size: 32px;
    }

    .heading7 {
        font-size: 12px;
    }

    .btn7 {
        padding: 9px;
    }
    .btn7 a {
        color: #DDDDDD;
        padding: 1px;
    }
    .buttton a {
        padding: 8px 16px;
    }

    .heading8 {
        font-family: Raleway;
        font-size: 32px;
        font-weight: 700;
        line-height: 46.96px;
        text-align: center;
    }

    .heading9 a {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 500;
        line-height: 57.94px;
        text-align: left;
        color: aliceblue;
    }

    .up5 img {
        width: 100px;
        height: auto;
    }

    .para4 {
        font-size: 12px;
    }
    .data2 ul li {
        font-size: 12px;
    }
    .data3 ul li {
        font-size: 12px;
    }
    .heading10 {
        font-size: 15px;
    }
    .btn10 a {
        padding: 6px 12px;
    }
    .btn10 {
        margin-top: 10px;
    }
    .c3 p:first-child {
        font-size: 24px;
        font-weight: 700;
    }
    .c3 p:last-child {
        font-size: 14px;
        font-weight: 400;
    }
    .up9 img{
        width: 180px;
        height: auto;
    }
    .content {
        padding-left: 0px;
    }
    .row2 {
        padding-bottom: 69px;
    }
    .section9 .col-md-2 {
        -ms-flex: 0 0 13.666667%;
        flex: 0 0 25.666667%;
        max-width: 25.666667%;
    }
    .section9 .row {
        justify-content: center;
        gap: 20px 0;
    }
    .up5 img {
        padding: 5px;
        height: auto;
        gap: 0px;
        opacity: 0px;
    }
    .heading12{
    font-size: 32px;text-align: center;font-family: raleway; font-weight: 700;
    }
    .animate-border2 {
        position: relative;
        display: block;
        width: 65%;
        height: 3px;
        background: red;
        overflow: hidden;
        margin: 9px 18%;
        width: 65%;
        float: left;
   
    }
}
@media (max-width: 991px) {
    .c1 p {
        font-size: 46px;
    }
    .navbar-brand img {
        width: 180px;
        height: auto;
    }
    .sec3 {
        flex-direction: row;
    }
    .sec1 {
        flex-direction: row;
    }
    .main2 {
        padding-top: 50px;
        padding-bottom: 40px;
    }
   
    .main .col{
        max-width: 60%;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    .details .col-md-4 {
        max-width: 60%;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    .p2 img {
        width: 100%;
        height: 350px;
    }
    .c1 {
        top: 10%;
    }
    .c2 {
        top: 28%;
    }
    .p1 img {
        position: relative;
        z-index: 9;
        margin-top: 150px;
    }
    .p2:hover .c3 {
        opacity: 1;
        top: 100%;
        transform: translateY(-30%);
    }
    .right-b img {
      
        margin-bottom: 50px;
    }
    p.heading12 {
        font-size: 25px;
        text-align: center;
    }
    .right-t .p{
        text-align: center;
    }
    .right-t {
        margin-left: auto;
        margin-top: -20px;
    }
    .up {
    
        margin-top: -28px;
    }
.up .h2{
        padding-top: 80px;
        font-family: Raleway;
        font-size: 32px;
        font-weight: 700;
        line-height: 42px;
    }
    h2.heading12 {
        font-size: 25px;
    }
    .animate-border3 {
        margin-top: 15px;
        margin-left: 260px;
    }
    .parts {
        align-items: center;
        flex-direction: column-reverse;
    }
    .parts2 {
        align-items: center;
        flex-direction: column;
    }
    .middle {
        bottom: -100px;
    }
   
    .heading2 {
        font-size: 17px;
    }
    .middle a {
        background-color: aliceblue;
        padding: 5px 8px 5px 8px;
        margin-left: 100px;
    }
    .para2 {
        font-family: Ubuntu;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .heading3 {
        font-family: Ubuntu;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .info ul li {
        font-family: ubuntu;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
    }

    .view-all-products {
        font-size: 12px;
        padding: 9px 18px;
    }
    .info {
        padding: 0px 0px 15px 0px;
    }
   .up2 .p {

        font-size: 32px;
   }
   .parts{
    align-items: center;
   }
   .parts2{
    align-items: center;
   }
   p.heading12 {
    font-size: 25px;
    text-align: center;
    margin-top: -50px;
}
.heading7 {
    font-size: 15px;
    text-align: center;
}
    .service-details {
        padding: 38px;
        margin-top: 48px;
        height: 250px;
    }
    .section-6 .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 50%;
        max-width: 40%;
        margin: auto;
    }
    .heading4 {
        font-family: Raleway;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
        color: aliceblue;
        padding: 25px 0;
    }

    .up3 img {
        width: 70px !important;
    }
    .up4 {
        padding-top: 30px;
    }
    .up4 .p {
        font-size: 32px;
    }
    .part-r img {
        width: 90%;
    }
    .heading5 {
        font-size: 12px;
        margin-top: -10px;
    }
    .section7 .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .choose-details {
        text-align: center;
        margin-bottom: -50px;
    }
    .para3 {
        font-size: 12px;
        margin-top: -15px;
        margin-bottom: 60px;
    }
    p.heading12 {
        font-size: 25px;
        margin-top: -28px;
    }
    p.heading6 {
        font-size: 25px;
        margin-top: -31px;
    }
    .up3 {
        display: flex;
        justify-content: center;
    }
    .heading7 {
        font-size: 12px;
    }
    .section-8 {
        background: rgba(38, 38, 38, 1);
        width: 100%;
        float: left;
        margin-bottom: 45px;
        margin-top: -59px;
    }

    .btn7 {
        padding: 9px;
    }
    .btn7 a {
        color: #DDDDDD;
        padding: 1px;
    }
    .buttton a {
        padding: 8px 16px;
    }
    .forum{
        width: 100%;
            height: 46px;
            padding: 10px 5px 15px 0px;
            gap: 0px;
        
            styleName: 1/Jost/Regular 16;
            font-family: Jost;
            font-size: 16px;
            font-weight: 400;
            line-height: 23.12px;
        }
    p.heading8 {
        font-size: 25px;
    }
    .main2 {
 
        padding-bottom: 40px;
        margin-top: -15px;
    }
    .main {
        margin-top: -15px;
    }
    .right-b {
        margin-top: -50px;
    }
    .heading9 a {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 500;
        line-height: 57.94px;
        text-align: left;
        color: aliceblue;
      
    }
    /* .sec {
        display: contents;
    
    }
    .sec .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 80%;
    } */
    .heading7 {
        font-size: 15px;
        margin-top: 16px;
    }
    .btn7 {
        padding: 9px;
        margin-top: 60px;
    }
    .section5 {
        margin-top: -30px;
    }
    h2.heading12 {
        font-size: 25px;

    }
    p.heading12 {
        font-size: 25px;
        margin-top: 10px;
    }
    .row2 {
        padding-bottom: 69px;
        margin-top: -40px;
        margin-bottom: -24px;
    }
    
    
    .up2 {
        margin-top: -45px;
    }
    .up5 img {
        width: 100px;
        height: auto;
    }
    .heading15 {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        color: aliceblue;
    }
    .para4 {
        font-size: 12px;
    }
    .data2 ul li {
        font-size: 12px;
    }
    .data3 ul li {
        font-size: 12px;
    }
    .heading10 {
        font-size: 15px;
    }
    .btn10 a {
        padding: 6px 12px;
    }
    .btn10 {
        margin-top: 10px;
    }
    .c3 p:first-child {
        font-size: 24px;
        font-weight: 700;
    }
    .c3 p:last-child {
        font-size: 14px;
        font-weight: 400;
    }
    .up9 img{
        width: 150px;
        height: auto;
    }
    .content {
        padding-left: 0px;
    }
    .row2 {
        padding-bottom: 69px;
    }
    .section9 .col-md-2 {
        -ms-flex: 0 0 13.666667%;
        flex: 0 0 25.666667%;
        max-width: 25.666667%;
    }
    .section9 .row {
        justify-content: center;
        gap: 20px 0;
    }
    .section9 {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: -30px;
    }
    .up5 img {
        padding: 5px;
        height: auto;
        gap: 0px;
        opacity: 0px;
    }
    .heading12{
    font-size: 25px;text-align: center;font-family: raleway; font-weight: 700;
    }
    .animate-border2 {
        position: relative;
        display: block;
        width: 65%;
        height: 3px;
        background: red;
        overflow: hidden;
        margin: 9px 18%;
        width: 65%;
        float: left;
   
    }
    .carousel.slide::after {
        content: '';
        position: absolute;
        /* top: 0; */
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        width: 100% !important;
        height: 120px !important;
        z-index: 8;
    }
    .service-details {
        padding: 24px;
        margin-top: 15px;
   height: 187px;
    }
    .heading4 {

        padding: 25px 0 0;
    }
    .btn7 {
        padding: 9px;
        margin-top: 24px;
    }
}
@media (max-width: 767px) {
    .c1 p {
        font-size: 38px;
    }
    .navbar-brand img {
        width: 160px;
        height: auto;
    }
    .c2 p {
        font-size: 12px;
    }
    .sec3 {
        flex-direction: row;
    }
    .sec1 {
        flex-direction: row;
    }
    .main2 {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .contact-detail {
        font-size: 13px;
    }
    .main .col{
        max-width: 60%;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    .details .col-md-4 {
        max-width: 60%;
        margin: 0 auto;
        padding-bottom: 24px;
    }
    .p2 img {
        width: 100%;
        height: 350px;
    }
    .c1 {
        top: 10%;
    }
    .c2 {
        top: 28%;
    }
    .p1 img {
        position: relative;
        z-index: 9;
        margin-top: 134px;
    }
    .p2:hover .c3 {
        opacity: 1;
        top: 100%;
        transform: translateY(-30%);
    }
    .right-b img {
      
        margin-bottom: 50px;
    }
    p.heading12 {
        font-size: 25px;
        text-align: center;
    }
    .right-t .p{
        text-align: center;
    }
    .right-t {
        margin-left: auto;
        margin-top: -20px;
    }
    .up {
    
        margin-top: -28px;
    }
.up .h2{
        padding-top: 80px;
        font-family: Raleway;
        font-size: 32px;
        font-weight: 700;
        line-height: 42px;
    }
    .animate-border3 {
        margin-top: 15px;
        margin-left: 260px;
    }
    .parts {
        align-items: center;
        flex-direction: column-reverse;
    }
    .parts2 {
        align-items: center;
        flex-direction: column;
    }
    .middle {
        bottom: -144px;
    }
    .middle img {
        width: 63px;
        height: 63px;
    }
    .heading7 {
        font-size: 15px;
        margin-top: 16px;
        min-height: 75px;
    }
    .heading2 {
        font-size: 17px;
    }
    .middle a {
        background-color: aliceblue;
        padding: 5px 8px 5px 8px;
        margin-left: 100px;
    }
    .para2 {
        font-family: Ubuntu;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .heading3 {
        font-family: Ubuntu;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .info ul li {
        font-family: ubuntu;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
    }

    .view-all-products {
        font-size: 12px;
        padding: 9px 18px;
    }
    .info {
        padding: 0px 0px 15px 0px;
    }
   .up2 .p {

        font-size: 32px;
   }
   .parts {
    align-items: center;
    margin-right: 4px;
}
.parts2 {
    align-items: center;
    margin-right: 4px;
}
   p.heading12 {
    font-size: 25px;
    text-align: center;
    margin-top: -50px;
}
.heading7 {
    font-size: 15px;
    text-align: center;
}
    .service-details {
        padding: 38px;
        margin-top: 48px;
        height: 250px;
    }
    .section-6 .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 50%;
        max-width: 40%;
        margin: auto;
    }
    .heading4 {
        font-family: Raleway;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
        color: aliceblue;
        padding: 25px 0;
    }

    .up3 img {
        width: 60px !important;
    }
    .up4 {
        padding-top: 66px;
    }
    .up4 .p {
        font-size: 32px;
    }
    .part-r img {
        width: 90%;
    }
    .heading5 {
        font-size: 12px;
        margin-top: -10px;
    }
    .section7 .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .choose-details {
        text-align: center;
        margin-bottom: -50px;
    }
    .para3 {
        font-size: 12px;
        margin-top: -15px;
        margin-bottom: 60px;
    }
    p.heading12 {
        font-size: 25px;
        margin-top: -28px;
    }
    p.heading6 {
        font-size: 25px;
        margin-top: -31px;
    }
    .up3 {
        display: flex;
        justify-content: center;
    }
    .heading7 {
        font-size: 12px;
    }
    .section-8 {
        background: rgba(38, 38, 38, 1);
        width: 100%;
        float: left;
        margin-bottom: 45px;
        margin-top: -59px;
    }

    .btn7 {
        padding: 9px;
    }
    .btn7 a {
        color: #DDDDDD;
        padding: 1px;
    }
    .buttton a {
        padding: 8px 16px;
    }
    .forum {
        width: 100%;
        height: 46px;
        padding: 14px 5px 14px 15px;
        gap: 0px;
        styleName: 1/Jost/Regular 16;
        font-family: Jost;
        font-size: 16px;
        font-weight: 400;
        line-height: 23.12px;
    }
    p.heading8 {
        font-size: 25px;
    }
    .main2 {
 
        padding-bottom: 40px;
        margin-top: -15px;
    }
    .main {
        margin-top: -15px;
    }
    .right-b {
        margin-top: -50px;
    }
    .heading9 a {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 500;
        line-height: 57.94px;
        text-align: left;
        color: aliceblue;
      
    }
    /* .sec {
        display: contents;
    
    }
    .sec .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 80%;
    } */
    .heading7 {
        font-size: 13px;
        margin-top: 16px;
    }
    .btn7 {
        padding: 9px;
        margin-top: 60px;
    }
    .section5 {
        margin-top: -30px;
    }
    h2.heading12 {
        font-size: 25px;

    }
    h2.heading12 {
        font-size: 20px;
    }
    .row2 {
        padding-bottom: 69px;
        margin-top: -40px;
        margin-bottom: -24px;
    }
    .row2 {
        display: contents;
    }
    .main .row{
        display: contents;
    }
    .up2 {
        margin-top: -45px;
    }
    .up5 img {
        width: 100px;
        height: auto;
    }
    .heading15 {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        color: aliceblue;
    }
    .right-c img {
        max-width: 100%;
        height: auto;
        width: 75px;
    }
    .para4 {
        font-size: 12px;
        text-align: center;
    }
    .data2 ul li {
        font-size: 12px;
    }
    .data3 ul li {
        font-size: 12px;
    }
    .heading10 {
        font-size: 15px;
        text-align: center;
    }
    .btn10 a {
        padding: 6px 12px;
    }
    .btn10 {
        margin-top: 10px;
        text-align: center;
    }
    .c3 p:first-child {
        font-size: 24px;
        font-weight: 700;
    }
    .c3 p:last-child {
        font-size: 14px;
        font-weight: 400;
    }
    .up9 img{
        width: 150px;
        height: auto;
    }
    .content {
        padding-left: 0px;
    }
    .row2 {
        padding-bottom: 69px;
    }

    .section9 .col-md-2 {
        -ms-flex: 0 0 13.666667%;
        flex: 1 0 48.666667%;
        max-width: 45.666667%;
    }
    .section9 .row {
        justify-content: center;
        gap: 20px 0;
    }
    .section9 {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: -30px;
    }
    .up5 img {
        padding: 5px;
        height: auto;
        gap: 0px;
        opacity: 0px;
    }
    .heading12{
    font-size: 25px;text-align: center;font-family: raleway; font-weight: 700;
    }
    .animate-border2 {
        position: relative;
        display: block;
        width: 65%;
        height: 3px;
        background: red;
        overflow: hidden;
        margin: 9px 18%;
        width: 65%;
        float: left;
   
    }
    .carousel.slide::after {
        content: '';
        position: absolute;
        /* top: 0; */
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        width: 100% !important;
        height: 120px !important;
        z-index: 8;
    }
    .service-details {
        padding: 24px;
        margin-top: 15px;
        height: 165px;
    }
    .heading4 {

        padding: 25px 0 0;
    }
    .btn7 {
        padding: 5px;
        margin-top: 24px;
    }
    span.animate-border3 {
        margin-left: 189px;
        margin-top: 0px;
        margin-bottom: 28px;
    }
    .data3 {
        margin-top: 18px;
    }
    .up9 {
        padding-bottom: 16px;
        justify-content: center;
        text-align: center;
        display: grid;
    }
    .down10 {
        text-align: center;
    }
    .sub {
        styleName: 1/Jost/Regular 16;
        font-family: Jost;
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        text-align: center;
        color: rgba(126, 126, 126, 1);
    }
}
@media (max-width: 576px) {
    .c1 p {
        font-size: 19px;
    }
    .navbar-brand img {
        width: 160px;
        height: auto;
    }
    .middle {
        bottom: -18px;
        justify-content: center;
        align-items: end;
    }
    .c2 p {
        font-size: 6px;
        padding-bottom: 24px !important;
    }
    .sec3 {
        flex-direction: row;
    }
    .sec1 {
        flex-direction: row;
    }
    .main2 {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .contact-detail {
        font-size: 13px;
    }
    .main .col{
        max-width: 60%;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    .details .col-md-4 {
        max-width: 60%;
        margin: 0 auto;
        padding-bottom: 24px;
    }
    .p2 img {
        width: 100%;
        height: 350px;
    }
    .c1 {
        top: 10%;
    }
    .c2 {
        top: 28%;
    }
    .p1 img {
        position: relative;
        z-index: 9;
        margin-top: 70px;
    }
    .p2:hover .c3 {
        opacity: 1;
        top: 100%;
        transform: translateY(-30%);
    }
    .right-b img {
      
        margin-bottom: 50px;
    }
    p.heading12 {
        font-size: 25px;
        text-align: center;
    }
    .right-t .p{
        text-align: center;
    }
    .right-t {
        margin-left: auto;
        margin-top: -20px;
    }
    .up {
        margin-top: -44px;
    }
.up .h2{
        padding-top: 80px;
        font-family: Raleway;
        font-size: 32px;
        font-weight: 700;
        line-height: 42px;
    }
    .animate-border3 {
        margin-top: 15px;
        margin-left: 260px;
    }
    .parts {
        align-items: center;
        flex-direction: column-reverse;
    }
    .parts2 {
        align-items: center;
        flex-direction: column;
    }
    .middle {
        bottom: -16px;
    }
    .middle img {
        width: 75px;
        height: 75px;
        position: relative;
        top: 22px;
    }
    .sec1 {
        flex-direction: column;
    }
    .details .col-md-4 {
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 24px;
    }
    .main .col {
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    .heading7 {
        font-size: 15px;
        margin-top: 16px;
        min-height: 75px;
    }
    .heading2 {
        font-size: 16px;
        padding-top: 50px;
    }
    .middle a {
        background-color: aliceblue;
        padding: 5px 8px 5px 8px;
        margin-left: 100px;
    }
    .para2 {
        font-family: Ubuntu;
        font-size: 11px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .heading3 {
        font-family: Ubuntu;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        text-align: left;
        color: rgba(85, 85, 85, 1);
    }

    .info ul li {
        font-family: ubuntu;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
    }

    .view-all-products {
        font-size: 12px;
        padding: 9px 18px;
    }
    .right-c p {
        font-size: 14px !important;
        min-height: 64px;
    }
    .info {
        padding: 0px 0px 15px 0px;
    }
    .right-c .row .col-sm-4 {
        padding: 0;
    }
   .up2 .p {

        font-size: 32px;
   }
   .parts {
    align-items: center;
    margin-right: 4px;
}
.parts2 {
    align-items: center;
    margin-right: 4px;
}
   p.heading12 {
    font-size: 25px;
    text-align: center;
    margin-top: -50px;
}
.heading7 {
    font-size: 15px;
    text-align: center;
}
    .service-details {
        padding: 38px;
        margin-top: 48px;
        height: 250px;
    }
    .section-6 .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 50%;
        max-width: 40%;
        margin: auto;
    }
    .heading4 {
        font-family: Raleway;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        text-align: center;
        color: aliceblue;
        padding: 25px 0;
    }

    .up3 img {
        width: 60px !important;
    }
    .up4 {
        padding-top: 66px;
    }
    .up4 .p {
        font-size: 32px;
    }
    .part-r img {
        width: 90%;
    }
    .heading5 {
        font-size: 12px;
        margin-top: -10px;
    }
    .section7 .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .choose-details {
        text-align: center;
        margin-bottom: -50px;
    }
    .para3 {
        font-size: 12px;
        margin-top: -15px;
        margin-bottom: 60px;
    }
    p.heading12 {
        font-size: 16px;
        margin-top: -28px;
    }
    p.heading6 {
        font-size: 16px;
        margin-top: -31px;
    }
    .up3 {
        display: flex;
        justify-content: center;
    }
    .heading7 {
        font-size: 12px;
    }
    .section-8 {
        background: rgba(38, 38, 38, 1);
        width: 100%;
        float: left;
        margin-bottom: 45px;
        margin-top: -59px;
    }

    .btn7 {
        padding: 9px;
    }
    .btn7 a {
        color: #DDDDDD;
        padding: 1px;
    }
    .buttton a {
        padding: 4px 9px;
        font-size: 14px;
    }
    .forum {
        width: 100%;
        height: 46px;
        padding: 14px 5px 14px 15px;
        gap: 0px;
        styleName: 1/Jost/Regular 16;
        font-family: Jost;
        font-size: 16px;
        font-weight: 400;
        line-height: 23.12px;
    }
    p.heading8 {
        font-size: 16px;
    }
    .main2 {
 
        padding-bottom: 40px;
        margin-top: -15px;
    }
    .main {
        margin-top: -15px;
    }
    .right-b {
        margin-top: -50px;
    }
    .heading9 a {
        font-family: Poppins;
        font-size: 18px;
        font-weight: 500;
        line-height: 57.94px;
        text-align: left;
        color: aliceblue;
      
    }
    /* .sec {
        display: contents;
    
    }
    .sec .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 80%;
    } */
    .heading7 {
        font-size: 11px;
        margin-top: 16px;
        min-height: 46px;
    }
    .btn7 {
        padding: 9px;
        margin-top: 60px;
    }
    .section5 {
        margin-top: -30px;
    }
    h2.heading12 {
        font-size: 25px;

    }
    h2.heading12 {
        font-size: 16px;
    }
    .row2 {
        padding-bottom: 69px;
        margin-top: -40px;
        margin-bottom: -24px;
    }
    .row2 {
        display: contents;
    }
    .main .row{
        display: contents;
    }
    .up2 {
        margin-top: -45px;
    }
    .up5 img {
        width: 80px;
        height: auto;
    }
    .heading15 {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        color: aliceblue;
    }
    .right-c img {
        max-width: 100%;
        height: auto;
        width: 66px;
    }
    .para4 {
        font-size: 12px;
        text-align: center;
    }
    .data2 ul li {
        font-size: 12px;
    }
    .data3 ul li {
        font-size: 12px;
    }
    .heading10 {
        font-size: 15px;
        text-align: center;
    }
    .btn10 a {
        padding: 6px 12px;
    }
    .btn10 {
        margin-top: 10px;
        text-align: center;
    }
    .c3 p:first-child {
        font-size: 24px;
        font-weight: 700;
    }
    .c3 p:last-child {
        font-size: 14px;
        font-weight: 400;
    }
    .up9 img{
        width: 150px;
        height: auto;
    }
    .content {
        padding-left: 0px;
    }
    .row2 {
        padding-bottom: 69px;
    }

    .section9 .col-md-2 {
        -ms-flex: 0 0 13.666667%;
        flex: 0 0 50.666667%;
        max-width: 49.666667%;
    }
    .section9 .row {
        justify-content: center;
        gap: 20px 0;
    }
    .section9 {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: -30px;
    }
    .up5 img {
        padding: 5px;
        height: auto;
        gap: 0px;
        opacity: 0px;
    }
    .heading12{
    font-size: 25px;text-align: center;font-family: raleway; font-weight: 700;
    }
    .animate-border2 {
        position: relative;
        display: block;
        width: 65%;
        height: 3px;
        background: red;
        overflow: hidden;
        margin: 9px 18%;
        width: 65%;
        float: left;
   
    }
    .carousel.slide::after {
        content: '';
        position: absolute;
        /* top: 0; */
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        width: 100% !important;
        height: 80px !important;
        z-index: 8;
    }
    .service-details {
        padding: 24px;
        margin-top: 15px;
        height: 165px;
    }
    .heading4 {

        padding: 25px 0 0;
    }
    .btn7 {
        padding: 5px 10px 8px;
        margin-top: 0;
    }
    .parts {
        padding-top: 0;
        padding-bottom: 0;
        gap: 20px;
    }
    .heading7 {
        font-size: 14px;
        margin-top: 16px;
        line-height: normal;
        min-height: auto;
        margin-bottom: 16px;
    }
    span.animate-border3 {
        margin-left: 132px;
        margin-top: 0px;
        margin-bottom: 28px;
    }
    .parts {
        padding-top: 0;
        padding-bottom: 0;
        gap: 20px;
        flex-direction: row-reverse;
    }
    .sec1 {
        margin-top: 20px;
    }
    .sec3 {
        flex-direction: column;
    }
    .heading7 {
    margin-top: 0;
    text-align: left;
}
    .parts2 {
        flex-direction: row;
    }
    .data3 {
        margin-top: 18px;
    }
    .up9 {
        padding-bottom: 16px;
        justify-content: center;
        text-align: center;
        display: grid;
    }
    .down10 {
        text-align: center;
    }
    .parts2 {
        padding-top: 0;
        padding-bottom: 0;
        gap: 20px;
    }
    .sub {
        font-family: Jost;
        font-size: 16px;
        font-weight: 400;
        line-height: 28.8px;
        text-align: center;
        color: rgba(126, 126, 126, 1);
    }
    .buttton {
        text-align: center;
        margin-top: 20px;
        margin-bottom: -38px;
    }
     .service-details .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .right-c .col-sm-4 {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 0 0 28%;
        max-width: 28%;
        gap: 10px;
    }
}