@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
  
.bg-yellow{
 background-color: #288ac9;
}
.btn-yellow-t{
 border: 1px solid #288ac9;
 color:#288ac9;
 font-weight: bold;
 font-size: 16px;
 padding:1rem 2.5rem ;
 transition: all 0.7s;
}
.btn-yellow-t:hover{
 background-color: #288ac9;
 color: #FFF;
}
.bg-light-30{
     background-color:   #F5F5F5;
}
.bg-light-60{
 background-color: #f8f8f8 !important;
}
.bg-scan{
    background-color: #288ac9;
}
.text-yellow{
 color:#288ac9;
}
.text-dark-30{
 color:#6C6D70;
}
.btn-yellow{
 background-color: #288ac9;
 color:#fff;
 transition: all 0.5s ease;
}
.btn-yellow:hover{
 background-color: #d4ac5c;
}


.dropdown-item{
    color: white !important;
    border-bottom: 1px solid #FFF;
}
.dropdown-toggle::after{
    content: none;
}


.bg-dark-1{
 background-color: #2A2A2A
}

 .menu-btn {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 60px;
     height: 50px;
     cursor: pointer;
     transition: all .5s ease-in-out;
     /* border: 3px solid #fff; */
 }
 .menu-btn__burger {
     width: 40px;
     height: 5px;
     background: #fff;
     border-radius: 5px;
     box-shadow: 0 2px 5px rgba(255,101,47,.2);
     transition: all .5s ease-in-out;
 }
 .menu-btn__burger::before,
 .menu-btn__burger::after {
     content: '';
     position: absolute;
     width: 40px;
     height: 5px;
     background: #fff;
     border-radius: 5px;
     box-shadow: 0 2px 5px rgba(255,101,47,.2);
     transition: all .5s ease-in-out;
 }
 .menu-btn__burger::before {
     transform: translateY(-16px);
 }
 .menu-btn__burger::after {
     transform: translateY(16px);
 }
 /* ANIMATION */
 .menu-btn.open .menu-btn__burger {
     transform: translateX(-50px);
     background: transparent;
     box-shadow: none;
 }
 .menu-btn.open .menu-btn__burger::before {
     transform: rotate(45deg) translate(35px, -35px);
 }
 .menu-btn.open .menu-btn__burger::after {
     transform: rotate(-45deg) translate(35px, 35px);
 }

 .tabs {
     display: flex;
     list-style: none;
     padding: 0;
     margin: 0;
     }

     .btn-project{
         font-size: 14px;
         color: #000;
         font-weight: bold;
         background-color: #fff;
         padding: 10px 30px;
         cursor: pointer;
         transition:all 0.5s ease;
     }
     .project-img {
         width: 100%;
         height: 200px;
     }
     .project-active,.btn-project:hover{
         background-color: #288ac9;
         color: #fff;
         font-weight: bold;
     }
     .project{
         
         border: 1px solid #eaeaea;
     }

 .polygon-corner {
     position:relative;
     width: 150px;
     height: 150px;
     background-color: #F5F5F5;
     transition: all 0.5s ease;
 }
 .polygon-corner h5{
     color:#040404;
     font-size: 20px;
     transition: all 0.5s ease;
 
 }
 .polygon-corner p{
     color:#6C6D70;
     font-size: 12px;
     transition: all 0.5s ease;
 
 }
 .square i{
     font-size: 40px !important;
     color:#288ac9 !important;
     transition: all 0.5s ease;
 }
 .polygon-corner:hover{
     background-color: #288ac9;
 }
 .polygon-corner:hover h5,.polygon-corner:hover p{
     color:#FFF;
 }
 .polygon-corner:hover .square i{
     color:#FFF !important;
 }
 .swp-slide{
     /* Center slide text vertically */
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;

     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center !important;
     width: 800px;
}