#logo a{
    padding: 7px 0;
     display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
   
}
#logo img{
    width: 200px;
}
#logo p{
    color: #222;
    font-size: 13px;
    margin: 0;
    margin-top: -8px;
}
.header-white{
    background-color: #fff;
}
#mainmenu li a{
    color: #000;
    font-size: 17px;
}
h3.slider-teaser{
    font-weight: 400;
    font-size: 20px;
    max-width: 700px;
    margin: 0 auto;
}
.home-about p{
    color: #222;
}
.home-about h2{
    margin-bottom: 5px;
}



.bg-light-cs {
    background-color: #f5f5f5;
}

.mision-box {
    width: 100%;
    height: 100%;
}
.mision-box img{
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
}
.mision-icon {
    width: 80px;
    height: 80px;
    background-color: #05377c;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    font-size: 35px;
    color:#fff ;
}

.mision-box-info {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    height: 80%;
}

.mision-box-info h3 {
    font-size: 25px;
    color: #000;
    margin: 10px 0;
}

.mision-box-info p {
    font-size: 16px;
    line-height: 27px;
    color: #222;
    margin: 0;
}


.mision-img {
    width: 100%;
    height: 100%;
    position: relative;
}

.mision-img img {
    width: 100%;
    position: absolute;
    height: 150%;
    object-fit: cover;
    left: 0;
    bottom:-15px;
    border-radius: 10px;
}
.why-choose-hevaco h2{
    margin-bottom: 5px;
}

.why-choose-hevaco p{
    color: #222;
}

.why-choose-hevaco ul{
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.why-choose-hevaco ul li{
    width: 49%;
    margin-bottom:25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: #222;

}
.why-choose-hevaco ul li i{
    width: 30px;
    margin-right: 0px;
    font-size: 25px;
    color: #05377c;
}
.section-padding{
    padding: 60px 0;
}
img.home-about-img1{
    width: 311px;
    height: 311px;
    object-fit: cover;
    border-radius: 12px;
}
img.home-about-img2{
    width: 311px;
    height: 311px;
    object-fit: cover;
    border-radius: 12px;
}
.section-title{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.section-title .subtitle{
    background-color: #fff;
}
.section-title h2{
    font-size: 35px;
    font-weight: 600;
    text-align: center;
}
.section-title p{
    color: #222;
    margin: 5px 0;
    text-align: center;
}
.blur-background{
    background-color: #0000004b;
    padding: 60px;
    backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.team-main-para p{
    font-size: 19px;
    margin-bottom: 10px;
    color: #fff;
    line-height: 35px;
}
.team-main-para h2{
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0.5px;
}
img.tm-main-img{
    width: 250px;
    height:300px;
    object-fit: cover;
    border-radius: 10px;
}

.tm-secondry-box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 20px;
}
.tm-secondry-box img{
    min-width: 250px;
    height:300px;
    object-fit: cover;
    border-radius: 20px;
}

.tm-secondry-box div{
    padding-left: 20px;
}
.tm-secondry-box p{
    font-size: 16px;
    color: #222;
    margin-bottom: 5px;
}
.tm-secondry-box h4{
    margin-top: 20px;
}
.team-title h2{
    font-size: 30px;
    font-weight: 600;
    text-align: center;

}

.team-manage-widget img{
    width: 100%;
    height: 180px;
    border-radius: 10px;
    object-fit: cover;
}
.row-col-5 .col-lg-3{
    width: 20%;
    padding: 0 7px;
}
.team-manage-widget{
    background-color: #e3e5e7;
     height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 15px;
}
.team-manage-widget a{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #000 !important;
    margin-top: 7px;
    display: flex;
    

}
.product-container{
    background-color: #fff;
   

}
.product-container img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.product-container h4{
    padding: 10px 0;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

.product-container  p{
    text-align: center;
    margin: 0;
    color: #222;
}

.what-we-do-widget{
    padding: 25px;
    border: 1px solid #5b5b5b;
    border-radius: 15px;
    height: 100%;
}
.what-we-do-widget h4{
    font-weight: 700;
    color: #000;
    font-size: 20px;
}
.what-we-do-widget ul{
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 20px;
 
}
.what-we-do-widget ul li{
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;
    color: #000;
}
.what-we-do-widget ul li i{
    color: #05377c;
    margin-right: 12px;
}
.bg-gradiant {
    background: radial-gradient(circle, #bed1ee5f 0%, rgba(255, 255, 255, 1) 100%);
}



.dashboard-report-container ul.nav-tab-main {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0 !important;
    position: relative;
    margin-bottom: 10px;
}

.dashboard-report-container ul.nav-tab-main span.bg-span-ul {
    width: 425px;
    height: 62px;
    background: #05377c;
    display: flex;
    border-radius: 40px;
    position: absolute;
    /*z-index: -1;*/
}

.dashboard-report-container ul.nav-tab-main li button {
    width: 200px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    color: #fff;
    font-weight: 500;
    margin: 0 2px;
    border: 0 !important;
    position: relative;
    z-index: 2;
}



.clientele-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.clientele-widget ul li {
    padding: 15px 15px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: 500;
    font-size: 15.5px;
    width: 24%;
    color: #222;
    margin-bottom: 5px;
    white-space: nowrap;
    gap: 5px;
    min-height: 115px;
}
.clientele-widget ul li img{
    width: 40px;
}

.clientele-widget ul li i {
    font-size: 30px;
    color: #0d6825;
    margin-right: 5px;
}

.gallery-container{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.gallery-container .nav-tab-main{
    width: 30%;
    display: flex;
    flex-direction: column;
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 15px;
}
.gallery-container .nav-tab-main li{
    width: 100%;
    margin-bottom: 10px;
}
.gallery-container .nav-tab-main li button{
    width: 100%;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: #000;
    border-radius: 10px;
       border: 0;
       height: 50px;
}
.gallery-container .nav-tab-main li button.active,.gallery-container .nav-tab-main li button:hover{
    background-color: #05377c;
    color: #fff;
    border: 0;
}
.gallery-container .tab-content{
    padding-left: 20px;
    width: 70%;
}

a.a-gallery {
    width: 100%;
    height: 100%;
    display: flex;
}

.gallery-img {
    width: 100%;
    height: 180px;
    border-radius: 20px;
    overflow: hidden;
    cursor: zoom-in;
}

.gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-img:hover img {
    transform: scale(1.1);
    rotate: 4deg;
    transition: 0.5s;
}
.accordion-section-title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 17px;
}
.accordion-section-title i{
    font-size: 25px;
    color: #05377c;
}
.accordion-section-content p{
    font-size: 16px;
    color: #222;
}
.img-faq img{
    width: 100%;
    height: 400px;
    border-radius: 20px;
    object-fit: cover;
}
.iws-left h3{
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.iws-left ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
}
.iws-left ul li{
    width: 49%;
    border: 1px solid #b2b2b2;
    padding: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border-radius: 15px;
}
.iws-left ul li span{
    width: 45px;
    height: 45px;
    background-color: #05377c;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.iws-img img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
}



.contact-left span {
    font-size: 40px;
    font-weight: 600;
    color: #000;
}


.contact-left h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 10px 0;
}

.contact-left p {
    font-size: 15.5px;
    color: #222;
}

.contact-left img {
    width: 100%;
    height: 400px;
    border-radius: 20px;
    object-fit: cover;
}
.contact-left ul{
    margin: 0;
    padding: 0;
    list-style: none;

}
.contact-left ul li{
    margin: 20px 0;
    font-size: 17px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 15px;
}
.contact-left ul li i{
    width: 45px;
    height: 45px;
    display: flex;
    justify-content:center;
    align-items: center;
    background-color: #05377c;
    color: #fff;
    border-radius: 50%;
}
.contact-right {
    padding: 0 20px;
}

.contact-right form {
    background-color: #f7f7f7;
    padding: 30px;
    border-radius: 15px;

}

.contact-field input,
.contact-field select {
    height: 50px;
    font-size: 15px;
    border-radius: 8px;
    color:#000;
    
}

.contact-field label {
    font-size: 14px;
    font-weight: 600;
    color:#000;
    
}

.contact-field textarea {
    height: 150px;
    font-size: 15px;
    color:#000;
    
    border-radius: 8px;
}

.contact-right button {
    width: 180px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #05377c;
    color:#fff;
    border-radius: 10px;
    text-decoration: none;
    border: 0;
    transition: 0.5s;
}

.contact-right button:hover {
    border-radius: 40px;
    background-color: #03295e;

}



.footer-section {
    background-color: #dcdcdc;
    /* padding-bottom: 50px; */
}

.footer-top-section {
    background-color: #633c08;
    height: 350px;
    width: 100%;
    position: relative;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-top-section img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.footer-top-section h1 {
    position: absolute;
    bottom: -15%;
    width: fit-content !important;
    font-size: 18vw;
    margin: 0;
    font-weight: 600;
    color: #6f4916;
    white-space: nowrap;
    width: 100%;
}

.footer-top-section-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 300px;
}

.footer-top-section-info h3 {
    color: var(--color-white);
    font-size: 35px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 45px;
    text-transform: capitalize;
}

.footer-top-section-info a {
    background-color: var(--color-white);
    padding: 7px 15px;
    border-radius: 40px;
    color:#000;
    text-decoration: none;
    font-size: 23px;
    position: relative;
    z-index: 1;

}

.footer-top-section-info a:hover {
    background-color: var(--primary);
    color: var(--color-white);
}
.footer-logo a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.footer-widget img {
    width: 280px;
}
.footer-widget a p{
    color: #000;
    margin-left: 80px;
    font-size: 17px;
    margin-top: -5px;
}
.footer-widget p {
    color: var(--color-white);
    font-size: 14px;
    margin-top: 10px;
    line-height: 25px;
}
.footer-widget p.p-logo{
     color:#000;
    font-size: 15px;
    margin-top: 10px;
    line-height: 28px;
}

.footer-bottom-container {
    padding-top: 20px;
}

.footer-link-widget {
    padding: 10px;
    border-right: 1px solid var(--footer-border);
    padding-top: 0;
    margin-top: 20px;
    height: 100%;
    padding-bottom: 0;
}

.footer-link-widget h3 {
    font-weight: 700;
    color: #000;
    font-size: 22px;
    margin-bottom: 20px;
}

.footer-link-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 20px;
}

.footer-link-widget ul li {
    margin: 10px 0;
}

.footer-link-widget ul li a {
    color:#000;
    font-size: 15px;
    text-decoration: none;
    transition: 0.5s;
    display: flex;
    font-weight: 500;
}

.footer-link-widget ul li a:hover {
    color: #03295e;
    text-decoration: underline;
    font-weight: 500;
}

.footer-link-widget ul li a i {
    margin-right: 10px;
}


.footer-icon-link h3 {
    font-weight: 600;
    font-size: 23px;
    text-transform: none;
}

.footer-icon-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 0;
}

.footer-icon-link ul li a {
    width: 40px;
    height: 40px;
    border: 1px solid #05377c;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #05377c;
    transition: 0.5s;
}

.footer-icon-link ul li a i {
    margin: 0;
}

.footer-icon-link ul li a:hover {
    background-color: #05377c;
    color: var(--color-white);
    /* margin-top: -10px; */
}

.copy-right {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    margin-top: 20px !important;
    border-top: 1px solid #ccc;
    padding-bottom: 10px;
}

.copy-right p {
    font-weight: 400;
    color: #222;
    margin: 0;
    text-align: center;
    font-size: 14px;
}
.copy-right p a{
    color:#000;
    text-decoration: none;
}
.copy-right p a:hover{
    color: var(--primary);
}
.links-flex{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.links-flex li{
    width: 49%;
    margin-bottom: 5px !important;
}
.organization-widget{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #fff;
    padding: 25px;
    border-radius: 20px;
    height: 100%;
}
.organization-widget img{
    width: 40px;
}
.organization-widget i.icons{
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #378a0a;
    color: #fff;
    font-size: 30px;
    border-radius: 50%;
}
.organization-widget h3{
    font-size:20px;
    font-weight: 700;
    margin: 12px 0;
    color: #000;
    text-align: center;
}
.organization-widget a{
    color: #05377c;
    font-size: 16px;
    font-weight: 600;
}
.home-about-img {
    width: 100%;
    height:550px;
    border-radius: 20px;
    object-fit: cover;
}


.whatspp-home {
    position: fixed;
    bottom: 10%;
    right: 30px;
    display: flex;
    justify-content:center;
    align-items: center;
    width: fit-content;
    height: 55px;
    width: 55px;
    border-radius: 40px;
    border: 3px solid #fff;
    text-decoration: none;
    color: #fff;
   z-index: 50000;
    gap: 10px;
    font-size: 23px;
    font-weight: 600;
    background-color: #25D366;
    transition: 0.5s;
}

.whatspp-home:hover {
    border-color: #25D366;
    color: #25D366;
    background-color: #fff;
}
/* .web-tagline{
   position: fixed;
    bottom:13%;
    right:0px;
    z-index: 1100;
    font-weight: 600;
    margin: 0;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 16px;
font-weight: 700;
max-width: 200px;
text-align: center;
line-height: 25px;
}
.web-tagline.scrolled {
    color: #000;
}
.web-tagline img{
    width: 60px;
} */
 .web-tagline{
    position: fixed;
    bottom: 12%;
    right: 20px;
    z-index: 1100;

    display: flex;
    align-items: center;
    gap: 12px;

    max-width: 260px;
    padding: 14px 18px;

    background: linear-gradient(135deg,#ff9f1c,#ff5e3a);
    color: #fff;

    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);

    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;

    backdrop-filter: blur(10px);

    transition: all .35s ease;
    animation: floatTag 3s ease-in-out infinite;
}

.web-tagline:hover{
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

.web-tagline img{
    width: 58px;
    height: 58px;
    animation: rotateSun 12s linear infinite;
    filter: drop-shadow(0 0 12px rgba(255,215,0,.8));
}

.web-tagline span{
    display: block;
}

.web-tagline.scrolled{
    background: rgba(255,255,255,.9);
    color: #222;
}

@keyframes floatTag{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-8px);
    }
}

@keyframes rotateSun{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
#subheader{
    padding-top: 230px;
    padding-bottom: 150px;
}
.mission-about-img{
    height: 450px;
    border-radius: 20px;
    width: 100%;
    object-fit: cover;
}
.mission-about h2{
    font-size: 35px;
    letter-spacing: 0.5px;
}


.hvac-main-section{
    max-width:1100px;
    margin:auto;
    padding:60px 20px;
  }

  .hvac-heading-area{
    text-align:center;
    margin-bottom:40px;
  }

  .hvac-mini-title{
    font-size:14px;
    letter-spacing:1px;
    color:#0b6aa2;
    margin-bottom:10px;
  }

  .hvac-main-heading{
    font-size:32px;
    font-weight:600;
    margin-bottom:0;
    color:#111;
  }

  .hvac-sub-heading{
    font-size:18px;
    color:#555;
    margin-bottom:12px;
  }

  .hvac-description-text{
    font-size:15px;
    color:#666;
    margin:auto;
    line-height:1.7;
  }

  
  .hvac-service-box{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:10px;
    padding:24px;
    transition:0.3s ease;
    height: 100%;
  }

  .hvac-service-heading{
    font-size:18px;
    font-weight:600;
    color:#000;
    margin-bottom:12px;
    line-height:1.4;
    text-align: center;
  }

  .hvac-service-content{
    font-size:15px;
    color:#555;
    line-height:1.7;
    text-align: center;
  }

.tm-secondry-box-2 {
    position: relative;
   
    background: linear-gradient(135deg, #f7f7f8, #f5f7f9);
    padding: 10px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 100%;
}

.tm-secondry-box-2::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: rgba(13, 59, 102, 0.08);
    border-radius: 50%;
}

.tm-secondry-box-2 img {
    width: 260px;
    height: 320px;
    object-fit: cover;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.tm-secondry-box-2 > div {
    position: relative;
    z-index: 1;
}

.tm-secondry-box-2 h4 {
    font-size: 22px;
    font-weight: 600;
    color: #0d3b66;
    margin-bottom: 8px;
    margin: 12px 0;
}

.tm-secondry-box-2 h6 {
    display: inline-block;
    background: #0d3b66;
    color: #fff;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.tm-secondry-box-2 h3 {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin-bottom: 5px;
    line-height: 1.4;
}

.tm-secondry-box-2 p {
    font-size: 15.5px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 900px) {
    .tm-secondry-box-2 {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }

    .tm-secondry-box-2 img {
        width: 100%;
        max-width: 320px;
        height: auto;
    }

    .tm-secondry-box-2 h4 {
        font-size: 28px;
    }

    .tm-secondry-box-2 h3 {
        font-size: 22px;
    }
}


.about-bottom-img img {
    width: 100%;
    height: 470px;
    border-radius: 12px;
    object-fit: cover;
    display: block;
}

.about-bottom-right {
    padding: 20px 20px;
}

.about-bottom-right ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-bottom-right ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    margin-bottom: 16px;
    line-height: 1.5;
}

.about-bottom-right ul li i {
    color: #0d6efd; /* Change icon color if needed */
    font-size: 20px;
    flex-shrink: 0;
}

.about-bottom-right p {
    margin-top: 12px;
    font-size: 17px;
    line-height: 1.7;
    color: #555;
    font-weight: 400;
}

/* Responsive */
@media (max-width: 991px) {
    .about-bottom-img {
        margin-bottom: 30px;
    }

    .about-bottom-right {
        padding: 0;
    }

    .about-bottom-right ul li {
        font-size: 16px;
    }

    .about-bottom-right p {
        font-size: 16px;
    }
}

.product-top h2{
    font-size: 33px;
    line-height: 1.5;
}


.product-container-main{
    position: relative;
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #b1b1b1;
    transition: 0.4s ease;
    cursor: pointer;
    position: relative;
    height: 100%;
}

.product-container-main:hover{
    transform: translateY(-10px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* IMAGE */

.product-container-main img{
    width: 100%;
    height: 270px;
    object-fit: cover;
    display: block;
    transition: 0.5s ease;
}

.product-container-main:hover img{
    transform: scale(1.08);
}

/* CONTENT */

.product-container-info{
    padding: 20px;
    background: #ffffff;
    overflow: hidden;
}

/* TITLE */

.product-container-info h3{
    font-size: 21px;
    line-height: 1.3;
    color: #000;
    margin-bottom: 5px;
    font-weight: 700;
    text-align: center;
}

/* SUBTITLE */

.product-container-info h4{
    font-size: 16px;
    color: #1d7bd8;
    margin-bottom:8px;
    font-weight: 600;
    text-align: center;
}

/* SHORT CONTENT */

.product-container-info > p{
    font-size: 15px;
    line-height: 1.7;
    color: #383839;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    transition: 0.3s ease;
    text-align: center;
}

/* HOVER PANEL */

.product-highlights{
    position: absolute;
    left: 0;
    bottom: -105%;
    width: 100%;
    height: 100%;
    overflow-y: auto;

    background: linear-gradient(135deg,#0a4b88,#0d6bc1);
    color: #ffffff;

    padding: 20px;
    transition: 0.45s ease;
    display: flex;
}

/* SHOW FULL CONTENT ON HOVER */

.product-container-main:hover .product-highlights{
    bottom: 0;
}

/* SECTION HEADINGS */

.product-highlights h5{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
    margin-top: 10px;
    letter-spacing: 0.5px;
}

.product-highlights h5:first-child{
    margin-top: 0;
}

/* LISTS */

.product-highlights ul{
    list-style: none;
    margin-bottom: 22px;
   padding: 0;

}

/* LIST ITEMS */

.product-highlights ul li{
    position: relative;
    padding: 12px 14px 12px 42px;
    background: rgba(255,255,255,0.12);
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.6;
    backdrop-filter: blur(4px);
}

/* CUSTOM ICON */

.product-highlights ul li::before{
    content: "✔";
    position: absolute;
    left: 14px;
    top: 11px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
}

/* SCROLLBAR */

.product-highlights::-webkit-scrollbar{
    width: 6px;
}

.product-highlights::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,0.35);
    border-radius: 10px;
}

/* RESPONSIVE */

@media(max-width:768px){

    .product-container-main{
        max-width: 100%;
    }

    .product-container-info{
        min-height: auto;
    }

    .product-highlights{
        position: relative;
        bottom: 0;
        height: auto;
        margin-top: 24px;
        border-radius: 18px;
    }

    .product-container-main:hover .product-highlights{
        bottom: 0;
    }
}

.product-container-info a{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #05377c;
    color: #fff;
    rotate: -40deg;
    margin: 5px auto;
    font-size: 25px;
    transition: 0.5s;
}
.product-container-info a:hover{
    rotate: 0deg;
    color: #fff;
}

.product-container-main-secondry{
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 20px;
}
.product-img-container{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.product-img-container img{
    min-width: 200px;
    width: 200px;
    height: 150px;
    object-fit: cover;
    border-radius: 12px;
}

.product-container-info-secondry{
    padding-left: 20px;
}
.product-container-info-secondry h3{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px;
}
.product-container-info-secondry h4{
    font-size: 16px;
    color: #0a4b88;
    margin-bottom: 5px;
}
.product-container-info-secondry p{
    font-size: 15.7px;
    color: #000;
}

.product-container-main-secondry hr{
    margin: 10px 0 !important;
}

.product-highlights-secondry h5{
    color: #000;
    font-weight: 600;
}
 .product-highlights-secondry ul li{
    margin: 8px 0;
    color: #000;
 }

 #contact_form textarea{
    height: 150px;
 }
.contact-left-us h3{
    font-size: 30px;
    font-weight: 600;
    color: #000;
    padding-right: 80px;
 }
 .contact-left-us p{
padding-right: 150px;
font-size: 16px;
color: #000;
 }

 .contact-map iframe{
    width: 100%;
    height: 400px;
 }
  .cnt-data{
    margin-bottom: 15px;
  }
   .cnt-data {
    font-size: 16px;
    color: #3f3e3e;
   }
 .cnt-data div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
 }
  .cnt-data div i{
    color: #fff;
    width: 35px;
    height: 35px;
    background-color: #05377c;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
   .cnt-data p{
    padding-left: 40px;
   }
  .cnt-data ul{
    margin: 0;
    list-style: none;
    padding: 0;
    margin-top: 12px;
    
  }
    .cnt-data ul li{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 15px;
    }


    #headerCS {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;

}

/* scroll style */
#headerCS.header-scrolled {
    background: #ffffff;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08);
}

/* hide header while scrolling down */
#headerCS.header-hide {
    transform: translateY(-100%);
}

/* show header */
#headerCS.header-show {
    transform: translateY(0);
}
.header-scrolled #topbar{
    display: none;
}

.field-set .d-label{
    margin-bottom: 5px;
}
.crum-dt h1{
    text-align: center;
}
.crum-dt ul{
    text-align: center;
    display: flex;
    justify-content: center;
}
.crum-dt ul li,.crum-dt ul li a{
    font-size: 16px;
}

html{
    scroll-padding-top: 5rem !important;
}
.sun-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sun-img img{
    width: 150px;
}
.blur-bg-cs{
    padding: 25px;
    padding-left: 50px;
}


.owl-carousel .owl-stage {
    transition-timing-function: linear !important;
}
.fixed-tagline{
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 10px;
    z-index: 5000;
    width: 100%;
}
.fixed-tagline .container-fluid{
    display: flex;
    justify-content:flex-end;
    align-items: center;
    padding: 0 70px;
    padding-right: 0 !important;
}
.fixed-tagline .container{
    display: flex;
    justify-content:flex-start;
    align-items: center;
    
}
.fixed-tagline img{
    min-width: 80px;
    width: 100%;
    max-width: 80px;
    animation: rotateSun 12s linear infinite;
}
.fixed-tagline .container-fluid .fixed-animation{
    width: 100%;
}
.fixed-tagline .container .fixed-animation{
    width: 100%;
}

.animation-carousel .owl-stage {
    transition-timing-function: linear !important;
}
.fixed-animation {
    width: 100%;
    overflow: hidden;
    
}

.fixed-animation p {
    display: inline-block;
    margin: 0;
    transform: translateX(100vw);
    animation: slideLoop 20s linear infinite;
    font-weight: 600;
    font-size: 23px;
    color: #000;
    letter-spacing: 3px;
    white-space: nowrap;
}

@keyframes slideLoop {
    from {
        transform: translateX(100vw);
    }
    to {
        transform: translateX(-100%);
    }
}



@keyframes rotateSun{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
body{
    padding-bottom: 100px;
}

.cnt-data p{
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 25px;
}


.event-galery {
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    height: 100% !important;
     background: #f8f9fa !important;
}


.event-galery-img {
    overflow: hidden !important;
    
}
.event-galery-img .gallery-img{
 height: 220px !important;
 border-radius: 10px;
}
.event-galery-img .gallery-img:hover img{
    rotate: 1deg;
}
.event-galery-img img {
    width: 100% !important;
   height: 100% !important; 
    object-fit: cover !important;
    border-radius: 10px !important;
    transition: transform 0.4s ease !important;
}

.event-galery:hover .event-galery-img img {
    transform: scale(1.05) !important;
}

.event-galery-info {
    padding: 18px !important;
    background: #f8f9fa !important;
}

.event-galery-info p {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1d3557 !important;
    line-height: 1.5 !important;
    text-transform: capitalize !important;
}