/************************************* home-slider start *************************************/
/*====================================
    slider-image css
====================================*/
.slider-content {
    width: 100%;
    height: 530px;
    background: #0F1E4C;
    clip-path: polygon(0% 0%, 100% 0%, 100% 87.516%, 69.928% 99.471%, 69.928% 99.471%, 69.569% 99.601%, 69.208% 99.709%, 68.846% 99.794%, 68.482% 99.856%, 68.118% 99.896%, 67.753% 99.912%, 67.388% 99.905%, 67.023% 99.875%, 66.659% 99.822%, 66.295% 99.746%, 5.42% 85.076%, 5.42% 85.076%, 4.514% 84.735%, 3.664% 84.171%, 2.881% 83.405%, 2.171% 82.454%, 1.546% 81.338%, 1.014% 80.076%, 0.584% 78.686%, 0.266% 77.188%, 0.068% 75.599%, 0% 73.94%, 0% 0%);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    z-index: 1;
}

.bg-lines {
    position: relative;
}

.bg-lines::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 500px;
    left: 0;
    bottom: -50px;
    background: url('/storage/bg-lines.png') no-repeat;
    background-position: bottom left;
}

@media (max-width: 992px) {
    .bg-lines::after {
        width: 90%;
        bottom: -50px;
        background-position: left;
        background-size: 120%;
    }
}

@media (max-width: 767px) {
    .bg-lines::after {
        bottom: -140px;
        background-size: 100%;
    }
}

@media (max-width: 576px) {
    .bg-lines::after {
        bottom: -30px;
        background-size: 100%;
        height: 240px;
    }
}

.slider-content .home-slider {
    height: 100%;
}

.slider-content .home-slider .slider-text-image {
    height: 100%;
}

.slider-content .home-slider .slider-text-image .slider-image {
    position: absolute;
    right: 0;
    top: 245px;
    bottom: 0;
}

.slider-content .home-slider .slider-text-image .slider-image img {
    width: 100%;
    height: 285px;
    background-size: cover;
    clip-path: polygon(0% 0%, 100% 0%, 100% 87.516%, 69.928% 99.471%, 69.928% 99.471%, 69.569% 99.601%, 69.208% 99.709%, 68.846% 99.794%, 68.482% 99.856%, 68.118% 99.896%, 67.753% 99.912%, 67.388% 99.905%, 67.023% 99.875%, 66.659% 99.822%, 66.295% 99.746%, 5.42% 85.076%, 5.42% 85.076%, 4.514% 84.735%, 3.664% 84.171%, 2.881% 83.405%, 2.171% 82.454%, 1.546% 81.338%, 1.014% 80.076%, 0.584% 78.686%, 0.266% 77.188%, 0.068% 75.599%, 0% 73.94%, 0% 0%);

}

@media (min-width: 576px) {
    .slider-content {
        width: 100%;
        height: 530px;
        background: url('/storage/bg-blue.png');
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }

    .slider-content .home-slider .slider-text-image .slider-image {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .slider-content .home-slider .slider-text-image .slider-image img {
        width: 100%;
        height: 445px;
        clip-path: polygon(0.389% 0%, 100% 0%, 100% 87.808%, 41.362% 99.275%, 41.362% 99.275%, 40.684% 99.396%, 40.002% 99.495%, 39.317% 99.572%, 38.631% 99.628%, 37.942% 99.661%, 37.253% 99.671%, 36.564% 99.66%, 35.875% 99.627%, 35.187% 99.571%, 34.501% 99.494%, 0% 95.018%, 0.389% 0%);
    }
}

@media (min-width: 768px) {
    .slider-content {
        width: 100%;
        height: 600px;
    }

    .slider-content .home-slider .slider-text-image .slider-image img {
        width: 100%;
        height: 515px;
    }
}

@media (min-width: 992px) {
    .slider-content {
        width: 100%;
        height: 700px;
    }

    .slider-content .home-slider .slider-text-image .slider-image img {
        width: 100%;
        height: 615px;
    }
}

@media (min-width: 1200px) {
    .slider-content {
        width: 100%;
        height: 850px;
    }

    .slider-content .home-slider .slider-text-image .slider-image img {
        width: 100%;
        height: 750px;
    }
}

/*====================================
    slider-text-info transition css
====================================*/
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-text-image .slider-text h1,
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-text-image .slider-text p,
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-text-image .slider-text a {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-text-image .slider-text-info h1 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-text-image .slider-text-info p {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
}

.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-text-image .slider-text-info a {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

/*====================================
    slider-text-info css
====================================*/
.slider-content .home-slider .slider-text-image .slider-text {
    position: relative;
    z-index: 1;
    margin-bottom: 165px;
    /*    padding-left: 55px;*/
}

@media (min-width: 576px) {
    .slider-content .home-slider .slider-text-image .slider-text {
        margin-bottom: 100px;
    }
}

@media (min-width: 768px) {
    .slider-content .home-slider .slider-text-image .slider-text {
        padding-left: 15px;
        margin-bottom: 140px;
    }
}

@media (min-width: 992px) {
    .slider-content .home-slider .slider-text-image .slider-text {
        margin-bottom: 100px;
        padding-left: 80px;
    }
}

@media (min-width: 1200px) {
    .slider-content .home-slider .slider-text-image .slider-text {
        margin-bottom: 225px;
        padding-left: 105px;
    }
}

.slider-content .home-slider .slider-text-image .slider-text h1 {
    font-size: 30px;
    color: #fff;
    display: flex;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    text-transform: capitalize;
}

@media (min-width: 576px) {
    .slider-content .home-slider .slider-text-image .slider-text h1 {
        font-size: 40px;
        color: #fff;
        display: flex;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 300;
        line-height: 30px;
        text-transform: capitalize;
    }
}

@media (min-width: 768px) {
    .slider-content .home-slider .slider-text-image .slider-text h1 {
        color: #FFF;
        display: flex;
        font-family: 'Poppins', sans-serif;
        font-size: 48px;
        font-style: normal;
        font-weight: 300;
        line-height: 50px;
        text-transform: capitalize;
    }
}

@media (min-width: 1200px) {
    .slider-content .home-slider .slider-text-image .slider-text h1 {
        font-size: 68px;
        line-height: 70px;
    }
}

.slider-content .home-slider .slider-text-image .slider-text h1 span.main-title {
    font-size: 30px;
    color: #fff;
    display: flex;
    padding-left: 10px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
}

@media (min-width: 576px) {
    .slider-content .home-slider .slider-text-image .slider-text h1 span.main-title {
        font-size: 40px;
        color: #fff;
        display: flex;
        padding-left: 10px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        text-transform: capitalize;
    }
}

@media (min-width: 768px) {
    .slider-content .home-slider .slider-text-image .slider-text h1 span.main-title {
        color: #FFF;
        padding-left: 20px;
        font-family: 'Poppins', sans-serif;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        text-transform: capitalize;
    }
}

@media (min-width: 1200px) {
    .slider-content .home-slider .slider-text-image .slider-text h1 span.main-title {
        font-size: 68px;
        line-height: 70px;
    }
}

.slider-content .home-slider .slider-text-image .slider-text p {
    color: #b7afaf;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.7;
}

@media (min-width: 576px) {
    .slider-content .home-slider .slider-text-image .slider-text p {
        font-size: 14px;
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
    .slider-content .home-slider .slider-text-image .slider-text p {
        color: #b7afaf;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        padding-top: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        opacity: 0.7;
    }
}

.slider-content .home-slider .slider-text-image .slider-text button {
    color: #0F1E4C;
    padding: 10px 30px 10px 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    clip-path: polygon(99.63% 24.319%, 99.63% 24.319%, 99.756% 20.604%, 99.698% 16.996%, 99.472% 13.56%, 99.092% 10.365%, 98.572% 7.478%, 97.926% 4.965%, 97.17% 2.893%, 96.317% 1.331%, 95.382% 0.344%, 94.38% 0%, 5.376% 0%, 5.376% 0%, 4.504% 0.262%, 3.677% 1.02%, 2.906% 2.232%, 2.201% 3.859%, 1.575% 5.858%, 1.037% 8.188%, 0.6% 10.809%, 0.274% 13.678%, 0.07% 16.756%, 0% 20%, 0% 80%, 0% 80%, 0.07% 83.244%, 0.274% 86.322%, 0.6% 89.191%, 1.037% 91.812%, 1.575% 94.142%, 2.201% 96.141%, 2.906% 97.768%, 3.677% 98.98%, 4.504% 99.738%, 5.376% 100%, 90.812% 100%, 90.812% 100%, 91.558% 99.808%, 92.274% 99.249%, 92.956% 98.344%, 93.593% 97.118%, 94.179% 95.595%, 94.705% 93.796%, 95.164% 91.746%, 95.549% 89.467%, 95.851% 86.984%, 96.062% 84.319%, 99.63% 24.319%);
    background-color: #FFf;
    border: none;
}

.slider-content .home-slider .slider-text-image .slider-text button:hover {
    color: #0F1E4C;
    background-color: #BDD800;
    -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

@media (min-width: 576px) {
    .slider-content .home-slider .slider-text-image .slider-text button {
        color: #0F1E4C;
        padding: 11px 34px 11px 24px;
        margin-top: 20px;
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .slider-content .home-slider .slider-text-image .slider-text button {
        color: #0F1E4C;
        padding: 13px 38px 13px 28px;
        margin-top: 30px;
        font-size: 16px;
    }
}

/*====================================
    slider-pagination css
====================================*/
.slider-content .home-slider.swiper .swiper-pagination {
    color: #fff;
    position: absolute;
    margin-left: 12px;
    display: flex;
    bottom: 85px;
}

.slider-content .home-slider.swiper .swiper-pagination span {
    width: 30px;
    height: 3px;
    border-radius: 0px;
    padding: 0;
    margin: auto 5px;
    background-color: #fff;
}

@media (min-width: 576px) {
    .slider-content .home-slider.swiper .swiper-pagination {
        color: #fff;
        position: absolute;
        margin-left: 12px;
        display: flex;
        bottom: 110px;
    }
}

@media (min-width: 768px) {
    .slider-content .home-slider.swiper .swiper-pagination {
        color: #fff;
        position: absolute;
        margin-left: 12px;
        display: flex;
        bottom: 140px;
    }
}

@media (min-width: 992px) {
    .slider-content .home-slider.swiper .swiper-pagination {
        color: #fff;
        position: absolute;
        margin-left: 12px;
        padding-left: 70px;
        display: flex;
        bottom: 150px;
    }
}

@media (min-width: 1200px) {
    .slider-content .home-slider.swiper .swiper-pagination {
        color: #fff;
        position: absolute;
        margin-left: 12px;
        padding-left: 90px;
        display: flex;
        bottom: 250px;
    }
}

/*====================================
    slider-navigation css
====================================*/
.slider-content .home-slider.swiper .swiper-buttons button {
    display: none;
    color: #333;
    font-size: 16px;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 45px;
    height: 45px;
    background: #fff;
    margin: 0px;
    opacity: 0;
    visibility: hidden;
    border: none;
    border-radius: 100%;
    -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.slider-content:hover .home-slider.swiper .swiper-buttons button {
    opacity: 1;
    visibility: visible;
}

.slider-content .home-slider.swiper .swiper-buttons button:hover {
    color: #fff;
    background-color: #0f1e4c;
}

.slider-content .home-slider.swiper .swiper-buttons button.swiper-prev {
    left: 15px;
}

.slider-content .home-slider.swiper .swiper-buttons button.swiper-next {
    right: 15px;
}

@media (min-width: 1200px) {
    .slider-content .home-slider.swiper .swiper-buttons button {
        width: 60px;
        height: 60px;
    }

    .slider-content .home-slider.swiper .swiper-buttons button.swiper-prev {
        left: 30px;
    }

    .slider-content .home-slider.swiper .swiper-buttons button.swiper-next {
        right: 30px;
    }
}

/*====================================
    slider-dot css
====================================*/
.slider-content .home-slider.swiper .swiper-dots {
    display: none;
    bottom: 15px;
}

.slider-content .home-slider.swiper .swiper-dots .swiper-pagination {
    width: unset;
    margin: -5px -2.5px 0px;
}

.slider-content .home-slider.swiper .swiper-dots .swiper-pagination span {
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: 5px 2.5px 0px;
    opacity: 1;
}

.slider-content .home-slider.swiper .swiper-dots .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #333;
}

@media (min-width: 992px) {
    .slider-content .home-slider.swiper .swiper-dots {
        bottom: 30px;
        display: none;
    }
}

/************************************* home-slider end *************************************/

/************************************* About-slider start *************************************/
.section-capture .section-title h2.section-heading span {
    color: #B0C600;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1.6px;
    border-bottom: 4px solid #B0C600;
}

@media (min-width: 768px) {
    .section-capture .section-subtitle h1 {
        font-size: 16px;
    }
}

.section-capture .section-subtitle h1 {
    color: #333;
    padding-top: 12px;
    display: inline-grid;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
}

@media (min-width: 768px) {
    .section-capture .section-subtitle h1 {
        font-size: 40px;
        line-height: 43px;
    }
}

@media (min-width: 1200px) {
    .section-capture .section-subtitle h1 {
        font-size: 50px;
        line-height: 53px;
    }
}

.section-capture .section-subtitle h1 span {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
}

@media (min-width: 768px) {
    .section-capture .section-subtitle h1 span {
        font-size: 40px;
        line-height: 43px;
    }
}

@media (min-width: 1200px) {
    .section-capture .section-subtitle h1 span {
        font-size: 50px;
        line-height: 53px;
    }
}

.section-capture .section-text p {
    color: #6c6c6c;
    text-align: center;
    margin-top: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
}

.br-20
{
    border-radius: 20px;
}

@media (min-width: 768px) {
    .section-capture .section-text p {
        font-size: 16px;
        width: 91.66%;
        margin: 10px auto 0px;
    }
}

@media (min-width: 991px) {
    .section-capture .section-text p {
        width: 83.33%;
    }
}

@media (min-width: 1200px) {
    .section-capture .section-text p {
        width: 65%;
    }
}

/*about-wrap css*/
.about-wrap {
    padding-top: 10px;
}

@media (min-width: 768px) {
    .about-wrap {
        padding-top: 30px;
    }
}

@media (min-width: 991px) {
    .about-wrap {
        padding-top: 50px;
    }
}

@media (min-width: 1200px) {
    .about-wrap {
        padding-top: 70px;
    }
}

.about-content {
    padding-top: 20px;
}

.about-content .about-icon-text span.about-icon {
    width: 25px;
}

.about-content .about-icon-text span.about-text {
    width: calc(100% - 25px);
}

/*=====================================
    about-content css
=====================================*/
.about-post .about-content .about-icon-text span.about-icon {
    opacity: 0.7;
    text-align: center;
}

.about-post .about-content .about-icon-text span.about-text {
    color: #242424;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
}

.about-post .about-content h2.about-title {
    color: #222;
    padding-top: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.about-post .about-content p.about-desc {
    color: #333;
    width: 75%;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  
}

.about-post .about-content button, .about-post .about-content a {
    color: #333;
    background-color: gray;
    min-width: 120px;
    min-height: 40px;
    padding: 5px 15px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 0px;
    text-align: center;
    transition: all 0.3s;
    opacity: 0.6;
    text-decoration: none;
    clip-path: polygon(99.038% 3.125%, 0.962% 3.125%, 0.962% 96.875%, 93.269% 96.875%, 99.038% 3.125%);
}
.about-post .about-content a {
    border: 1px solid #dee2e6;
    display: inline-flex;
}
.about-post .about-content button:hover,.about-post .about-content a:hover {
    color: #fff;
    -webkit-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.about-post .about-content button span, .about-post .about-content a span {
    z-index: 1;
}

.about-post .about-content button::before, .about-post .about-content a::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: #fff;
    transition: all 0.3s;
    clip-path: polygon(99.038% 3.125%, 0.962% 3.125%, 0.962% 96.875%, 93.269% 96.875%, 99.038% 3.125%);
}

.about-post .about-content button:hover::before, .about-post .about-content a:hover::before {
    background-color: #3F3F3F;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

.about-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-wrap .about-slider {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

/* slider-arrow button css */
.about-wrap .about-slider.owl-carousel .owl-nav {
    margin: 20px 0px 0px;
    text-align: center;
    line-height: 0;
    display: flex;
    justify-content: center;
}

.about-wrap .about-slider.owl-carousel .owl-nav button {
    color: #0092C7;
    font-size: 16px;
    height: 40px;
    width: 40px;
    opacity: 1;
    line-height: 0;
    background: url('/storage/arrow-active.png');
    clip-path: polygon(96.382% 32.254%, 96.382% 32.254%, 96.307% 30.92%, 96.086% 29.616%, 95.724% 28.352%, 95.229% 27.137%, 94.604% 25.98%, 93.857% 24.891%, 92.992% 23.879%, 92.016% 22.954%, 90.934% 22.125%, 89.752% 21.401%, 56.857% 3.544%, 56.857% 3.544%, 55.618% 2.951%, 54.334% 2.49%, 53.018% 2.16%, 51.679% 1.963%, 50.329% 1.897%, 48.979% 1.963%, 47.64% 2.16%, 46.324% 2.49%, 45.04% 2.951%, 43.801% 3.544%, 10.906% 21.401%, 10.906% 21.401%, 9.724% 22.125%, 8.642% 22.954%, 7.666% 23.879%, 6.801% 24.891%, 6.054% 25.98%, 5.429% 27.137%, 4.934% 28.352%, 4.572% 29.616%, 4.351% 30.92%, 4.276% 32.254%, 4.276% 67.746%, 4.276% 67.746%, 4.351% 69.08%, 4.572% 70.384%, 4.934% 71.648%, 5.429% 72.863%, 6.054% 74.02%, 6.801% 75.109%, 7.666% 76.121%, 8.642% 77.046%, 9.724% 77.875%, 10.906% 78.599%, 43.801% 96.456%, 43.801% 96.456%, 45.04% 97.049%, 46.324% 97.51%, 47.64% 97.84%, 48.979% 98.037%, 50.329% 98.103%, 51.679% 98.037%, 53.018% 97.84%, 54.334% 97.51%, 55.618% 97.049%, 56.857% 96.456%, 89.752% 78.599%, 89.752% 78.599%, 90.934% 77.875%, 92.016% 77.046%, 92.992% 76.121%, 93.857% 75.109%, 94.604% 74.02%, 95.229% 72.863%, 95.724% 71.648%, 96.086% 70.384%, 96.307% 69.08%, 96.382% 67.746%, 96.382% 32.254%);
}

.about-wrap .about-slider.owl-carousel .owl-nav .disabled {
    color: #fff;
    background: url('/storage/arrow-disabled.png');
    background-repeat: no-repeat;
    background-size: cover;
}

@media(min-width: 992px) {
    .about-wrap .about-slider.owl-carousel .owl-nav {
        margin: 40px 0px 0px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 33%;
        width: 110%;
        left: -46px;
        right: auto;
    }
}

@media(min-width: 1200px) {
    .about-wrap .about-slider.owl-carousel .owl-nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 33%;
        width: 110%;
        left: -50px;
        right: auto;
    }
}

@media(min-width: 1400px) {
    .about-wrap .about-slider.owl-carousel .owl-nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 33%;
        width: 110%;
        left: -63px;
        right: auto;
    }
}

/*====================================
    owl slider-dots css
====================================*/
.about-wrap .about-slider.owl-carousel .owl-dots {
    display: none;
}

/************************************* About-slider end *************************************/

/************************************* testimonials css start *************************************/
.testimonial-area .testimonial-wrap {
    margin-bottom: 0px;
}

.bg-white-with-shadow {
    background: #FFF;
    /* border-top: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    box-shadow: 0px 0px 56px 0px rgb(57, 57, 57, 12%); */
    margin: 70px 0px;
}

@media(min-width: 992px) {
    .testimonial-area .testimonial-wrap {
        margin-bottom: 50px;
    }

    .bg-white-with-shadow {
        margin: 100px 0px;
    }
}

.testimonial-area .testimonial-wrap .testimonial-title h2.testimonial-heading span {
    color: #B0C600;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1.6px;
    border-bottom: 4px solid #B0C600;
}

@media(min-width: 768px) {
    .testimonial-area .testimonial-wrap .testimonial-title h2.testimonial-heading span {
        font-size: 16px;
    }
}

.testimonial-area .testimonial-wrap .testimonial-subtitle h1.sub-heading {
    display: block;
}

.testimonial-area .testimonial-wrap .testimonial-subtitle h1 {
    color: #333;
    padding-top: 12px;
    display: inline-grid;
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
}

@media (min-width: 768px) {
    .testimonial-area .testimonial-wrap .testimonial-subtitle h1 {
        font-size: 40px;
        line-height: 43px;
    }
}

@media (min-width: 1200px) {
    .testimonial-area .testimonial-wrap .testimonial-subtitle h1 {
        font-size: 50px;
        line-height: 53px;
    }
}

.testimonial-area .testimonial-wrap .testimonial-subtitle h1 span {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
}

@media (min-width: 768px) {
    .testimonial-area .testimonial-wrap .testimonial-subtitle h1 span {
        font-size: 40px;
        line-height: 43px;
    }
}

@media (min-width: 1200px) {
    .testimonial-area .testimonial-wrap .testimonial-subtitle h1 span {
        font-size: 50px;
        line-height: 53px;
    }
}

.testimonial-area .testimonial-wrap .testimonial-text p {
    color: #000;
    text-align: center;
    margin-top: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (min-width: 992px) {
    .testimonial-area .testimonial-wrap .testimonial-text p {
        width: 73.33%;
        margin: 10px auto 0px;
    }
}

@media (min-width: 1200px) {
    .testimonial-area .testimonial-wrap .testimonial-text p {
        width: 53.33%;
    }
}

/*testimonial-slider start*/
.testimonial-area .testimonial-slider .testi-slider {
    padding: 60px 0px 80px 0px;
}

.testimonial-area .testimonial-slider .testi-slider .testimonial-item {
    display: flex;
    flex-direction: column;
    margin-right: 0px;
    padding: 30px;
    background-color: #fdfdfd;
}

.testimonial-area .testimonial-slider .testi-slider .testimonial-item .author-image {
    position: absolute;
    top: -43px;
    left: 21px;
}

.testimonial-area .testimonial-slider .testi-slider .testimonial-item .author-image span.image {
    display: inline-block;
}

.testimonial-area .testimonial-slider .testi-slider .testimonial-item .testimonial-desc img {
    float: inline-end;
}

.testimonial-area .testimonial-slider .testi-slider .testimonial-item .testimonial-desc h2.testi-author {
    margin-top: 50px;
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.4px;
}

.testimonial-area .testimonial-slider .testi-slider .testimonial-item .testimonial-desc p.description {
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.testimonial-slider .swiper-navigation {
    max-width: 90px;
    height: 60px;
    bottom: -20px;
    top: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
}

/************************************* testimonials css end *************************************/

/************************************* recent-project css start *************************************/
.recent-project-content {
    width: 100%;
    height: 100%;
    background: url('/storage/recent/recent-back.png');
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    z-index: 1;
    padding-top: 80px;
}

.recent-project-content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: url('/storage/layer-bg.png') no-repeat;
    background-position: bottom;
    background-size: cover;
    bottom: -80px;
    z-index: 0;
}
.mt-20 
{
    margin-top: 20px !important;
}




@media(min-width: 1200px) {
    .recent-project-content {
        padding-bottom: 145px;
    }
}

/* project-title css */
.recent-category .recent-project .project-title h2.project-heading {
    text-align: center;
}

@media(min-width: 992px) {
    .recent-category .recent-project .project-title h2.project-heading {
        text-align: start;
    }
}

.recent-category .recent-project .project-title h2.project-heading span {
    color: #B0C600;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1.6px;
    border-bottom: 4px solid #B0C600;
}

@media(min-width: 768px) {
    .recent-category .recent-project .project-title h2.project-heading span {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .recent-project-content::before {
        bottom: -50px;
    }
}

/* project-text css */
.recent-category .recent-text p {
    color: #FFF;
    margin-top: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.5;
    line-height: normal;
}

@media (min-width: 768px) {
    .recent-category .recent-text p {
        font-size: 16px;
        margin-top: 10px;
    }
}

/* project-sub-title css */
.recent-category .recent-project .project-subtitle h1.sub-heading {
    color: #FFF;
    padding-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-style: normal;
    text-align: center;
    font-weight: 400;
    line-height: 33px;
}

@media (min-width: 768px) {
    .recent-category .recent-project .project-subtitle h1.sub-heading {
        font-size: 40px;
        line-height: 43px;
    }

}

@media (min-width: 992px) {
    .recent-category .recent-project .project-subtitle h1.sub-heading {
        text-align: start;
    }
}

@media (min-width: 1200px) {
    .recent-category .recent-project .project-subtitle h2.sub-heading {
        font-size: 50px;
        color: #FFF;
        line-height: 53px;
    }
}

.recent-category .recent-project .project-subtitle h2.sub-heading span {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
}

@media (min-width: 768px) {
    .recent-category .recent-project .project-subtitle h2.sub-heading span {
        font-size: 40px;
        line-height: 43px;
    }
}

@media (min-width: 1200px) {
    .recent-category .recent-project .project-subtitle h2.sub-heading span {
        font-size: 50px;
        line-height: 53px;
    }
}

/* text responsive css */
.recent-category .recent-wrapper .recent-text {
    order: 1;
    text-align: center;
}

@media (min-width: 992px) {
    .recent-category .recent-wrapper .recent-text {
        order: 0;
        padding-top: 50px;
        text-align: start;
    }
}

.recent-category .recent-wrapper .recent-texts {
    order: 2;
    margin-top: -16px;
    text-align: center;
}

@media (min-width: 992px) {
    .recent-category .recent-wrapper .recent-texts {
        order: 1;
        text-align: start;
    }
}

.recent-category .recent-wrapper .recent-texts p {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 0.5;
    line-height: normal;
}

@media(min-width: 768px) {
    .recent-category .recent-wrapper .recent-texts p {
        font-size: 16px;
    }
}

/* recent-slider css */
.recent-wrap {
    padding-top: 10px;
    position: relative;
    display: block;
}


@media (min-width: 768px) {
    .recent-wrap {
        padding-top: 30px;
    }
}

@media (min-width: 992px) {
    .recent-wrap {
        padding-top: 50px;
    }
}

.recent-wrap .recent-slider {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.recent-wrap .recent-slider .recent-post .recent-image a.recent-img {
    display: block;
    position: relative;
}

.recent-wrap .recent-slider .recent-post .recent-image a.recent-img .recent-contant h2.recent-title {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    padding: 10px 15px;
    margin: 0px 0px 0px 5px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    bottom: 45px;
    left: 0;
    letter-spacing: 0.4px;
}

.recent-wrap .recent-slider .recent-post .recent-image a.recent-img .recent-contant span.recent-icon-text {
    color: #fff;
    position: absolute;
    bottom: 9px;
    left: 0;
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

.recent-wrap .recent-slider .recent-post .recent-image a.recent-img .recent-contant span.recent-icon-text span.recent-icon {
    width: 25px;
    margin-left: 7px;
    opacity: 0.7;
}

.recent-wrap .recent-slider .recent-post .recent-image a.recent-img .recent-contant span.recent-icon-text span.recent-location {
    width: calc(100% - 25px);
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
}

/* slider-arrow button css */
.recent-wrap .recent-slider.owl-carousel .owl-nav {
    margin: 20px 0px 0px;
    text-align: center;
    line-height: 0;
    display: flex;
    justify-content: center;
}

.recent-wrap .recent-slider.owl-carousel .owl-nav button {
    color: #fff;
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 0;
    opacity: 1;
    background: url('/storage/arrow-black-active.png');
    clip-path: polygon(96.382% 32.254%, 96.382% 32.254%, 96.307% 30.92%, 96.086% 29.616%, 95.724% 28.352%, 95.229% 27.137%, 94.604% 25.98%, 93.857% 24.891%, 92.992% 23.879%, 92.016% 22.954%, 90.934% 22.125%, 89.752% 21.401%, 56.857% 3.544%, 56.857% 3.544%, 55.618% 2.951%, 54.334% 2.49%, 53.018% 2.16%, 51.679% 1.963%, 50.329% 1.897%, 48.979% 1.963%, 47.64% 2.16%, 46.324% 2.49%, 45.04% 2.951%, 43.801% 3.544%, 10.906% 21.401%, 10.906% 21.401%, 9.724% 22.125%, 8.642% 22.954%, 7.666% 23.879%, 6.801% 24.891%, 6.054% 25.98%, 5.429% 27.137%, 4.934% 28.352%, 4.572% 29.616%, 4.351% 30.92%, 4.276% 32.254%, 4.276% 67.746%, 4.276% 67.746%, 4.351% 69.08%, 4.572% 70.384%, 4.934% 71.648%, 5.429% 72.863%, 6.054% 74.02%, 6.801% 75.109%, 7.666% 76.121%, 8.642% 77.046%, 9.724% 77.875%, 10.906% 78.599%, 43.801% 96.456%, 43.801% 96.456%, 45.04% 97.049%, 46.324% 97.51%, 47.64% 97.84%, 48.979% 98.037%, 50.329% 98.103%, 51.679% 98.037%, 53.018% 97.84%, 54.334% 97.51%, 55.618% 97.049%, 56.857% 96.456%, 89.752% 78.599%, 89.752% 78.599%, 90.934% 77.875%, 92.016% 77.046%, 92.992% 76.121%, 93.857% 75.109%, 94.604% 74.02%, 95.229% 72.863%, 95.724% 71.648%, 96.086% 70.384%, 96.307% 69.08%, 96.382% 67.746%, 96.382% 32.254%);
}

.recent-wrap .recent-slider.owl-carousel .owl-nav .disabled {
    color: #333;
    background: url('/storage/arrow-white-disabled.png');
    background-repeat: no-repeat;
    background-size: cover;
}

@media(min-width: 992px) {
    .recent-wrap .recent-slider.owl-carousel .owl-nav {
        margin: 40px 0px 0px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 33%;
        width: 110%;
        left: -46px;
        right: auto;
    }
}

@media(min-width: 1200px) {
    .recent-wrap .recent-slider.owl-carousel .owl-nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 33%;
        width: 110%;
        left: -53px;
        right: auto;
    }
}

@media(min-width: 1400px) {
    .recent-wrap .recent-slider.owl-carousel .owl-nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 33%;
        width: 110%;
        left: -63px;
        right: auto;
    }
}

/* owl slider-dots css  */

.owl-theme .owl-dots {
    display: none;
}

.recent-wrap .recent-slider.owl-carousel .owl-dots {
    display: none;
}

/* recent-description css */
.recent-description {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 23px;
}

.recent-description p.recent-des {
    color: #FFF;
    width: 100%;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
}

@media(min-width: 768px) {
    .recent-description p.recent-des {
        font-size: 16px;
        width: 91.66%;
    }

    .recent-description {
        padding-top: 40px;
    }
}

@media(min-width: 992px) {
    .recent-description p.recent-des {
        width: 80%;
    }
}

@media(min-width: 1200px) {
    .recent-description {
        padding-top: 60px;
    }

    .recent-description p.recent-des {
        width: 59%;
    }
}



.project-slider {
    padding: 50px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "poppins", sans-serif;
}

.project-slide-box {
    position: relative;
    border-radius: 10px;
    border: 1px solid rgb(255 255 255 / 45%);
}

.project-slide-box::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #171717 100%);
    border-radius: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.project-slide-box .img-wrapper {
    border-radius: 10px;
    height: 286px;
    position: relative;
}

.project-slide-box img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.project-slide-box .content {
    position: absolute;
    bottom: 0;
    padding: 20px;
    color: #FFF;
    z-index: 2;
    opacity: 1;
    width: 100%;
    transition: all .3s ease-in-out;
}

.project-slide-box .content .title {
    color: #FFF;
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.4px;
}

.project-slide-box .content .map-text {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
}

.project-slide-box .content .map-text svg path {
    stroke: #FFF;
}

.project-slider .swiper-navigation .swiper-button-prev.swiper-button-disabled,
.project-slider .swiper-navigation .swiper-button-next.swiper-button-disabled {
    background: #FFF !important;
    color: #171717;
}

.project-slider .swiper-navigation .swiper-button-prev,
.project-slider .swiper-navigation .swiper-button-next {
    background: url('/storage/icons/hexa-bg-outline-white.svg') no-repeat;
    background-size: 38px;
    background-position: center;
    color: #FFF;
}


/************************************* recent-project css end *************************************/

/* =====================
 slider_clip_path 
 ========================= */
.clip_path {
    position: relative;
    background-color: #D0D0D0;
    padding: 1px;
    clip-path: polygon(calc(100% - 25.87px) 0.5px, 25px 0.5px, 25px 0.5px, 21.025967px 0.820663px, 17.256096px 1.749024px, 13.740829px 3.234641px, 10.530608px 5.227072px, 7.675875px 7.675875px, 5.227072px 10.530608px, 3.234641px 13.740829px, 1.749024px 17.256096px, 0.820663px 21.025967px, 0.5px 25px, 0.5px calc(100% - 25px), 0.5px calc(100% - 25px), 0.820663px calc(100% - 21.025967px), 1.749024px calc(100% - 17.256096px), 3.234641px calc(100% - 13.740829px), 5.227072px calc(100% - 10.530608px), 7.675875px calc(100% - 7.675875px), 10.530608px calc(100% - 5.227072px), 13.740829px calc(100% - 3.234641px), 17.256096px calc(100% - 1.749024px), 21.025967px calc(100% - 0.82066299999997px), 25px calc(100% - 0.50000000000006px), calc(100% - 50.436px) calc(100% - 0.5px), calc(100% - 50.436px) calc(100% - 0.5px), calc(100% - 46.76347px) calc(100% - 0.77443699999998px), calc(100% - 43.25264px) calc(100% - 1.5724159999999px), calc(100% - 39.94605px) calc(100% - 2.855939px), calc(100% - 36.88624px) calc(100% - 4.587008px), calc(100% - 34.11575px) calc(100% - 6.727625px), calc(100% - 31.67712px) calc(100% - 9.239792px), calc(100% - 29.61289px) calc(100% - 12.085511px), calc(100% - 27.9656px) calc(100% - 15.226784px), calc(100% - 26.77779px) calc(100% - 18.625613px), calc(100% - 26.092px) calc(100% - 22.244px), calc(100% - 1.526px) 27.756px, calc(100% - 1.526px) 27.756px, calc(100% - 1.4131029999999px) 23.4620906px, calc(100% - 2.0223839999999px) 19.3419328px, calc(100% - 3.295301px) 15.4610622px, calc(100% - 5.173312px) 11.8850144px, calc(100% - 7.597875px) 8.679325px, calc(100% - 10.510448px) 5.9095296px, calc(100% - 13.852489px) 3.6411638px, calc(100% - 17.565456px) 1.9397632px, calc(100% - 21.590807px) 0.8708634px, calc(100% - 25.87px) 0.5px);
}

.back_shaow_filter {
    filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.12));
    width: 100%;
}

.sub_clip_path {
    clip-path: polygon(calc(100% - 25.87px) 0.5px, 25px 0.5px, 25px 0.5px, 21.025967px 0.820663px, 17.256096px 1.749024px, 13.740829px 3.234641px, 10.530608px 5.227072px, 7.675875px 7.675875px, 5.227072px 10.530608px, 3.234641px 13.740829px, 1.749024px 17.256096px, 0.820663px 21.025967px, 0.5px 25px, 0.5px calc(100% - 25px), 0.5px calc(100% - 25px), 0.820663px calc(100% - 21.025967px), 1.749024px calc(100% - 17.256096px), 3.234641px calc(100% - 13.740829px), 5.227072px calc(100% - 10.530608px), 7.675875px calc(100% - 7.675875px), 10.530608px calc(100% - 5.227072px), 13.740829px calc(100% - 3.234641px), 17.256096px calc(100% - 1.749024px), 21.025967px calc(100% - 0.82066299999997px), 25px calc(100% - 0.50000000000006px), calc(100% - 50.436px) calc(100% - 0.5px), calc(100% - 50.436px) calc(100% - 0.5px), calc(100% - 46.76347px) calc(100% - 0.77443699999998px), calc(100% - 43.25264px) calc(100% - 1.5724159999999px), calc(100% - 39.94605px) calc(100% - 2.855939px), calc(100% - 36.88624px) calc(100% - 4.587008px), calc(100% - 34.11575px) calc(100% - 6.727625px), calc(100% - 31.67712px) calc(100% - 9.239792px), calc(100% - 29.61289px) calc(100% - 12.085511px), calc(100% - 27.9656px) calc(100% - 15.226784px), calc(100% - 26.77779px) calc(100% - 18.625613px), calc(100% - 26.092px) calc(100% - 22.244px), calc(100% - 1.526px) 27.756px, calc(100% - 1.526px) 27.756px, calc(100% - 1.4131029999999px) 23.4620906px, calc(100% - 2.0223839999999px) 19.3419328px, calc(100% - 3.295301px) 15.4610622px, calc(100% - 5.173312px) 11.8850144px, calc(100% - 7.597875px) 8.679325px, calc(100% - 10.510448px) 5.9095296px, calc(100% - 13.852489px) 3.6411638px, calc(100% - 17.565456px) 1.9397632px, calc(100% - 21.590807px) 0.8708634px, calc(100% - 25.87px) 0.5px);
    filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.12));
}

.author-image {
    position: absolute;
    top: -50px;
    left: 20px;
}

@media (max-width: 576px) {
    .author-image {
        top: -30px;
        width: 70px;
        height: 70px;
    }

    .project-subtitle .sub-heading
    {
        text-align: center;
    color: #fff;
    }
}