.sarmila-headmaster {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #e4edf5 ;
               /* border: 1px solid red; */
               width: 100%;
                color: #333;
            line-height: 1.6;
           
              
        }

        .doublicate-containers{

            /* border: 1px solid red; */
            align-content: center;
            justify-items: center;
          padding: 15px 0px;
        }

       

        .content-row {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
               width: 1000px;
                /* border: 1px solid red; */
        }

        .text-content {
            width: 500px;
               /* border: 1px solid red; */
               margin: 20px 0px;
        }

       

        .btn {
            display:flex;
            /* background: #f9a825; */
            color: white;
            padding: 14px 32px;
            border-radius: 50px 50px 50px 0;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(249, 168, 37, 0.3);
            margin: 30px 0px;
            width: 200px;
            background: linear-gradient(#0b7e9b, #084252);
            position: relative;
            transition: 0.3s ease all;
            z-index:1;
        }
         .btn::before{
             transition: 0.5s ease all;
             position: absolute;
             top: 0;
             left: 50%;
             right: 50%;
             bottom: 0;
             content: "";
             background-color: #e5941b;
             z-index: -1;
              border-radius: 50px 50px 50px 0;
         }
        .btn:hover {
            /* background: #e5941b;
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(249, 168, 37, 0.4); */
            color: #fff;
        }
        .btn:hover::before{
             transition: 0.5s ease all;
             left: 0;
             right: 0;
             opacity: 1;
        }
        .btn i {
          
            margin: 5px 10px;
            transition: transform 0.3s ease;
        }

        .btn:hover i {
            transform: translateX(5px);
        }

        .image-content {
          
            width: 400px;
            text-align: center;
            position: relative;
            /* border: 1px solid black; */
          
        }

        .main-image {
  
            width: 350px;
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            transition: transform 0.5s ease;
            height: 350px;
          box-shadow: 5px 5px 15px grey;
         margin: 80px 0px 0px 0px;
         /* border: 1px solid white; */
         position: relative;
         
         
        }

         

        .main-image:hover {
            transform: translateY(-10px);
            
        }


        .floating-element {
            position: absolute;
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            padding: 15px;
            display: flex;
            align-items: center;
            animation: float 3s ease-in-out infinite;
            /* border: 1px solid black; */
        }

        .floating-element i {
            background: rgba(249, 168, 37, 0.1);
            color: #f9a825;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
            font-size: 18px;
            /* border: 1px solid green; */
        }

        .floating-element span {
            font-weight: 600;
            color: #333;
        }

        .element-1 {
            top: 20%;
           left: -85px;
            animation-delay: 0s;
               /* border: 1px solid green; */
        }

        .element-2 {
            bottom: 25%;
            right: -71px;
            animation-delay: 1.5s;
        }
      
     .he-mes-row-right .headmaster-section {
    font-family: Arial, sans-serif;
    padding: 15px 0;
    /* border: 1px solid black; */
}

   .he-mes-row-right .headmaster-section .section-title {
    color: #C65A1E;     
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 0.5px;
}
  .he-mes-row-right .headmaster-section .name {
    color: #000;       
    font-size: 24px;
    margin: 5px 0 5px 0;
    font-weight: bold;
}

   .he-mes-row-right .headmaster-section .designation {
    color:#0b7e9b;    
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}
   .he-me-para{
    margin:0px 0px 20px 0px;
     /* border: 1px solid black; */
     font-size:15px;
     color: gray;

}
.quote-box {
    background: #f3f5f9;      
    padding: 5px 5px;
    border-radius: 6px;
    display: flex;
    /* border: 1px solid red; */
 width: 365px;
 border-left: 4px solid #0b7e9b;
 
}
.quote-icon {
    font-size: 32px;
    color: #f7a328;        
    margin-right: 15px;
    line-height: 1;
}
.quote-text {
    margin: 0;
    color: #555;
    font-style: italic;
    line-height: 1.6;
}
.senachar-box{
    height: 100px;
    /* border: 1px solid black; */
    margin: 20px 0px 0px 0px;
    width: 250px;
}
.senachar-box img{
    width: 100%;
    height: 100%;
}

        @keyframes float {
            0% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
            100% {
                transform: translateY(0);
            }
        }   
        .main-image:hover + .floating-elements  .floating-element i {
    /* background: #ff9800; */
     background: linear-gradient(#0b7e9b, #084252);
    color: #fff;
}

/* .main-image:hover + .floating-elements .element-2 {
    background: #4caf50;
    color: #fff;
} */