@font-face {
    font-family: Avenir Black;
    src: url(../fonts/Avenir-Black.ttf) format("TrueType");
}

@font-face {
    font-family: Avenir Book;
    src: url(../fonts/Avenir-Book.ttf) format("TrueType");
}

@font-face {
    font-family: Avenir Medium;
    src: url(../fonts/Avenir-Medium.ttf) format("TrueType");
}

@font-face {
    font-family: Avenir Heavy;
    src: url(../fonts/Avenir-Heavy.ttf) format("TrueType");
}

@font-face {
    font-family: Avenir Light;
    src: url(../fonts/Avenir-Light.ttf) format("TrueType");
}

:root{
    --main-color: #00341E;
    --main-secondary: #EFC332;
    --main-color-hover: #47b3fe;
    --color-1: #849890;
    --color-2: #00462A;
    --color-3: #D9D9D9;
    --color-4: #FFD6D6;
    --color-5: #EFF4FF
}

body{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.bg-main{
    background-color: var(--main-color);
}

.bg-main-secondary{
    background-color: var(--main-secondary);
}


.navbar-main.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}


.navbar-main.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--main-secondary);
}

.text-main-secondary{
    color: var(--main-secondary);
}

.bg-color-3{
    background-color: var(--color-3);
}

.text-main{
    color: var(--main-color);
}

.btn{
    font-size: 24px;
    border-radius: 9px;
}

.btn-outline-main-secondary{
    border: 2px solid var(--main-secondary)
}

.btn-outline-main-secondary-2{
    border: 2px solid var(--main-secondary)
}

.btn-outline-main-secondary-2:hover{
    border: 2px solid var(--main-secondary);
    background-color: var(--main-secondary);
    color: white;
}

.btn-outline-main-secondary:hover{
    border: 2px solid var(--main-secondary);
    background-color: var(--main-secondary);
    color: white;
}

.main-content{
    margin-top: 70px;
    background-color: #FFFFF5;
}

.text-color-1{
    color: var(--color-1)
}

.text-color-2{
    color: var(--color-2)
}

.footer-link li{
    margin-bottom: 10px;
}

.footer-link li a{
    font-size: 12px;
}

.make-bold{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.make-medium{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.content-spacing{
    padding-top: 100px;
    padding-bottom: 100px;
}

.content-spacing-2{
    padding-top: 50px;
    padding-bottom: 50px;
}

.add-spacer-1{
    margin-bottom: 3rem
}


.add-bg{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.hero-title{
    font-size: 5rem;
}

.object-position-center{
    object-position: center center;
}

.object-fit-cover{
    object-fit: cover;
}

.object-fit-contain{
    object-fit: contain;
}

.service-img-holder{
    height: 500px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.testify-avatar{
    height: 30px;
    width: 30px;
    overflow: hidden;
    position: relative;
    border-radius: 50px;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: rgba(0, 70, 42, 0.9);;
  }

  .overlay-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    background: rgba(0, 70, 42, 1);
    z-index: -1;
  }
  
  .service-img-holder:hover .overlay {
    opacity: 1;
  }
  
  .overlay button {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: 'Pacifico', cursive;
  }

  .border-extra{
    border-top: 4px solid var(--main-secondary);
    width: 88.03px;
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .border-extra-3{
    border-top: 4px solid var(--main-secondary);
    width: 88.03px;
    /* margin: 0 auto; */
    margin-bottom: 15px;
  }

  .border-extra-2{
    border-top: 4px solid var(--main-secondary);
    width: 5%;
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .custom-border-rad{
    border-radius: 78px;
  }

  .custom-border-rad-1{
    border-radius: 20px;
  }

  .icon-absolute-1{
    top: -80px;
    right: -150px;
  }

  .icon-absolute-2{
    top: -80px;
    left: -150px;
  }

  .ft-sm{
    font-size: 14px;
  }

  .ft-xs{
    font-size: 12px;
  }

  .testify-indicator.carousel-indicators{
    bottom: -90px
  }

  .heading-custom-ft{
    font-size: 24px;
  }

  .testify-indicator.carousel-indicators [data-bs-target]{
    border-radius: 50%;
    height: 15px;
    width: 15px;
    border: 1px solid #FFD233;
    background-color: transparent;
  }

  .testify-indicator.carousel-indicators .active{
    /* border: 1px solid #FFD233; */
    background-color: #FFD233;
  }

  .h-80vh{
    height: 80vh;
  }

  .form-field-color{
    background-color: #fbf7ea !important;
  }

    .add-gap{
        gap: 20px;
    }

    .img-hover{
        filter: grayscale(1);
        transition: all .5s ease-in-out;
    }

    .img-hover:hover{
        filter: grayscale(0)
    }

    .overlay-3{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* opacity: .1; */
        mix-blend-mode: normal;
        opacity: 0.05;
        height: 100%;
    }

    .modal.fade.modal-top .modal-dialog {
        transition: transform 2s ease-out;
    }
          

  @media screen and (max-width: 768px){
     .icon-absolute-1, .icon-absolute-2{
        display: none;
     } 
     
    .hero-title {
        font-size: 3rem;
    }

    .content-spacing{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .service-img-holder {
        height: 350px
    }

    .testify-indicator.carousel-indicators {
        bottom: -40px;
    }

    .h-80vh{
        height: 100%;
    }

    .sidebar-li li{
        margin-bottom: 15px;
    }

    .services-sect{
        background-color: #FFFAEA;
    }

    .hero-section{
        background-color: var(--color-2);
    }

    .testimonial-section .card{
        border-bottom: 5px solid #EFC332 !important;
    }

    .faq-sect{
        background-color: var(--color-2);
        color: #fff;
    }

    /* .faq-sect .container{
        border-bottom: 2px solid #EFC332;
    } */

    .faq-sect h4{
        color: #EFC332;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .faq-sect h2{
        font-size: 2.5rem;
    }

    .faq-sect .border-extra{
        display: none;
    }

    .footer-link li a {
        font-size: unset;
    }

    .container{
        padding-left: 40px;
        padding-right: 40px;
    }

    .border-top-main-secondary{
        border-top: 2px solid var(--main-secondary);
    }

    .main-footer{
        top: -1px;
        position: relative;
    }

    .add-gap{
        gap: unset;
    }

    .vh-custom-sm{
        height: 100vh;
    }

    .scroll-wrap{
        flex-wrap: nowrap;
        overflow: auto;
    }

    .btn-outline-main-secondary-2{
        background-color: var(--main-secondary);
    }

  }


  @media screen and (min-width: 991px){
    .custom-vh-100{
        height: 100vh;
    }

    .padding-bottom-extra{
        padding-bottom: 150px;
    }
  }