﻿.container{
   max-width: 1200px; 
}
section{
    overflow-x:hidden;
}
h1,h2,h3,h4,h5{
 
 color:#003366;

}
p,a,button,li{
 


}
p{
     color: var(--text-color);
}
:root {
    --primary-color: #5C5470; /* Deep Mauve */
    --secondary-color: #F9B208; /* Golden Glow */
    --accent-color: #9BC995; /* Sage Green */
    --background-color: #F3F4ED; /* Light Cream */
   
}
.slider_text_con{
    padding-top:50px;
}
h1 {
  font-size: 46px;   /* Main heading */
  font-weight: 700;  /* Bold font weight */
    line-height:1.3;
}

h2 {
  font-size: 35px;   /* Sub-heading */
  font-weight: 700;
 line-height:1.3;
}

h3 {
  font-size: 30px;   /* Smaller heading */
  font-weight: 700;
  line-height:1.4;
}
h4 {
  font-size: 25px;   /* Smaller heading */
  font-weight: 700;
    line-height:1.4;
}
h5 {
  font-size: 20px;   /* Smaller heading */
  font-weight: 700;
   line-height:1.4;
}

p {
  font-size: 16px;   /* Body text size */
  font-weight: 400;
  line-height: 1.6;  /* Better readability */
}


a {
  font-size: 18px;   /* Same size as paragraphs */
  font-weight: 400;
  text-decoration: none;  /* No underline */
   line-height:1.4;
}

.hilight{
    color:#F4A261;
}
/*animation*/
@keyframes customAnimation {
  0% {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  }
  100% {
    transform: translate3d(0px, 92.8774px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  }
}

.element {
  animation: customAnimation 2s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}
@keyframes upAndDown {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    transform: translate3d(0px, 92.8774px, 0px); /* Move down */
  }
  100% {
    transform: translate3d(0px, 0px, 0px); /* Move back up */
  }
}

.element1 {
  animation: upAndDown 2s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}

@keyframes leftToRight {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    transform: translate3d(92.8774px, 0px, 0px); /* Move right */
  }
  100% {
    transform: translate3d(0px, 0px, 0px); /* Move back to the start */
  }
}

.element2 {
  animation: leftToRight 2s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}
.spaces{
 
    /* Replace with your image URL */
    background-size:40%; /* Ensures the image covers the container */
    background-image: url('../img/bubbles.png');
    background-position:left top ;
    background-repeat: no-repeat;

}
.background-image {
    animation: zoomInAndOut 5s ease-in-out infinite; /* Adjust timing as needed */
    /* Replace with your image URL */
    background-size:contain; /* Ensures the image covers the container */
    background-image: url('../img/ihes.png');
    background-position: right 80%;
    background-repeat: no-repeat;

}

@keyframes zoomInAndOut {
  0% {
    background-size: 10px; /* Initial size */
  }
  50% {
    background-size:    50px; /* Zoom in */
  }
  100% {
    background-size:100px; /* Return to original size */
  }
}
  /* Circular Image Styling */
        .rotating-img {
         
            border-radius: 50%; /* Makes the image circular */
            animation: rotate 3s linear infinite;
        }

        /* Keyframes for rotation */
        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

/*animation end*/.gapes{
                     gap:15px;
                 }



 /*facuity*/
.r-postion{
    position:relative;
}
.a-postion{
    position:absolute;
}
   
      .parallaxie {
            height: 300px;
            background-attachment: fixed;
            background-position: center -96.8025px;
            align-content: center;
        }

        .contact-bread {
            background: red;
            color: black;
            max-width: 300px;
            padding: 10px 20px 20px;
            margin-bottom: 0px !important;
        }

        .br-ree img {
            width: 250px;
            height: 170px;
            object-fit: contain;
        }

        .bg-re {
            padding: 30px 10px;
            background: black;
        }

            .bg-re h2 {
                color: white;
                text-align: center;
            }

        .text-justify {
            text-align: justify;
        }

        .founfer img {
            filter: drop-shadow(10px 0px 14px rgba(52, 168, 83, 0.7));
        }

        .hiheter {
            color: #ff830d;
        }

        .bg-common {
            background: rgba(141,27,27,1);
            padding: 30px 10px;
        }

            .bg-common h2 {
                color: white;
                text-align: center;
            }

        p {
            font-size: 16px;
            text-align: justify;
        }

        .higherr {
            font-size: 60px;
            color: rgb(0, 156, 217);
        }

        footer h5 {
            color: white;
            font-weight: 500;
        }

            footer h5 span {
                font-weight: 800;
            }

        footer ul li {
            list-style: none;
            margin: 20px 0px;
        }

        footer ul,.highe-liker {
            padding-left: 0px !important;
        }
        .highe-liker li{
            list-style-type: square;
            margin-top:10px;
            font-weight:600;
            font-size:18px;
        }
          .anout p{
            font-weight:600;
            color:black;
        }
        .bg-marker{
            background-color: rgba(141,27,27,1);
        }
        
        .edicationul{
            list-style:square;
            padding-left:0px;

        }
                .edicationul p{
                    font-weight:600;
                }
                .big .col-lg-2{
                    margin-right:40px;
                    margin-top:40px;
                }