@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Syne:wght@400..800&display=swap');

/*Animations*/
.fadeinleft {
    opacity:0;
    transform: translateX(200px);
    transition: all 1.3s ease-out;
}

.fadeinright{
    opacity: 0;
    transform: translateX(-200px);
    transition: all 0.8s ease-out;
}

.fadeindown{
    opacity: 0;
    transform: translateY(-100px);
    transition: all 1.2s ease-out;
}

.fade-in{
    opacity:0;
    transition: all 1.3s ease-in;
}

.active-left,.active,.active-right,.active-down{
    opacity:1;
    transform: translateX(0);
    transform: translateY(0);
}



.fadein{
opacity: 0;
}   


/* End Animations */


h1,h2,h3,h4,h5,h6{
    font-family: 'EB Garamond';
}

p{
    font-family: 'Poppins';
}

.navbar{
    box-shadow: none!important;
    border-bottom: 1px solid rgba(201, 201, 201, 0.219);
    background-color: white;
}

.navbar li a{
    color: black;
    font-family: 'Syne';
    font-size: 17px;
}

.navbar li a:hover{
    color: #293a4a!important;
}

.navbar li a.active{
    color: #293a4a!important;
    
}

.navbar li{
    margin: 0em 0.6em;
}

.contact-btn{
    background-color:#293a4a ;
    color: white;
    display: flex;
    align-items: center;
    border-radius: 0px;
    padding: 1em 2em;
    font-family: 'Syne';
}

.contact-btn:hover{
    background-color:#063042 ;
    color: white;
    display: flex;
    align-items: center;
    border-radius: 0px;
    padding: 1em 2em;
    font-family: 'Syne';
}



.cta-btn{
    background-color:#293a4a ;
    color: white;
    display: flex;
    align-items: center;
    border-radius: 0px;
    padding: 1em 2em;
    font-family: 'Syne';
    font-size: 16px;
}

.cta-btn:hover{
    background-color:#063042 ;
    color: white;
    display: flex;
    align-items: center;
    border-radius: 0px;
    padding: 1em 2em;
    font-family: 'Syne';
}

.slider {
    position: relative;
     width: 100%;
     height: 95vh;
   }
   
   ul{
     padding:0;
     margin:0;
   }
   
   .slider .title{
     font-weight:400;
   }
   
   .slider li {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 95%;
     background-repeat: no-repeat;
     transition: clip .7s ease-in-out, z-index 0s .7s;
     clip: rect(0, 100vw, 100vh, 100vw);
     display:flex;
     align-items:center;
     justify-content:left;
   }
   
   .slider li:nth-child(2){
    background: url("../img/slide-3.jpeg")rgba(0, 0, 0, 0.55);
    background-size: cover;
     background-position:center;
     background-blend-mode: multiply;
  
   }
   
   .slider li:before{
     content:"";
     position:absolute;
     top:10%!important;
     right:0;
     width:200px;
     height:200px;
     background-image:url('../img/corner-image.png');
     background-size:100% 100%;
     transform: rotate(-90deg);
     transition-delay: 1s;
     z-index:100;
   }
   
   .slider li:after{
     content:"";
     position:absolute;
     bottom:0;
     left:0;
     width:300px;
     height:300px;
     background:url("https://i.postimg.cc/KjKbwDfR/slider-shape-2.png");
     
     background-size:100% 100%;
     transform:rotate(360deg);
   transition: all 1.5s cubic-bezier(0,0,.2,1);
     z-index:10;
     background-position:center left;
   }
   
   .slider li:nth-child(1){
     background: url("../img/slide-1.jpeg")rgba(0, 0, 0, 0.55);
         background-size: cover;
     background-position:10% 80%;
     background-blend-mode: multiply;
   }
   
   .slider li:nth-child(3){
    background: url("../img/slide-2.jpeg")rgba(0, 0, 0, 0.55);
    background-size: cover;
     background-position:center;   background-blend-mode: multiply;
  
   }
  
  
   
   .slider article{
     max-width:60%;
     margin-top:4rem;
     color: #fff;
     z-index:11;
     margin-left: 15%;
   }
   
   .slider h3 + p {
     display: inline-block;
     color: var(--lite);
     font-weight:300;
   }
   
   .slider h3, .slider h3 + p, .slider p + .btn, li:after {
     opacity: 0;
     transition: opacity .7s 0s, transform .5s .2s;
     transform: translate3d(0, 50%, 0);
   }
   
   li.current h3, li.current h3 + p, li.current p + .btn, li.current:after {
     opacity: 1;
     transition-delay: 1s;
     transform: translate3d(0, 0, 0);
   }
   
   .slider li:before{
     transition: 0.5s;
     top:-250px !important;
   }
   
   li.current:before{
     transition-delay: 1s;
     transform: rotate(-90deg);
     top:-20px !important;
   }
   
   li.current {
     z-index: 1;
     clip: rect(0, 100vw, 100vh, 0);
   }
   
   li.prev {
     clip: rect(0, 0, 100vh, 0);
   }
   
   .slider aside {
     position: absolute;
     bottom: 4rem;
     left: 2rem;
     text-align: center;
     z-index: 10;
     
   }
   
   .slider aside a {
     display: inline-block;
     width: 8px;
     height: 8px;
     min-width: 8px;
     min-height: 8px;
     background-color: white;
     margin: 0 0.2rem;
     transition: transform .3s;
   }
   
   .slider em{
     background: var(--primary);
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
   }
   
   a.current_dot {
     transform: scale(1.4);
     background:#293a4a !important;
   }


   .owl-nav .owl-prev{
    position: absolute;
    top: calc(45%);
    color: rgba(255, 255, 255, 0.829)!important;
    left: 1%;
    opacity: 1;
    font-size: 22px!important;
    z-index: 1;
    width: 50px;
    height: 50px;
    background-color: white!important;
    color: #293a4a!important;
    border: 1px solid #e0e0e0!important;
    transition-duration: 0.3s;
    border-radius: 50%!important;
}
.owl-nav .owl-next{
    position: absolute;
    top: calc(45%);
    right: 1%;
    opacity: 1;
    font-size: 22px!important;
    z-index: 1;
    width: 50px;

    height: 50px;
    background-color: white!important;
    color: #293a4a!important;
    border: 1px solid #e0e0e0!important;
    transition-duration: 0.3s;
    border-radius: 50%!important;
    
    
}


.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(39,136,245, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }


  form{
    background-color: #e6f2fa;
    padding: 4em 2em;
} 

.form-container {
    max-width: 800px;
    margin: 0 auto;
   
}

.fcf-form-group {
   width: 100%;
   padding: 0.2em;
}

.fcf-label {
    position: absolute;
    left: -9999px;
   
    overflow: hidden;
    border: none;
}

.fcf-form-control {
    width: 100%;
    padding: 15px 20px;
    border: none;
    background-color: transparent;
    font-size: 16px;
}

.fcf-form-control::placeholder {
    color: #666;
}

select.fcf-form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 10px;
    border: none!important;
}

textarea.fcf-form-control {
   
    resize: vertical;
    min-height: 60px;

    max-height: 80px;
}

.fcf-btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-family: 'Quicksand';
    
}

.fcf-btn-primary {
    color: #ffffff;
    background-color: #293a4a;
    width: 240px!important;
}

.fcf-btn-primary:hover {
    background-color: #063042;
}

.fcf-btn-block {
    display: block;
    width: 240px;
}

.fcf-btn-lg {
    padding: 15px 30px;
    font-size: 18px;
}

@media (max-width: 870px) {
    .fcf-form-group {
        flex: 1 1 100%;
    }
    .center-y{
        text-align: center!important;
    }
    .padding_2x{
        padding: 0em!important;
    }
    .photos{
        margin-top: 0em!important;
    }
    form{
        margin: 4em 0em;
    }
    .powered{
        display: flex;
        justify-content: start!important;
    }
    .foot-mob{
        display: block!important;
        color: black;
        margin-top: 8em!important;
    }
    .foot-mob h4{
        color: black!important;
    }
    .foot-mob a{
        color: black!important;
    }
}