body {
    font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
    /* font-family: 'Times New Roman', Times, serif; */

}

body,
html {
    overflow-x: hidden;
}

.navbar {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10000;
}

.container-fluid {
    width: 90%;
    height: 65px;
    background-color: #ffffff;
    border-radius: 50px;
    box-shadow: 0px 7px 10px 0px rgb(196, 176, 176);
    margin: 20px 0px 10px 10px;

}


.personalised p {
    display: flex;
    width: 200px;




}

.container-fluid>.navbar-brand>img {
    width: 210px;
    height: 50px;
    object-fit: contain;
    border-radius: 70px;


}


.navbar-brand {
    margin-left: 2rem;

}

/* .logo-small{
    color: ;
} */
.logo-combo>.logo-small {
    fill: #474748;
    stroke: black;
}



.navbar-nav {
    margin-left: 4rem;
    gap: 2.5rem;
    background-color: white;

}

.navbar-nav>.nav-item>a {
    color: rgb(0, 0, 0);
    font-size: 16px;

}

.nav-item .active {
    background-color: #b0acac;
    border-radius: 2px;
}

/* Home page -section1 */
#section1 {
    place-items: center;


}

.sec-1-maindiv {
    width: 90%;
    height: fit-content;
    gap: 4%;
    margin-top: 55px;
    padding: 5px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;

}

.sec-1-subdiv-1 img {
    width: 75vh;
    height: 70vh;
    border-radius: 0px 180px 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    ;
    box-shadow: 4px 2px 8px black;

}


.sec-1-subdiv-2 {
    width: fit-content;
    height: fit-content;
    padding: 55px 1px 30px 0px;


}

.sec-1-subdiv-2 h3 {
    font-size: 24px;
    font-weight: 700;
    color: #222223;
}

/* .sec-1-subdiv-2 h3 span {
    color: #656566;
    font-weight: 600;

} */

.sec-1-subdiv-2 p {
    font-weight: 300;
    font-size: 19px;
    color: black;
    padding: 5px;
}

/*common about us contact service  */
#common-sec-1 {
    width: 100%;
    height: 260px;
    background-image: url(asset/contact.jpg);
    background-blend-mode: color;
    background-color: rgba(0, 0, 0, 0.534);
    background-size: cover;
    place-items: center;
    align-content: center;
    background-position: center;

}


#common-sec-1>h1 {
    color: #ffffff;
    margin-top: 10vh;
}




#a-sec-3 {
    background-color: #686D76;
    place-items: center;
    padding-top: 5vh;
    height: fit-content;
    padding-bottom: 10px;

}

#a-sec-3 h5 {
    color: white;


}

#a-sec-3 h2 {
    margin: 3vh 0vh 5vh 0vh;
    color: white;
    font-weight: 600;



}

#a-sec-3>.a-sec-3-maindiv {
    width: 85%;
    height: fit-content;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    row-gap: 50px;
    padding: 20px 30px 40px 30px;

}

.a-sec-3-maindiv div {
    border-radius: 10px;
    padding: 15px 40px -0px 20px;
    background-color: #FFFFFF4D;
    width: 83%;
    height: 27vh;



}

.a-sec-3-maindiv div>img {
    width: 45px;
    height: 45px;


}

.a-sec-3-maindiv div>p {
    font-size: 20px;
    color: white;
    margin-top: 25px;
    font-weight: 600;


}


/* common aa irukara lets talk section */


.sec-11 {
    max-width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec-11-img {
    width: 90%;
    height: 48vh;
    border-radius: 20px;
    background-image: url(asset/sec11.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -170px;
    position: relative;

}


.banner-content {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    border-radius: 20px;

}



.banner-content h2 {
    font-size: 40px;
    color: #fff;
    margin-left: 12vh;
    font-weight: 500;
}


.sec-11-btn {
    border-radius: 25px;
    background-color: #fff;
    border: none;
    color: #333;
    width: 140px;
    height: 40px;
    font-size: 16px;
    margin-top: 3px;
    margin-left: 80px;

}

.banner-content a {
    text-decoration: none;
    color: black;
}

/* footer commmon for all page */

footer {

    width: 100%;
    height: fit-content;
    padding: 30px;
    background-color: #f0f0f1;


}

.footer-main-div {
    display: flex;
    justify-content: space-around;
    align-items: center;

}


.footer-main-div img {
    width: 60vh;
    height: 25vh;
    margin-top: -8rem;
    margin-left: -4rem;


}

#footer-img {
    width: 350px;
    object-fit: scale-down;
}

.foot-sub-div-2 {
    display: flex;
    gap: 7vh;

}

.foot-sub-div-2 ul {
    list-style-type: none;
    height: fit-content;
    width: fit-content;

}

.foot-sub-div-2 ul>h3 {
    font-size: 33px;
    margin-bottom: 10px;
}

.foot-sub-div-2 ul>li>a {
    color: black;
    font-size: 14px;
    font-weight: 550;

}

.foot-sub-div-3 {
    margin-top: 30px;
    border-top: 1px solid black;
    gap: 50%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-top: 10px;
    font-size: 14px;

}

.foot-sub-div-3 div {
    display: flex;
    gap: 15px;


}


/* ellathukum irukara common button class button contact us content $*/
.contact {
    border-radius: 25px;
    background-color: #0B6FF4;
    border: none;
    color: #fff;
    width: 140px;
    height: 40px;
    font-size: 14px;
    margin-top: 3px;
}

a {
    text-decoration: none;
    color: white;
}







/* sec2 */
.sec-2 {
    width: 100%;
    height: fit-content;
    background-color: #f0f0f1;
    padding: 40px 0px 40px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;


}

.sec-2-content {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 30%;




}

.sec-2-content-h {
    height: fit-content;
    width: fit-content;


}

.sec-2-content-h h3 {
    font-size: 20px;
    text-transform: uppercase;

}

.sec-2-content-h h1 {
    font-size: 35px;

}

.sec-2-content p {
    font-size: 20px;
    margin-top: 20px;
    height: fit-content;
    width: 35%;

}

.sec-2-img {
    width: 98%;
    height: fit-content;
    padding: 5px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;



}

.sec-2-img-1,
.sec-2-img-2 {
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}

.sec-2-img-1 {

    width: 62%;
    height: 55vh;
}


.sec-2-img-2 {
    width: 35%;
    height: 55vh;

}


/* sec3 and 7 */
#section3,
#sec-7 , .sec-7{
    width: 100%;
    height: fit-content;
    gap: 4%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 25px;

}

#sec-7 , .sec-7{
    background-color: #f0f0f1;

}


#section3 div img {
    width: min(450px, 550px);
    height: 56vh;
    border-radius: 20px;
    margin-top: 20px;


}

#sec-7 div img, .sec-7 div img {
    width: 80vw;
    height: 65vh;
    border-radius: 39% 0px 0px 0px;
    margin-top: 5vh;

}

.sec-3-text,
.sec-7-para {
    width: 50vw;
    height: fit-content;
    padding: 10px;

}

.sec-3-text>h1,
.sec-7-para h1 {
    width: fit-content;
    font-weight: 700;
    margin-bottom: 26px;
    font-size: 26px;

}

.sec-3-text h3 , .sec-3-text h2{
    font-size: 26px;
    margin-top: 25px;
}

.sec-3-text p,
.sec-7-para p {
    font-size: 14px;
    font-weight: 400;
    color: #41444b;


}

.sec-3-text p {
    font-size: 14px;
}

.sec-3-text li {
    list-style-type: none;
    list-style-position: inside;
    line-height: 1.5;
    color: #414247;
}

.sec-3-text li {
    list-style-type: none;
    font-size: 14px;
    color: #414243;
}
.sec-3-text h1{font-size: 32px; font-weight: 800;}
.sec-3-text h2{font-size: 24px; font-weight: 800;}
.sec-3-text h3,
.sec-7-para h3 {
    font-size: 24px;
    font-weight: 600;
    /*font-style: italic;*/


}


/* sec4 */
#section4 {
    width: 100%;
    margin: 12px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#section4 div {
    width: 45%;
    text-align: center;
    height: auto;
    margin: 10px 0;
}

#section4 div img {
    width: 350px;
    height: 350px;
}

.sec-4-text {
    width: 45%;
    text-align: left;
    height: fit-content;
    padding: 20px;


}

.sec-4-text h1 {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
   margin-top: 35px;

}

.sec-4-text p {
    text-align: left;
    font-size: 15px;
    padding: 5px;
    font-weight: 400;
    color: #686D76;


}




/* sec5 */

#section5>marquee>#tex {
    height: 120px;
    margin-left: 20px;
    filter: grayscale(100%) brightness(5);


}

marquee>#global {
    width: 75px;
    height: 75px;
    margin-left: 20px;

}

/* sec6 */
#section6 {
    place-items: center;
}
.sec-6-text {
    min-height:70vh;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.sec-6-div1 {
margin-top: 20px;
}

.sec-6-div1>p {
    font-size: 18px;
    font-weight: 400;
    color: #656566;
}

.sec-6-div1 h1 {
    font-size: 24px;
    font-weight: 700;

}


.sec-6-div2{
  margin:auto 0px;
    /* border:2px solid red; */
}



.viewall {
    border-radius: 30px;
    background-color: black;
    color: #fff;
    width: 300px;
    height: fit-content;
    font-size: 16px;
    padding: 10px 20px 10px 20px;

}


.card-container {
    width: 98%;
    display: flex;
    scroll-behavior: smooth;
    justify-content: space-evenly;
    align-items: center;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 16px;
    scroll-padding-left: 90px;
    gap: 16px;



}

.card {
    flex: 0 0 auto;
    width: 40vh;
    scroll-snap-align: center;
    padding: 10px;
    border-radius: 10px;
    height: 325px;
    background-color: white;
    scroll-behavior: smooth;
}

.card>div {

    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;

}

.card>div>img {
    object-fit: cover;
    width: 100%;
}

.card-container::-webkit-scrollbar {
    display: none;
}


#card4 p,
#card3 p,
#card2 p,
#card1 p {
    color: black;
    font-weight: 550;
    font-size: 20px;
    margin-left: 15px;

}

.images {
    width: 50%;
    height: 35vh;
    background-size: cover;
    border-radius: 10px;

}

/* sec8 */

#sec-8 {
    width: 100%;
    display: flex;
    height: fit-content;
    justify-content: space-evenly;
    align-items: center;
    gap: 4%;
    padding: 10px;

}


#sec-8 img {
    width: 23%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50px 0px 50px 0px;

}


.sec-8-content {
    width: 45%;
    height: fit-content;
    padding: 15px;
    padding-left: 0px;

}
.sec-8-content h3{font-size: 24px; }
.sec-8-content h2 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 900;

}

#sec-8 p {
    font-weight: 400;
    font-size: 16px;

}


/* sec9 */
.sec-9 {
    width: 100%;
    height: fit-content;
    background-color: #fff;
    place-items: center;
}

.maindiv {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    background-color: #F0F0F1;
    padding: 30px;
    border-radius: 25px;

}


.main-first-div,
.main-second-div {
    width: 95%;
    height: fit-content;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px;

}


.main-first-div img,
.main-second-div img {
    width: 33%;
    height: 40vh;
    margin-top: 20px;
    border-radius: 13px;
}

.main-first-para,
.main-second-para {
    width: 55%;
    height: fit-content;
    padding-left: 20px;
    padding-top: 5px;

}


.main-first-para {
    padding-left: 0px;
    padding-top: 5px;


}

.main-first-para h1,
.main-second-para h1 {
    font-size: 30px;
    color: #393C41;
}

.main-first-para p,
.main-second-para p {
    font-size: 15px;
    font-weight: 400;
    color: #686D76;


}

/* sec10 */
.sec-10 {
    max-width: 100%;
    height: fit-content;
    place-items: center;


}

.sec-10 .main-div {
    display: flex;
    width: 80%;
    justify-content: space-evenly;
    align-items: center;
    padding: 20px;
    gap: 5%;
}

.sec-10 .sub-div1,
.sub-div2 {
    box-shadow: 10px 30px 50px #00000014;
    border-radius: 25px;
    width: 45%;
    padding: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;

}

.sec-10 .sub-div1 img,
.sub-div2 img {
    width: 200px;
    height: 23vh;
    border-radius: 20px;

}

.sec-10 .sub-div1 div,
.sub-div2 div {

    justify-content: space-evenly;
    align-items: center;
    height: fit-content;

}

.sec-10 .sub-div1 h2,
.sub-div2 h2 {
    font-size: 15px;
    margin-left: 15px;
}

.sec-10-last-p {
    font-size: 30px;
    font-weight: 350;
}

/* about us page start aaguthu */


/* sec2 */
#abt-sec-2 {
    width: 100%;
    height: fit-content;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 30px 20px 20px 50px;


}

#abt-sec-2 .sec-1-img img {
    height: 300px;
    width: 300px;
    object-fit: contain;
}

.abt-sec-2-para {
    width: 52%;
    height: fit-content;
    padding: 25px;


}


.abt-sec-2-para h1 {
    font-size: 30px;
    font-weight: 400;
    color: black;

}


.abt-sec-2-para p {
    font-size: 16px;
    font-weight: 400;
    color: #686D76;
    margin-bottom: 30px;
    margin-top: 20px;


}

.abt-sec-2-para .about {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0px;
}



/* CONTAC PAGE LA 2 SECTION //////////////////////////////////////////////////////////////////// */

#c-sec-2 {
    background-color: rgba(241, 239, 236, 1);
    display: flex;
    gap: 13%;
    padding: 25px;
    justify-content: space-evenly;
    align-items: center;
}

#c-sec-2>.c-sec2-content {
    padding: 20px;

}

#c-sec-2>.c-sec2-content>h5 {
    font-size: 32px;

}


#c-sec-2>.c-sec2-content>div {
    display: flex;
    flex-direction: column;
    row-gap: 2vh;
    font-size: 18px;

}

#c-sec-2>.c-sec2-content>div>a>button {
    border: 1px solid black;
    padding: 10px;
    text-align: center;
    width: fit-content;
    border-radius: 10px;
    color: black;


}

form {
    margin-top: 20px;
}



label {

    margin-bottom: 8px;
}

.form-div-1 {
    display: flex;
    gap: 10vh;
    padding: 10px;


}

input {
    border: none;
    border-bottom: 1px solid black;
    background: transparent;
    cursor: text;
}


.form-div-2 {
    width: fit-content;
    margin-top: 10px;
    padding: 10px;

}

form>.form-div-2 label {
    margin-bottom: 20px;

}

form>.form-div-2 textarea {
    border: none;
    border-bottom: 1px solid black;
    background: transparent;
    cursor: text;
}


.c-sec-2-btn {
    border: none;
    margin-top: 30px;
    padding: 10px 20px 10px 20px;
    background-color: black;
    border-radius: 30px;
    color: white;
}


/* CONTSCT LA 3 SEC//////////////////*/
#c-sec-3 {

    height: fit-content;
    width: 100%;
    place-items: center;

}

#c-sec-3>div {
    width: 65%;
    margin-top: 50px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;


}



#c-sec-3>div>.firstimage {
    background: url('asset/frstplace.jpg') no-repeat;
    background-size: cover;
    gap: 5%;
    background-blend-mode: color;
    background-color: rgba(2, 2, 2, 0.281);

}


#c-sec-3>div>.secondimage {
    background: url('asset/secondplace.jpg') no-repeat;
    background-size: cover;
    gap: 7%;
    background-blend-mode: color;
    background-color: rgba(2, 2, 2, 0.281);


}



#c-sec-3>div>.firstimage,
#c-sec-3>div>.secondimage {
    height: 30vh;
    width: 48%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 15px;
    background-position-y: -5px;
}

#c-sec-3>div>.firstimage h4,
.secondimage h4 {
font-size: 20px;text-align: left;
    margin-top: 120px;
    color: white;


}


#c-sec-3>div>.firstimage div,
#c-sec-3>div>.secondimage div {
    display: flex;
    gap: 20px;
    margin-top: 140px;
    font-size: 14px;
    color: white;
    width: fit-content;

}

.thirdimage>div {
    display: flex;
    gap: 20px;
    margin-top: 215px;
    font-size: 16px;
    color: white;
    width: fit-content;


}

#c-sec-3>div>.thirdimage h4 {

    margin-top: 121px;
    color: white;

}

#c-sec-3>div>.thirdimage {
    width: 65%;
    height: 275px;
    background: url('asset/thirdplace.jpg') no-repeat;
    background-position-y: -5px;
    background-size: 800px 600px;
    background-position: center;
    background-blend-mode: darken;
    background-color: rgba(0, 0, 0, 0.472);
    /* display: flex;
    justify-content: space-evenly;
    align-items: center; */
    border-radius: 15px;
    margin: 15px 0px 40px 0px;
    gap: 38%;
    background-position-y: -280px;

}

#location {
    width: 26px;
    height: 26px;
    margin-top: 8px;

}

.contct-pge-sec-3-span {
    margin-right: 5px;
width: 100%;
    float: right;
    color: white;
}




/* service page  start aaguthu /////////////////////////////////////////////////////////////// */


/* sec2 */

.our-service-sec-2 {
    height: fit-content;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;


}

.our-service-sec-2 img {
    height: 200px;
}

.our-service-sec-2-content {
    width: 75%;
    height: fit-content;
    place-items: center;
    text-align: center;
    padding: 10px;
}

.our-service-sec-2-content h1 {
    font-size: 42px;
    font-weight: 550;

}

.our-service-sec-2-content p {
    font-size: 20px;
    width: 75%;
    text-align: center;
    color: #474748;
    margin-top: 15px;


}


/* sec3 */

.our-service-sec-3 {
    padding: 10vh 0vh 10vh 0vh;
    place-items: center;
    background-color: #9A9DA3;

}

.our-service-sec-3 h4 {
    color: white;
    font-weight: 500;
}

.our-service-sec-3>.our-service-sec-heading {
    color: #fff;
    font-size: 40px;

}

.our-service-sec-3-card-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
    width: 90%;
    margin-top: 40px;
    place-items: center;
    row-gap: 7vh;

}

.our-service-sec-3-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 35px 10px;
    width: 25vw;
    height: 75vh;

}
.our-service-sec-3-card img {
    width: 65%;
    height: 175px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 15px 15px 20px 45px;

}

.our-service-sec-3-card h3 {
    font-size: 18px;
    padding: 0px 0px 0px 15px;
    text-align: left;
    width: fit-content;
    font-weight: 550;
    text-transform: uppercase;
    margin-top: 20px;
}

.our-service-sec-3-card p {
    color: #656566;
    width: 82%;
    padding: 0px 0px 0px 15px;
    text-align: left;
    margin-top: 10px;
}

/* sec4  time row//////////////////*/


#our-service-sec-4 {
    /* place-items: center; */
    padding: 20px 20px 40px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;

}

.center-img {
    width: 190px;
    height: 70px;
    margin-bottom: 1vh;


}

.our-service-sec-heading {
    color: black;
    margin-bottom: 10vh;
    font-weight: 550;

}



.time-div {
    width: fit-content;
    height: fit-content;
    place-items: center;
    padding: 10px 15px 10px 15px;
    margin-top: 5rem;


}

.time-div>.time-1-div {

    width: 70px;
    height: 70px;
    justify-content: space-evenly;
    align-items: center;
    display: flex;
    border-radius: 50%;
    background-color: #0B6FF4;
    border: 8px solid rgb(124, 180, 197);
    padding-top: 10px;



}


#arrow {
    width: 45px;
    height: 80px;
}


.position1,
.position3,
.position5,
.position2,
.position4,
.position6,
.position7,
.position8,
.position9,
.position10 {
    gap: 20px;
    padding: 10px 30px 5px 25px;
    background-color: #FFFFFF;
    box-shadow: 3px 3px 2px black;
    display: flex;
    position: absolute;


}

.position1,
.position3,
.position5,
.position7,
.position9 {
    left: 130vh;
    border-radius: 0px 35px 35px 15px;
}

.position1 {
    top: 36vh;
}

.position3 {
    top: 82.5vh;
}

.position5 {
    top: 52.5rem;
}

.position7 {
    top: 71rem;
}

.position9 {
    top: 90rem;

}

.position2,
.position4,
.position6,
.position8,
.position10 {
    border-radius: 10px;
    right: 55rem;



}

.position2 {
    top: 24.5rem;

}


.position4 {
    top: 43rem;

}

.position6 {
    top: 61.5rem;

}

.position8 {
    top: 80.5rem;

}

.position10 {
    top: 99.5rem;

}

#service-4-sec-images {
    width: 30px;
    height: 30px;
}

#service-4-sec-top-images {
    width: 85px;
    height: 85px;
}

.position11 {
    position: absolute;
    top: 28vh;
    left: 45vh;
    transform: rotate(14deg);
    box-shadow: 4px 6px 8px rgb(211, 137, 137);
    border-radius: 50%;
}

#service-4-sec-bottom-images {
    width: 60px;
    height: 60px;
}

.position12 {
    position: absolute;
    top: 81rem;
    right: 34vh;
    border-radius: 50%;
    box-shadow: 4px 6px 8px rgb(120, 199, 146);
    transform: rotate(20deg);
}

.time-div p {
    padding-top: 5px;
    font-size: 26px;
    color: white;
}

.position1 p,
.position2 p,
.position3 p,
.position4 p,
.position5 p,
.position6 p,
.position7 p,
.position8 p,
.position9 p,
.position10 {

    font-size: 18px;
    padding-top: 2px;
    font-weight: 550;
}

/* product page //////////////////////////////// */
#product-sec1 {
    width: 100%;
    place-items: center;
}

#product-sec1>h1 {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 50px;
    font-size: 28px;
    font-weight: 800;
}

#product-sec1 .common-div-product {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;

}

.common-div-product>img {
    width: 100%;
    /* make image fill the grid cell */
    height: auto;
    /* preserve aspect ratio */
    display: block;
    object-fit: cover;
    /* crop subtly if container ratio differs */
}



/* product page //////////////////////////////// */
#product-sec1 {
    width: 100%;
    place-items: center;

}

#product-sec1>h1 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 27px;
    font-weight: 800;
}

#product-sec1 .common-div-product {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.common-div-product>img {
    width: 500px;
    height: 380px;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



.who-we-are {
    background: #F0F0F1;
    padding: 80px 20px;
}

.who-we-are h1 {
    font-size: 36px;
    font-weight: 700;
    color: #2c3e50;
}

.who-we-are h3 {
    color: #3498db;
    font-weight: 600;
    font-size: 22px;
}

.highlight-box {
    background-color: #ffffff;
    border-left: 5px solid #3498db;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    padding: 25px;
    margin-top: 30px;
    font-size: 18px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #444;
}

.info-card {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    padding: 30px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
    height: 100%;
    width: 350px;
}

.info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.info-icon {
    font-size: 34px;
    margin-bottom: 15px;
}

.info-card p {
    color: #555;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 0;
}

.image-row {
    margin-top: 50px;
}

.image-left,
.image-right {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.image-wrapper {
    display: flex;
    gap: 20px;
    height: 350px;
}

.image-left-wrapper {
    flex: 3;
}

.image-right-wrapper {
    flex: 2;
}


.img-container {
    height: 200px;
    background-color: #FFFFFF;
    /* white background for each image container */
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.uniform-card {
    height: 220px;
    /* force cards to be the same height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* space image + caption evenly */
}

.img-container {
    height: 100px;
    background-color: #FFFFFF;
    /* white background behind image */
    display: flex;
    justify-content: center;
    align-items: top;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.uniform-img {
    max-height: 120px;
    max-width: 120px;
    object-fit: contain;
}

.card-body {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
}

.card-text {
    font-size: 13px;
    color: #555;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 0;
}



.navbar-brand .logo-combo {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 70px;
}

.logo-combo img {
    object-fit: contain;
    height: 70px;
    display: block;
    margin: 0;
    padding: 0;
}

/* First logo: smaller */
.logo-combo .logo-small {
    height: 30px;
    width: auto;
    border-top-left-radius: 70px;
    border-bottom-left-radius: 70px;
    filter: brightness(0) invert(0);
}

/* Second logo: slightly larger */
.logo-combo .logo-large {
    height: 70px;
    width: auto;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 70px;
    margin-left: -4px;
    /* eliminate gap: negative margin attaches them seamlessly */
}

/* Responsive adjustment for small screens */


h1 {
    font-size: 40px;
    font-weight: 700;
}

/*.navbar-brand img {*/
/*  width: 200px;           */
/*  height: 50px;           */
/*  object-fit: contain;    */
/*  border-radius: 70px;     */
/*}*/

/*@media (max-width: 768px) {*/
/*  .navbar-brand img {*/
/*    width: 150px;*/
/*    height: 80px;*/
/*  }*/
/*} */



.sec-6-div1>h1 {
    font-size: 40px;
    font-weight: 700;

}


.sec-3-text h3,
#sec-8 h3,
.sec-7-para h3 {
    font-size: 24px;
    font-weight: 300px;
    font-style: italic;
}


.sec-7-para h2 {
    font-size: 30px;
    font-weight: 700;
}

.sec-7-para p {
    font-size: 15px;
}

/* Strong override: make all common-div-product images responsive and full-width */
#product-sec1 .common-div-product {
    display: grid;
    grid-template-columns: repeat(1fr);
    gap: 24px;
}

#product-sec1 .common-div-product>img {
    width: 80% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    /* center the image horizontally */
    margin: 0 auto !important;
}

@media (max-width: 1200px) {
    .img-container {
        height: 180px;
    }

    .uniform-card {
        height: 320px;
    }

    .sec-10 .sub-div1 img,
    .sub-div2 img {
        width: 200px;
        height: 21vh;
        border-radius: 20px;

    }
}

@media (max-width:1081px) {
    .our-service-sec-3-card {
     width: 35vw;
    height: 75vh;

}



.our-service-sec-3-card img {
    width: 65%;
    height: 175px;
 

}

.our-service-sec-3-card h3 {
    font-size: 18px;
   
}

.our-service-sec-3-card p {
   
}
.our-service-sec-3-card
    .sec-1-subdiv-1 img {
        width: 55vh;
        height: 50vh;
        border-radius: 0px 180px 0px 0px;
        background-size: cover;
        background-repeat: no-repeat;
        ;
        box-shadow: 4px 2px 8px black;

    }

    #footer-img {
        width: 350px;
        object-fit: contain;
    }
}

@media (max-width:1080px) {

    #section3 div img {
        align-self: center;
        height: 400px;
    }
}

@media (max-width: 992px) {
    .img-container {
        height: 170px;
    }
.viewall { 
    width: 240px;
    font-size: 14px;
    padding: 10px 10px 10px 15px;

}
#sec-7 div img, .sec-7 div img {
    width: 50vw;
    height: 50vh;
    border-radius: 39% 0px 0px 0px;
    margin: 5vh auto;

}
    .uniform-card {
        height: 300px;
    }
}

@media (max-width:898px) {
    .info-card {
        padding: 20px;
        height: 50%;
        width: 250px;
    }

    .info-card p {
        color: #555;
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 0;
    }
    .our-service-sec-3-card{
        height:70vh;width:40vw;
    }
}

@media (max-width: 788px) {
    .info-card {
        height: 50%;
        width: 290px;
    }
#sec-7 div img, .sec-7 div img{
    width: 40vw;
    height: 30vh;
    border-radius: 39% 0px 0px 0px;
    margin: 5vh auto;

}

    .info-card p {
        font-size: 13px;

    }
}

@media (max-width: 768px) {
    .img-container {
        height: 160px;
    }
.our-service-sec-3-card {
    width: 55vw;
    height: 65vh;

}



.our-service-sec-3-card img {
    width: 45%;
    height: 125px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 15px 15px 20px 45px;

}

.our-service-sec-3-card h3 {
    font-size: 18px;
    padding: 0px 0px 0px 15px;
    text-align: left;
    width: fit-content;
    font-weight: 550;
    text-transform: uppercase;
    margin-top: 20px;
}

.our-service-sec-3-card p {
font-size: 14px;
   
}
.sec-6-text {
    min-height:auto;
    width:75%;
}

.sec-6-div1 {
margin-top: 20px;
}

.sec-6-div1>p {
    font-size: 17px;
    font-weight: 400;
    color: #656566;
}

.sec-6-div1 h1 {
    font-size: 24px;
    font-weight: 700;

}


.sec-6-div2{
  margin:auto 0px;
    /* border:2px solid red; */
}



.viewall {
    border-radius: 30px;
    background-color: black;
    color: #fff;
    width: 300px;
    height: fit-content;
    font-size: 16px;
    padding: 10px 20px 10px 20px;

}

    .uniform-card {
        height: auto;
        /* let cards adapt naturally on small screens */
    }

    .who-we-are h1 {
        font-size: 28px;
    }

    .highlight-box {
        font-size: 16px;
        padding: 20px;
    }

    .info-icon {
        font-size: 28px;
    }

    .image-wrapper {
        flex-direction: column;
        height: auto;
    }

    .image-left-wrapper,
    .image-right-wrapper {
        flex: 1;
    }

    .image-left,
    .image-right {
        height: auto;
        width: 100%;
    }
}

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

    /* footer  */

    .sec-11 {
        max-width: 100%;
        height: fit-content;

    }

    .sec-11-img {
        width: 90%;
        height: 35vh;
        background-size: cover;
        background-position-y: -20px;

    }

    .banner-content h2 {
        font-size: 25px;

    }

    .sec-11-btn {
        font-size: 16px;
        margin-left: 65px;
        padding: 5px;
    }

    /* kannu div /////////////////////////////////////////////// */



    #a-sec-3 {
        background-color: #686D76;
        place-items: center;
        padding-top: 5vh;
    }

    #a-sec-3 h5 {
        color: white;


    }

    #a-sec-3 h2 {
        margin: 3vh 0vh 5vh 0vh;
        color: white;
        font-weight: 600;



    }

    #a-sec-3>.a-sec-3-maindiv {
        width: 90%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        place-items: center;
        row-gap: 40px;
        padding: 20px 5px 30px 5px;


    }

    .a-sec-3-maindiv div {
        width: 90%;
        height: fit-content;
        padding: 15px 40px -0px 20px;
        height: 26vh;

    }

    .a-sec-3-maindiv div>img {
        width: 35px;
        height: 35px;
    }

    .a-sec-3-maindiv div>p {
        font-size: 20px;
        font-weight: 550;


    }


    /* common butn */

    .contact {
        border-radius: 25px;
        background-color: #0B6FF4;
        border: none;
        color: #fff;
        width: 140px;
        height: 40px;
        font-size: 16px;
        margin-top: 3px;
    }

    footer {
        padding: 0px;

    }

    .footer-main-div {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;

    }


    .footer-main-div img {
        width: 55vh;
        height: 23vh;
        margin: 0px 0px 30px 0px;


    }

    .foot-sub-div-2 {
        display: flex;
        gap: 7vh;

    }

    .foot-sub-div-2 ul>h3 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .foot-sub-div-2 ul>li>a {
        color: black;
        font-size: 14px;
        font-weight: 550;

    }

    .foot-sub-div-3 {
        margin-top: 30px;
        padding: 10px;
        gap: 25%;
        font-size: 12px;


    }


    #common-sec-1 {
        width: 100%;
        height: 200px;

    }

    #common-sec-1>h1 {
        margin-top: 5vh;

    }

    /* home page la start aaguthu */
    .container-fluid {
        margin-top: 10px;


    }

    .navbar-toggler {
        margin-right: 2vh;
    }


    .navbar-toggler :focus,
    .navbar-toggler :active {
        box-shadow: none;
        border: none;
        outline: none;
    }


    .container-fluid>.navbar-brand>img {
        width: 215px;
        height: 70px;

    }


    .navbar-brand {
        margin-left: 0rem;
        padding: 0px;

    }


    .navbar-nav {
        margin-left: 0rem;
        gap: 0rem;
        margin-top: 1vw;
        padding: 3vw;
        border: 0.5px solid black;
        background-color: white;
        border-radius: 5px;
        width: 100%;

    }

    .navbar-nav>.nav-item>a {
        font-size: 18px;

    }

    span>strong {

        font-size: 18px;
    }

    .sec-1-maindiv {
        margin-top: 55px;
        gap: 4%;
        padding: 5px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
    }

    .sec-1-subdiv-1 img {
        width: 50vh;
        height: 45vh;
        border-radius: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: 2px 6px 8px black;

    }

    .sec-1-subdiv-2 {
        width: fit-content;
        height: fit-content;
        padding: 10px;
        padding-left: 0px;
        text-align: center;

    }


    .sec-1-subdiv-2 p {
        font-size: 20px;

    }

    /* Utility: remove background on specific page titles */
    .no-bg {
        background: transparent !important;
        padding: 0 !important;
        margin: 0 0 1rem 0 !important;
    }

    /* sec2 */

    .sec-2-content {
        gap: 7%;

    }


    .sec-2-content-h h3 {
        font-size: 18px;


    }

    .sec-2-content-h h1 {
        font-size: 28px;


    }

    .sec-2-content p {
        font-size: 20px;
        width: 45%;

    }

    .sec-2-img {
        width: 98%;
        height: fit-content;
        padding: 5px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-top: 15px;
        gap: 0px;



    }


    .sec-2-img-1 {

        width: 61%;
        height: 31vh;
    }


    .sec-2-img-2 {
        width: 33%;
        height: 31vh;

    }

    /* sec3 and 7 */
    #section3,
    #sec-7 , .sec-7{
        height: fit-content;
        width: 100%;
        gap: 2%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;


    }

    #section3 div img {
        width: 65%;
        height: 35vh;
    }

    #sec-7>div>img , .sec-7>div>img{
        width: 50vw;
        height: 45vh;
        border-radius: 39% 0px 0px 0px;


    }


    .sec-3-text {
        width: 100%;
        height: fit-content;
    }

    .sec-7-para {
        width: 50%;
        height: fit-content;
        /* text-align: center; */
    }

    .sec-3-text>h1
 {
        font-size: 26px;
      font-weight: 700;

    }


    .sec-3-text p,
    .sec-7-para p {
        font-size: 14px;
        font-weight: 100;
    }

    .sec-3-text h2,
    .sec-7-para h2 {
        font-size: 25px;
        font-weight: 450;
        /*font-style: italic;*/
    }

    /* sec4 */

    #section4 {
        width: 100%;
        margin: 12px;
        display: flex;
        flex-wrap: wrap;
    }

    #section4 div {
        width: 85%;
        height: auto;
        margin-top: 10px;text-align: center;
    }

    #section4 div img {
        width: 380px;
        height: 380px;
    }

    .sec-4-text {
        width: 85%;
        height: fit-content;
        padding: 20px;


    }

    .sec-4-text p {
        font-size: 18px;
        font-weight: 400;
        color: #686D76;
    }

    .sec-4-text h1 {
        font-size: 36px;
        font-weight: 700;
    }



   

    .card {
        width: 33vh;
        height: 40vh;
    }

    #card4 p,
    #card3 p,
    #card2 p,
    #card1 p {
        font-size: 20px;
    }

    .images {
        height: 30vh;
        width: 30vh;
    }


    /* sec8 */
    #sec-8 {
        height: fit-content;
        justify-content: space-evenly;
        align-items: center;
        display: flex;
        gap: 4%;
        padding: 5px;
    }

    #sec-8 img {
        display: none;

    }

    .sec-8-content {
        width: 95%;
        height: fit-content;
        padding: 0px;
        padding-left: 0px;



    }

    #sec-8 h2 {
        margin-bottom: 10px;
        font-size: 24px;
        font-weight: 500;

    }

    #sec-8 p {
        font-weight: 300;
        font-size: 14px;

    }

    /* sec9 */
    .sec-9 {
        max-width: 100%;
        height: fit-content;
        background-color: #fff;
        place-items: center;


    }

    .maindiv {
        width: 90%;
        padding: 30px;
        border-radius: 25px;

    }


    .main-first-div,
    .main-second-div {
        width: 98%;
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        row-gap: 2vh;
        padding: 5px;


    }

    .main-second-div {
        display: flex;
        flex-direction: column-reverse;
    }


    .main-first-div img,
    .main-second-div img {
        width: 57%;
        height: 28vh;
        margin-top: 0px;


    }

    .main-first-para,
    .main-second-para {
        width: 100%;
        height: fit-content;
        padding-left: 10px;
        padding-top: 5px;
    }

    .main-first-para h1,
    .main-second-para h1 {
        font-size: 20px;
        font-weight: 400;
        color: #000000;

    }

    .main-first-para p,
    .main-second-para p {
        font-size: 14px;
        color: #010101;
    }

    /* sec10 */
    .sec-10 .main-div {
        width: fit-content;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        padding: 20px;
        gap: 10%;
        height: fit-content;

    }

    .sec-10 .sub-div1,
    .sub-div2 {
        box-shadow: 0px 35px 35px #00000014;
        border-radius: 25px;
        width: 80%;
        gap: 10%;
        padding: 20px 40px 20px 40px;
        display: flex;
        justify-content: space-around;
        align-items: center;


    }

    .sec-10 .sub-div1 img,
    .sub-div2 img {
        width: 200px;
        height: 21vh;
        border-radius: 20px;

    }

    .sec-10 .sub-div1 div,
    .sub-div2 div {
        justify-content: space-evenly;
        align-items: center;
        height: fit-content;
    }

    .sec-10 .sub-div1 h2,
    .sub-div2 h2 {
        font-size: 24px;
        width: fit-content;

    }

    .sec-10-last-p {
        font-size: 20px;
        font-weight: 350;
        margin-top: 30px;

    }

    .sec-10 .sub-div1 h4,
    .sub-div2 h4 {
        font-size: 14px;
        float: right;

    }

    /* product page start aaguthuuuuuu */

    #product-sec1>h1 {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 40px;
        font-size: 24px;
        font-weight: 700;
    }

    #product-sec1 .common-div-product {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;

    }

    .common-div-product>img {
        width: 700px;
        height: 520px;
    }

    .common-div-product {
        background-color: #e0e0e0;
        padding: 30px 0;
        display: flex;
        justify-content: center;
        gap: 30px;
    }

    .common-div-product img {
        width: 520px;
        height: auto;
        border-radius: 16px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);

        height: 320px;
    }

    /* filter: grayscale(1) brightness(0.6); */

    /* sec2 */
    #abt-sec-2 {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        padding: 30px 10px 20px 25px;


    }


    #abt-sec-2 .sec-1-img img {
        object-fit: contain;
    }


    .abt-sec-2-para {
        width: 85%;
        padding: 35px 0px 0px 0px;

    }


    .abt-sec-2-para h1 {
        font-size: 30px;
        font-weight: 400;

    }


    .abt-sec-2-para p {
        font-size: 14px;

    }

    .abt-sec-2-para .about {
        font-size: 15px;

    }


    /* contact page */

    #c-sec-2 {
        background-color: rgba(241, 239, 236, 1);
        gap: 2%;
        padding: 25px 0px 30px 0px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        height: fit-content;
    }

    #c-sec-2>.c-sec2-content {
        padding: 20px;

    }

    #c-sec-2>.c-sec2-content>h5 {
        font-size: 32px;

    }

    #c-sec-2>.c-sec2-content>div {
        display: flex;
        flex-direction: row;
        row-gap: 0vh;
        gap: 3vh;
        font-size: 18px;
    }


    form {
        margin-top: 3vh;
    }

    form>.form-div-2 label {
        margin-bottom: 20px;

    }



    .c-sec-2-btn {
        margin-top: 25px;

    }

    /* CONTSCT LA 3 SEC///////////////////////////////////////////////////////////////////// */
    #c-sec-3 {
        height: fit-content;
        width: 100%;
        place-items: center;


    }

    #c-sec-3>div {
        width: 80%;
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        row-gap: 3vh;


    }


    #c-sec-3>div>.firstimage {
        gap: 5%;
        background-blend-mode: color;
        background-color: rgba(2, 2, 2, 0.281);

    }


    #c-sec-3>div>.secondimage {
        gap: 7%;
        background-blend-mode: color;
        background-color: rgba(2, 2, 2, 0.281);


    }



    #c-sec-3>div>.firstimage,
    #c-sec-3>div>.secondimage {
        height: 29vh;
        width: 70%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        border-radius: 15px;
        background-position-y: -5px;
    }

    #c-sec-3>div>.firstimage h4,
    .secondimage h4 {
        margin-top: 120px;
        color: white;


    }


    #c-sec-3>div>.firstimage div,
    #c-sec-3>div>.secondimage div {
        display: flex;
        gap: 20px;
        margin-top: 140px;
        font-size: 14px;
        color: white;
        width: 70%;

    }


    #c-sec-3>div>.thirdimage {

        width: 70%;
        margin: 25px 0px 0px 0px;
        gap: 4%;
        /* background-position-y: 140px; */

    }


    .thirdimage>div {
        display: flex;
        gap: 20px;
        margin: 145px 0px 0px 10px;
        font-size: 14px;
        color: white;



    }

    #c-sec-3>div>.thirdimage h4 {

        margin-top: 2px;
        color: white;
        font-size: 22px;

    }

    #location {
        width: 26px;
        height: 26px;
        margin-top: 8px;

    }

    .contct-pge-sec-3-span {
        margin-right: 25px;
        float: right;
        color: white;
    }


    /* our service///////////////////// */

    .our-service-sec-2 {
        height: fit-content;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px;


    }

    .our-service-sec-2 img {
        display: none;
    }

    .our-service-sec-2-content {
        width: 95%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 0px;

    }

    .our-service-sec-2-content h1 {
        font-size: 25px;
        font-weight: 0;

    }

    .our-service-sec-2-content p {
        font-size: 20px;
        width: 90%;
        margin-top: 5px;

    }


    /* sec3 */

    .our-service-sec-3 {
        padding: 4vh 0vh 4vh 0vh;
        place-items: center;
        background-color: #9A9DA3;

    }

    .our-service-sec-3 h4 {
        color: white;
        font-weight: 500;
        font-size: 20px;

    }

    .our-service-sec-3>.our-service-sec-heading {
        color: #fff;
        font-size: 30px;
        margin-bottom: 20px;

    }

    .our-service-sec-3-card-container {
        width: 98%;
        display: flex;
        scroll-behavior: smooth;
        justify-content: space-evenly;
        align-items: center;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding: 16px;
        scroll-padding-left: 90px;
        gap: 16px;
        margin-top: 0px;

    }

    .our-service-sec-3-card {
        width: 45vw;
        height: 65vh;
        flex: 0 0 auto;
        scroll-snap-align: center;
        scroll-behavior: smooth;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);


    }


    .our-service-sec-3-card-container::-webkit-scrollbar {
        display: none;
    }


    .our-service-sec-3-card img {
        width: 65%;
        height: 155px;



    }

    .our-service-sec-3-card h3 {
        font-size: 16px;
        padding: 0px 0px 0px 10px;
        margin-top: 0px;

    }

    .our-service-sec-3-card p {
        width: 90%;
        margin-top: 5px;


    }

    /* sec4  time row//////////////////*/


    #our-service-sec-4 {
        padding: 20px 20px 40px 20px;
        position: relative;
        width: 100%;
    }

    .center-img {
        width: 210px;
        height: 80px;
        margin-bottom: 1vh;




    }

    .our-service-sec-heading {
        color: black;
        margin-bottom: 10vh;
        font-weight: 550;
        font-size: 26px;



    }



    .time-div {
        width: fit-content;
        height: fit-content;
        place-items: center;
        padding: 10px 15px 10px 15px;
        margin-top: 1.5rem;
        margin-right: 50%;



    }

    .time-div>.time-1-div {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #0B6FF4;
        border: 5px solid rgb(124, 180, 197);
        padding-top: 0px;
        padding-bottom: 0px;

    }


    #arrow {
        width: 35px;
        height: 60px;
    }

    .time-div p {
        padding-top: 15px;
        font-size: 20px;
        color: white;

    }

    #service-4-sec-images {
        width: 30px;
        height: 30px;

    }

    .position1,
    .position3,
    .position5,
    .position2,
    .position4,
    .position6,
    .position7,
    .position8,
    .position9,
    .position10 {
        gap: 10px;
        padding: 10px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        border-radius: 10px;
        position: absolute;
        left: 47%;
        right: 0vh;
        width: fit-content;
        height: fit-content;
        padding: 5px 15px 10px 15px;

    }


    .position1 {
        top: 37.5vh;

    }

    .position2 {
        top: 56vh;
    }

    .position3 {
        top: 30.5rem;

    }


    .position4 {
        top: 38rem;

    }


    .position5 {
        top: 45rem;
    }

    .position6 {
        top: 53rem;

    }

    .position7 {
        top: 60rem;
    }

    .position8 {
        top: 67.5rem;

    }

    .position9 {
        top: 75rem;

    }


    .position10 {
        top: 82.5rem;



    }

    #service-4-sec-top-images,
    .position11,
    #service-4-sec-bottom-images,
    .position12 {

        display: none;
    }



    .position1 p,
    .position2 p,
    .position3 p,
    .position4 p,
    .position5 p,
    .position6 p,
    .position7 p,
    .position8 p,
    .position9 p,
    .position10 p {

        font-size: 20px;
        padding-top: 0px;
        font-weight: 550;
        margin-top: 13px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;

    }


    /* filter: brightness(0) invert(0); */

    #section5>marquee>#tex {
        /* filter: grayscale(100%) brightness(70%); */
        filter: url(#blackToGrey);
    }
}

@media (max-width: 767px) {
    .info-card {
        height: 50%;
        width: 300px;
    }


    .info-card p {
        font-size: 13px;

    }

    #product-sec1 .common-div-product {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    #product-sec1 .common-div-product {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .common-div-product>img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 679px) {
    .info-card {
        height: 50%;
        width: 250px;
    }

    .our-service-sec-3-card {

        width: 40vw;
        height: 60vh;

    }

    .info-card p {
        font-size: 13px;

    }
}

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

    #c-sec-3>div>.thirdimage {
        width: 78%;
        height: 180px;
        gap: 2%;
        background-position-y: -130px;

    }

    .thirdimage>div {
        display: flex;
        gap: 20px;
        margin: 120px 0px 0px 10px;
        font-size: 12px !important;

    }

    #c-sec-3>div>.thirdimage h4 {
        margin-top: 17vh;
        font-size: 20px;

    }

}

@media (max-width: 576px) {
    .logo-combo .logo-small {
        height: 40px;
    }

    .logo-combo .logo-large {
        height: 38px;
    }
}

@media (max-width:568px) and (min-width:318px) {

    .uniform-card .card-body {
        height: 30px !important;
    }

    #a-sec-3>.a-sec-3-maindiv {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        row-gap: 10px;
        padding: 20px;


    }

    .a-sec-3-maindiv div {
        width: 70%;
        height: fit-content;
        padding: 15px 50px 5px 20px;


    }



    .a-sec-3-maindiv div>p {
        font-size: 14px;
        font-weight: 550;

    }


    .our-service-sec-3-card {
        align-content: space-around;
        width: 25vw;

    }

    /* banner */
    .sec-11 {
        max-width: 100%;
        height: fit-content;

    }

    .sec-11-img {
        width: 90%;
        height: 28vh;
        background-size: cover;
        background-position-y: -20px;
    }

    .banner-content h2 {
        font-size: 20px;
        margin-left: 35px;
    }

    .sec-11-btn {
        font-size: 14px;
        margin-left: 25px;
        padding: 0px;
        width: 100px;
        height: 30px;
        margin-top: -10px;

    }

    /* footer */
    .foot-main-div {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        gap: 3vh;

    }

    .foot-sub-div-1 img {
        width: 44vh;
        height: 15vh;
        margin-top: 0vh;
        margin-left: 0vh;

    }

    .foot-sub-div-2 {
        gap: 0vh;
    }


    .foot-sub-div-2 ul>h3 {
        font-size: 22px;
        font-weight: 650;
    }

    .foot-sub-div-2 ul>a>li {
        font-size: 14px;
        margin-top: 5px;
        font-weight: 550;
    }

    .foot-sub-div-3 {
        margin-top: 10px;
        gap: 5%;
        font-size: 9px;

    }

    .foot-sub-div-3 div {
        gap: 5px;
    }


    /* common aa irukara contact service */
    #common-sec-1 {
        width: 100%;
        height: 150px;

    }


    #common-sec-1>h1 {
        margin-top: 4vh;

    }

    /* home pahe strt//////////////////////////////////// */
    span>strong {
        font-size: 17px;
    }

    .container-fluid {
        margin-top: 10px;


    }

    .container-fluid>.navbar-brand>img {
        width: 200px;
        height: 55px;
    }


    .navbar-brand {
        margin-left: 0px;
        padding: 0px;

    }


    .navbar-nav {
        margin-left: 0rem;
        gap: 0rem;
        margin-top: 4vh;
        padding: 3vh;
        border: 0.5px solid black;
        border-radius: 5px;
        width: 100%;
        background-color: white;

    }

    .navbar-nav>.nav-item>a {
        font-size: 18px;

    }

    .dropdown-item {
        font-size: 12px;


    }

    .dropdown-menu {
        margin-right: 10px;

    }


    .sec-1-maindiv {
        margin-top: 30px;
        gap: 4%;
        padding: 5px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;


    }

    .sec-1-subdiv-1 img {
        width: 41vh;
        height: 35vh;
        border-radius: 13px;
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: 4px 4px 6px black;

    }

    .sec-1-subdiv-2 {
        width: fit-content;
        height: fit-content;
        padding: 10px;




    }


    .sec-1-subdiv-2 p {
        font-size: 14px;

    }



    .sec-2-content {
        gap: 0%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding-left: 15px;


    }

    .sec-2-content-h {
        height: fit-content;
        width: fit-content;




    }

    .sec-2-content-h h3 {
        font-size: 17px;


    }

    .sec-2-content-h h1 {
        font-size: 28px;

    }

    .sec-2-content p {
        font-size: 14px;
        margin-top: 7px;
        height: fit-content;
        width: 95%;


    }

    .sec-2-img {
        width: 98%;
        padding: 5px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .sec-2-img-1 {

        width: 95%;
        height: 33vh;
        background-position: center;
    }


    .sec-2-img-2 {
        display: none;
    }


    #section3,
    #sec-7 , .sec-7{
        height: fit-content;
        width: 100%;
        gap: 2%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
    }

    #section3 div img {
        width: 85%;
        height: 33vh;
        margin-top: 0px;

    }

    #sec-7>div>img, .sec-7>div>img {
        width: 50vw;
        height: 45vh;
        border-radius: 36% 0px 0px 0px;

    }

    .sec-3-text {
        width: 100%;
        height: fit-content;


    }

    .sec-7-para {
        width: 100%;
        height: fit-content;

    }

    .sec-3-text>h1{
        font-size: 24px;
        font-weight: 300;
    }


    .sec-3-text p,
    .sec-7-para p {
        font-size: 13px;
        font-style: bold;

        font-weight: 500;

    }
    .sec-7-para h2{
        font-size: 24px;
    }

    .sec-3-text>li {
        font-size: 14px !important;
    }

    .sec-3-text h2 {
        font-size: 30px;
        font-weight: 450;
        /*font-style: italic;*/
    }


    /* sec4 */
 
 /* sec4 */

    #section4 {
        width: 100%;
        margin: 12px;
        display: flex;
        flex-wrap: wrap;
    }

    #section4 div {
        width: 85%;
        height: auto;
        margin-top: 10px;text-align: center;
    }

    #section4 div img {
        width: 320px;
        height: 320px;
    }

    .sec-4-text {
        width: 100%;
        height: fit-content;
        padding: 20px;


    }

    .sec-4-text p {
        font-size: 15px;
        font-weight: 400;
        color: #686D76;
    }

    .sec-4-text h1 {
        font-size: 24px;
        font-weight: 700;
    }

    /* sec6 */

    .sec-6-text {
        gap: 0%;
        justify-content: space-between;
    }

    .sec-6-text>.sec-6-div1>p {
        font-size: 14px;
    }

    .sec-6-text>.sec-6-div1>h2>span {
        font-size: 20px;
    }

    .sec-6-div1 {
        height: fit-content;
        width: 50vh;

    }

    .sec-6-div1>h2 {
        font-size: 20px;
    }

  
.card {
    width: 40vh;
     height: 225px;
 }



.card>div>img {
    height: 150px;
    width: 100%;
}

  #card4 p,#card3 p,  #card2 p, #card1 p {
        font-size: 14px;
    }

  

    /* sec8 */
    #sec-8 {

        height: fit-content;
        justify-content: space-evenly;
        align-items: center;
        display: flex;
        gap: 4%;
        padding: 5px;
    }

    #sec-8 img {
        display: none;

    }

    .sec-8-content {
        width: 95%;
        height: fit-content;
        padding: 0px;
        padding-left: 0px;


    }

    #sec-8 h2 {
        margin-bottom: 10px;
        font-size: 20px;

    }

    #sec-8 p {
        font-weight: 300;
        font-size: 13px;
    }



    /* sec9 */
    .sec-9 {
        max-width: 100%;
        height: fit-content;
        background-color: #fff;
        place-items: center;

    }

    .maindiv {
        width: 90%;
        padding: 30px;
        border-radius: 25px;

    }


    .main-first-div,
    .main-second-div {
        width: 98%;
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        padding: 5px;
        row-gap: 15px;
    }


    .main-first-div img,
    .main-second-div img {
        width: 70%;
        height: 26vh;
        margin-top: 0px;



    }

    .main-first-para,
    .main-second-para {
        width: 95%;
        height: fit-content;
        padding-left: 10px;
        padding-top: 5px;
    }

    .main-second-para {
        padding-right: 0px;

    }

    .main-first-para h1,
    .main-second-para h1 {
        font-size: 22px;
        font-weight: 400;
        color: #393C41;

    }

    .main-first-para p,
    .main-second-para p {
        font-size: 14px;
        color: #686D76;
    }

    /* sec10 */
    .sec-10 {
        place-items: CENTER;
    }

    .sec-10 .main-div {

        width: 95%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        padding: 20px;
        gap: 15%;

    }

    .sec-10 .sub-div1,
    .sub-div2 {
        box-shadow: 0px 25px 25px #00000014;
        border-radius: 25px;
        width: fit-content;
        gap: 10%;
        padding: 20px;
        display: flex;
        justify-content: space-around;
        align-items: center;


    }

    .sec-10 .sub-div1 img,
    .sub-div2 img {
        width: 18vw;
        height: 18vh;
        border-radius: 15px;
    }

    .sec-10 .sub-div1 div,
    .sub-div2 div {
        padding: 10px;
        justify-content: space-evenly;
        align-items: center;
        height: fit-content;

    }

    .sec-10 .sub-div1 h2,
    .sub-div2 h2 {
        font-size: 18px;


    }

    .sec-10-last-p {
        font-size: 14px;
        font-weight: 350;
        margin-top: 30px;


    }

    .sec-10 .sub-div1 h4,
    .sub-div2 h4 {
        font-size: 12px;



    }

    /* abut page..,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */
    /* sec2 */
    #abt-sec-2 {
        padding: 40px 0px 0px 0px;
        margin: 0px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;

    }


    #abt-sec-2 .sec-1-img img {
        object-fit: contain;
    }

    .abt-sec-2-para {
        width: 96%;
        padding: 0px 0px 0px 20px;


    }


    .abt-sec-2-para h1 {
        font-size: 20px;
        font-weight: 400;

    }


    .abt-sec-2-para p {
        font-size: 12px;

    }

    .abt-sec-2-para .about {
        font-size: 15px;

    }



    /* product pages///////////////////////////// */

    #product-sec1>h1 {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 40px;
        font-size: 22px;
        font-weight: 700;
    }

    #product-sec1 .common-div-product {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;

    }

    .common-div-product>img {
        width: 380px;
        height: 300px;

    }


    /* contact page */

    #c-sec-2 {
        background-color: rgba(241, 239, 236, 1);
        gap: 2%;
        padding: 25px 0px 30px 0px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        height: fit-content;
        margin-left: 0px;

    }

    #c-sec-2>.c-sec2-content {
        padding: 10px 5px 10px 5px;


    }

    #c-sec-2>.c-sec2-content>h5 {
        font-size: 23px;

    }

    #c-sec-2>.c-sec2-content>div {
        display: flex;
        flex-direction: column;
        row-gap: 0vh;
        justify-content: space-evenly;
        align-items: center;
        gap: 2vh;
        font-size: 16px;
        margin-top: 0px;

    }

    #c-sec-2>.c-sec2-content>div>a>button {
        padding: 8px;

    }

    form {
        margin-top: 3vh;
        width: fit-content;

    }


    form>.form-div-2 label {
        margin-bottom: 20px;

    }

    form>.form-div-1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 4vh;
        width: fit-content;
    }

    form>.form-div-2 textarea {
        cursor: text;
        width: 40vh;

    }

    .c-sec-2-btn {
        margin-top: 20px;

    }



    /* CONTSCT LA 3 SEC///////////////////////////////////////////////////////////////////// */
    #c-sec-3>div {
        width: 90%;
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        row-gap: 3vh;

    }


    #c-sec-3>div>.firstimage {
        gap: 5%;

    }




    #c-sec-3>div>.secondimage {
        gap: 7%;

    }

    #c-sec-3>div>.firstimage,
    #c-sec-3>div>.secondimage {
        height: 37vh;
        width: 70%;

        /* background-position-y: -5px; */
    }

    .thirdimage {
        height: 37vh !important;
        width: 70%;
    }

    #c-sec-3>div>.firstimage h4,
    .secondimage h4 {
        margin-top: 120px;
        font-size: 16px;

    }


    #c-sec-3>div>.firstimage div,
    #c-sec-3>div>.secondimage div {
        gap: 20px;
        margin-top: 140px;
        font-size: 12px;


    }



    /* service page///////////////////// */




    .our-service-sec-2 {
        padding: 0px;
        padding-top: 15px;


    }

    .our-service-sec-2 img {
        display: none;
    }

    .our-service-sec-2-content {
        width: 98%;

    }

    .our-service-sec-2-content h1 {
        font-size: 22px;
        font-weight: 0;

    }

    .our-service-sec-2-content p {
        font-size: 14px;
        width: 95%;
        margin-top: 5px;

    }


    /* sec3 */

    .our-service-sec-3 {
        padding: 3vh 0vh 3vh 0vh;
        place-items: center;



    }

    .our-service-sec-3 h4 {
        color: white;
        font-weight: 500;
        font-size: 20px;

    }

    .our-service-sec-3>.our-service-sec-heading {
        color: #fff;
        font-size: 28px;
        margin-bottom: 20px;

    }

    .our-service-sec-3-card-container {
        width: 98%;
        display: flex;
        scroll-behavior: smooth;
        justify-content: space-evenly;
        align-items: center;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding: 16px;
        scroll-padding-left: 90px;
        gap: 16px;
        margin-top: 0px;

    }

    .our-service-sec-3-card {
        width: 70vw;
        height: 50vh;
        flex: 0 0 auto;
        scroll-snap-align: center;
        scroll-behavior: smooth;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);


    }


    .our-service-sec-3-card-container::-webkit-scrollbar {
        display: none;
    }


    .our-service-sec-3-card img {
        width: 60%;
        height: 135px;

    }

    .our-service-sec-3-card h3 {
        font-size: 14px;
        padding: 0px 0px 0px 10px;
        margin-top: 0px;

    }

    .our-service-sec-3-card p {
        width: 90%;
        margin-top: 5px;
        font-size: 14px;


    }

    /* sec4  time row//////////////////*/


    #our-service-sec-4 {
        padding: 20px 20px 20px 20px;
        padding: 0px;
        position: relative;
        width: 100%;

    }

    .center-img {
        width: 210px;
        height: 80px;
        margin-bottom: 1vh;




    }

    .our-service-sec-heading {
        color: black;
        margin-bottom: 10vh;
        font-weight: 550;
        font-size: 26px;



    }



    .time-div {
        width: fit-content;
        height: fit-content;
        place-items: center;
        padding: 10px 15px 10px 15px;
        margin-top: 1.5rem;
        margin-right: 50%;




    }

    .time-div>.time-1-div {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #0B6FF4;
        border: 5px solid rgb(124, 180, 197);
        padding-top: 0px;
        padding-bottom: 0px;

    }


    #arrow {
        width: 30px;
        height: 55px;
    }

    .time-div p {
        padding-top: 14px;
        font-size: 14px;
        color: white;

    }

    #service-4-sec-images {
        width: 20px;
        height: 20px;

    }

    .position1,
    .position3,
    .position5,
    .position2,
    .position4,
    .position6,
    .position7,
    .position8,
    .position9,
    .position10 {
        gap: 9px;
        padding: 10px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        border-radius: 10px;
        position: absolute;
        left: 40%;
        right: 0vh;
        width: fit-content;
        height: fit-content;
        padding: 5px 15px 10px 15px;


    }


    .position1 p,
    .position2 p,
    .position3 p,
    .position4 p,
    .position5 p,
    .position6 p,
    .position7 p,
    .position8 p,
    .position9 p,
    .position10 p {

        font-size: 14px;
        padding-top: 0px;
        font-weight: 550;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;


    }


    .position1 {
        top: 34vh;

    }

    .position2 {
        top: 50.5vh;
    }

    .position3 {
        top: 27rem;

    }


    .position4 {
        top: 33.5rem;

    }


    .position5 {
        top: 40rem;
    }

    .position6 {
        top: 46.5rem;

    }

    .position7 {
        top: 53.5rem;
    }

    .position8 {
        top: 60rem;

    }

    .position9 {
        top: 66.5rem;

    }


    .position10 {
        top: 73rem;



    }

    #service-4-sec-top-images,
    .position11,
    #service-4-sec-bottom-images,
    .position12 {

        display: none;
    }


    /* footer///////////////////// */

    footer {
        padding: 0px;

    }

    .footer-main-div {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;

    }


    .footer-main-div img {
        width: 42vh;
        height: 18vh;
        margin: 0px 0px 15px 0px;


    }

    .foot-sub-div-2 {
        display: flex;
        gap: 0.5vh;


    }

    .foot-sub-div-2 ul>h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .foot-sub-div-2 ul>li>a {
        color: black;
        font-size: 12px;

    }

    .foot-sub-div-3 {
        margin-top: 30px;
        padding: 10px;
        gap: 0%;
        font-size: 12px;


    }



}

@media screen and (max-width:420px) {
    .uniform-card .card-body {
        height: 30px !important;
    }

    .container-fluid>.navbar-brand>img {
        width: 170px;

    }

    .navbar-nav {
        margin-top: 7vw;
        padding: 0vw 0vw 0vw 3vw;

    }

    /* kannu div */


    .a-sec-3-maindiv div {
        width: 80%;
        height: fit-content;
        padding: 15px 50px 5px 20px;


    }

    .sec-11-img {
        height: 23vh;
        background-position-y: -20px;


    }

    .main-first-div img,
    .main-second-div img {
        width: 75%;
        height: 22vh;

    }


 #sec-7>div>img , .sec-7>div>img{
        width: 50vw;
        height: 35vh;
        border-radius: 36% 0px 0px 0px;

    }


    #section4 img {
        width: 37vh;
        height: 30vh;




    }

    #section3 div img {
        width: 85%;
        height: 27vh;



    }



    /* product pages///////////////////////////// */

    #product-sec1>h1 {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 700;
    }

    #product-sec1 .common-div-product {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;

    }

    .common-div-product>img {

        width: 290px;
        height: 230px;




    }


    /* commoon contact service  */
    #common-sec-1 {
        width: 100%;
        height: 130px;

    }


    #common-sec-1>h1 {
        margin-top: 3vh;
        font-size: 24px;

    }

    /* SERVICE PAGE//////// */

    .position1,
    .position3,
    .position5,
    .position2,
    .position4,
    .position6,
    .position7,
    .position8,
    .position9,
    .position10 {
        padding: 8px;

        left: 30%;


    }

    .position8 {
        top: 59.5rem;

    }

    .position9 {
        top: 66rem;

    }

    .time-div {

        margin-right: 70%;

    }

    #our-service-sec-4 {
        padding: 0px;

    }




    /* about page///////////////////// */


    #abt-sec-2 {
        padding: 20px 5px 15px 5px;


    }


    #abt-sec-2 .sec-1-img img {
        object-fit: contain;
    }


    .abt-sec-2-para {
        width: 85%;
        padding: 35px 0px 0px 0px;

    }


    .abt-sec-2-para h1 {
        font-size: 20px;
        font-weight: 400;

    }


    .abt-sec-2-para p {
        font-size: 13px;

    }

    .abt-sec-2-para .about {
        font-size: 13px;

    }





    #a-sec-4>.a-sec-4-maindiv {

        width: 200px;
        height: 240px;
        margin-top: 4vh;

    }

    #a-sec-4>.a-sec-4-maindiv>.div1 p,
    .div2 p,
    .div3 p,
    .div4 p {
        font-size: 20px;
        font-weight: 200;



    }

    #a-sec-4>.a-sec-4-maindiv>.div1 {
        width: 17vh;
        height: 3vh;
        top: 7vh;
        left: 21vh;


    }

    #a-sec-4>.a-sec-4-maindiv>.div2 {
        width: 14vh;
        top: 10vh;
        right: 23vh;
        height: 5.5vh;

    }


    #a-sec-4>.a-sec-4-maindiv>.div3 {
        width: 15vh;
        height: 6vh;
        left: 22vh;
        top: 24vh;
        padding: 2px;
    }

    #a-sec-4>.a-sec-4-maindiv>.div4 {
        width: 15vh;
        top: 28vh;
        right: 22vh;
        height: 6vh;

    }

    /* contact pagess///////// */

    #c-sec-3>div {
        width: 93%;
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        row-gap: 3vh;


    }


    #c-sec-3>div>.firstimage {
        gap: 0%;



    }


    #c-sec-3>div>.secondimage {
        gap: 5%;



    }

    #c-sec-3>div>.firstimage,
    #c-sec-3>div>.secondimage {
        height: 25vh;
        width: 90%;
        background-position-y: -5px;
    }

    #c-sec-3>div>.firstimage h4,
    .secondimage h4 {
        margin-top: 110px;
        font-size: 12px;

    }


    #c-sec-3>div>.firstimage div,
    #c-sec-3>div>.secondimage div {
        gap: 20px;
        margin-top: 120px;
        font-size: 10px;


    }

    .foot-sub-div-3 {
        margin-top: 10px;
        gap: 5%;
        font-size: 9px;

    }


}

@media (max-width: 576px) {
    .img-container {
        height: 150px;
    }
}