@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ROOT ELEMENT */
:root {
    --main-bg-color: ;
    --main-text-color: ;
    --main-icon-color: orange;
}

body {
    overflow-x: hidden;
}

/* MARQUEE BAR START */
/* marquee {
    padding: 5px 0;
} */

/* NAVIGATION PAGE START */

.display_wrapp {
    background-color: rgb(52, 238, 61);
}

marquee {
    color: rgb(8, 177, 8);
}

.container_one {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    /* padding: 10px 50px; */
    background-color: #00587A;
    position: fixed;
    /* left: 0;
    right: 0;
    top: 0;
    padding: 0 10%; */
    padding-top: 15px;
    padding-left: 10%;
    padding-right: 10%;


}



#id {
    background-color: rgb(247, 127, 127);
    width: 100%;
}

.title_name {
    color: blue;
    /* margin-top: 2px; */
}

.color-change {
    background-color: #00587A;
    height: 75px;
    color: rgba(255,254,255,0.8);
    transition: 1s;
  }
  .color-change_one{
    padding-top: 4px;
  }

.title_name img {
    width: 250px;

}

/* .title_name h1 {
    padding: 5px 0;
    font-family: 'Kanit', sans-serif;
    color: rgb(8, 194, 8);
    cursor: pointer;
    
} */

.nav_icon {
    display: flex;
    list-style-type: none;

}

.nav_icon li {
    padding: 0px 15px;
    margin-top: 10px;
    transition: 0.2s;
}

.nav_icon li a {
    position: relative;
    top: 8.5px;
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-family: 'DM Sans', sans-serif;

}

.nav_icon li:hover {
    border: 1px solid red;
    border: none;
    /* padding: -20px 15px; */
    border-radius: 30px;
    background-color: #0c6588;
    box-shadow: 1px 1px 2px 0.1px black;

}

.nav_icon i {

    color: var(--main-icon-color);
    margin-top: 5px;
    background-color: rgb(255, 255, 255);
}

/* .nav_icon i:hover {
    background-color: rgb(93, 93, 218);
    color: white;
} */

.nav_icon i {
    border: 1px solid rgb(118, 127, 243);
    width: auto;
    height: auto;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.drop_btn {
    display: none;
}

/* FIRST BANNER PAGE START */
.banner_page {
    /* width: 100%; */
    min-height: 100vh;
    /* background-image: url(school1.jpg); */
    background: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .6)), url(../images/kk2.jpg);
    /* position: fixed; */
    /* background-attachment: fixed; */
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}

.social_icon i {
    font-size: 30px;
    border: 1px solid rgb(106, 106, 112);
    width: auto;
    height: auto;
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
    color: var(--main-icon-color);
}

.type_page h1 {
    text-align: center;
    margin-top: 100px;
    font-size: 100px;
}

.social_icon {
    text-align: center;
    margin-top: 50px;
}

@media (max-width:850px) {

    .drop_btn {
        display: block;
        padding-top: 15px;
    }

    .nav_icon {
        display: none;
    }

    .title_name h1 {
        margin-top: 5px;
    }

    .nav_icon2 {
        list-style-type: none;
        text-align: center;
        /* background-color: gray; */
    }

    .side_bar {
        margin: auto !important;
        letter-spacing: 4px;
        font-weight: 500;
        font-size: 35px;
        color: rgb(8, 194, 8);
        position: relative;
        left: 10px;
    }

    .nav_icon2 li {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 47px;
        border-bottom: 2px solid rgb(241, 238, 238);
        width: 90%;

    }

    .nav_icon2 li:hover {
        background-color: #00587A;
        /* color: white !important; */
        border-radius: 5px;
    }

    .nav_icon2 li a {
        text-decoration: none;
    }

    .nav_icon2 a:hover {
        color: white !important;
    }

    .type_page h1 {
        font-size: 50px;
    }
}

@media (max-width:760px) {
    .type_page h1 {
        font-size: 70px;
    }
}


/* container first page start */

#first {
    padding: 10px 10px;
}

#second {
    padding: 10px 10px;
}
#third {
    padding: 10px 10px;
}

.m-read-more{
    margin-top: 20px;
}

.bor_one {
    width: 100%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 15px;
    border: 1px solid rgb(209, 207, 207);
    border-radius: 100px;
}



.para_block #sub_one {
    color: gray;
}

#dd #in {
    height: 50px;

}


#dd {
    padding: 23px 0;
}

.d_head h3 {
    line-height: 40px;
    font-family: 'Nunito', sans-serif;
}

.d_head p {
    line-height: 10px;
    color: gray;
}
.d_head p a{
  text-decoration: none;
}

#submit_col {
    background-color: #4169E1;
    color: white;
    border: none;
}

/* footer page start */

.footer_one {
    background-color: rgb(41, 40, 40);
    color: white;
    padding: 40px 0px;
}

#foot_cont {
    /* border-style: dotted; */
    border-bottom-style: dotted;
    border-color: rgb(61, 58, 58);
    width: 100%;

}
#foot_cont1 a{
    text-decoration: none;
    color:gainsboro;
}
#foot_cont2{
    color: gainsboro;
}
.reachus a{
    text-decoration: none;
    color:gainsboro;
}

#grap_para{
    color: gray;
    font-family: 'Nunito', sans-serif;

}
.second_banner img{
    padding-bottom: 15px;
}

@media (max-width:990px){
    .second_banner img{
    width: 100% !important;
    }
}

.second_banner h3{
    font-family: 'Nunito', sans-serif;
    padding-top: 15px;
}
.second_banner #grap_para{
    line-height: 29px !important;
}
#foot_cont p{
    line-height: 20px !important;
}
#foot_cont2{
    line-height: 30px !important;
}

.main-title{
    font-size:30px;
    margin-bottom: 30px !important;
}

/* -------read more -------- */

.moretext {
    display: none;
  }

  #first_read a{
    text-decoration: none;
    /* border-bottom: none; */
  }

  #first_read .button{
    border: none;
    background-color: rgba(33, 211, 33, 0.815);
    border-radius: 30px;
    padding: 5px 10px;
    color: #00587A;
    font-weight: 600;
  }


  .m-read-more .button{
    border: none;
    background-color: rgba(33, 211, 33, 0.815);
    border-radius: 30px;
    padding: 5px 10px;
    color: #00587A;
    font-weight: 600;
  }

  .m-read-more a{
    text-decoration: none;
    /* border-bottom: none; */
  }

  .c-read-more-content {
    display: none;
  }

  .c-read-more-button{
    border: none;
    background-color: rgba(33, 211, 33, 0.815);
    border-radius: 30px;
    padding: 5px 10px;
    color: #00587A;
    font-weight: 600;
  }

  /* -----social icons-------- */

  #icons_fst{
   /* position: absolute;
   left: 0px; */
   margin-left: -30px;
  }

  #icons_fst li{
   list-style-type: none;
    margin-right: 10px;
    margin-top: 5px;
   
  }

  #icons_second a{
    padding: 2px 6px;
    margin-top: 10px;
   color: white;
   border: 1px solid white;
   transition: .5s;
   border-radius: 5px;
    
  }

  #icons_second a:hover{
    border-radius: 30px;
    background-color: rgb(160, 158, 158);
  }
  .reachus p{
    line-height: 10px;
    margin-top: 5px;
  }

  /* ---------blog_one read more page--------- */

  
  .formbold-mb-5 {
    margin-bottom: 20px;
  }
  .formbold-pt-3 {
    padding-top: 12px;
  }
  .formbold-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
  }

  .formbold-form-wrapper {
    margin: 0 auto;
    max-width: 550px;
    width: 100%;
    background: white;
    background-color: rgba(231, 228, 228, 0.329);
  }
  .formbold-form-label {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #07074d;
    margin-bottom: 12px;
  }
  .formbold-form-label-2 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
  }

  .formbold-form-input {
    width: 100%;
    padding: 12px 24px;
    border-radius: 6px;
    border: 1px solid #ada9a9;
    background: white;
    font-weight: 500;
    font-size: 16px;
    color: #806b6b;
    outline: none;
    resize: none;
  }
  .formbold-form-input:focus {
    border-color: #6a64f1;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
  }

  .formbold-btn {
    text-align: center;
    font-size: 16px;
    border-radius: 6px;
    padding: 14px 32px;
    border: none;
    font-weight: 600;
    background-color: #6a64f1;
    color: white;
    cursor: pointer;
  }
  .formbold-btn:hover {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
  }

  .formbold--mx-3 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .formbold-px-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .flex {
    display: flex;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .w-full {
    width: 100%;
  }
  @media (min-width: 540px) {
    .sm\:w-half {
      width: 50%;
    }
  }

  /* -----next---- */

  .sub_two p{
    text-indent: 5px;
  text-align: justify;
  letter-spacing: 1px;
  color: gray;
  }
  .sub_two i{
    padding-right: 6px;
  }

  .sub_two a{
    text-decoration: none;
  }

  .form_wrapper{
    background-color: rgba(231, 228, 228, 0.637);
  }


  .sub_two h3 {
    font-size: 22px;
}


/*header*/


.menuzord-menu li {
  position: relative;
}

.menuzord-menu .submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 85%;
    background: #00456d;
    list-style: none;
    padding: 0;
    z-index: 999;
    margin: 0;
    border: 1px solid #00456d;
    box-shadow: 1px 1px 1px 1px #242424;
    width:100%;
}

.menuzord-menu .submenu li:hover {
    background:white;
    
    a {
        color:black;
    }
    
}

.menuzord-menu .submenu li {
  padding: 10px;
}

.menuzord-menu .submenu li a {
  color:white;
}

.menuzord-menu li:hover .submenu {
  display: block;
}