:root {

     /*========== Colors ==========*/

    --title-color: #373737;
    --text-color: #000000;  
    --text_grey:#888;
    --bg-color: #FFF;
    --scroll-bar-color: hsl(var(--hue), 4%, 85%);
    --scroll-thumb-color: hsl(var(--hue), 4%, 75%);
    --main-color:#005FED;  

  }
  

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

  html {
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    min-height: 100%;
    height: 100%;
    scroll-behavior: smooth; 
  } 
 
     
  body {      
    transition: .5s;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;   
    position: relative;
    background-color: #FFF;
    zoom: 95%;
  }

  input, select {
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #fff; }
  
  
  input[type="text"],
  input[type="button"],
  input[type="submit"],
  .input-checkbox {
    -webkit-appearance: none;
    appearance: none !important;
   } 

   :focus { outline: 0;}
  
  
  ul {
    list-style: none;
  }
  
  a {
    text-decoration: none;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
     transition: .3s all ease;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }

html, body, div, span, h1, h2, h3, h4, h5, h6, p, 
a,  img,  ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0;
 font-weight: inherit;  font-style: inherit; font-size: 100%; font-family: inherit;/* vertical-align: baseline;*/}



@media (min-width: 1200px) {
  .container {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

.row { 
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.row>*{
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {    
    box-shadow: none;
}


  /*=============== HEADER BEGIN ===============*/
  .special_user{
    position: relative;  
margin-top: 1.2rem;
align-items: center;
  }

 .special_user p{
  color: var(--text_grey);
font-family: Gilroy;
font-size: 10px;
font-style: normal;
font-weight: 400;
padding: 0;
margin: 0;
 }

 #special__user{ 
  display: block;
  
  width: 22px;
  height: 22px;  
  background-image: url(../img/eye.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-left: 0.5rem;
 }

 .dlgSpecial_user{
  row-gap: 5px;
  z-index: 4;
  position: absolute;  
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 10px 35px 0px rgba(43, 57, 77, 0.20);  
  padding: 35px 25px;
  -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    bottom: 0;
    right:0;
    transform: translate(45%,45%) scale(0);
    display: none;    
    
 
 }

 .spec_active{
  display: flex !important;
  transform: translate(0,105%) scale(1) !important;
 }

 .dlgSpecial_user p{
  color: #373737;
  font-family: Gilroy;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
 }

 .dlgSpecial_user button{
  color: #888;
font-family: Gilroy;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
border-radius: 5px;
background: #F8F7F7;
border:none;
height: 38px;
 }

 .shift_up{
  width: 47px;
 }
 .img_true{
  width: 72px;
 }
 .color_type{
  width: 72px;
 }

 .dlgSpecial_user img{
  width: 25px;
  margin-left: 15px !important;
 }
.selected_btn{
  color: #FFF !important;
  font-weight: 700 !important;
background-color: #005FED !important;

}

#footer .logo-img img{
  display: none;
}

#footer .title{
 margin-left: 35px;
}

#footer .logo-img{
  position: relative;
}

#footer .logo-img::before{
   content: '';
   position: absolute;
   top: -14px;
   left: -10px;       
   width: 80px;
   height: 70px;  
   background-image: url('../img/logo.png');
   background-size: contain; 
   background-repeat: no-repeat;
   background-position: center;
 
}

 .logo-img{
  width: 80px;
  height: 80px;
  margin-right: 8px;
 }

 .logo-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
 
 }
.title p{
  color: var(--title-color);
  font-family: Gilroy;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}
.title h2{
color: var(--title-color);
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 800;
white-space: nowrap ;
}



.special_buttons{
  gap: 1.8rem;
}
  .ring_link a {
       
    display: inline-block;
    text-decoration: none;
    }
    .ring_link a img{
      width: 36px;
      height: 36px;
      object-fit: contain;
      margin-right: 0.4rem;
    }

    .ring_link a:hover >img {     
      -webkit-animation: shake 0.62s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      animation: shake 0.62s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      -moz-transform: rotate(0deg);       
      -ms-transform: rotate(0deg);       
      -webkit-transform: rotate(0deg);        
      -o-transform: rotate(0deg);        
      transform: rotate(0deg); }

.ring_link a h5{
  color: var(--title-color);
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;  
}
.ring_link a p{
  color:var(--text_grey);
font-family: Gilroy;
font-size: 10px;
font-style: normal;
font-weight: 400;

}

.vertical_line{
  height: 40px;
 width:2px;
background: #E3E3E3;

}

.language{
  position: relative;
  width: 60px;
}

.lang-select{  
  background: transparent !important;
  -webkit-animation-duration: 0.3s;
      -webkit-transition: all 0.3s linear;
      -moz-animation-duration: 0.3s;
      -moz-transition: all 0.3s linear;
      animation-duration: 0.3s;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
  
}

.rotate {
  transform: rotate(180deg);
}


.lang-select img{
height: 12px;
width: 12px;
margin-left: 0.5rem;
}

.lang-select p{
  color: var(--title-color);
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  
}

.lang{
  z-index: 3;
width: 100%;
text-align: center; 
opacity: 1;
position: absolute;
bottom: -170%;
left: 0;
border-radius: 10px !important;
background: #FFF;
box-shadow: 0px 10px 35px 0px rgba(43, 57, 77, 0.30);
}

.lang a {
  display: block;
  border-radius: 10px !important;
color: #373737;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 0.3rem;
background-color: #FFF;
-webkit-animation-duration: 0.15s;
-webkit-transition: all 0.15s linear;
-moz-animation-duration: 0.15s;
-moz-transition: all 0.15s linear;
animation-duration: 0.15s;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
margin: 0.3rem;
}

.hidden{
  display: none !important;  
}

.lang a:hover {
  border-radius: 5px;
  background-color: #F1F4FF;
  color:var(--main-color); 
}

.search_call {
  height: 42px;
  width: 42px; 
  
 }

  .call_search {
    height: 100%;
    width: 100%; 
    display: inline-block;    
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/search_grey.svg);
    background-size: 70%;
     }

    .flying_search {     
      width: 100%;
      height: 0;
      padding: 0 20px;
      overflow: hidden;
      background-color: #fff;
      position: absolute;
      left: 0;
      top:  130px;
      -webkit-animation-duration: 0.3s;
      -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      -moz-animation-duration: 0.3s;
      -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      animation-duration: 0.3s;
      -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); }
      .flying_search.show_me {
        height: 91px; 
        border-top: 1px solid #EBEBEB; }
        .flying_search.show_me .search_bg {
          opacity: 1;
          visibility: visible;
          -webkit-transition-delay: 0.3s;
          -o-transition-delay: 0.3s;
          transition-delay: 0.3s; }
      .flying_search > div {
        width: 100%;        
        margin: 0 auto;        
        position: relative; }

      .flying_search input {
        padding-left: 10px;
        display: block;
        width: 100%;
        height: 90px;
        font-family: Gilroy;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
        border: none;
        font-size: 18px;
        color: #303844;
        background-color: #fff; }
        .flying_search input::-webkit-input-placeholder {
          color: rgba(48, 56, 68, 0.4); }
        .flying_search input:-ms-input-placeholder {
          color: rgba(48, 56, 68, 0.4); }
        .flying_search input::-ms-input-placeholder {
          color: rgba(48, 56, 68, 0.4); }
        .flying_search input::placeholder {
          color: rgba(48, 56, 68, 0.4); }
      .flying_search button {
        display: none; }
      .flying_search .close {
        display: inline-block;
        width: 24px;
        height: 24px;
        font-size: 0;
        position: absolute;
        right: 12px;
        top: calc(50% - 12px); }
        .flying_search .close::before {
          content: "";
          display: inline-block;
          width: 100%;
          height: 2px;
          background-color: #757C8D;
          position: absolute;
          left: 0;
          top: calc(50% - 1px);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .flying_search .close::after {
          content: "";
          display: inline-block;
          width: 100%;
          height: 2px;
          background-color: #757C8D;
          position: absolute;
          left: 0;
          top: calc(50% - 1px);
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

          input:-webkit-autofill {
            background-color: transparent !important;
            -webkit-box-shadow: 0 0 0 50px white inset;
        }   
    
    .search_bg {
      width: 100%;
      height: calc(100vh - 220px);
      background: rgba(0, 0, 0, 0.5);
      position: fixed;
      left: 0;
      top: 220px;
      opacity: 0;
      visibility: hidden;
      -webkit-animation-duration: 0.3s;
      -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      -moz-animation-duration: 0.3s;
      -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      animation-duration: 0.3s;
      -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s; }



/* SEARCH HTML */

#search_result{
  margin-top: 200px;
  padding: 50px 0 150px 0;
  background-image: url(../img/logo_big.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: 103%;
  background-position-y: center;
  min-height: 70vh;
}

#search_result h3{
  color: #005FED;
font-family: Gilroy;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 48px;
margin-bottom: 20px;
}

.result_phrase{
  color: #121212;
text-align: justify;
font-family: Gilroy;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}

.result_list ul{
  margin-top: 60px;
}

.result_list li{
  position: relative;
  padding: 25px 0;
}

.result_list li::before{
  content: '';
  position: absolute;
  bottom: 0;  
  left: 0; 
  width: 35%;
  height: 1px;
  background-color: #E3E3E3;
  transition:  0.5s ease;  
}
.result_list li:last-child::before{
  display: none; 
}

.result_list li a{
  display: block;  
  color: #000;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;

  -webkit-animation-duration: 0.2s;
  -webkit-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
  -moz-animation-duration: 0.2s;
  -moz-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
  animation-duration: 0.2s;
  -o-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1); }

  .result_list li a:hover {
     color: #005FED;
    }

    
  .sign_link {
    width: 210px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
background: #005FED;
box-shadow: 0px 5px 15px 0px rgba(0, 95, 237, 0.20);
  }
    .sign_link a{
      display: inline-block;
      color: #FFF !important;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 700;      
      white-space: nowrap;    
     
      -webkit-animation-duration: 0.15s;
      -webkit-transition: all 0.15s linear;
      -moz-animation-duration: 0.15s;
      -moz-transition: all 0.15s linear;
      animation-duration: 0.15s;
      -o-transition: all 0.15s linear;
      transition: all 0.15s linear; }

      .sign_link a span{      
        color: #FFF !important;
  font-family: Gilroy;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;      
        white-space: nowrap;   } 

      .sign_link:hover {
        opacity: 0.9; }

.nav__menu{
  border-bottom: 1px solid #E3E3E3;
  border-top: 1px solid #E3E3E3;
  padding: 20px 0;
}

.nav_link{
  color: var(--title-color);
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
position: relative;
white-space: nowrap  ;

}

.nav_link:hover{    
  color: var(--title-color);
}
.nav_link:hover::after{    
  transform:scaleX(1); 
}

.nav_link::after{
  content: '';
  position: absolute;
  bottom: -5px;   
  transform:scale(0);
  width: 100%;
  height: 2px; 
  background-color:  var(--main-color);
  transition:  0.5s ease;
  left: 0;
}

.selected{
  color: #005FED !important; 
  position: relative; 
}

.selected:hover::after{  
  left: 0;
  transform:scaleX(1); 
  
}

.selected::after{
  content: '';
  position: absolute;
  bottom: -5px; 
  left: 0;
  transform:scaleX(0.3); 
  height: 2px; 
  background-color: #005FED;
  transition:  0.5s ease;
}

.nav__menu .toggler{
  display: none;
}
  
  .toggler {    
      display: block;
      width: 20px;
      height: 20px;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-image: url(../img/toggler_icon.svg);
      -webkit-animation-duration: 0.3s;
      -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      -moz-animation-duration: 0.3s;
      -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      animation-duration: 0.3s;
      -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
      transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    cursor: pointer; } 
    
    .navbar_nav{
      width: 94%;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }



  #header {   
   
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.2s;
    -o-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
    #header.scrolled {
      background-color: #fff;
      -webkit-filter: drop-shadow(0px 18px 38px rgba(67, 75, 88, 0.03)) drop-shadow(0px 6.93333px 12.1037px rgba(67, 75, 88, 0.04)) drop-shadow(0px 1.46667px 3.0963px rgba(67, 75, 88, 0.02));
      filter: drop-shadow(0px 18px 38px rgba(67, 75, 88, 0.03)) drop-shadow(0px 6.93333px 12.1037px rgba(67, 75, 88, 0.04)) drop-shadow(0px 1.46667px 3.0963px rgba(67, 75, 88, 0.02)); }
   
      #header.scrolled .nav__menu{
        border-bottom: none !important;
      }
      #header.scrolled .special_user{
        display: none !important;
      }
      @media (min-width: 992px) {
      .nav__menu > ul > li {
       position: relative; }
      
      .nav__menu > ul > li:hover .subnav {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s; }

        .nav__menu > ul > li:last-child:hover .subnav_last {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0);
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s; }     
        
        .subnav_last {
          width: auto;
          min-width: 200%;
          white-space: nowrap;    
          background-color: #fff;
          position: absolute;
          left: -460%;
          top: calc(100% + 13px);
          border-radius: 10px;
          -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1);
          opacity: 0;
          visibility: hidden;
          -webkit-transform: translate(0, 5px);
          -ms-transform: translate(0, 5px);
          transform: translate(0, 5px);
          -webkit-animation-duration: 0.3s;
          -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
          -moz-animation-duration: 0.3s;
          -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
          animation-duration: 0.3s;
          -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
          transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
          -webkit-transition-delay: 0.1s;
          -o-transition-delay: 0.1s;
          transition-delay: 0.1s; }
          .subnav_last ul {
            padding: 8px 0; }
          .subnav_last a {
            display: block;
            width: 100%;
            padding: 10px 25px 10px 25px;
            color: var(--title-color);
      font-family: Gilroy;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
            text-decoration: none;
            -webkit-animation-duration: 0.2s;
            -webkit-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
            -moz-animation-duration: 0.2s;
            -moz-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
            animation-duration: 0.2s;
            -o-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
            transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
            .subnav_last a:hover {
              color: var(--main-color);
              background-color: #F1F4FF; } 

   .subnav {
    width: auto;
    min-width: 200%;
    white-space: nowrap;    
    background-color: #fff;
    position: absolute;
    left: 0;
    top: calc(100% + 13px);
    border-radius: 10px;
    -webkit-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    transform: translate(0, 5px);
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s; }
    .subnav ul {
      padding: 8px 0; }
    .subnav a {
      display: block;
      width: 100%;
      padding: 10px 25px 10px 25px;
      color: var(--title-color);
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
      text-decoration: none;
      -webkit-animation-duration: 0.2s;
      -webkit-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
      -moz-animation-duration: 0.2s;
      -moz-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
      animation-duration: 0.2s;
      -o-transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1);
      transition: all 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
      .subnav a:hover {
        color: var(--main-color);
        background-color: #F1F4FF; } 
  
      }
  
   /*=============== SECTION NEWS BEGIN ===============*/

#news{
  margin: 270px auto 56px auto;
}


.last_news{
  border-radius: 10px;  
  width: 95%;
  height: 570px; 
  position: relative;
  display: inline-block;
  
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  animation-duration: 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.last_news:hover .overlay_news{
  background: linear-gradient(0deg, rgba(18, 35, 62, 0.9) 22.40%, rgba(54, 54, 54, 0.00) 100%);
}

.last_news img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.last_news .news_title{
  color: #FFF;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
}

.last_news .news_date,.last_news .news_time{
  color: #FFF;
font-family: Gilroy;
font-size: 18px;
font-style: normal;
font-weight: 500;
opacity: 0.5;

}
.last_news .news_vertical_line{
  width: 2px;
  height: 14px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #FFF;
  opacity: 0.5;
}


.overlay_news{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%; 
  border-radius: 0px 0px 10px 10px;
  background: linear-gradient(0deg, rgba(18, 35, 62, 0.81) 22.40%, rgba(54, 54, 54, 0.00) 100%);
  z-index: 1;  
  -webkit-animation-duration: 0.5s;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  animation-duration: 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);  
}

.last_news .news_content{
  z-index: 2;
  position: relative;
  margin: auto 152px 38px 60px;
}

.other_news{
  padding: 20px 0 20px 10px;  
}

.other_news .news_title{
  color: #333;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 700;
}

.other_news .news_date, .other_news .news_time {

color: #A4A4A4;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.other_news .news_vertical_line{
  width: 2px;
  height: 14px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #A4A4A4;
  
}
.other_news hr{
  width: 240px;
  height: 1px;
  background: #E3E3E3;
  margin: 20px auto 15px 0;
}

#all_news{
  margin-left: 10px;
  display: block;
color: var(--main-color);
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration-line: underline;

   }

  #all_news:hover#all_news img{    
   transform: translateX(4px) ;
}
#all_news img{
  margin-left: 5px;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  animation-duration: 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}


/*=============== SECTION NEWS END ===============*/


/*=============== SECTION SERVICES BEGIN ===============*/

#services{
  padding: 5px 0 50px 0;
}

.section_title{
color: #373737;
text-align: center;
font-family: Gilroy;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: left;
margin-bottom: 25px;
}

.service_box{ 
  padding: 55px 15px 0 38px;
  border-radius: 10px;
  background: #F1F4FF;
  height: 356px;
  position: relative;
  margin-bottom: 25px;
  -webkit-animation-duration: 0.15s;
  -webkit-transition: all 0.15s linear;
  -moz-animation-duration: 0.15s;
  -moz-transition: all 0.15s linear;
  animation-duration: 0.15s;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; 
  cursor: pointer;
  z-index: 0;
}
  

.service_box p{
  color: #333;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px; 
margin-top: 33px;

}

.service_box img{
  width:46px ;
  height: auto;

}

.arrow_box{
  width: 53px;
  height: 58px;
  background-color: #9A99B2;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  animation-duration: 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
 
}

.service_box:hover .arrow_box{    
  transform: translateX(6px);
  opacity: 0.9;}

.arrow_box img{
  width: 19px !important;
  height: 19px !important;

}

hr{
  background-color:  #E3E3E3 !important;
  margin: 30px 0;
  padding: 1px;
  
}



.galery_box{ 
  padding: 90px 40px 0 40px;
  border-radius: 10px;
  background: #F1F4FF;
  height: 356px;
  position: relative;
  margin-bottom: 15px;
  margin-left: 15px;
  -webkit-animation-duration: 0.15s;
  -webkit-transition: all 0.15s linear;
  -moz-animation-duration: 0.15s;
  -moz-transition: all 0.15s linear;
  animation-duration: 0.15s;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; 
  cursor: pointer;
  z-index: 0;
}
  

.galery_box p{
  color: #005FED;
  font-family: Gilroy;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; 
margin-top: 60px;
}


.galery_box:hover .arrow_box{    
  transform: translateX(6px);
  opacity: 0.9;}

.image-box{
  margin-bottom: 0;
  border-radius: 10px !important;
  height: 292px ;
  margin-bottom: 15px;
  cursor: pointer;
}

#all_images{
  color: #005FED;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration-line: underline;
margin-top:40px;
}

.image-box img{
 width: 100%;
 height: 100%;
 border-radius: 10px !important;
 object-fit: cover;
}

.myOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00050fdb; 
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10; 
}


.myModal {
  width: 50%;
  z-index: 11;
  
}
.slider {
  width: 100%;
  height: 100%;
  z-index: 11;
  
}
.slider  img{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 80vh !important;
  border-radius:10px;
  background-color: #FFF;
}

.myModal img {
  border-radius:10px;
  width: 100%; 
  height: 100%; 
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  z-index: 11;
  object-fit: cover;
}

.slick-slider {
 
 margin-bottom: 0;

}

.slick-slider img {
  top: 0;
  left: 0;

 }


.video-box{
  display: flex;
  align-items: center;
position: relative;
border-radius: 10px;
background: #F8F7F7;
height: 108px;
padding: 5px 50px;
margin-bottom:14px;
cursor: pointer;
}

.video-box a{
color: #005FED;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration-line: underline;
margin-right:70px;
}

.video-box::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);      
  width: 20px;
  height: 20px;  
  background-image: url('../img/arrow-right2.svg');
  background-size: cover; 
}

/*=============== SECTION SERVICES END ===============*/




/*=============== SECTION legislation BEGIN ===============*/


.laws_div{
  position: relative;
column-gap:108px;
margin-bottom: 65px;
z-index: 2 !important;
}

.laws a{
  display: block;
  color: #888;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 600;
-webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
   
}

.selected__link a{
  display: block;
  color: #005FED;
font-family: Gilroy;
font-size: 32px;
font-style: normal;
font-weight: 700;

}

.selected__link{    
  position: relative; 
}

.selected__link:hover.selected__link::before {
  width: 100%;
}

.selected__link::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0; 
  width: 55%; 
  height: 2px;
  background-color: #005FED; 
  transition: all 0.5s linear;
  
}

.dropdown-div{
  margin-bottom:15px ;

}

.dropdown-div p{
  color: #888;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
}


.myDropdown {
  width: 90%;
  position: relative;
  margin-top: 24px;
  display: inline-block; 
  
  border-radius: 10px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  padding: 30px;  
  text-align: left;
  color: #000;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
  z-index: 2;
  cursor: pointer;  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.myDropdown::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right:30px;  
  width: 20px;
  height: 20px;  
  background-image: url('../img/dropdown.svg');
  background-size: cover; 
  z-index: 1;
}

.myDropdown.active::before {
  transform: translateY(-50%) rotate(180deg); 
}

.myDropdown .dropdown-list {
  position: absolute;
  top: 140%;
  right: 0;
  left: 0;
  height: 400px;
  margin: 0;
  padding: 5px 20px;
  overflow-y: scroll;
  list-style: none;
  
  border-radius: 10px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  box-shadow: 0px 25px 25px 0px rgba(3, 19, 75, 0.10);
  
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -ms-transition: .5s ease;
  transition: .5s ease;
  
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  opacity: 0;
  visibility: hidden;
}

.myDropdown .dropdown-list li {
  padding: 20px 50px;  
  overflow: hidden;
  color: #373737;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  border-bottom: 1px solid #E3E3E3;
  
}
.myDropdown .dropdown-list li {
  padding: 20px 50px;  
  overflow: hidden;
  color: #373737;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; 
  border-bottom: 1px solid #E3E3E3;
  
}



.myDropdown .dropdown-list li:last-child {
  border-bottom: none;
}


.myDropdown .dropdown-list li:hover {
border-radius: 10px;
background: #F1F4FF;
color: #005FED;
font-family: Gilroy;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;  
}

.myDropdown.active .dropdown-list {
  opacity: 1;
  visibility: visible;  
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}


.dropdown_content{  
  width: 100%;
  border-radius: 10px;
border: 1px solid #E3E3E3;
background: #FFF;
padding-bottom: 0 !important;
margin-bottom: 55px;
}

.dropdown_content ul{  
  padding: 60px 75px 0 75px;
}


.dropdown_content ul li:last-child hr {
  display: none;
  
}
.dropdown_content ul li:last-child {
  margin-bottom: 40px;  
}


.content_list a{
  display: block;
  color: #000;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; }

.dropdown_content ul li hr{
  background: #E3E3E3 !important;
  padding: 1px;
  width: 240px;
}

.content_list img{
  transform: translateX(0);
margin-left: 40px;
 width: 30px;
 height: 30px;
 -webkit-animation-duration: 0.3s;
 -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
 -moz-animation-duration: 0.3s;
 -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
 animation-duration: 0.3s;
 -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
 transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.dropdown_content ul li:hover .content_list img{
  transform: translateX(6px)
}

#all_content{
  display: block;
border-radius: 0px 0px 10px 10px;
background: #005FED;
width: 100% !important;
margin-bottom: 0 !important;
margin-top: 60px;
text-align: center;
color: #FFF;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 25px 0;
border: 3px solid #005FED;
-webkit-animation-duration: 0.3s;
-webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
-moz-animation-duration: 0.3s;
-moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
animation-duration: 0.3s;
-o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

#all_content:hover{
 opacity: 0.9;
}


/*=============== SECTION legislation END ===============*/



/*=============== SECTION SUB_ORGANIZATIONS BEGIN ===============*/


#sub_organizations{
  padding: 100px 0 0 0;
  border-radius: 10px;
  background-color: #F1F4FF;  
  margin-bottom: 85px;    
}

.sub_organizations{
  
  position: relative;
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 70px;  
 
}

.bg-logo{
  position: absolute;
  width: 50%;
  height: 130%;
  top: -85%;
  left: -14%;
  
  }
.bg-logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sub_organizations .section_title{
 padding-top: 20px ;
text-align: left;
font-size: 36px;

}

.org_box{
  height: 85px;
  padding: 0 30px 0 40px;
  background-image: url(../img/logo_bg_small.png);
  background-position: left;
  background-size:40px;
  background-repeat: no-repeat;
  background-position-x: 25px;
  width: 97%;
  border-radius: 10px;
background-color: #FFF;
margin-bottom: 30px;
}

.org_box a{
  display: block;
  width: 100%;

}
.org_box a p{  
  color: #005FED;
font-family: Gilroy !important;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}

.org_box a img{  
margin-left: 40px;
transform: translateX(0);
width: 20px;
height: 20px;
-webkit-animation-duration: 0.3s;
-webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
-moz-animation-duration: 0.3s;
-moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
animation-duration: 0.3s;
-o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.org_box a:hover>img{
 transform: translateX(6px)
}
.org_box a:hover>p{
  opacity: 0.9;
 }




/*=============== SECTION SUB_ORGANIZATIONS END ===============*/


/*=============== SECTION USEFUL LINKS BEGIN ===============*/


.link_box{

  height: 130px;
  border-radius: 10px;
border: 1px solid #E3E3E3;
background: #FFF;
display: flex;
align-items: center;
margin-bottom: 25px;


  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  animation-duration: 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
.link_box:hover{
  border: 1px solid  var(--main-color);
}


.link_box img{  
  margin-right:35px;
  margin-left: 35px;
 }

.link_title{
  display: block;
  color: #373737;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 22px;
text-decoration: none;
cursor: pointer;
-webkit-animation-duration: 0.3s;
-webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
-moz-animation-duration: 0.3s;
-moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
animation-duration: 0.3s;
-o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
.link_title:hover{ 
  color: #373737;
}

.gov_sign{
 
  border-radius: 7px;
  padding: 0 20px;
  height: 160px;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 20px;
  -webkit-animation-duration: 0.3s;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  -moz-animation-duration: 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  animation-duration: 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
.gov_sign img{
  height: auto;
  width: 100%;
 }


/*=============== SECTION USEFUL LINKS END ===============*/



/*=============== FOOTER BEGIN ===============*/   
#footer{
  padding: 55px 0 0 0;
}

.line{
  padding: 65px 0 60px 0 !important;
  border-bottom: 1px solid #E3E3E3 !important;
  border-top: 1px solid #E3E3E3 !important;
}

.last_line{
  padding: 30px 0 30px 0 !important;
}

footer .title h4{
  color: #888;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 34px;
margin-top: 55px;
padding-right: 140px;
}

.footer_menu .menu_title{
  display: block;
  color: #005FED;
font-family: Gilroy;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 20px;
}

.footer_menu ul li a{
display: block;
  color: #373737;
font-family: Gilroy;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 200%;
transition: 0.5s all;
}

.footer_menu ul li a:hover{
  
    color: var(--main-color);
  
  }
.footer_menu ul li span{
  display: block;
    color: #373737;
  font-family: Gilroy;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-top: 20px;
  }

  
  .footer_end h6{
    color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
  }


  .footer_end p{
    color: #A4A4A4;
    font-family: Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%; /* 36px */
  }

  .footer_sosial_box  {  
    justify-content: flex-end;
  }

  .sosial{  
    justify-content: flex-end;
  }


.footer_sosial_box .row>* {  
  padding-right: 0 !important;
}

.footer_sosial_box p{
  color: #A4A4A4;
  font-family: Gilroy;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
}
.sosial li{
  margin-left: 15px !important; 
}
.sosial li:first-child{
  margin-left: 15 !important; 
}

.sosial li a img{
  width: 55px; 
  height: 55px;
  
}

.sosial li a{
 transition: all 0.5s;
 display: block;
    
  }

.sosial li a:hover{
transform: scale(1.1);
  
}


/*=============== FOOTER END ===============*/



/*=============== A   P  P  L  Y  HTML ===============*/

#apply_now{
  margin-top: 265px;  
  padding-bottom:100px;
  background-image: url(../img/logo_big.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 106%;
  background-size:contain;
}

.page_titles{
  color: #005FED;
font-family: Gilroy;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 48px;
}

.info{
color: #121212;
text-align: justify;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-top: 1rem;
margin-right: 15%;
}


/*=============== Form begin ===============*/


.box{
width: 100%;
height: 100%;
border-radius: 10px;
border: 1px solid #9A99B2;
background-color:#FFF;
display: flex;
flex-direction: column;
justify-content: end;
position: relative;
}

.box input{
  border-radius: 10px;
  border: none;
  outline: none;
  width: 100%;
  background-color:#FFF;
  padding: 18px 50px;
  color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}


.box textarea{
  border-radius: 10px;
  height: 80%;
  border: none;
  outline: none;
  width: 100%;
  background-color:#FFF;
  padding:10px 50px;
  color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin: 15px auto;
}

.form-element-textarea .box span{ 
  top: 25%;
  transform: translateY(-50%);  
}
.box span{  
  border-radius: 10px;
  width: 100%;
  padding: 18px 50px;
  background-color:#FFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  color: #A4A4A4;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
-webkit-animation-duration: 0.15s;
-webkit-transition: all 0.15s linear;
-moz-animation-duration: 0.15s;
-moz-transition: all 0.15s linear;
animation-duration: 0.15s;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}

.form-element .box span{ 
  color: #373737;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
 
}

.box span.selected_span{  
  padding: 10px 50px 0 50px;   
  top: 0;
  transform: translateY(0);
  left: 0;
  color: #A4A4A4;
  font-family: Gilroy;
  font-size: 16px !important      ;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 28px;
}


.form-element{
  position: relative;
  width: 100%; 
  height: 86px;  
  border-radius: 10px;
  margin-bottom: 18px;
}
.form-element-without-dd{  
  width: 100%; 
  height: 86px;  
  border-radius: 10px;
  margin-bottom: 18px;
}
.form-element-textarea{  
  width: 100%; 
  height: 198px;  
  border-radius: 10px;
  margin-bottom: 18px;
}
.form-element::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right:30px;  
  width: 20px;
  height: 20px;  
  background-image: url('../img/dropdown.svg');
  background-size: cover; 
  z-index: 1;

}

.form-element.active::before {
  transform: translateY(-50%) rotate(180deg); 
}

.form-element .list_dropdown {
  position: absolute;
  top: 120%;
  right: 0;
  left: 0;
  height: auto;
  margin: 0;
  padding: 5px 20px;
  overflow-y: scroll;
  list-style: none;
  max-height: 331px;
  border-radius: 10px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  box-shadow: 0px 25px 25px 0px rgba(3, 19, 75, 0.10);
  
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -ms-transition: .5s ease;
  transition: .5s ease;
  
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
z-index: 3;
  opacity: 0;
  visibility: hidden;
}

.form-element .list_dropdown li {
  padding: 20px 50px;  
  overflow: hidden;
  color: #373737;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  border-bottom: 1px solid #E3E3E3;
  
}
.form-element .list_dropdown li {
  padding: 20px 50px;  
  overflow: hidden;
  color: #373737;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; 
  border-bottom: 1px solid #E3E3E3;
  
}



.form-element .list_dropdown li:last-child {
  border-bottom: none;
}


.form-element .list_dropdown li:hover {
border-radius: 10px;
background: #F1F4FF;
color: #005FED;

  
}

.form-element.active .list_dropdown{
  opacity: 1;
  visibility: visible;  
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.form-container{
  padding: 65px 130px 25px 130px;
}


.line_div{
  width: 40%;
  height: 2px;
  background-color: #E3E3E3;
  margin: 8px auto 25px auto;
}


.alert_text p{
  margin-left: 50px;
  color: #FF000F;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}

.blue_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 282px;
border-radius: 10px;
background-color: #005FED;
box-shadow: 0px 5px 15px 0px rgba(0, 95, 237, 0.20);
padding: 19px;
margin-top:46px;
color: #FFF;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.blue_btn:hover{
  opacity: 0.9;
  color: #FFF;

}

/*=============== form END ===============*/

/*=============== APPLY HTML  END ===============*/



/*=============== ABOUT HTML  BEGIN ===============*/

#history_main{
  background-image: url(../img/logo_big.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 106%;
  background-size:contain;
  min-height:80vh ;
}

/*=============== SECTION aboutNav BEGIN ===============*/

#about_nav{
  margin: 250px 0 50px 0;  
}

.map{
  column-gap: 12px;
  margin-bottom: 50px;
}
.point{
  width: 3px;
height: 3px;
border-radius: 50%;
background-color: #D9D9D9;

}
.point.selected_point{
 
background-color: #9A99B2;}

ul.map li:not(.point,.active_link) {
  color: #A4A4A4;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

li.active_link{
  color: #9A99B2 !important;
font-family: Gilroy;
font-size: 16px !important;
font-style: normal;
font-weight: 700;
line-height: normal;

}

#right_menu{
display: block;
border-radius: 10px;
background: #005FED;
box-shadow: 0px 5px 15px 0px rgba(0, 95, 237, 0.20);
width: 50px;
height: 50px;
margin-right: 25px;
-webkit-animation-duration: 0.3s;
-webkit-transition: all 0.3s linear;
-moz-animation-duration: 0.3s;
-moz-transition: all 0.3s linear;
animation-duration: 0.3s;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.about_menu{
  position: relative;
}
.dlgAbout{
  width: 416px;
  min-width: 250px; 
  position: absolute;
  top: 115%;
  left: 0;
  display: none;
  transform: translate(-40%,-65%) scale(0.5);
z-index: 1;
  border-radius: 10px;
border: 1px solid #E3E3E3;
background: #FFF;
box-shadow: 0px 25px 25px 0px rgba(3, 19, 75, 0.10);
  -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 20px;
}

.dlgAbout.active{
  transform: translate(0,0) scale(1) !important;
  display: block !important;
}



.menu_item{
  position: relative;
  padding: 20px; 
  color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.menu_item:hover{
  border-radius: 10px;
  background: #F1F4FF;
}

.menu_item::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right:20px;  
  width:12px;
  height: 12px;  
  background-image: url('../img/arrow-down-grey.svg');
  background-size: cover; 
  background-repeat: no-repeat !important;
  background-position: center;

}

.menu_item.selected{
  border-radius: 10px;
background: #F1F4FF;
color: #005FED;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;

}

.menu_item.selected::before{
  background-image: url('../img/arrow-down-blue.svg');

}
.hr{
width: 60%;
background-color: #E3E3E3;
height: 1px;

}

/*=============== SECTION aboutNav   END ===============*/


.about-content{
  padding: 0 100px 50px 78px; 
  text-align: justify;
  }

.about-content p{   
  color: #121212;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 24px;
}

.about-content h4{
  color: #373737;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.24px;
  padding: 35px 0 35px 0;
}
.structur_org{
  display: flex;
  align-items: center;
  padding: 23px 30px 23px 60px;
  border-radius: 10px;
  background-color: #F8F7F7;
  user-select: none;
  margin-bottom: 14px;
}
.structur_org h6{
  color: #121212;
  font-family: Gilroy;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}

#adminstration{
  padding: 55px 0;
}
.person-div{
  display: flex;
  flex-direction: column; 
  align-items: center;
  width: 100%;
  height: 550px;
  border-radius: 10px;
  background-color: #F8F7F7;
  cursor: pointer;
  transition: 0.5s all;
  padding: 40px 57px;
  text-align: center;
  margin-bottom: 65px;
}

.major .person-div{  
  padding: 40px 80px !important; 
}

.person-div.btn-deactive{
  pointer-events: none;
}

.person_img{  
  width: 60%;
  height: 550px;
  border-radius: 7px;
  background: #D6E0F9; 
  transition: 0.5s all;
  object-fit: contain; 
  margin-bottom: 30px; 
}
.person_img img{  
  width: 100%;
  height: 100%;
  border-radius: 7px;     
}


.person-div h4{
  color: #121212;
  text-align: center;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; 
  margin-bottom: 10px;
}

.person-div p{
  color: var(--text-secondary, #414C53);
  text-align: center;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
}



.person_name h4{
  color: #005FED;
  font-family: Gilroy;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 15px;
  padding-right: 5px;
}

.person_name p{
  color: #373737;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px; 
  padding-right: 5px;
}
.person_info{
  margin-left: 50px !important;
}
.person_info p{
color: #121212;
text-align: justify;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-bottom: 20px;
}

.person_name .person_img{  
  width: 100%;
  height: 500px; 
  margin-bottom: 30px; 
}

/*=============== ABOUT HTML  END ===============*/

/*=============== SERVİCES HTML  BEGİN ===============*/


#services_main .dlgAbout{
  width: 600px;}

#services_main {
  background-image: url(../img/logo_big.png);
  background-repeat: no-repeat;
  background-size: 600px;
  background-position-x: right;
  background-position-y: top;
  position: relative;
  z-index: 1; 
  }
 
  #aboutServices .services_content{
    margin-left: 80px;
    padding-top: 20px ;
  }
  .services_content p{
    color: var(--text-primary, #121212);
text-align: justify;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-bottom: 15px;
margin-right: 100px;
  }

  #services_main section{   
    padding-top: 10px ;
  }
  
  #services_main span{
    color: #9A99B2;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 20px;
  }

.services_content{
 margin-left: 20px;
  }

  .service_box_small{  
    height: 120px;   
    padding: 18px 5px;
    border-radius: 10px;
    background: #F1F4FF;
    margin-bottom: 15px;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear; 
    /*z-index: -1;*/
  cursor: pointer;}
    .service_box_small:hover{  
      opacity: 0.9;}
    
  
  .service_box_small p{
    color: #333;
  font-family: Gilroy;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; 
   
  }
  
  .service_box_small img{
    width:40px ;
    height: auto;  
  }

 

  .services_content_img{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
  }
  .services_content_img img{
    width: 80%;
    border-radius: 10px;
    object-fit: contain;
  }  

  #informer .services_content{
    margin-left: 78px;    
  }
  #informer {
    padding-top: 0 !important;    
  }

  .informer_map{
    width: 100%;
    padding: 50px 150px 50px 50px;
    border-radius: 10px;
  }
  .informer_map img{
    width: 100%;
   object-fit: contain;
  }

.apply-box{
  margin: 80px auto;
  padding: 25px 10px;
  width: 70%;
  border-radius: 10px;
  background: #F8F7F7;
}
.apply-box h3{
  text-align: center;
  color: #121212;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 116.667% */
}



.accordion {  
  width: 100%;
  border-radius: 10px;  
}

.heading {  
  border-radius: 10px;
  padding: 45px 70px;
  background: #F8F7F7;
  position: relative;
  cursor: pointer;  
  margin-top: 23px !important;
}

.heading h4 {
width: 90%;
color: #005FED;
font-family: Gilroy;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 48px;  
}
.heading span  {
  color: #121212;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 48px;  
}

.heading:hover {
 opacity: 0.9;
}
.heading:hover {
  border-radius: 10px 10px 0 0;
}
.heading::before{
  position: absolute;
  content:' ';
  top: 40%;
  right: 5%;  
  width: 35px;
  height: 35px;
  background-image: url(../img/Vector.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform:rotate(0);
  transition: all 0.5s;
    
}
.active.heading::before {
  transform: rotate(-180deg);
}
.not-active.heading::before {
  transform: rotate(0deg);
}
.contents {
  width: 100%;
  background: #F1F4FF;
  border-radius: 10px;
  display: none;
  margin-bottom: 45px;
  }
#prices hr{
width: 100%;
color: #E3E3E3;
margin: 60px auto;
}
#prices p{
 
  text-align: center !important;
 color: #888;
text-align: justify;
font-family: Gilroy;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-bottom: 45px;
}

.contact-box{
  column-gap: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
background: #F8F7F7;
height: 140px;
border: 1px solid #F8F7F7;
}

.contact-box:hover{
  cursor: pointer;
border: 1px solid #005FED10;
opacity: 0.9;
}

.contact-box a{
  color: #373737;
  font-family: Gilroy;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; /* 118.75% */
}
.contact-box img{
  margin-right: 40px;
  width: 70px;
}


table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
  background: #F1F4FF;
}
.first_line{
  width: 100%;
  border-radius: 10px;
  background: #9A99B2;
  padding: 25px 5px;
}

.first_line h4{
  color: #FFF;
font-family: Gilroy;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 30px;
}

table thead th {
  color: #005FED;
  font-family: Gilroy;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding: 20px;
}
thead {
border-bottom: 2px dashed #DBDAF0;
}


tbody th{
width: 50%;
color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
padding: 35px 70px;
vertical-align: top;
}


td{
color: #373737;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 500;
padding-left: 20px;
padding-right: 20px;

}

.border-bottom{
  border-bottom: 1px solid #E3E3E3;
}
.little_info_div{
  background-color: #FFF;
  padding: 45px 0; 

}

.little_info_box{
  max-width: 75%;
  border-radius: 10px;
  background: #F8F7F7;
  padding: 30px 40px;
}
.little_info_box img{
  width: 11%;
  height: auto;
  margin-right: 17px;
  
}
.little_info_box ul{
  list-style-type: disc;
  margin-left: 25px;
}

.little_info_box ul li{
  color: #373737;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
}


.even{
  background-color: #ECEBFF;
}

.child th{
  padding: 5px 70px;
}



/*=============== SERVİCES HTML  END ===============*/

/*=============== NEWS HTML BEGIN ===============*/

#last_news_box .container {
  background-image: url(../img/logo_big.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: right;
  background-position-y: top; 
  
  }
  #last_news_box .page_titles {
    padding-bottom: 30px;
  }

    #all_news_box .page_titles {
      padding-top: 50px;
      width: 100%;
      border-top: 2px solid #E3E3E3;  
      margin-top: 30px; 
      margin-bottom: 35px;
      }

  .last-news{
    border-right: 2px solid #E3E3E3;
  }

  .last-news .news_img{
    height: 550px;
    width: 98%;
    object-fit: contain;
    margin-bottom: 24px;
  }
  .last-news .news_img img{
    width: 100%;
    height: 100%;
  }
  #news_main a{
   
    text-decoration: none;
    transition: all 0.5s;
  }

  .last-news .news__title{
    width: 98%;
    color: #373737;
    font-family: Gilroy;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 7px;
  }
  .last-news .news_some_content{
    width: 98%;
    color: #373737;
text-align: justify;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }

  .last3-news .news__title{
    color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  
  .last3-news{  
    margin-right: 20px;
    margin-bottom: 35px;
    
  }
  .last3-news .news_img{
    height: 240px;
    width: 100%;
    object-fit: contain;
    margin-bottom: 10px;
  }
  .last3-news .news_img img{
    width: 100%;
    height: 100%;
  }
  .pr-0{
    padding-right: 0 !important;  }


    #news_main .news_date,  #news_main  .news_time {

      color: #A4A4A4;
      font-family: Gilroy;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      }
      
      #news_main  .news_vertical_line{
        width: 2px;
        height: 14px;
        margin-left: 10px;
        margin-right: 10px;
        background-color: #A4A4A4;
        
      }
  
    .searching_box{
      width: 100%;
      padding:5px 100px;
      position: relative;
      
    }

        
    .newsSorting {
      width: 100%;
      position: relative;
      display: inline-block;      
      border-radius: 10px;
border: 1px solid #9A99B2;
background: #FFF;
      padding: 30px 50px;  
      text-align: left;
      color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; 
      z-index: 2;
      cursor: pointer;  
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    .newsSorting::before {
      content: '';
      position: absolute;
      top: 50%;
      right: 10%;
      transform: translateY(-50%);      
      width: 30px;
      height: 30px;  
      background-image: url('../img/arrow-down-1-icon\ 1.svg');
      background-size: cover; 
      z-index: 1;
    }
    
    .newsSorting.active::before {
      transform: translateY(-50%) rotate(180deg); 
    }
    
    .newsSorting .sorting-list {
      position: absolute;
      top: 130%;
      right: 0;
      left: 0;
      height: auto;
      max-height: 400px;
      margin: 0;
      padding: 5px 20px;
      overflow-y: scroll;
      list-style: none;      
      border-radius: 10px;
      border: 1px solid #E3E3E3;
      background: #FFF;
      box-shadow: 0px 25px 25px 0px rgba(3, 19, 75, 0.10);
      
      -webkit-transition: .5s ease;
      -moz-transition: .5s ease;
      -ms-transition: .5s ease;
      transition: .5s ease;
      
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      transform: scaleY(0);
      
      -webkit-transform-origin: top;
      -moz-transform-origin: top;
      -ms-transform-origin: top;
      transform-origin: top;
      
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      
      opacity: 0;
      visibility: hidden;
    }
    
    .newsSorting .sorting-list li {
      padding: 20px 50px;  
      overflow: hidden;
      color: #373737;
      font-family: Gilroy;
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      -webkit-animation-duration: 0.3s;
        -webkit-transition: all 0.3s linear;
        -moz-animation-duration: 0.3s;
        -moz-transition: all 0.3s linear;
        animation-duration: 0.3s;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
      border-bottom: 1px solid #E3E3E3;
      
    }
  
    .newsSorting .sorting-list li:last-child {
      border-bottom: none;
    }
        
    .newsSorting .sorting-list li:hover {
    border-radius: 10px;
    background: #F1F4FF;
    color: #005FED;     
    }    
    .newsSorting.active .sorting-list {
      opacity: 1;
      visibility: visible;  
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
    }
    .newsSearch{
      width: 100%;      
      display: inline-block;      
      border-radius: 10px;
      border: 1px solid #9A99B2;
      background: #FFF;
      padding: 0 50px;      
      cursor: pointer;  
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .newsSearch input{
      width: 80%;
      border: none;
      outline: none;
      padding: 30px 5px;  
      text-align: left;
      color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
background-color: transparent; 
transition: 0.5s all;
    }
    .newsSearch button{
      border: none;
      outline: none;
      width: 40px;
      height: 40px; 
      object-fit: contain;  
      cursor: pointer;
      background-color: transparent; 
      transition: 0.5s all;    
    }
    .newsSearch button img{      
      width: 100%;
      height: 100%;
    }
    .newsSearch input::placeholder{
      color: #A4A4A4;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px;
    }

    .searching_box::before {
      content: '';
      position: absolute;
      top: 125%;
      left: 50%;
      transform: translateX(-50%);      
      width: 30%;
      height: 1px;  
      background-color: #E3E3E3;            
    }

    .all_news{
      padding: 80px 0 50px 0;
    }

    .every_news{
      width: 100%;
      padding: 33px 0;
      position: relative;
      display: flex;
      column-gap: 33px;
      }
      .news_img_small{
        width: 28%;
        height: 210px;
        border-radius: 10px;
        overflow: hidden;
      }
      .news_img_small img{
        width: 100%;
        height: 100%;
        border-radius: 10px;
        object-fit: cover;
      }


      .news-text-content{
        width: 60%;
      }
    .every_news::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;          
      width: 50%;
      height: 1px;  
      background-color: #E3E3E3;            
    }
    .every_news:last-child::before {
      display: none;          
    }

    .news-text-content .news_some_content{
      color: #373737;
text-align: justify;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
    }
  
    .news-text-content .news__title{
      color: #373737;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 20px;
    }

    .btn_more_news{
      border-radius: 10px;
background: #F1F4FF;
      border: none;
      outline: none;
      cursor: pointer;
      color: #005FED;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 25px;
      padding: 18px 60px;
      margin-bottom: 50px;
      
    }
    
    .btn_more_news:hover{
      opacity: 0.9;
      
    }
    .btn_more_news img{
      margin-left: 10px;
      width: 14px;
      height: 14px;
    }
   
    .active_news {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 15%;
    }


    #additional_last_news .news_date,#additional_last_news .news_time{
     margin-top:7px ;
     margin-bottom: 40px;
      font-size: 24px;

    }


    #additional_last_news .news_vertical_line{
      margin-top:7px ;
      margin-bottom: 40px;     
      height: 20px;
      
    }

    .add_news_content p{
      color: #373737;
text-align: justify;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-bottom: 15px;
    }

    .add_news_content .services_content_img img{
      width: 70% !important;
    }

    .spec_paragraph{
      margin: 40px 50px;
      padding: 45px 60px;
      border-radius: 10px;
      background: #F8F7F7;
    }

    .services_content_img video{
        width: 70%;
        height: auto;
        border-radius: 10px;
    }

    .share{
      border-radius: 10px;
background: #005FED;
box-shadow: 0px 5px 15px 0px rgba(0, 95, 237, 0.20);
color: #FFF;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
width: 210px;
height: 60px;
margin: 100px 0;
    }

    .share:hover{
     opacity: 0.9;
color: #FFF !important;

    }


    .other_last_news{
      margin: 50px 0;
    }


/*=============== NEWS HTML  END ===============*/

.theme_dark{
  background-color: #1E1F21 !important;
  color: #737575 !important;
}
.theme_light{
  color: #A9AAAB !important;
}
.theme_medium{
  background-color: #303132 !important;
  background: #303132 !important;
  color: #A9AAAB !important;
}


.slick-prev {
  left: 3px;
  z-index: 2;
}
.slick-next {
  right: 3px;
  z-index: 2;
}


/*=============== İNFORMATİON HTML BEGIN ===============*/

  #information_main {
    background-image: url(../img/logo_big.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
    background-position-y: top;    
    }
    #information_main section {
      min-height: 60vh;    
      }

    #information_main .services_content{
      margin-left: 78px;
     
    }  

.missions_box{
border-radius: 10px;
background: #F8F7F7;
width: 91%;
padding: 25px 65px;
margin: 40px 0;
}
.missions_box ul{
  list-style: disc;
}
.missions_box ul li {
  color: #121212;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 35px; 
}


/*=============== İNFORMATİON HTML  END ===============*/

/*=============== contact HTML  BEGIN ===============*/

#contact_main .container{
  background-image: url(../img/logo_big.png);
  background-repeat: no-repeat; 
  background-position-x: right;
  background-position-y: top;  
  background-size: 590px;
 
}

#contact_main_section{
  padding: 10px 0 190px 0;
}

.contact_box{
  background-image: url(../img/logo_bg_small.png);
  background-repeat: no-repeat; 
  background-position-x: 90%;
  background-position-y: center;  
 background-size: 108px;
  border-radius: 10px;
  background-color: #F1F4FF;
  padding: 30px 80px 0 40px;  
  height: 192px;
  position: relative;
  margin-bottom: 13px;
  -webkit-animation-duration: 0.15s;
  -webkit-transition: all 0.15s linear;
  -moz-animation-duration: 0.15s;
  -moz-transition: all 0.15s linear;
  animation-duration: 0.15s;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; 
  cursor: pointer;  
}


.contact_box p{
  color: #121212;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
margin-top: 18px;

}

.contact_box img{
  width:52px ;
  height: auto;

}

.contact_box .arrow_box{
  right: 12%;
}

.contact_box:hover .arrow_box{    
  transform: translateX(6px);
  opacity: 0.9;
}

  #contact_main_section .row div:nth-child(4){
    margin-left: 16% !important;
  }
#t_contact td,#t_contact th{
  padding: 34px 30px 25px 70px !important;
}
#t_contact tr:last-child td{
  padding-bottom: 45px !important;
}
 td h5{
  color: #121212;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 125% */
  letter-spacing: 0.24px;
 }
 td p{
  color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
 }
 #t_contact td span:first-child{
  margin-right: 45px;
 }
 #t_contact td:last-child{
  text-align: center;
 }


#admissions h4{
  color: #005FED;
font-family: Gilroy;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 48px;
margin: 35px 0;
}
 

#admissions h5{
  color: #373737;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 125% */
  letter-spacing: 0.24px;
  margin-right: 15px;
}

#admissions p{
  color: #373737;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;  
}

#admissions .row{
  border-radius: 10px;
  background: #F8F7F7;
  padding: 35px 70px !important ;
  margin-bottom: 13px;
  background-image: url(../img/logo_bg_small.png);
  background-repeat: no-repeat; 
  background-position-x: 3%;
  background-position-y: center;  
 background-size: 90px;
}

#admissions hr{
  width: 100%;
  height: 1px;
  background-color: #E3E3E3;
  margin:65px 0;
}

.img_map{
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}
.img_map img{
  width: 100%;
  height: auto;
  border-radius: 10px;
  
}

.mapSearch{
  position: relative;
  width: 50%;      
  display: inline-block;      
  border-radius: 10px;
border: 1px solid #9A99B2;
background: #FFF;
  padding: 0 50px;      
  cursor: pointer;  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 60px auto;
}
.mapSearch::before{
  content: '';
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);   
  width: 40%;
  height: 1px;  
  background: #E3E3E3;
}
.mapSearch input{
  width: 80%;
  border: none;
  outline: none;
  padding: 30px 5px;  
  text-align: left;
  color: #373737;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
background-color: transparent; 
transition: 0.5s all;
}
.mapSearch button{
  border: none;
  outline: none;
  width: 40px;
  height: 40px; 
  object-fit: contain;  
  cursor: pointer;
  background-color: transparent; 
  transition: 0.5s all;    
}
.mapSearch button img{      
  width: 100%;
  height: 100%;
}
.mapSearch input::placeholder{
  color: #A4A4A4;
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px;
}

.city_box{
  border-radius: 10px;
  background: #F1F4FF;
  margin-bottom: 13px; 
  padding:28px 30px 28px 60px;
  background-image: url(../img/logo_bg_small.png);
  background-repeat: no-repeat; 
  background-position-x: 5%;
  background-position-y: center;  
 background-size: 50px;
 cursor: pointer;
}
.city_box h6{
  color: #121212;
font-family: Gilroy;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 125% */
letter-spacing: 0.24px;
}

#policeDepartaments .row{
  margin: 50px 0 !important;
}

#departament_info .heading h5{
  color: #373737;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 125% */
  letter-spacing: 0.24px;
  
}
#departament_info .heading p{
  color: #373737;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  
}

.dep_table th{
  color: #005FED;
  font-family: Gilroy;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px; 
  width: 16%;
  
}
.dep_table th:nth-child(4){
 
  width: 20%;
}
.dep_table td{
  color: #121212;
  font-family: Gilroy;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 15px 26px;
  
}




/*=============== contact HTML  END ===============*/

/*=============== KEYFRAMES BEGIN ===============*/

    @keyframes shake {
      10%, 90% {
        -moz-transform: rotate(7deg);        
        -ms-transform: rotate(7deg);       
        -webkit-transform: rotate(7deg);       
        -o-transform: rotate(7deg);       
        transform: rotate(7deg); }
      20%, 80% {
        -moz-transform: rotate(-7deg);       
        -ms-transform: rotate(-7deg);       
        -webkit-transform: rotate(-7deg);       
        -o-transform: rotate(-7deg);        
        transform: rotate(-7deg); }
      30%, 50%, 70% {
        -moz-transform: rotate(7deg);        
        -ms-transform: rotate(7deg);        
        -webkit-transform: rotate(7deg);       
        -o-transform: rotate(7deg);       
        transform: rotate(7deg); }
      40%, 60% {
        -moz-transform: rotate(-7deg);        
        -ms-transform: rotate(-7deg);        
        -webkit-transform: rotate(-7deg);       
        -o-transform: rotate(-7deg);       
        transform: rotate(-7deg); } }
    
    @keyframes cssload-spin {
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg); } }
    
    @-o-keyframes cssload-spin {
      100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg); } }
    
    @-ms-keyframes cssload-spin {
      100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg); } }
    
    @-webkit-keyframes cssload-spin {
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
    
    @-moz-keyframes cssload-spin {
      100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg); } }
    
    /* Keyframes end */
    

  
  /*=============== SCROLL UP ===============*/
.scrollup {
  position: fixed;
  background: #FFF;
  right: 1rem;
  bottom: -20%;
  display: inline-flex;
  padding: 0.7rem;
  border-radius: 50%;
  border: 1px solid var(--main-color);
  z-index: 10;
  opacity: .7;
  transition: .4s;
  overflow: hidden;
}

.scrollup:hover {
  background-color: var(--main-color);
  opacity: 0.6;
}
.scrollup:hover .scrollup__icon{

  color: #FFF;
  animation-name: tipUp;
	animation-duration: 1.5s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;

}

.scrollup__icon {
  font-size: 1.25rem;
  color: #2F2F2F;

}

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

/*=============== Show Scroll Up ===============*/
.show-scroll {
  bottom: 3rem;
}


/*=============== SCROLL BAR ===============*/
::-webkit-scrollbar {
  width: .2rem;
  border-radius: .3rem;
  background-color: #eceaea;
}

::-webkit-scrollbar-thumb {
  background-color: #afaeae;
  border-radius: .5rem;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #5f5e5e;
}


/*=============== Fade-in effect to sections ===============*/


.section {
  opacity: 0;
  transition: all 1.5s;
  transform: translate(0, 100px);
}

.section.visible {
  opacity: 1;
  transform: translate(0, 0);
 }


  .search-pagination {
      margin-top: 30px;
  }
  .search-pagination ul {
      list-style: none;
      padding-left: 0;
      display: flex;
      align-items: center;
  }
  .search-pagination ul li {
      display: inline-block;
      margin-left: 3px;
      margin-right: 3px;
  }
  .search-pagination ul li a {
      color: #B3BBC9;
      font-size: 17px;
      font-weight: 400;
      text-decoration: none;
      margin-left: 3px;
      margin-right: 3px;
      text-decoration: none;
  }
  .search-pagination ul li a:hover {
      color: #1EBFE3;
  }
  .search-pagination ul li:first-child {
      margin-right: 15px;
  }
  .search-pagination ul li:last-child {
      margin-left: 15px;
  }
  .search-pagination ul .active a {
      color: #1EBFE3;
      text-decoration: none;
  }
  .search-pagination ul .active a:hover {
      color: #1EBFE3;
  }
  
  #services_main .heading p{
    color: #9A99B2;
	font-family: Gilroy;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 20px;
  }