@import url('https://fonts.googleapis.com/css2?family=Ephesis&family=Roboto:ital,wght@0,100;1,500&family=STIX+Two+Text&display=swap');


*{
  padding: 0;
  margin: 0;
  
  
}

html {
  scroll-behavior: smooth;overflow-x: hidden;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

iframe{
  width: 100%;
  height: 330px;
  margin: 0px, 0px;
}





/* Nav */

header {
  font-family: 'STIX Two Text', serif;
  font-weight: bold;
  width: 100%;
  height: 100px;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px;
  top: 0;
  z-index: 2;
}

.hdr{
 background-color: #3564bc;
} 


.logo {
  
}

.logo-img{

height: 106px;
}


.hamburger {
  display: none;
}

.nav-bar ul {
  display: flex;
  list-style-type: none;
}

.nav-bar ul li a {
  display: block;
  color: #f9fdff;
  border-radius: 2rem;
  border: 3px solid rgb(255, 255, 255);
  font-size: 1.5vw;
  padding: 1px 25px;
  transition: 0.3s;
  margin: 0 5px;
  text-decoration: none;
  
}

.nav-bar ul li a:hover {
  
  border-radius: 2rem;
  border: 3px solid #34bb44;
}

.nav-bar ul li a.active {
  color: #db7706;
  border-radius: .2rem;
  
}

@media only screen and (max-width: 1320px) {
  header{
      padding: 0 0px;
      background-color: #3e55ff;
  }
}

@media only screen and (max-width: 1100px) {
  header{
      padding: 0 0px;
      background-color: #3e55ff;
  }
}

@media only screen and (max-width: 900px) {
  .hamburger {
      display: block;
      cursor: pointer;
  }
  .hamburger .line {
      width: 30px;
      height: 3px;
      background: white;
      margin: 6px 3rem;
      margin-right: 5rem;
  }
  .nav-bar {
      height: 0;
      position: absolute;
      top: 65px;
      left: 0;
      right: 0;
      width: 100vw;
      background:#3e55ff;
      transition: 0.2s;
      overflow: hidden;
  }
  .nav-bar.active {
      margin-top: 2.1rem;
      z-index: 1;
      height: 235px;
      width: 100%;
  }
  .nav-bar ul {
      display: block;
      width: fit-content;
      margin: 80px auto 0 auto;
      text-align: center;
      transition: 0.1s;
      opacity: 0;
      
  }
  .nav-bar.active ul {
      opacity: 1;
  }
  .nav-bar ul li a {
      margin-bottom: 12px;
      color: rgb(255, 255, 255);
      
  }
  header {
     
      background-color: #3e55ff;
  }
}

.dk{
  width: 2.5rem;
        height: 2.5rem;
        margin-right: 1rem;
        border-radius: 100rem;
        cursor: pointer;
}
/* Navbar-ends */


/*Footer*/
footer{
    color: #ffffff;
}

.fa {
  padding: 20px;
  text-decoration: none;
}

.fa-map-marker{
  color: #ffffff;
}

.contacts{
  background-color: #3564bc;
  color: #fff;
  margin-top: 5rem;
}


.footer-content{
 display: flex;

}

.footer-text a{
  color: #fff;
}

.footer-text{
  
}

.left{
 background: #3564bc;
}

.left-upper{
  text-align: center;
  background-color: #4987fc;
  padding-top: 2.5rem;
  padding-bottom: 2.9rem;
}

.left-main-contnt{

}

.left-p{
font-family: 'Roboto', sans-serif;
font-weight: bold;
padding: 1.5rem 2rem;
text-align: center;
}

.left-h{
  font-family: 'STIX Two Text', serif;
    
}

.left ol{
  font-size: 1.2rem;
  padding: .5rem 2rem;
}

.right{
 
 background: #3564bc;
 
}

.right ul{
  list-style: none;
}

.listdiv{
  padding: 5rem 5rem;
  font-size: 1.5rem;
  
}


.footer-header{
  text-align: center;
  padding-top: 2.5rem;
  padding-bottom: 2.3rem;
  font-family: 'STIX Two Text', serif;
    text-transform: uppercase;
    background: #4987fc;
}

.socials{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.socials li{
    margin: 0 10px;
}

.socials a{
    text-decoration: none;
    color: #fff;
   
}

.socials a i{
    font-size: 2.0rem;
    width: 20px;
    transition: color .4s ease;
}

.socials a:hover i{
    color: #0649db;
}

#foot{
  background-color: #fff;
}

.footer-bottom{
    padding: .5rem .2rem;
    width: 100vw;
    text-align: center;
    background-color: #3564bc;
}

#dynamic-year{
  color: #ffffff;
}

.footer-bottom p{
    font-size: 14px;
    word-spacing: 2px;
    text-transform: capitalize;
    margin-left: 2rem;
    
 }
 .footer-bottom p a{
   color:#ffffff;
   font-size: 15px;
   text-decoration: none;
 }
 .footer-bottom span{
     text-transform: uppercase;
     font-weight: 200;
 }

.requisits {
  font-family: 'STIX Two Text', serif;
  
  margin: auto;
}

.opening-hours{
  padding-top: 1rem;
}

.footer-text a:hover{
  transition: color .4s ease;
  color: #34bb44;
}





 @media only screen and (max-width: 900px) {
    .aboutfoot{
      position: absolute;
      margin-bottom: 0;
    }

    footer{
       background: #000000;
    }
 }
/* Footer Ends*/


/* Main-content */
#reviews{
  z-index: 0;
}
/* Intro section below video mobile */

.hero-image{
  height: 666px;
  width: 50%;
  order: 2;
}
.images{
 
}
.images2{
  width: 100%;
  order: 4;
}
.index-container{
    display: flex; 
    flex-wrap: wrap;
    background-color:#000000;
    
    justify-content: center;
    
}




  /* Home banner */

 
  
  /* Home banner ends */

  


  /* Desktop */
  

  
/*
  .hero-section{
    display: flex;
    flex-wrap: nowrap;
    margin: 2rem 1.1rem;
    background-color: #e5e4e4;
  }*/

  .reference-buttons{
    padding: 1.5rem 1rem;
    text-align: center;
    background-color: #3564bc;
  }
  .reference-buttons a{
    margin-left: 1rem;
    text-align: center;
    text-decoration: none;
     font-family: 'STIX Two Text', serif;
  border:3px solid #f3f3f3;
  background-color: #3564bc;
  border-radius: 6rem;
  color: #ffffff;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none;
  font-weight: bolder;
  font-size: 33px;
  transition: 0.5s;

    
  }

 

  .reference-buttons a:hover{
  border: 3px solid #34bb44;
}
  .hro{
    height: auto;
    width: 24%;
} 
  
.srvcbig{
  background-color: #e5e5e5;
  
  justify-content: center;
  justify-content: space-evenly;
}

  .srvic-containr{
    margin: 0ch rem;
    padding: 1rem 2.5rem;
    background-color: #ffffff;
   
  }
  .srvic-containr2{
   
    margin: 0ch rem;
    padding: 1rem 2.5rem;
    background-color: #ffffff;
  }

  .service-main{
    text-align: center;
    padding: 1rem 2rem;
    color: #3564bc;

  }

  .card-container{
    display: flex;;
    justify-content: space-evenly;
  }
  .cardnamsc{
    background: #4987fc;
  }
  .card ul li{
    list-style-type: disc;
  }
  
  .srvchd{
    margin-top: 8rem;
    font-family: 'STIX Two Text', serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 3.5rem;
  }

  .srvchdindx{
    margin-top: 5rem;
    font-family: 'STIX Two Text', serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 3.5rem;
    background-color: #3564bc;
    color: #ffffff;

  }
  .card-parnt{
    margin: 1rem .5rem; 
    width: 25%;           
  }
  .card{
    background-color: #3564bc;
    color: white;
    padding: 1rem 2.5rem;
    
  }
  .card-nam{
    text-align: center;
    font-family: 'STIX Two Text', serif;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: .5rem .1rem;
    color: white;
  }

  .service-heading{
    font-family: 'STIX Two Text', serif;
    text-transform: uppercase;
  }

  .service-heading2{
    font-family: 'STIX Two Text', serif;
  }

  .service-desc{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
  }

  .topsc{
    
    padding: 2rem 28rem;
    text-align: center;
    background-color: #3564bc;
  }
  .topsc h1{
    font-family: 'STIX Two Text', serif;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 3rem;

  }

  .hrosc{
    display: flex;
    
  }

  .txtsc{
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
    font-size: 1.2rem;
    color: #3564bc;
    padding: 8rem 2rem;
    
  }

  .hrosctn{
    display: flex;
    margin: 1rem 1rem;
    margin-top: 8rem;
  }

  .bighrosct{
   
  }

  .maincontntnt{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .komentaras{
    color: #fa7575;
  }

   .footer-bottom span{
     text-transform: uppercase;
    
     color: #ffffff;
 }


  
    @media only screen and (max-width: 900px) {
      .listdiv{
  padding: 5rem 3.5rem;
  font-size: 1.5rem;
  
}
      .card{
        padding: 2.5rem 2rem;
      }

      .card-parnt{
    width: 100%;           
  }

      .nav-bar ul li a {
  font-size: 3.5vw;
}

.hero-section{
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 1.1rem;
    background-color: #ffffff;
  }

  div.txt-sction h1{
    font-family: 'STIX Two Text', serif;
    text-align: center;
    text-transform: uppercase;
    color: #f1f1f1;
    font-size: 4.5rem;
  }
  div.txt-sction p {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 2rem 6rem;
    color: white;
  }

  .hro{
    width: 100%;
  }

  .hrosctn{
    flex-wrap: wrap;
    
  }

  .txtsc{
   
    font-size: 1.2rem;
    padding: 1.5rem .5rem;
    text-align: justify;
    margin: auto;
  }

  .topsc{
    padding: 2rem 0rem;
  }

  .service-heading{
    font-size: 22px;
  }

  .service-heading2{
    font-size: 16px;
  }

  .service-desc{
    font-size: 16px
  }


  .srvic-containr{
    padding: .5rem .5rem;
    margin: .5rem .5rem;
  }

  .srvic-containr2{
    padding: .5rem .5rem;
    margin: .5rem .5rem;
  }

  .reference-buttons a{
    font-size: 21px;
  }

  .card-container{
    flex-wrap: wrap;
  }

  /*Footer*/
footer{
    color: #ffffff;
}

.fa {
  padding: 20px;
  text-decoration: none;
}

.fa-map-marker{
  color: #ffffff;
}

.contacts{
  background-color: #3564bc;
  color: #fff;
}


.footer-content{
 display: flex;
 flex-wrap: wrap;
}

.footer-text a{
  color: #fff;
}

.footer-text{
  
}

.left{
  padding: 0rem rem;
}

.left-upper{
  text-align: center;
  padding: 1rem;
}

.left-p{
}

.left-h{    
}

.left ol{
  text-align: center;
}




.footer-header{
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-family: 'STIX Two Text', serif;
    text-transform: uppercase;
    
}

  
    }