*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}
html{
    scroll-behavior: smooth;
    scroll-padding-top: 70px;
}
/* ---------------------------------------------------- Navigation SS BS --- */
.ss-nav-main{
    display: none;
 }
 /* ---------------------------------------------------- Navigation BS --- */

 .nav{
     padding-inline: 50px;
     padding-block: 5px;
     display:flex;
     flex-wrap: wrap;
     position:sticky;
     top: 0;
     background-color:#eed34c;
     z-index: 50;
 }
 .nav-scroll{
    position: sticky;
    top:0;
    z-index: 100;
    transition: 0.6s ease;
 }
 .nav-one-ul li{
     list-style-type: none;
     display: inline-block;
     font-weight: bold;
     color: #5c6875;
     transition: .5s ease;
 }
 .nav-one-ul :not(:first-child){
     margin-left: 45px;
 }
 .nav-one-ul li a{
     text-decoration: none; 
 }
 .nav-one-ul li:hover{
    color: #060f2c;
    border-bottom: 1px solid #060f2c;
    
 }
 .nav-two-ul li{
    list-style-type: none;
    display: inline-block;
    color: #000000;
 }
 .nav-two-ul :not(:first-child){
    margin-left: 25px;
 }
 .nav-two-ul li a{
    text-decoration: none;
    color: #5c6875;
 }
 .nav-main{
     flex: 60%;
 }
 .nav-icons{
     flex: 20%;
     text-align: right;
     font-size: large;
     margin-top: 6px;
 }
 .nav-one-ul a{
    text-decoration: none;
}
.sec-top-one img{
    width: 39px;
    position: absolute;
    top:0;
}
.sec-top-one span{
    min-width: 200px;
    font-size: x-large;
    font-weight: bold;
    color: #070f34;
    text-shadow: #47474777 2px 1px 2px;
    
}
.sec-top-one span:hover{
    background-image: linear-gradient(
	to right,
	#070f34 20%,#e5d78c 43%,#070f34 45%, #ccb959 51%,#070f34 55%, #070f34 100%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    animation: glow .5s linear;
}
@keyframes glow {
    to {
      background-position: 200% center;
    }
}
/* ---------------------------------------------------- sec-one BS --- */

.sec-one{
    height: 40vw;
    padding-inline: 20px;
    background-image: url(Img-box/imgtop.jpg);
    background-size: cover;
    background-color: #00000070;
    background-blend-mode: overlay;
    background-attachment: fixed;
    display: grid;
    justify-content: center;
    align-content: center;
    
}
.sec-one h2{
    color: #ffffff;
    font-size: 5vw;
}
.sec-one h3{
    color: #eed34c;
    font-size: 1.2vw;
}
/* ---------------------------------------------------- sec-two BS --- */

.sec-two{
    display: flex;
    justify-content: center;
}
.sec-two-box{
    margin-top: -7vw;
    width: 65%;
    background: linear-gradient(30deg, #070f34, #060f2c);
    display: grid;
    grid-template-columns: auto auto;
    border-left: 6px solid #eed34c;
    border-radius: 20px;
    padding: 50px;
}
.sec-two-box-txt{
   padding-right: 20px;
    color: #ffffff;
}
.para-txt{
    font-size: 1.2vw;
}
.name-txt{
    font-size: 1.6vw;
    color: #eed34c;
}
.sec-two-box-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec-two-box-img img{
   width: 22vw;
    border-radius: 20px;
}
/* ---------------------------------------------------- sec-three BS --- */

.sec-three{
    margin-top: 50px;
    padding-inline:100px;
    padding-block: 50px;
    text-align: center;
    background-color: #00000070;
background-image: url(Img-box/threeThree.jpg);
background-size: cover;
background-blend-mode: overlay;
background-attachment: fixed;
}
.header-txt-main-two{
    font-size: 3vw;
    color: #ffffff;
    margin-left: 4px;
    }
    .header-txt-second-two{
    font-size: 1.4vw;
    color: #ffffff;
    margin-left: 4px;
    }
.sec-three-box{
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.sec-three-box-card{
    flex: 20%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    background-color: #ffffff;
    border-radius: 20px;
}
.sec-three-box-card img{
    width: 100%;
    border-radius: 20px 20px 0 0;
}
.card-txt{
    padding: 10px;
}
.card-txt h3{
    font-size: 1.4vw;
}
.card-txt p{
font-size: 1.2vw;
color: #5c6875;
}
.card-txt li{
    padding-top: 15px;
    list-style-type: none;
    display: inline-block;
    padding-inline: 1vw;
}
.card-txt a{
    text-decoration: none;
    color: #000000;
}

/* ---------------------------------------------------- sec-four BS --- */

.sec-four{
   margin-block: 100px;
   margin-inline: 100px;
  text-align: center;

}
.header-txt-main{
    font-size: 3vw;
    color: #070f34;
    margin-left: 4px;
    }
    .header-txt-second{
    font-size: 1.4vw;
    color: #5c6875;
    margin-left: 4px;
    }
.sec-four-one{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.sec-four-card{
    flex: 20%;
  /*  background-color: #070f34;*/
    padding-block: 40px;
    padding-inline: 20px;
    border: 1px solid #000000;
    color: #000000;
    border-radius: 20px;
}
.sec-four-card h3{
    padding-bottom: 10px;
    font-size: 1.3vw;
}
.sec-four-card p{
    font-size: 1vw;
}
.sec-four i{
    font-size: 3vw;
     padding-bottom: 20px;
}
/* ---------------------------------------------------- sec-eight BS --- */
.sec-eight{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-inline: 100px;
    margin-block: 100px;
    text-align: center;
 }
 .sec-eight hr{
     color: #5c6875;
     opacity: .2;
  }
 .timing{
     flex: 20%;
     text-align: left;
 }
 .locations{
     flex: 20%;
 }
 .ul-li{
     list-style-type: none;
     text-align: left;
     font-size: 1.2vw;
 }
 .ul-li i{
     font-size: 1.5vw;
     color: rgb(167, 10, 10);
 }
 .contact-info{
     flex: 20%;
 }
 .vertical_line{
     border: 1px solid #5c6875;
     opacity: .2;
     float: right;
     margin-left: 20px;
     margin-right: 20px;
 }
 .sec-eight-header{
     font-size: 1.3vw;
     padding-bottom: 20px;
     text-decoration: underline;
 }
 .eight-li-font{
     font-size: 1.2vw;
 }
 .social-media-icon{
     text-align: left;
 }
 .social-media-icon a{
     text-decoration: none;
     color: #5c6875;
 }
 .social-media-icon li{
 list-style-type: none;
 display: inline-block;
 font-size: 30px;
 margin-left: 2vw;
 
 }
 .social-media-icon a:hover{
     color: rgb(56, 53, 230);
     transition: .5s ease;
 }
/* ---------------------------------------------------- footer BS --- */
.footer{
    background: linear-gradient(30deg, #070f34, #060f2c);
    height: 80px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(241, 235, 235, 0.068) 0px 2px 4px 0px inset;
}
.footer span{
    position: relative;
    color: #ffffff;
    font-size: 14px;
 }

 /* ------------------------------------- lazy all ---------------------- */
 .lazyOne, .lazyTwo, .lazyThree{
    transform: translateX(-50%);
    opacity: 0;
 }





 /* -------------------------------------------------- screen 905  -----------*/
@media screen and (max-width: 905px) {
   
    /* ------------------------------------------ Navigation SS --- */
 .nav{
    display: none;
 }
 .ss-nav-main{
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #5c6875;
    position: absolute;
    top: 0;
    z-index: 30;
    padding-left: 25px;
  }
  .ss-nav-main #links{
    display: none;
  }
  .ss-nav-main a{
    color: #ffffff;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
  .links-class a{
    color: #ffffff;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
  .links-class ul li{
    list-style-type: none;
  }
  .ss-nav-main a.icon{
    background: #5c6875;
    display: block;
    position: absolute;
    right: 25px;
    top: 0;
  }

/* ------------------------------------------------- sec-one ss --- */

.sec-one{
    margin-top: 47px;
}
.sec-one h2{
    color: #ffffff;
    font-size: 4vw;
}
.sec-one h3{
    color: #eed34c;
    font-size: 1.6vw;
}
 /* ------------------------------------------------ sec-two SS --- */

.sec-two-box{
    width: 70%;
    padding: 30px;
}
.para-txt{
    font-size: 1.6vw;
}
.name-txt{
    font-size: 2vw;
}
.sec-two-box-img img{
   width: 22vw;
}
/* ---------------------------------------------------- sec-three SS --- */

.sec-three{
    padding-inline:20px;
    background-attachment: unset;
}
.header-txt-main-two{
    font-size: 3.5vw;
    }
    .header-txt-second-two{
    font-size: 1.6vw;
    }
.sec-three-box{
    gap: 10px;
}
.sec-three-box-card{
    flex: 20%;
}
.card-txt h3{
    font-size: 1.5vw;
}
.card-txt p{
font-size: 1.3vw;
}
/* ---------------------------------------------------- sec-four SS --- */

.sec-four{
    margin-block: 100px;
    margin-inline: 20px;
   text-align: center;
 
 }
 .header-txt-main{
     font-size: 3.5vw;
     }
     .header-txt-second{
     font-size: 1.6vw;
     }
 .sec-four-one{
     gap: 10px;
 }
 .sec-four-card{
     padding-block: 15px;
 }
 .sec-four-card h3{
     font-size: 1.6vw;
 }
 .sec-four-card p{
     font-size: 1.4vw;
 }
 .sec-four i{
    font-size: 4vw;
}

}










 /* -------------------------------------------------- screen 568  -----------*/
 @media screen and (max-width: 568px) {
    /* ---------------------------------------------------- sec-one VS --- */
.sec-one h2{
    font-size: 6vw;
}
.sec-one h3{
    font-size: 2.5vw;
}
/* ---------------------------------------------------- sec-two VS --- */

.sec-two-box{
    width: 90%;
    margin-top: 50px;
    grid-template-columns: auto;
    padding: 20px;
}
.sec-two-box-txt{
   padding-right: unset;
}
.para-txt{
    font-size: 2.5vw;
}
.name-txt{
    font-size: 2.8vw;
}
.sec-two-box-img img{
   width: 100%;
   margin-top: 20px;
}
/* ---------------------------------------------------- sec-three BS --- */

.sec-three{
    padding-inline:20px;
    padding-block: 50px;
}
.header-txt-main-two{
    font-size: 4.5vw;
    }
    .header-txt-second-two{
    font-size: 3vw;
    }
.sec-three-box{
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.sec-three-box-card{
    flex: 100%;
}
.sec-three-box-card img{
    width: 100%;
}

.card-txt h3{
    font-size: 3.4vw;
}
.card-txt p{
font-size: 2.4vw;
}

/* ---------------------------------------------------- sec-four VS --- */

.sec-four{
   margin-block: 50px;
   margin-inline: 20px;
}
.header-txt-main{
    font-size: 4.5vw;
    }
    .header-txt-second{
    font-size: 3vw;
    }
.sec-four-one{
    margin-top: 50px;
}
.sec-four-card{
    flex: 100%;
}
.sec-four-card h3{
    font-size: 3.5vw;
}
.sec-four-card p{
    font-size: 2.7vw;
}
.sec-four i{
    font-size: 8vw;
}
    /* ---------------------------------------------------- footer VS --- */
   .wrap-three img{
       width: 80px;
       top: -4vw;
    }
    .footer span{
        font-size: 11px;
     }
    /* ---------------------------------------------------- sec-eight VS --- */
.sec-eight{
    margin-inline: 20px;
 }
 .timing{
     flex: 100%;
 }
 .timing ul{
     margin-inline: 20px;
     text-align: center;
 }
 .locations{
     flex: 100%;
     padding-top: 30px;
 }
 .ul-li{
     font-size: 3vw;
 }
 .ul-li i{
     font-size: 3.5vw;
 }
 .contact-info{
     flex:100%;
     padding-top: 30px;
 }
 .vertical_line{
     display: none;
 }
 .sec-eight-header{
     font-size: 3.5vw;
     text-align: center;
 }
 .eight-li-font{
     font-size: 3vw;
 }
    
   }