/*--------------------------------------------------------------
# Home Slider Widget Css
--------------------------------------------------------------*/
.brainez-home-slider-area {
    position: relative;
    overflow: hidden;
}
.brainez-slider-overlay {
    position: absolute;
    background: rgba(12, 14, 61, 0.70);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.brainez-home-slider-area,
.brainez-home-slider-area .brainez-single-slide-item {
    height: 900px;
}

.brainez-slide-title h1,
.brainez-slide-title h2,
.brainez-slide-title h3,
.brainez-slide-title h4,
.brainez-slide-title h5,
.brainez-slide-title h6 {
    font-size: 84px;
    line-height: 94px;
    color: #ffffff;
}

.brainez-slider-content-column {
    flex: 0 0 80%;
    max-width: 80%;
}

.brainez-slider-content {
    position: relative;
}

.brainez-single-slide-item .row {
    justify-content: center;
    text-align: center;
}

.slide-subtitle {
    text-transform: uppercase;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.slider-button-wrapper .brainez-button {
    margin-right: 15px;
    margin-top: 10px;
}

.slider-button-wrapper .brainez-button:last-child {
    margin-right: 0;
}

.brainez-home-slider-area .slick-arrow {
    position: absolute;
    height: 60px;
    width: 60px;
    top: 50%;
    text-align: center;
    line-height: 60px !important;
    margin-top: -30px;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(255, 255, 255, 0.40);
    border-radius: 0px;
}

.brainez-home-slider-area .slick-arrow:hover {
    background-color: #ffffff;
}

.brainez-home-slider-area .slick-arrow.slick-prev,.brainez-home-slider-area .slick-arrow.slick-next{
    left: 100px;
}

.brainez-home-slider-area .slick-arrow.slick-prev{
    margin-top: 40px;
}
.brainez-home-slider-area .slick-arrow.slick-next{
    margin-top: -40px;
 }

.brainez-home-slider-area:hover .slick-arrow.slick-prev,
.brainez-home-slider-area:hover .slick-arrow.slick-next {
    opacity: 1;
    visibility: visible;
}

.brainez-home-slider-area .slick-dots {
    position: absolute;
    width: auto;
    line-height: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    z-index: 1;
}

.brainez-home-slider-area .slick-dots button {
    background-color: transparent;
    border-color: #ffffff;
}
.brainez-home-slider-area .slick-dots .slick-active button, .brainez-home-slider-area .slick-dots button:hover{
    background-color: #F2A588;
    border-color: #F2A588;
}

.top-right-shape-1 {
    position: absolute;
    clip-path: polygon(100% 0, 2% 0, 100% 100%);
    background: rgba(242, 165, 136, 0.80);
    z-index: 2;
    height: 312px;
    width: 190px;
    top: 0;
    right: 0;
}

.top-right-shape-2 {
    position: absolute;
    clip-path: polygon(100% 0, 2% 0, 100% 100%);
    background: rgba(255, 255, 255, 0.15);
    z-index: 1;
    height: 540px;
    width: 338px;
    top: 0;
    right: 0;
}

.bottom-left-shape {
    position: absolute;
    clip-path: polygon(0 1%, 0% 100%, 100% 100%);
    background: rgba(242, 165, 136, 0.40);
    z-index: 1;
    height: 312px;
    width: 190px;
    bottom: 0;
    left: 0;
}

.bottom-right-shape {
    max-width: 440px;
    height: 220px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

@media only screen and (min-width: 1500px) {

}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .brainez-home-slider-area .slick-arrow.slick-prev,.brainez-home-slider-area .slick-arrow.slick-next{
        left: 50px;
    }

    .top-right-shape-1{
        height: 282px;
        width: 160px
    }

    .top-right-shape-2{
        height: 460px;
        width: 275px
    }

    .bottom-left-shape{
        height: 256px;
        width: 160px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {
    .brainez-slider-content-column {
        flex: 100%;
        max-width: 100%;
    }

    .brainez-home-slider-area, .brainez-home-slider-area .brainez-single-slide-item {
        height: 550px;
    }

    .top-right-shape-1 {
        height: 260px;
        width: 140px;
    }

    .top-right-shape-2 {
        height: 480px;
        width: 278px;
    }

    .bottom-left-shape {
        height: 252px;
        width: 130px;
    }

    .bottom-right-shape {
        max-width: 290px;
        height: 145px;
    }
}

@media only screen and (max-width: 991px) {
    .brainez-slide-title h1, .brainez-slide-title h2, .brainez-slide-title h3, .brainez-slide-title h4, .brainez-slide-title h5, .brainez-slide-title h6 {
        font-size: 65px;
        line-height: 75px;
        color: #ffffff;
    }

    .top-right-shape-1 {
        height: 230px;
        width: 124px;
    }

    .top-right-shape-2 {
        height: 400px;
        width: 218px;
    }

    .bottom-left-shape {
        height: 202px;
        width: 110px
    }

    .bottom-right-shape {
        max-width: 222px;
        height: 110px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-slide-title h1,
    .brainez-slide-title h2,
    .brainez-slide-title h3,
    .brainez-slide-title h4,
    .brainez-slide-title h5,
    .brainez-slide-title h6 {
        font-size: 30px;
        line-height: 40px;
    }
    .brainez-home-slider-area, .brainez-home-slider-area .brainez-single-slide-item {
        height: 380px;
    }

    .brainez-home-slider-area .brainez-button {
        padding: 12px 20px 10px 20px;
        font-size: 15px;
        font-weight: 500;
    }

    .slider-button-wrapper .brainez-button {
        margin-right: 5px;
    }

    .top-right-shape-1 {
        height: 120px;
        width: 75px;
    }

    .top-right-shape-2 {
        height: 215px;
        width: 135px;
    }

    .bottom-right-shape {
        max-width: 160px;
        height: 80px;
    }

    .bottom-left-shape {
        height: 120px;
        width: 75px;
    }
}


/*--------------------------------------------------------------
# Home Slider Two Widget Css
--------------------------------------------------------------*/
.brainez-slider-overlay.slide-overlay-two {
    background: linear-gradient(90deg, #0D0F31 1.17%, rgba(36, 37, 56, 0.10) 110.99%);
}

.brainez-home-slide-two .brainez-slider-content-column {
    flex: 0 0 60%;
    max-width: 60%;
}

.brainez-home-slide-two .brainez-single-slide-item .row{
    justify-content: left;
    text-align: left;
}

.brainez-home-slide-two .slide-desc {
    color: #CFCFCF;
    margin-bottom: 30px;
    font-size: 20px;
}

@media only screen and (min-width: 1500px) {

}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (max-width: 1280px) {
    .brainez-home-slide-two .brainez-slider-content-column {
        flex: 0 0 67%;
        max-width: 67%;
    }
}

@media only screen and (max-width: 1024px) {
    .brainez-home-slide-two .brainez-slider-content-column {
        flex: 0 0 80%;
        max-width: 80%;
    }

}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {
    .brainez-home-slide-two .brainez-slider-content-column {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .brainez-home-slide-two .slide-desc {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .bottom-right-shape {
        display: none;
    }

    .brainez-home-slider-area.brainez-home-slide-two, .brainez-home-slider-area.brainez-home-slide-two .brainez-single-slide-item {
        height: 430px;
    }
}

/*--------------------------------------------------------------
# Home Slider Three Widget Css
--------------------------------------------------------------*/
.brainez-slider-overlay.slide-overlay-two.slide-overlay-three {
    background-color: rgba(2, 5, 52, 0.75);
}

.brainez-home-slide-three .left-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    max-width: 400px;
}

.brainez-home-slider-area.brainez-home-slide-three .slick-arrow.slick-prev,.brainez-home-slider-area.brainez-home-slide-three .slick-arrow.slick-next {
    left: auto;
    right: 100px;
    border-radius: 50%;
}

.brainez-home-slide-three .brainez-slider-content-wrapper {
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 1500px) {

}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {
    .brainez-home-slide-three.brainez-home-slider-area, .brainez-home-slider-area.brainez-home-slide-three .brainez-single-slide-item{
        height: 650px;
    }

    .brainez-home-slide-three .brainez-slider-content-wrapper{
        margin-top: 50px;
    }
}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {
    .brainez-home-slide-three.brainez-home-slider-area, .brainez-home-slider-area.brainez-home-slide-three .brainez-single-slide-item{
        height: 480px;
    }
}

/*--------------------------------------------------------------
# Icon Box One Widget Css
--------------------------------------------------------------*/
.single-icon-box {
    background-color: rgba(232, 234, 237, 0.50);
    margin-bottom: 30px;
    padding: 40px;
    transition: .3s;
    position: relative;
    overflow: hidden;
}

.icon-box-icon {
    height: 50px;
    width: 50px;
    font-size: 50px;
    line-height: 1;
    color: #F2A588;
    transition: .3s;
    position: relative;
}

.icon-box-icon svg path{
    fill: #F2A588;
}

.icon-box-icon img, .icon-box-icon svg {
    margin-top: -10px;
    transition: .3s;
}

.icon-box-title {
    font-size: 24px;
    line-height: 28px;
    text-transform: capitalize;
    margin: 25px 0 15px;
    transition: .3s;
    position: relative;
}


.icon-box-desc{
    transition: .3s;
    position: relative;
}

.icon-box-details {
    margin-top: 20px;
    position: relative;
}

.single-icon-box:hover {
    background-color: #1C1D2E;
}

.single-icon-box:hover .icon-box-title,
.single-icon-box:hover .brainez-text-button{
    color: #ffffff;
}

.icon-box-shape-1,.icon-box-shape-2{
    position: absolute;
    top: -20px;
    left: 0;
    clip-path: polygon(100% 3%, 0 0, 0 100%);
    transition: .3s;
}

.icon-box-shape-1 {
    width: 75px;
    height: 160px;
    z-index: 2;
}

.icon-box-shape-2 {
    width: 115px;
    height: 266px;
}

.single-icon-box:hover .icon-box-shape-1{
    background-color: #28293E;
}

.single-icon-box:hover .icon-box-shape-2{
    background-color: #28293e7d;
}
/*--------------------------------------------------------------
# Icon Box Two Widget Css
--------------------------------------------------------------*/
.single-icon-box-two {
    background: #FFF;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 30px;
    padding: 30px;
    display: flex;
    align-items: center;
    position: relative;
}

.icon-box-two-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 50px;
    color: #3D5296;
    margin-right: 25px;
    transition: .3s;
}

.icon-box-two-title {
    font-size: 24px;
    line-height: 28px;
    margin: 5px 0 10px 0;
}

.single-icon-box-two:before {
    content: '';
    background: #F2A588;
    height: 106px;
    width: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}


.single-icon-box-two:hover:before{
    opacity: 1;
    visibility: visible;
}

.single-icon-box-two:hover .icon-box-two-icon,
.single-icon-box-two:hover .brainez-text-button{
    color: #F2A588;
}

@media only screen and (min-width: 1500px) {

}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {
    .single-icon-box-two {
        display: block;
    }

    .icon-box-two-icon {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {

}

/*--------------------------------------------------------------
# Icon Box Three Widget Css
--------------------------------------------------------------*/
.brainez-icon-box-three-wrapper {
    background-color: #3D5296;
    padding: 30px;
    position: relative;
}

.icon-box-three-icon {
    font-size: 70px;
    line-height: 70px;
    height: 70px;
    width: 70px;
    color: #ffffff;
}

.single-icon-box-three {
    display: flex;
    align-items: center;
    padding: 30px;
    position: relative;
}

.icon-box-three-title {
    font-size: 30px;
    margin: 0 0 -10px 30px;
    line-height: 133%;
    color: #ffffff;
}

.icon-box-three-bg-2 {
    background-color: #F2A588;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
}

@media only screen and (min-width: 1500px) {

}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {
    .brainez-icon-box-three-wrapper{
        padding: 30px 0;
    }

    .icon-box-three-icon {
        font-size: 60px;
        line-height: 60px;
        height: 60px;
        width: 60px;
    }

    .icon-box-three-title {
        font-size: 26px;
        margin: 0 0 -10px 20px;
        line-height: 133%;
        color: #ffffff;
    }
}

@media only screen and (max-width: 991px) {
    .icon-box-three-bg-2 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .single-icon-box-three {
        display: block;
        padding: 20px;
    }

    .brainez-icon-box-three-wrapper {
        padding: 20px 0;
    }

    .icon-box-three-title {
        margin: 30px 0 0 0;
        font-size: 24px;
    }
}

/*--------------------------------------------------------------
# Icon Box Four Widget Css
--------------------------------------------------------------*/
.single-icon-box-four {
    text-align: center;
    margin-bottom: 30px;
}
.icon-box-four-icon {
    height: 80px;
    width: 80px;
    background-color: #F7F1EE;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    font-size: 40px;
    color: #3D5296;
    transition: .3s;
    display: inline-block;
}

.icon-box-four-icon svg,
.icon-box-four-icon img {
    width: 80px;
}

.icon-box-four-title {
    font-size: 20px;
    margin: 25px 0 10px;
}


.single-icon-box-four:hover .icon-box-four-icon {
    background-color: #3D5296;
    color: #ffffff;
}

















/*--------------------------------------------------------------
# Image One Widget Css
--------------------------------------------------------------*/
.images-wrapper {
    display: inline-block;
    position: relative;
}

.brainez-image-one-wrapper {
    text-align: center;
}

.img-two {
    position: absolute;
    bottom: 65px;
    left: -210px;
    border: 8px solid #ffffff;
}
@media only screen and (min-width: 1500px) {

}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
    .img-two {
        bottom: 40px;
        left: -145px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .img-two {
        position: absolute;
        bottom: 40px;
        left: -110px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {
    .img-two{
        display: none;
    }
}
/*--------------------------------------------------------------
# Section Title Widget Css
--------------------------------------------------------------*/
.brainez-section-title-wrapper {
    margin-bottom: 30px;
}

.brainez-subtitle-wrapper {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.brainez-section-subtitle {
    margin: 0 10px;
    text-transform: capitalize;
}

.brainez-section-title h1,
.brainez-section-title h2,
.brainez-section-title h3,
.brainez-section-title h4,
.brainez-section-title h5,
.brainez-section-title h6 {
    font-size: 52px;
    line-height: 118%;
    margin-bottom: 25px;
    text-transform: capitalize;
    letter-spacing: -1px;
    margin-bottom: 0;
}

.brainez-section-desc {
    margin-top: 10px;
}

.brainez-section-desc ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.brainez-section-desc ul li{
    color: #242538;
    font-weight: 500;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}

.brainez-section-desc ul li:before{
    position: absolute;
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    color: #F2A588;
    left: 0;
    top: -1px;
}

@media only screen and (min-width: 1500px) {

}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {
    .brainez-section-title h1, .brainez-section-title h2, .brainez-section-title h3, .brainez-section-title h4, .brainez-section-title h5, .brainez-section-title h6 {
        font-size: 32px;
        line-height: 118%;
        letter-spacing: 0px;
    }

    .brainez-section-title-wrapper {
        margin-bottom: 20px;
    }
}

/*====================================
# Skill CSS
====================================*/

.brainez-skills-wrapper .skillbar {
    width: 100%;
    height: 10px;
    background-color: #F7F1EE;
    position: relative;
    margin-bottom: 65px;
    box-sizing: border-box;
    padding: 0;
}

.brainez-skills-wrapper .skillbar:last-child {
    margin-bottom: 40px;
}

.skill-title {
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1;
    font-size: 16px;
    line-height: 30px;
    color: #242538;
    font-weight: 700;
}

.brainez-skills-wrapper .count-bar {
    width: 0;
    height: 10px;
    position: relative;
    text-align: right;
    padding-right: 0px;
    overflow: visible !important;
    font-size: 16px;
    background-color: #F2A588;
}

.brainez-skills-wrapper .count-bar .skill-percent-count-wrap {
    position: absolute;
    top: 15px;
    right: 0;
    font-weight: 500;
}


.brainez-skills-wrapper.text-on-top .skill-title,
.brainez-skills-wrapper.text-on-top .count-bar .skill-percent-count-wrap{
    top: -40px;
}


/*--------------------------------------------------------------
# Service One Widget Css
--------------------------------------------------------------*/

.service-one-item {
    margin-bottom: 30px;
}

.service-one-img-icon {
    display: block;
    height: 350px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.service-one-img-icon img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.service-one-icon {
    position: absolute;
    right: 30px;
    bottom: 30px;
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 55px;
    background-color: #3D5296;
    color: #ffffff;
    transition: .3s;
}

.service-one-icon svg, .service-one-icon img {
    height: 55px;
    width: 55px;
    margin-top: -5px;
}

.service-one-icon svg path {
    fill: #ffffff;
}

.service-one-img-icon:before {
    content: '';
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: #ffffff;
    height: 115px;
    width: 135px;
    position: absolute;
    right: -1px;
    bottom: 0;
    transition: .3s;
}

.service-one-content {
    box-shadow: 0px 6px 40px 0px rgba(21, 23, 51, 0.08);
    padding: 30px;
    background-color: #ffffff;
    transition: .3s;
}

.brainez-service-one-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
    transition: .3s;
}

.service-one-item:hover .service-one-icon {
    background-color: #F2A588;
}

.service-one-item:hover .service-one-img-icon:before,
.service-one-item:hover .service-one-content{
    background-color: #3D5296;
}

.service-one-item:hover .brainez-service-one-title{
    color: #FFFFFF
}

.service-one-item:hover .brainez-service-one-desc{
    color: #BDC3D9
}

.brainez-service-box-wrapper .slick-arrow {
    height: 60px;
    display: inline-block;
    box-shadow: 4px 5px 15px 0px rgba(0, 0, 0, 0.09);
    background-color: #ffffff;
    width: 60px;
    text-align: center;
    line-height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    left: -100px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.brainez-service-box-wrapper .slick-arrow.slick-next{
    left: auto;
    right: -100px;
}

.brainez-service-box-wrapper:hover .slick-arrow{
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 1500px) {

}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {
    .service-one-img-icon{
        height: 290px;
    }
}

/*--------------------------------------------------------------
# Service Two Widget Css
--------------------------------------------------------------*/
.brainez-service-box-two-wrapper {
    position: relative;
    padding-bottom: 80px;
}

.service-half-bg {
    position: absolute;
    background-color: #F7F1EE;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 55%;
}

.service-two-item {
    margin-bottom: 35px;
    position: relative;
}

.service-two-img {
    width: 100%;
}

.service-two-img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
    transition: .3s;
}

.service-two-item:hover img {
    filter: grayscale(1);
}

.service-two-content {
    background: #FFF;
    box-shadow: 5px 10px 30px 0px rgba(36, 37, 56, 0.11);
    position: relative;
    padding: 70px 35px 35px;
    border-top: 4px solid #242538;
    margin-top: -150px;
    width: 95%;
    margin-left: 5%;
    transition: .3s;
}

.service-two-icon {
    position: absolute;
    background-color: #242538;
    height: 100px;
    width: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 50px;
    color: #ffffff;
    border-radius: 50%;
    right: 30px;
    top: 0;
    margin-top: -50px;
    transition: .3s;
}

.service-two-icon svg,.service-two-icon img {
    width: 50px;
    margin-top: -5px;
}

.brainez-service-two-button {
    margin-top: 20px;
}

.brainez-service-two-button .brainez-button {
    background-color: transparent;
    border: 1px solid #dddddd8c;
    color: #242538;
    padding: 16px 35px 13px 35px;
}

.brainez-service-two-button .brainez-button:hover{
    color: #ffffff;
    background-color: #F2A588;
    border-color: #F2A588;
}

.service-two-item:hover .service-two-icon{
    background-color: #F2A588;
}
.service-two-item:hover .service-two-content{
    border-color: #F2A588;
}

@media only screen and (max-width: 1024px) {
    .service-half-bg {
        height: 30%;
    }
}

@media only screen and (max-width: 767px) {
    .service-two-content {
        padding: 70px 25px 35px;
        margin-top: -100px;
        width: 100%;
        margin-left: 0;
    }

    .brainez-service-box-two-wrapper {
        padding-bottom: 65px;
    }

    .service-two-img img {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}



/*--------------------------------------------------------------
# Service Three Widget Css
--------------------------------------------------------------*/
.service-three-item {
    border: 1px solid #dddddd8c;
    margin-bottom: 30px;
}
.slick-slide .service-three-item {
    margin-bottom: 0;
}

.service-three-img-icon {
    display: block;
    position: relative;
}

.service-three-img-icon img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.service-three-icon {
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 55px;
    background-color: #ffffff;
    position: absolute;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
    bottom: -30px;
    left: 30px;
    transition: .3s;
}

.service-three-content {
    padding: 50px 30px 30px 30px;
}

.brainez-service-box-wrapper.brainez-service-box-three-wrapper .slick-arrow{
    background-color: #E9E9E9;
    box-shadow: none;
}


.service-three-item:hover .service-three-icon{
    color: #ffffff;
    background-color: #F2A588;
}

/*--------------------------------------------------------------
# Count Up One Widget Css
--------------------------------------------------------------*/

.brainez-counter-box-one {
    text-align: center;
    margin-bottom: 30px;
}

.counter-one-icon {
    height: 120px;
    width: 120px;
    border: 1px dashed;
    border-color: rgba(175, 176, 192, 0.50);
    border-radius: 50%;
    line-height: 120px;
    font-size: 60px;
    color: #F2A588;
    display: inline-block;
    transition: .3s;
}

.counter-one-icon svg,.counter-one-icon img {
    height: 60px;
    width: 60px;
    margin-top: -7px;
}

.counter-one-icon svg path{
    fill: #F2A588;
}

.brainez-counter-box-one-counter {
    font-family: "Vesper Libre";
    font-size: 60px;
    font-weight: 700;
    color: #878899;
    line-height: 1;
    margin: 35px 0 -5px 0;
}

.brainez-counter-box-one:hover .counter-one-icon{
    background-color: #F2A588;
    color: #ffffff;
}

.brainez-counter-box-one:hover .counter-one-icon svg path{
    fill: #ffffff;
}

@media only screen and (max-width: 767px) {
    .counter-one-icon {
        height: 110px;
        width: 110px;
        line-height: 110px;
        font-size: 50px;
    }

    .brainez-counter-box-one-counter {
        font-size: 50px;
        margin: 25px 0 -5px 0;
    }
}

/*--------------------------------------------------------------
# Portfolio One Widget Css
--------------------------------------------------------------*/
.brainez-portfolio-wrapper {
    padding: 0 20px;
}

.brainez-single-portfolio-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.brainez-single-portfolio-item img{
    width: 100%;
}

.portfolio-overlay {
    position: absolute;
    background: rgba(11, 14, 55, 0.60);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.brainez-portfolio-content-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    width: 95%;
    padding: 25px 50px 15px 30px;
    transform: translateY(100%);
    transition: .3s;
    z-index: 2;
}

.brainez-details-button {
    position: absolute;
    background: #3D5296;
    color: #ffffff;
    right: 0;
    top: 0;
    height: 100%;
    line-height: 100%;
    width: 50px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

.brainez-details-button:hover{
    color: #ffffff;
}

.portfolio-one-title,.portfolio-one-category {
    margin-bottom: 0;
    line-height: 125%;
}

.portfolio-one-category a{
    color: #85858A;
}

.brainez-single-portfolio-item:hover .brainez-portfolio-content-wrapper{
    transform: translateY(0);
}
.brainez-single-portfolio-item:hover .portfolio-overlay{
    opacity: 1;
    visibility: visible;
}

.brainez-single-portfolio-item:hover img{
    filter: grayscale(1);
}

.brainez-portfolio-wrapper .slick-arrow {
    height: 65px;
    width: 65px;
    display: inline-block;
    text-align: center;
    line-height: 65px;
    border-radius: 50%;
    position: absolute;
    left: 100px;
    top: 50%;
    margin-top: -45px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(255, 255, 255, 0.50);
    transition: .3s;
}

.brainez-portfolio-wrapper .slick-arrow.slick-next{
    left: auto;
    right: 100px;
}

.brainez-portfolio-wrapper:hover .slick-arrow{
    opacity: 1;
    visibility: visible;
}


@media only screen and (max-width: 1500px) {
    .brainez-portfolio-wrapper {
        padding: 0 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brainez-portfolio-content-wrapper {
        padding: 25px 50px 15px 25px;
    }
}
@media only screen and (max-width: 767px) {
    .brainez-portfolio-wrapper {
        padding: 0;
    }

    .portfolio-one-title {
        font-size: 20px;
    }

    .brainez-portfolio-content-wrapper{
        padding: 20px 50px 15px 20px;
    }
}

/*--------------------------------------------------------------
# Pricing Table Widget Css
--------------------------------------------------------------*/

.brainez-pricing-one-tab-wrapper .nav-link {
    box-shadow: none;
    font-size: 18px;
    font-weight: 500;
    background-color: #F4F4F4;
    border-radius: 0;
    padding: 10px 30px;
    color: #85858A;
}

.brainez-pricing-one-tab-wrapper .nav-tabs .nav-item.show .nav-link,
.brainez-pricing-one-tab-wrapper .nav-tabs .nav-link.active,
.brainez-pricing-one-tab-wrapper .nav-tabs .nav-link:focus,
.brainez-pricing-one-tab-wrapper .nav-tabs .nav-link:hover,
.brainez-pricing-one-tab-wrapper .nav-tabs {
    border-color: transparent;
}

.brainez-pricing-one-tab-wrapper .nav-tabs .nav-item.show .nav-link,
.brainez-pricing-one-tab-wrapper .nav-tabs .nav-link.active{
    color: #ffffff;
    background-color: #3D5296;
}

.brainez-pricing-one-tab-wrapper .nav.nav-tabs {
    margin-bottom: 50px;
    justify-content: right;
}

.pricing-one-table-content {
    background-color: #E8EAED80;
    padding: 50px;
    transition: .3s;
    margin-bottom: 30px;
}

.pricing-one-table-title {
    font-size: 36px;
    line-height: 1;
}

.pricing-one-features-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-one-features-list ul li {
    font-weight: 400;
    color: #85858A;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
    transition: .3s;
}

.pricing-one-features-list ul li:before {
    position: absolute;
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 500;
    color: #F2A588;
    left: 0;
    top: -1px;
}

.pricing-one-price {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
    transition: .3s;
}
.pricing-one-features-list {
    margin: 30px 0 40px;
}

.brainez-pricing-one-button-wrapper {
    margin-top: 24px;
}

.brainez-pricing-one-button-wrapper .brainez-button{
    width: 100%;
    background-color: #F2A588;
    text-align: center;
}

.pricing-one-table-content:hover,.pricing-one-table-content.active-table{
    background-color: #3D5296;
}


.pricing-one-table-content:hover .pricing-one-table-title,.pricing-one-table-content.active-table .pricing-one-table-title{
    color: #ffffff;
}

.pricing-one-table-content:hover .pricing-one-features-list ul li,.pricing-one-table-content.active-table .pricing-one-features-list ul li,
.pricing-one-table-content:hover .pricing-one-features-list ul li:before,.pricing-one-table-content.active-table .pricing-one-features-list ul li:before{
    color: #C8C8C9;
}

.pricing-one-table-content:hover .pricing-one-price,.pricing-one-table-content.active-table .pricing-one-price {
    color: #F2A588;
}

.pricing-one-table-content:hover .brainez-pricing-one-button-wrapper .brainez-button,
.pricing-one-table-content.active-table .brainez-pricing-one-button-wrapper .brainez-button{
    background-color: #ffffff;
    color: #3D5296;
}

@media only screen and (max-width: 767px) {
    .pricing-one-table-content{
        padding: 30px;
    }

    .brainez-pricing-one-tab-wrapper .nav.nav-tabs{
        justify-content: left;
        margin-bottom: 40px;
    }
}

/*=======================================
Testimonial Widget
 =======================================*/

.brainez-testimonial-one-item {
    background: #FFF;
    box-shadow: 0px 0px 60px 0px rgba(60, 49, 91, 0.06);
    padding: 50px;
    margin-bottom: 30px;
    display: flex;
}

.author-image-and-bg {
    height: 110px;
    width: 110px;
    border-radius: 50%;
    position: relative;
}

.author-image {
    height: 110px;
    width: 110px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 2;
}

.author-img-bg {
    position: absolute;
    height: 115px;
    width: 115px;
    top: 0px;
    background: #3D5296;
    border-radius: 50%;
    z-index: 1;
    left: 3px;
}

.image-and-icon {
    display: inline-block;
}

.image-and-icon i {
    font-size: 50px;
    line-height: 1;
    display: block;
    text-align: center;
    color: #F2A588;
    margin-top: 32px;
    margin-left: 10px;
}

.testimonial-content {
    margin-left: 35px;
}

.testimonial-star {
    font-size: 12px;
    color: #F2A588;
    margin-bottom: 10px;
}

.testimonial-one-person-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0;
}

.testimonial-one-person-designation {
    display: block;
    line-height: 20px;
}

.testimonial-one-person {
    margin-top: 30px;
}

@media only screen and (max-width: 1024px) {
    .brainez-testimonial-one-item{
        display: block;
        padding: 30px;
    }

    .image-and-icon i{
        display: none;
    }

    .testimonial-content {
        margin-left: 0;
        margin-top: 20px;
    }
}

/*=======================================
Testimonial Two Widget
=======================================*/

.brainez-testimonial-two-item {
    background: #FFF;
    box-shadow: 0px 0px 60px 0px rgba(44, 52, 72, 0.06);
    padding: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
}

.testimonial-two-author-image {
    height: 80px;
    width: 80px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin-bottom: 20px;
}

.brainez-testimonial-two-item i {
    height: 40px;
    width: 40px;
    font-size: 40px;
    display: inline-block;
    line-height: 40px;
    position: absolute;
    right: 50px;
    top: 70px;
    color: #D6D7E1;
}

.testimonial-two-person-name {
    font-size: 22px;
    line-height: 28px;
    margin: 25px 0 0;
}

@media only screen and (max-width: 767px) {
    .brainez-testimonial-two-item {
        padding: 30px;
        margin: 15px 0;
    }

    .brainez-testimonial-two-item i {
        top: 53px;
    }
}

/*=======================================
Contact Info One Widget
=======================================*/
.contact-image {
    height: 80px;
    width: 80px;
    overflow: hidden;
    border-radius: 50%;
}

.contact-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: center;
}

.contact-info-one-wrapper {
    display: flex;
    align-items: center;
}

.info-content .info-subtitle {
    color: #242538;
    font-weight: 500;
}

.info-content .info-desc a {
    color: #3D5296;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
}

.info-content {
    margin-left: 25px;
}

/*=======================================
CTA One Widget
=======================================*/

.brainez-cta-one-wrapper {
    background-color: #3D5296;
    padding: 80px 0px 80px 0px;
    position: relative;
}

.cta-one-title h2 {
    font-size: 36px;
    line-height: 44px;
    color: #ffffff;
    margin-top: 20px;
}

.cta-one-button .brainez-button {
    background-color: #F2A588;
}

.cta-one-button {
    text-align: right;
}

.cta-one-image {
    position: absolute;
    height: 100%;
    width: 26%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.cta-one-icon {
    height: 120px;
    width: 120px;
    background-color: #F2A588;
    text-align: center;
    border-radius: 50%;
    line-height: 120px;
    font-size: 52px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
}

@media only screen and (max-width: 1024px) {
    .cta-one-image {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .cta-one-title,.cta-one-button {
        text-align: center;
    }

    .cta-one-button {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-cta-one-wrapper {
        padding: 55px 0px 75px 0px;
    }

    .cta-one-title h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .cta-one-button {
        margin-top: 15px;
    }
}

/*=======================================
Team One Widget
=======================================*/
.brainez-single-team-member {
    position: relative;
    margin-bottom: 30px;
}

.brainez-member-image {
    height: 480px;
    display: block;
}

.brainez-member-image img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.brainez-member-designation-name {
    position: absolute;
    bottom: 0;
    padding: 30px 30px 15px 30px;
    left: 0;
    width: 100%;
}

.brainez-member-designation {
    display: block;
    color: #ffffff;
    opacity: .5;
}

.brainez-member-name {
    font-size: 24px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 0;
}

.member-overlay {
    background: linear-gradient(359deg, #242538 2.86%, rgba(36, 37, 56, 0.00) 94.51%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.brainez-team-member-social {
    position: absolute;
    right: 30px;
    bottom: 30px;
    overflow: hidden;
}

.social-share-icon {
    background-color: #3D5296;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    color: #ffffff;
    transition: .3s;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.brainez-team-member-social li a {
    color: #ffffff;
}

.brainez-team-member-social ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    text-align: center;
    transform: translateY(200%);
    transition: .3s;
}

.brainez-team-member-social:hover ul {
    transform: translateY(0%);
}
.brainez-team-member-social:hover .social-share-icon{
   background-color: #F2A588;
}
.brainez-team-member-social li a:hover{
    color: #F2A588;
}

/*=======================================
Team Two Widget
=======================================*/

.brainez-team-two-wrapper .brainez-team-member-social {
    border: 1px solid transparent;
    border-radius: 50px;
    padding: 5px;
    transition: .3s;
    bottom: 25px;
    right: 25px;
    z-index: 2;
}

.brainez-team-two-wrapper .brainez-team-member-social:hover{
    border-color: #ffffff;
}

.brainez-team-two-wrapper .social-share-icon {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    font-size: 15px;
    background-color: transparent;
    border: 1px solid #ffffff;
}

.brainez-team-two-wrapper .brainez-team-member-social:hover .social-share-icon {
    border-color: #F2A588;
}


.brainez-team-two-wrapper .brainez-team-member-social ul {
    margin: 0 0 3px 0;
}

.brainez-team-two-wrapper .member-overlay {
    background: linear-gradient(359deg, #242538 1%, rgba(36, 37, 56, 0.00) 98.9%);
    opacity: 1;
    visibility: visible;
    transition: .3s;
    z-index: 1;
}

.brainez-team-two-wrapper .brainez-single-team-member:hover .member-overlay {
    opacity: 1;
    visibility: visible;
}

.brainez-team-two-wrapper .brainez-single-team-member img{
    transition: .3s;
}

.brainez-team-two-wrapper .brainez-single-team-member:hover img{
    filter: grayscale(1);
}

.brainez-team-two-wrapper .brainez-member-designation-name{
    z-index: 2;
}

/*=======================================
Team Three Widget
=======================================*/
.member-three-image-wrapper {
    background: #F7F1EE;
    padding: 40px;
}

.brainez-member-three-item {
    text-align: center;
    margin-bottom: 30px;
}

.brainez-member-three-image-wrapper {
    height: 210px;
    width: 210px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    border: 1px dashed #3D5296;
    padding: 10px;
}

.brainez-member-three-image {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.brainez-member-three-image img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


.brainez-team-member-three-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.brainez-team-member-three-social ul li {
    display: inline-block;
}

.brainez-team-member-three-social {
    background-color: #3D5296;
    padding: 10px 20px 8px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s;
    width: 70%;
}

.member-three-content-wrapper {
    position: relative;
    background: #FFF;
    box-shadow: 0px 7px 39px 0px rgba(36, 37, 56, 0.10);
    padding: 50px 30px 30px 30px;
}
.brainez-team-member-three-social li a {
    color: #ffffff;
    padding: 0 4px;
    margin: 0 5px;
}

.brainez-team-member-three-social li a:hover{
    color: #3D5296;
}

.brainez-member-three-name {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 5px;
}
.brainez-member-three-designation {
    display: block;
}

.brainez-member-three-item:hover .brainez-team-member-three-social {
    background-color: #F2A588;
}

/*=======================================
Team Details
=======================================*/

.brainez-member-details-wrapper .member-content-wrapper {
    padding: 100px 130px;
    position: relative;
}

.brainez-member-details-wrapper .member-content-wrapper:before {
    content: '';
    position: absolute;
    background: #F4F4F5;
    top: 0;
    left: 0;
    height: 75%;
    width: 100%;
}

.member-image-and-text {
    position: relative;
    padding-left: 45px;
}

.image-left-text {
    font-size: 80px;
    text-transform: uppercase;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #F2A588;
    position: absolute;
    left: -150px;
    top: 124px;
    transform: rotate(-90deg);
    line-height: 1;
}

.member-details-info {
    padding-left: 50px;
    position: relative;
}


.member-details-name .member-name {
    font-size: 50px;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: -12px;
}


.member-details-designation {
    color: #3D5296;
    font-weight: 500;
    font-size: 18px;
    margin-top: -5px;
}

.member-details-short-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.member-details-short-info ul li strong {
    font-family: "Vesper Libre";
    font-weight: 600;
    font-size: 20px;
}

.member-details-short-info ul li,.member-details-short-info ul li a {
    color: #85858A;
}

.member-details-short-info {
    margin: 25px 0 25px;
}

.member-details-social ul li a {
    background-color: #ffffff;
    color: #3D5296;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.member-details-social ul li {
    margin-right: 5px;
}

.member-details-social ul li a:hover {
    background: #3D5296;
    color: #ffffff;
}

@media only screen and (max-width: 1024px) {
    .brainez-member-details-wrapper .member-content-wrapper {
        padding: 100px 70px;
    }

    .member-details-info {
        padding-left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .brainez-member-details-wrapper .member-content-wrapper:before{
        height: 100%;
    }

    .image-left-text {
        display: none;
    }

    .member-image-and-text {
        padding-left: 0;
        text-align: center;
        margin-bottom: 60px;
    }

    .member-image-and-text img {
        width: 100%;
    }

    .brainez-member-details-wrapper .member-content-wrapper {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-member-details-wrapper .member-content-wrapper {
        padding: 30px;
        margin-bottom: 35px;
    }

    .member-details-name .member-name {
        font-size: 32px;
    }

    .member-image-and-text {
        margin-bottom: 40px;
    }
}


/*=======================================
Contact Form Section One Widget
=======================================*/

.brainez-contact-section-wrapper {
    background-color: #1C1D2E;
    padding: 115px 0;
    position: relative;
}
.section-left-bg {
    position: absolute;
    background-color: #3D5296;
    height: 100%;
    width: 27%;
    left: 0;
    top: 0;
}

.brainez-cf7-contact-form {
    background: #FFF;
    box-shadow: 0px 0px 60px 0px rgba(107, 116, 148, 0.08);
    padding: 60px;
    position: relative;
}
.brainez-form-subtitle {
    display: block;
    margin-bottom: 5px;
}

.brainez-contact-form-container .brainez-form-title {
    font-size: 36px;
    line-height: 133.33%;
    margin-bottom: 25px;
}

.brainez-contact-form-container form select {
    height: 60px;
    margin-bottom: 30px;
    padding: 15px;
}

.brainez-contact-form-container form input,
.brainez-contact-form-container form select,
.brainez-contact-form-container textarea {
    background-color: #2425380d;
    border: 1px solid transparent;
    margin-bottom: 15px;
}

.brainez-contact-form-container textarea{
    margin-bottom: 5px;
}

.brainez-contact-form-container form select{
    appearance: none;
}
.brainez-contact-form-container .select-arrow {
    display: block;
    position: relative;
}

.brainez-contact-form-container .select-arrow:before {
    position: absolute;
    height: 1px;
    width: 1px;
    right: 15px;
    top: 29px;
    content: '';
    z-index: 1;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #282828;
    cursor: pointer;
    pointer-events: none;
}

.brainez-contact-form-container ::placeholder{
    color: #85858A;
}
.brainez-contact-form-container form select,
.brainez-contact-form-container form input {
    color: #85858A;
}

.brainez-contact-form-container .select-arrow:before{
    border-top-color: #85858A;
}


.brainez-contact-form-container .wpcf7-form-control input {
    box-sizing: border-box;
    outline: 0;
    position: relative;
    width: 100%;
}

.brainez-contact-form-container input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}


.brainez-contact-form-container input[type="submit"],
.brainez-contact-form-container button[type="submit"]{
    background-color: #F2A588;
}

.brainez-contact-form-container input[type="submit"]:hover,
.brainez-contact-form-container button[type="submit"]:hover {
    background-color: #3D5296;
}

.brainez-contact-section-wrapper .brainez-section-title-wrapper {
    position: relative;
}

.brainez-contact-section-wrapper .brainez-section-subtitle {
    color: #F2A588;
}

.brainez-contact-section-wrapper .brainez-section-title h1,
.brainez-contact-section-wrapper .brainez-section-title h2,
.brainez-contact-section-wrapper .brainez-section-title h3,
.brainez-contact-section-wrapper .brainez-section-title h4,
.brainez-contact-section-wrapper .brainez-section-title h5,
.brainez-contact-section-wrapper .brainez-section-title h6 {
    color: #ffffff;
}


.brainez-contact-section-wrapper .contact-wrapper-column {
    margin-left: -100px;
}

.brainez-contact-section-wrapper .col-xl-6.section-content-column {
    margin-left: 100px;
}

.section-list-item-wrapper {
    margin-top: 60px;
}

.section-list-item-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.section-list-item-wrapper li {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.section-list-icon{
    background-color: RGBA(159, 166, 173, .1);
    display: inline-block;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    color: #ffffff;
    font-size: 30px;
    margin-right: 20px;
}

.section-list-item-wrapper li svg,
.section-list-item-wrapper li img{
    height: 30px;
    width: 30px;
}
.list-item-details {
    color: #ffffff;
    font-family: "Vesper Libre";
    font-size: 24px;
    font-weight: 400;
    align-items: center;
    display: flex;
    border: 1px dashed transparent;
    padding: 10px 15px 4px 0;
    transition: .3s;
}

.list-item-details:hover{
    padding-left: 15px;
    border-color: #F2A588;
    color: #ffffff;
}

.item-right-arrow {
    position: relative;
    margin-left: 15px;
    font-size: 20px;
    color: #F2A588;
    margin-top: 5px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.list-item-details:hover .item-right-arrow {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 1480px) {
    .brainez-contact-section-wrapper .contact-wrapper-column,
    .brainez-contact-section-wrapper .col-xl-6.section-content-column{
        margin-left: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .section-left-bg{
        display: none;
    }

    .brainez-contact-section-wrapper .brainez-cf7-contact-form{
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {
    .brainez-cf7-contact-form {
        padding: 25px;
    }
    .brainez-contact-form-container .brainez-form-title{
        font-size: 30px;
    }

    .brainez-contact-section-wrapper{
        padding: 100px 0 60px;
    }

    .list-item-details {
        font-size: 18px;
        line-height: 1.6;
    }
}

/*=======================================
Contact Form Section Two Widget
=======================================*/

.brainez-contact-section-two-wrapper {
    position: relative;
    padding-top: 115px;
}

.brainez-contact-section-two-wrapper .section-left-image {
    position: absolute;
    left: 0;
    top: 115px;
    width: 45%;
    height: calc(100% - 175px);
}

.brainez-contact-section-two-wrapper .section-main-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}


.brainez-contact-section-two-wrapper .section-main-bg {
    height: calc(100% - 60px);
}

.brainez-contact-section-two-wrapper .brainez-cf7-contact-form {
    box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.15);
}

.counter-up-three-wrapper {
    display: flex;
    position: absolute;
    right: 0;
    bottom: -60px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}

.brainez-counter-box-three {
    background-color: #ffffff;
    padding: 30px 40px 30px 110px;
    position: relative;
}

.counter-three-icon {
    font-size: 60px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    position: absolute;
    left: 30px;
    top: 30px;
}
.brainez-counter-box-three-counter .brainez-count-number {
    font-size: 40px;
    line-height: 1;
    font-family: "Vesper Libre";
}

.counter-up-three-wrapper .brainez-counter-box-three:nth-child(even) {
    background-color: #051228;
}

.counter-three-icon,
.counter-up-three-wrapper .brainez-count-number{
    color: #051228;
}

.brainez-counter-box-three:nth-child(even) .counter-three-icon{
    color: #F2A588;
}
.brainez-counter-box-three:nth-child(even) .brainez-count-number{
    color: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
    .brainez-contact-section-two-wrapper .section-left-image {
        width: 50%;
    }

    .brainez-counter-box-three {
        padding: 30px 35px 30px 105px;
    }
}

@media only screen and (max-width: 991px) {
    .brainez-contact-section-two-wrapper .section-left-image {
        position: relative;
        height: 400px;
        width: 100%;
        top: auto;
        left: auto;
    }

    .counter-up-three-wrapper {
        right: 50%;
        transform: translateX(50%);
        width: 100%;
        justify-content: center;
        box-shadow: none;
    }

    .brainez-contact-section-two-wrapper .brainez-cf7-contact-form {
        margin-top: 150px;
    }

    .brainez-contact-section-two-wrapper .section-main-bg {
        height: 100%;
    }

    .brainez-contact-section-two-wrapper {
        padding: 115px 0;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-contact-section-two-wrapper {
        padding: 100px 0;
    }

    .counter-up-three-wrapper {
        display: block;
        width: 80%;
    }

    .brainez-contact-section-two-wrapper .brainez-cf7-contact-form {
        margin-top: 120px;
    }
}
/*=======================================
Recent Post One Widget
=======================================*/
.brainez-single-post-item {
    margin-bottom: 30px;
}

.brainez-post-thumbnail {
    height: 310px;
}

.brainez-recent-post-content {
    border: 1px solid rgba(211, 211, 211, 0.50);
    padding: 30px 30px 0 30px;
}


.brainez-recent-post-title .post-title {
    font-size: 24px;
    line-height: 133.33%;
}

.brainez-post-meta-and-button {
    margin: 0 -30px;
    padding: 12px 30px 7px 30px;
    border-top: 1px solid rgba(211, 211, 211, 0.50);
    position: relative;
}

.brainez-post-meta-and-button .brainez-icon-button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #3D5296;
    color: #ffffff;
    height: 50px;
    width: 48px;
    text-align: center;
    line-height: 52px;
}


.brainez-post-meta-and-button .post-meta {
    margin-bottom: 0;
}

.brainez-post-meta-and-button .brainez-icon-button:hover {
    background-color:#F2A588
}

@media only screen and (max-width: 991px) {
    .brainez-recent-post-title .post-title {
        font-size: 22px;
    }
}

/*=======================================
Recent Post Two Widget
=======================================*/

.post-two-date {
    background: #3D5296;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 1;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.post-two-date span {
    font-size: 30px;
    color: #ffffff;
    display: block;
    margin-bottom: -12px;
}


.post-two-meta-wrapper {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.brainez-post-thumbnail {
    position: relative;
}

.post-two-meta-wrapper .brainez-post-meta.post-meta {
    margin-bottom: 0;
    margin-left: 15px;
}


.brainez-recent-post-two-wrapper .brainez-recent-post-title .post-title {
    font-size: 30px;
    font-weight: 400;
}

.brainez-recent-post-two-wrapper .brainez-recent-post-title {
    margin-top: 30px;
}

.brainez-post-two-button a {
    text-transform: uppercase;
    color: #3D5296;
}


@media only screen and (max-width: 991px) {
    .post-two-meta-wrapper {
        width: 95%;
        bottom: -1px;
    }

    .brainez-recent-post-two-wrapper .brainez-recent-post-title .post-title {
        font-size: 27px;
    }

    .brainez-recent-post-two-wrapper.container {
        padding: 0;
    }

    .post-two-date span {
        font-size: 24px;
        margin-bottom: -14px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-recent-post-two-wrapper .brainez-recent-post-title .post-title {
        font-size: 26px;
        margin-bottom: 10px;
    }
}


/*=======================================
Recent Post Three Widget
=======================================*/
.post-two-date.post-three-date {
    position: absolute;
    top: 20px;
    right: 20px;
}

.brainez-recent-post-three-wrapper .brainez-recent-post-title {
    margin-top: 30px;
}

.brainez-post-three-button-and-comment-count {
    display: flex;
    align-items: center;
}

.brainez-post-three-button-and-comment-count .post-meta {
    margin-bottom: 0;
    margin-left: 10px;
    flex: 1;
    text-align: right;
}

.brainez-post-three-button-and-comment-count img {
    transform: rotate(45deg);
    width: 27px;
    height: 25px;
    margin-top: -2px;
}

.brainez-post-three-button-and-comment-count .brainez-icon-button, .brainez-post-three-button-and-comment-count .post-meta i, .brainez-post-three-button-and-comment-count .post-meta a {
    color: #3D5296;
}

/*=======================================
Quick Links Widget
=======================================*/
.brainez-elementor-widget.widget.widget_nav_menu li a,.brainez-elementor-widget.widget.widget_nav_menu li {
    border: none;
    padding: 0;
}

.brainez-elementor-widget.widget.widget_nav_menu li a {
    padding: 5px 15px 5px 25px;
}

.brainez-elementor-widget.widget.widget_nav_menu li a:before {
    left: 0;
    top: 8px;
}


/*=======================================
Subscribe Form One Widget
=======================================*/

.brainez-subscribe-form-one-wrapper.form-layout-one {
    background-color: #3D5296;
    padding: 45px 50px;
    position: relative;
}


.form-layout-one .brainez-form-content {
    padding-left: 170px;
    color: rgba(181, 190, 219, 0.80);
}

.brainez-subscribe-title {
    font-size: 40px;
    line-height: 125%;
    margin-bottom: 0;
    color: #ffffff;
}

.form-layout-one .subscribe-form-icon {
    position: absolute;
    background-color: #F2A588;
    color: #ffffff;
    left: 0;
    top: 0;
    bottom: 0;
    width: 170px;
    line-height: 170px;
    text-align: center;
    font-size: 70px;
}

.form-layout-one .brainez-subscribe-form input[type="email"] {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: rgba(181, 190, 219, 0.50);
    padding: 5px 0;
}


.brainez-subscribe-form {
    position: relative;
}

.brainez-subscribe-button {
    position: absolute;
    right: 0;
    top: 0;
}
.form-layout-one .brainez-subscribe-button .brainez-button {
    padding: 10px 15px 10px;
    background-color: transparent;
}
.form-layout-one .brainez-subscribe-button .brainez-button span{
    display: none;
}

.brainez-subscribe-form input[type="email"] {
    margin-bottom: 0;
    color: #ffffff;
}

.brainez-subscribe-form ::placeholder{
    color: #ffffffa6;
}

@media only screen and (max-width: 1024px) {
    .form-layout-one .subscribe-form-icon{
        display: none;
    }

    .form-layout-one .brainez-form-content{
        padding-left: 0;
    }

    .brainez-subscribe-title {
        font-size: 35px;
    }
}

@media only screen and (max-width: 991px) {
    .form-layout-one .brainez-form-content {
        text-align: center;
        margin-bottom: 50px;
    }

    .brainez-subscribe-form-one-wrapper.form-layout-one{
        padding: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-subscribe-form-one-wrapper.form-layout-one {
        padding: 30px;
    }

    .brainez-subscribe-title {
        font-size: 32px;
        line-height: 120%;
    }
}

/*=======================================
Subscribe Form Two Widget
=======================================*/
.brainez-subscribe-form-two-wrapper {
    background: #272737;
    padding: 115px 0 20px;
}

.brainez-subscribe-form-two-wrapper .subscribe-form-icon {
    position: absolute;
    left: -115px;
    top: -50px;
    height: 85px;
    font-size: 80px;
    line-height: 85px;
}

.brainez-subscribe-form-two-wrapper .brainez-subscribe-button i {
    display: none;
}
.brainez-subscribe-form-two-wrapper .brainez-subscribe-button,
.brainez-subscribe-form-two-wrapper .brainez-subscribe-button .brainez-button {
    height: 100%;
}

.brainez-subscribe-form-two-wrapper .brainez-subscribe-button .brainez-button {
    background-color: #F2A588;
}


.brainez-subscribe-form-two-wrapper .brainez-subscribe-form ::placeholder{
    color: #85858A;
}

.brainez-subscribe-form-two-wrapper .brainez-subscribe-form :-ms-input-placeholder{
    color: #85858A;
}
.brainez-subscribe-form-two-wrapper .brainez-subscribe-form ::-ms-input-placeholder{
    color: #85858A;
}

.brainez-subscribe-form-two-wrapper .brainez-subscribe-form input[type="email"]{
    color: #85858A;
    border-color: transparent;
}
.subscribe-two-border {
    background: rgba(255, 255, 255, 0.30);
    height: 1px;
    margin-top: 70px;
}

@media only screen and (max-width: 991px) {
    .brainez-subscribe-form-two-wrapper .brainez-form-content {
        text-align: center;
        margin-bottom: 34px;
    }
}

/*=======================================
Order List Widget
=======================================*/
.brainez-order-list ol {
    list-style: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

.brainez-order-list li {
    counter-increment: item;
    margin-bottom: 14px;
    font-weight: 500;
    color: #242538;
}

.brainez-order-list li:before {
    margin-right: 10px;
    content: counter(item);
    background: #F2A588;
    border-radius: 100%;
    color: #ffffff;
    width: 25px;
    text-align: center;
    display: inline-block;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
}

.brainez-order-list.list-inline-block li {
    display: inline-block;
    margin-right: 20px;
    min-width: 30%;
}
/*=======================================
Portfolio Two Widget
=======================================*/

.portfolio-two-slide-arrow {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.brainez-arrow-line {
    width: 190px;
    height: 1px;
    background-color: #85858A;
}

.current-slide-number {
    color: #1C1D2E;
    font-size: 60px;
}

.current-and-total-slide-count {
    display: flex;
    align-items: baseline;
}

.total-slide-count {
    margin-left: 5px;
    font-size: 20px;
}
.slide-count-and-arrow-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    font-family: "Vesper Libre";
    margin-right: -12px;
    margin-bottom: 25px;
}
.slide-count-and-arrow-wrapper .slick-arrow {
    background-color: transparent;
    cursor: pointer;
    height: auto;
    width: auto;
}

.brainez-portfolio-two-content-wrapper {
    background-color: #F2A588;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    padding: 20px 30px;
    z-index: 1;
    transform: translateY(150%);
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.brainez-single-portfolio-item:hover .brainez-portfolio-two-content-wrapper{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.portfolio-two-category, .portfolio-two-category a {
    color: #1C1D2E;
    font-weight: 400;
}

.portfolio-two-category {
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
}

.portfolio-two-category:before {
    position: absolute;
    width: 20px;
    height: 1px;
    content: '';
    background: #1C1D2E;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.portfolio-two-title {
    font-size: 22px;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 30px;
}

.p2-details {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}

@media only screen and (max-width: 1024px) {
    .slide-count-and-arrow-wrapper{
        display: none;
    }
}

/*=======================================
Portfolio Three Widget
=======================================*/


.brainez-porfolio-three-wrapper .portfolio-overlay {
    background: rgba(255, 255, 255, 0.85);
    transform: scale(.93);
}


.brainez-porfolio-three-wrapper .brainez-portfolio-content-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: transparent;
    width: 100%;
    padding: 30px 30px 25px 30px;
    transform: translateY(0);
}

.brainez-porfolio-three-wrapper .portfolio-details-button {
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #3D5296;
    color: #ffffff;
    font-size: 18px;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    right: 30px;
}


.brainez-porfolio-three-wrapper .portfolio-one-title {
    margin-bottom: 5px;
}


@media only screen and (min-width: 1280px) {
    .brainez-portfolio-wrapper.brainez-porfolio-three-wrapper.slider-enable {
        padding: 0;
        margin: 0 -200px;
    }
}

@media only screen and (max-width: 1024px) {
    .brainez-portfolio-wrapper.brainez-porfolio-three-wrapper.slider-enable{
        padding: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-portfolio-wrapper.brainez-porfolio-three-wrapper.slider-enable {
        padding: 10px;
    }
}

/*--------------------------------------------------------------
# Brand Image Slider Widget Css
--------------------------------------------------------------*/
.brainez-brand-img-wrapper{
    margin: 0 -15px;
}
.brainez-brand-item.slick-slide,
.brainez-brand-images{
    height: 125px;
}

.brainez-brand-item.slick-slide {
    padding: 0 15px;
}

.brainez-brand-item.slick-slide img {
    display: inline-block;
}
.brainez-brand-item {
    text-align: center;
}

.brainez-grayscale-enable img{
    filter: grayscale(100%);
    transition: .3s;
}

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

/*====================================
# Counter And Accordion Section CSS
====================================*/

.brainez-counter-and-accordion-wrapper {
    background-color: #F7F1EE;
    padding: 105px 0 115px;
    position: relative;
}

.counter-accordion-left-bg {
    height: 100%;
    width: 45%;
    position: absolute;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
}

.counter-up-two-wrapper {
    position: absolute;
    background-color: #051228;
    display: inline-block;
    padding: 60px;
    bottom: 0;
    right: 80px;
}


.brainez-counter-box-two {
    position: relative;
    padding-left: 80px;
    margin-bottom: 50px;
    border-bottom: 1px solid #fafafa2b;
    padding-bottom: 30px;
}

.counter-up-two-wrapper .brainez-counter-box-two:last-of-type {
    margin-bottom: 0;
}
.count-two-main-wrapper {
    position: relative;
    height: 100%;
}
.counter-two-icon {
    color: #F2A588;
    height: 65px;
    width: 65px;
    font-size: 65px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
}


.brainez-counter-box-two-counter .brainez-count-number {
    font-size: 40px;
    line-height: 1;
    font-family: "Vesper Libre";
    color: #ffffff;
}

/* Accordion */

.brainez-counter-and-accordion-wrapper .accordion-item {
    margin-bottom: 20px;
    border: none;
}

.brainez-counter-and-accordion-wrapper .accordion-item:last-of-type {
    margin-bottom: 0;
}

.brainez-counter-and-accordion-wrapper .accordion-button:not(.collapsed){
    background-color: #ffffff;
}

.brainez-accordion-wrapper button.brainez-accordion-title {
    font-size: 20px;
    padding: 15px 20px 10px 20px;
    position: relative;
    box-shadow: none;
}

.brainez-accordion-wrapper .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.brainez-accordion-wrapper .accordion-item:last-of-type .accordion-button.collapsed,
.brainez-accordion-wrapper .accordion-item:last-of-type .accordion-collapse,
.brainez-accordion-wrapper .accordion-item:last-of-type{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.brainez-accordion-wrapper .accordion-button::after,.brainez-accordion-wrapper .accordion-button:not(.collapsed)::after{
    display: none;
}

.brainez-accordion-wrapper .accordion-button.collapsed .open-icon{
    display: none;
}

.brainez-accordion-wrapper .accordion-button .open-icon{
    color: #F2A588;
}

.brainez-accordion-wrapper .accordion-button:not(.collapsed) .close-icon{
    display: none;
}

.brainez-accordion-wrapper .brainez-accordion-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    height: 18px;
    width: 18px;
    display: inline-block;
    font-size: 18px;
    transform: translateY(-50%);
    text-align: right;
}

.accordion-button:focus{
    box-shadow: none;
}

.brainez-accordion-wrapper .brainez-accordion-icon svg {
    width: 35px;
}

.brainez-accordion-title,.accordion-collapse {
    border-left: 4px solid #ffffff;
}
.brainez-accordion-title[aria-expanded="true"],
.accordion-collapse.collapse.show {
    border-color: #3D5296;
}

.brainez-accordion-wrapper .accordion-body {
    padding-top: 0;
}

@media only screen and (max-width: 1680px) {
    .counter-up-two-wrapper {
        right: 69px;
    }
}

@media only screen and (max-width: 1366px) {
    .counter-up-two-wrapper {
        right: 53px;
    }
}
@media only screen and (max-width: 1280px) {
    .counter-up-two-wrapper {
        right: 49px;
    }
}

@media only screen and (max-width: 1024px) {
    .counter-accordion-left-bg {
        display: none;
    }

    .counter-up-two-wrapper {
        position: relative;
        display: inline-block;
        padding: 60px;
        bottom: auto;
        right: auto;
    }

    .counter-column {
        margin: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .counter-up-two-wrapper {
        display: flex;
        justify-content: space-around;
    }

    .count-two-main-wrapper {
        margin-bottom: 80px;
    }

    .brainez-counter-box-two {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .count-two-main-wrapper {
        margin-bottom: 50px;
    }

    .counter-up-two-wrapper {
        width: 100%;
    }

    .brainez-counter-and-accordion-wrapper {
        padding: 100px 0;
    }

    .brainez-counter-and-accordion-wrapper .brainez-accordion-wrapper {
        margin-top: 30px;
    }

    .brainez-accordion-wrapper button.brainez-accordion-title {
        padding: 15px 35px 10px 20px;
    }
}

/*====================================
#Search CSS
====================================*/
.brainez-search-elementor-widget .search-field {
    background-color: #F4F4F4;
    border: none;
    border-radius: 0;
}

.content-area .brainez-search-elementor-widget  button[type="submit"].search-submit {
    background-color: transparent;
}
/*====================================
#Accordion Two CSS
====================================*/
.brainez-accordion-two-wrapper .accordion-item {
    margin-bottom: 30px;
    border: 1px solid #cccccc;
}

.brainez-accordion-two-wrapper button.brainez-accordion-title {
    box-shadow: none;
    background-color: transparent;
}
.brainez-accordion-two-wrapper .accordion-button:focus {
    border-color: #3D5296;
}

.brainez-accordion-two-wrapper .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*====================================
# Video Popup CSS
====================================*/
.brainez-img-with-video .brainez-video-image {
    height: 750px;
    overflow: hidden;
    position: relative;
}

.brainez-img-with-video .brainez-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.brainez-img-with-video .brainez-video-button:after,
.brainez-img-with-video .brainez-video-button:before{
    background-color: transparent;
    border: 1px solid #ffffff;
}

@media only screen and (max-width: 1280px) {
    .brainez-img-with-video .brainez-video-image{
        height: 650px;
    }
}

@media only screen and (max-width: 1024px) {
    .brainez-img-with-video .brainez-video-image{
        height: 500px;
    }
}

@media only screen and (max-width: 991px) {
    .brainez-img-with-video .brainez-video-image {
        height: 450px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-img-with-video .brainez-video-image {
        height: 350px;
    }
}

/*--------------------------------------------------------------
# Image With Caption Widget Css
--------------------------------------------------------------*/

.image-with-caption-wrapper {
    text-align: right;
    position: relative;
}

.image-caption {
    background: #FFF;
    box-shadow: 0px 7px 39px 0px rgba(36, 37, 56, 0.10);
    padding: 30px;
    text-align: left;
    border-left: 4px solid #F2A588;
    width: 100%;
    position: absolute;
    bottom: 60px;
    right: 90px;
}

@media only screen and (max-width: 1280px) {
    .image-caption {
        width: 100%;
        bottom: 40px;
        right: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .image-with-caption-wrapper {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .image-caption {
        bottom: -1px;
    }
}


/*--------------------------------------------------------------
# CTA Two Widget Css
--------------------------------------------------------------*/

.cta-two-wrapper {
    background: #FFF;
    box-shadow: 0px 0px 60px 0px rgba(107, 116, 148, 0.08), 0px 7px 60px 0px rgba(26, 28, 50, 0.08);
    padding: 50px 60px;
}


.cta-two-title h1, .cta-two-title h2, .cta-two-title h3, .cta-two-title h4, .cta-two-title h5, .cta-two-title h6 {
    font-size: 26px;
    line-height: 115%;
}

.cta-two-wrapper .title-icon {
    font-size: 30px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: rgba(181, 190, 219, 0.30);
    color: #3D5296;
    position: absolute;
    left: 0;
    top: 0;
}

.title-and-desc-wrapper {
    position: relative;
    padding-left: 90px;
}
.cta-two-button {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.brainez-call-button {
    position: relative;
    padding-left: 65px;
    margin-left: 30px;
    display: inline-block;
}

.brainez-call-button .call-icon {
    height: 50px;
    width: 50px;
    background-color: #3D5296;
    text-align: center;
    color: #ffffff;
    border-radius: 50%;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
}

.call-btn-subtitle a {
    font-size: 18px;
    font-weight: 500;
}
.call-btn-subtitle span {
    display: block;
}

.cta-two-button .brainez-button{
    background-color: #F2A588;
}

@media only screen and (max-width: 767px) {
    .cta-two-wrapper{
        padding: 25px;
    }

    .cta-two-wrapper .title-icon {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 30px;
    }

    .title-and-desc-wrapper {
        padding-left: 0;
    }

    .cta-two-button {
        display: block;
    }

    .brainez-call-button {
        margin-top: 20px;
        margin-left: 0;
    }
}


/*--------------------------------------------------------------
# Accordion Widget Css
--------------------------------------------------------------*/

.brainez-counter-and-accordion-wrapper.brainez-accordion-widget {
    background: transparent;
    padding: 0px;
}

.brainez-accordion-widget .brainez-accordion-title,.brainez-accordion-widget .accordion-collapse.collapse.show,.brainez-accordion-widget .accordion-button:focus,
.brainez-accordion-widget .accordion-body,.brainez-accordion-widget .accordion-collapse {
    border: none !important;
}

.brainez-accordion-widget .brainez-accordion-title[aria-expanded="true"], .brainez-accordion-widget .accordion-collapse.collapse.show,
.brainez-accordion-widget .accordion-button:focus{
    background-color: #ffffff !important;
}

.brainez-accordion-widget .brainez-accordion-wrapper button.brainez-accordion-title {
    background-color: #F7F1EE;
}

.brainez-accordion-widget .accordion-item.open {
    background: #FFF;
    box-shadow: 0px 7px 60px 0px rgba(36, 37, 56, 0.10);
}

/*--------------------------------------------------------------
# Single Icon Box
--------------------------------------------------------------*/
.single-icon-box-wrapper {
    background: #3D5296;
    padding: 55px 55px 30px 55px;
}

.single-icon-box-title {
    font-size: 24px;
    color: #ffffff;
}

.single-icon-box-icon {
    font-size: 60px;
    height: 60px;
    width: 60px;
    line-height: 1;
    color: #F2A588;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .single-icon-box-wrapper {
        padding: 35px 30px 10px 32px;
    }
}


/*--------------------------------------------------------------
# Counter UP Three
--------------------------------------------------------------*/

.counter-up-three-main-wrapper .brainez-counter-box {
    background: #FFF;
    box-shadow: 0px 7px 39px 0px rgba(36, 37, 56, 0.10);
    padding: 55px 45px;
    position: relative;
    text-align: center;
    transition: .3s;
    margin-bottom: 30px;
}

.counter-up-three-main-wrapper .brainez-counter-box:before {
    content: '';
    position: absolute;
    width: 46px;
    height: 6px;
    background-color: #3D5296;
    bottom: 0;
    left: 50%;
    margin-left: -23px;
}

.counter-up-three-main-wrapper .brainez-counter-box-counter {
    color: #3D5296;
    font-size: 70px;
    font-family: "Vesper Libre";
    line-height: 70px;
    transition: .3s;
}


.counter-up-three-main-wrapper .brainez-counter-box:hover {
    background-color: #3D5296;
}

.counter-up-three-main-wrapper .brainez-count-three-title{
    transition: .3s;
}

.counter-up-three-main-wrapper .brainez-counter-box:hover .brainez-counter-box-counter{
    color: #ffffff;
}

.counter-up-three-main-wrapper .brainez-counter-box:hover .brainez-count-three-title {
    color: #ffffffb3;
}

@media only screen and (max-width: 1024px) {
    .counter-up-three-main-wrapper .brainez-counter-box {
        padding: 35px 25px;
    }
}

/*=======================================
Video Popup Two Widget
=======================================*/

.brainez-video-popup-two .brainez-video-image {
    height: 700px;
    width: 700px;
    border-radius: 50%;
    overflow: visible;
    display: inline-block;
}

.brainez-img-with-video.brainez-video-popup-two .brainez-video-button:after {
    background-color: #242538;
    border: 8px solid #ffffff;
    height: 150px;
    width: 150px;
}

.brainez-img-with-video.brainez-video-popup-two .brainez-video-button:before {
    display: none;
}

.brainez-img-with-video.brainez-video-popup-two {
    margin-left: -200px;
    text-align: center;
}

@media only screen and (min-width: 1366px) {
    .brainez-img-with-video.brainez-video-popup-two .brainez-video-button {
        top: auto;
        bottom: 60px;
        left: auto;
        right: 110px;
        position: absolute;
        transform: translateX(0%) translateY(0%);
    }
}

@media only screen and (min-width: 1920px) {

}

@media only screen and (max-width: 1366px) {
    .brainez-img-with-video.brainez-video-popup-two {
        margin-left: -20px;
    }

    .brainez-video-popup-two .brainez-video-image {
        height: 620px;
        width: 620px;
    }
}

@media only screen and (max-width: 1024px) {
    .brainez-img-with-video.brainez-video-popup-two {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-video-popup-two .brainez-video-image {
        height: 300px;
        width: 300px;
    }


    .brainez-img-with-video.brainez-video-popup-two .brainez-video-button:after {
        height: 120px;
        width: 120px;
    }
}


/*=======================================
Footer Recent Post Widget
=======================================*/
.footer-widget-recent-post-wrapper {
    margin-top: 25px;
}

.footer-recent-post-item {
    margin-bottom: 20px;
}

.footer-recent-post-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.footer-recent-post-thumbnail {
    height: 70px;
    width: 70px;
    position: absolute;
    left: 0;
    top: 0;
}

.footer-recent-post-item.post-have-thumbnail {
    position: relative;
    padding-left: 85px;
}

.footer-recent-post-title .post-title {
    color: #ffffff;
    font-size: 17px;
    margin-bottom: 0;
    margin-top: -3px;
}

.footer-recent-post-item .posted-on, .footer-recent-post-item .posted-on a {
    color: #85858A;
    font-size: 14px;
}


.footer-recent-post-item .posted-on a {
    margin-left: 4px;
}

/*=======================================
Header Template One Widget
=======================================*/

.brainez-header-template-one .header-nav-and-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.brainez-header-template-one .header-navigation-area {
    flex: 1;
    justify-content: center;
}

.header-mini-cart {
    position: relative;
    margin-left: 30px;
}

.header-mini-cart:before {
    position: absolute;
    content: '';
    background: rgba(133, 133, 138, 0.50);
    height: 22px;
    width: 2px;
    top: 50%;
    margin-top: -11px;
    left: -15px;
}

.brainez-header-cart-url {
    position: relative;
}

.cart-product-count {
    position: absolute;
    background: #000000;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
}


.header-cta-wrap {
    margin-left: 20px;
}

.cart-product-count {
    position: absolute;
    background: #000000;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    right: -11px;
    top: 0px;
    color: #ffffff;
}

.header-top-area {
    background-color: #1C1D2E;
    position: relative;
    padding: 5px 60px;
}

.header-top-area, .header-top-area a {
    color: #ffffff;
}

.header-top-right-content {
    display: flex;
    align-items: center;
    justify-content: end;
    text-align: right;
}

.header-top-social-icon {
    flex: 1;
}

.header-top-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-top-menu ul li {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.header-top-menu ul li:first-child:before {
    content: '';
    background: rgba(255, 255, 255, 0.50);
    height: 24px;
    width: 1px;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.header-top-menu ul li:first-child {
    margin-left: 60px;
}

.top-info-item {
    position: relative;
    padding-left: 23px;
    margin-right: 20px;
    font-size: 14px;
    text-align: left;
}

.top-info-item i,.top-info-item svg {
    position: absolute;
    font-size: 14px;
    left: 0;
    top: 5px;
}

.top-info-item svg{
    width: 14px;
    fill: #ffffff;
}

.top-info-item p{
    margin-bottom: 0;
}

.header-top-social-icon li a {
    padding: 5px;
}

.header-top-social-icon svg {
    fill: #ffffff;
    display: inline-block;
    width: 14px;
    transition: .3s;
}

.header-top-social-icon li {
    margin-left: 5px;
}

.top-social-icon-text {
    margin-right: 15px;
}

.brainez-header-template-one .main-menu-area {
    padding: 15px 68px 0;
    background: #E7E7EC;
    position: relative;
}

.elementor .site-branding img{
    max-width: 170px;
}
.brainez-header-template-one .top-info-item:first-child {
    margin-right: 35px;
    padding-right: 55px;
}
.header-top-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 50%;
    top: 0;
    background: #3D5296;
    left: -28%;
    clip-path: polygon(0% 0%, 97% 0%, 100% 50%, 97% 100%, 0% 100%);
}

.brainez-header-template-one .brainez-header-two-wrapper {
    background-color: #ffffff;
    flex: 1;
    padding: 0 42px 0 30px;
}

.header-main-wrap {
    display: flex;
    align-items: center;
}

.header-cta-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.brainez-header-template-one .header-nav-and-buttons .header-cta-button{
    display: none;
}
.header-cta-button {
    position: relative;
}

.header-cta-wrap .header-cta-button:before {
    content: '';
    background: #3D5296;
    height: 91px;
    width: 100%;
    position: absolute;
    top: -33px;
}

.header-cta-wrap .header-cta-button a.brainez-button {
    position: relative;
    padding-top: 0;
}

.header-cta-button a.brainez-button:hover{
    background: #3D5296;
}

.brainez-header-template-one .mobile-menu-trigger span{
    background-color: #000000;
}

@media only screen and (max-width: 1680px) {
    .header-top-area {
        padding: 5px 35px;
    }

    .brainez-header-template-one .top-info-item:first-child {
        margin-right: 10px;
        padding-right: 0;
    }

    .brainez-header-template-one .main-menu-area{
        padding: 15px 35px 0;
    }

    .header-top-menu ul li {
        margin-left: 10px;
    }

    .header-top-social-icon li {
        margin-left: 0;
    }

    .top-social-icon-text{
        margin-right: 0;
    }

}

@media only screen and (max-width: 1480px) {
    .top-social-icon-text,
    .header-top-area:before{
        display: none !important;
    }

    .brainez-header-template-one .top-info-item:first-child,
    .top-info-item{
        margin-right: 10px;
        padding-right: 0;
        font-size: 13px;
    }

    .header-top-menu ul li,
    .header-top-social-icon li a{
        font-size: 13px;
    }

    .brainez-header-template-one .brainez-header-two-wrapper {
        padding: 0 32px 0 20px;
    }

    .brainez-header-template-one .main-navigation ul li a {
        padding: 30px 14px;
        font-size: 14px;
    }

    .brainez-header-template-one .brainez-header-src-btn, .brainez-header-template-one .header-mini-cart {
        height: 22px;
        width: 22px;
        line-height: 22px;
    }

    .header-top-menu ul li:first-child {
        margin-left: 45px;
    }

    .brainez-header-template-one .main-menu-area {
        padding: 15px 25px 0;
    }

    .header-top-area {
        padding: 5px 25px;
    }
}

@media only screen and (max-width: 1024px) {
    .header-top-area {
        padding: 5px 15px;
    }

    .brainez-header-template-one .main-menu-area {
        padding: 15px 15px 0;
    }

    .brainez-header-template-one .top-info-item:first-child, .brainez-header-template-one .top-info-item {
        margin-right: 5px;
    }

    .header-top-info {
        text-align: center;
    }

    .header-top-social-icon {
        flex: inherit;
    }

    .header-top-right-content {
        justify-content: center;
    }

    .header-top-menu ul li:first-child:before {
        height: 20px;
        left: -25px;
    }

    .header-cta-wrap {
        display: none;
    }

    .header-cta-button {
        margin: 0 0 0 30px;
    }

    .brainez-header-template-one .main-menu-area {
        padding: 10px 15px;
    }

    .brainez-header-template-one .brainez-header-two-wrapper {
        padding: 0;
        background-color: transparent;
    }

    .brainez-header-template-one .header-nav-and-buttons .header-cta-button{
        display: inline-block;
    }

    .brainez-header-template-one .mobile-menu-trigger {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .header-nav-and-buttons .header-cta-button {
        display: none;
    }

    .elementor .site-branding img {
        max-width: 150px;
    }

    li.mobile-menu-trigger {
        margin-left: 19px;
    }

    .brainez-header-template-one .top-info-item:first-child, .brainez-header-template-one .top-info-item {
        margin-right: 0;
    }

    .brainez-header-template-one .header-nav-and-buttons .header-cta-button{
        display: none;
    }

    .brainez-header-template-one .main-menu-area {
        padding: 10px;
    }
}


/*=======================================
Header Template Two
=======================================*/

.brainez-header-template-two .top-info-item, .brainez-header-template-two .top-info-item a {
    font-size: 16px;
    color: #767676;
}
.brainez-header-template-two .top-info-item svg {
    width: 16px;
    fill: #767676;
    top: 6px;
}
.brainez-header-template-two .header-top-social-icon svg{
    fill: #767676;
    width: 14px;
    transition: .3s;
}

.brainez-header-template-two .top-info-item i {
    font-size: 16px;
    top: 6px;
}

.brainez-header-template-two .top-info-item:first-child,.brainez-header-template-two .top-info-item {
    margin-right: 15px;
    padding-right: inherit;
}


.brainez-header-template-two .header-top-social-icon li a{
    color: #767676;
}


.brainez-header-template-two .top-info-item a:hover,.brainez-header-template-two .header-top-social-icon li a:hover{
    color: #000000;
}

.brainez-header-template-two .header-two-top-area {
    padding: 5px 60px;
}

.brainez-header-template-two .main-menu-area {
    box-shadow: none;
    padding: 0 60px;
    background: rgba(28, 29, 46, 0.50);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}

.brainez-header-template-two .main-menu-area.uk-active{
    background-color: #1C1D2E;
}

.brainez-header-template-two .main-menu-wrapper {
    position: relative;
}
.brainez-header-template-two .brainez-header-template-two-wrapper {
    flex: 1;
}


.brainez-header-template-two .site-branding,.header-nav-and-buttons {
    position: relative;
    z-index: 1;
}

.brainez-header-template-two .header-nav-and-buttons {
    display: flex;
    align-items: center;
}


.brainez-header-template-two .header-navigation-area {
    display: inline-block;
    flex: 1;
    text-align: center;
}


.brainez-header-template-two .main-navigation ul li a {
    color: #ffffff;
}

.brainez-header-template-two .main-navigation ul li a:hover,
.brainez-header-template-two .main-navigation ul li.current-menu-item > a,
.brainez-header-template-two .main-navigation ul li.current_page_item > a,
.brainez-header-template-two .main-navigation ul li.current-menu-ancestor > a,
.brainez-header-template-two .main-navigation ul li.current_page_ancestor > a {
    color: #F2A588;
}

.brainez-header-template-two .main-navigation ul li ul li a {
    color: #85858A;
}

.brainez-header-template-two .main-navigation ul li ul li a:hover,
.brainez-header-template-two .main-navigation ul li ul li.current-menu-item > a,
.brainez-header-template-two .main-navigation ul li ul li.current_page_item > a,
.brainez-header-template-two .main-navigation ul li ul li.current-menu-ancestor > a,
.brainez-header-template-two .main-navigation ul li ul li.current_page_ancestor > a{
    color: #F2A588;
}

.brainez-header-template-two .cart-product-count {
    background: #ffffff;
    color: #000000;
}

.brainez-header-template-two .call-icon {
    background: #F2A588;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 2px;
}

.brainez-header-template-two .header-call-button-wrapper {
    position: relative;
    padding-left: 65px;
    margin-left: 50px;
}

.brainez-header-template-two .call-btn-subtitle {
    color: #aaaaaa;
    line-height: 1.5;
}

.brainez-header-template-two .call-btn-text, .brainez-header-template-two .call-btn-text a {
    font-size: 18px;
    color: #ffffff;
}

.brainez-header-template-two .mobile-menu-trigger span{
    background-color: #ffffff;
}

@media only screen and (max-width: 1366px) {
    .brainez-header-template-two .header-two-top-area{
        padding: 5px 30px;
    }

    .brainez-header-template-two .main-menu-area {
        padding: 0 30px;
    }

    .brainez-header-template-two .header-call-button-wrapper {
        margin-left: 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .brainez-header-template-two .main-menu-area {
        padding: 10px 30px;
    }

    .brainez-header-template-two .mobile-menu-trigger {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-header-template-two .top-info-item:first-child, .brainez-header-template-two .top-info-item {
        margin-right: 0;
    }

    .brainez-header-template-two .header-call-button-wrapper {
        display: none;
    }

    .brainez-header-template-two .main-menu-area {
        padding: 10px;
    }

    .brainez-header-template-two .mobile-menu-trigger {
        margin-left: 25px;
    }

    .brainez-header-template-two .header-two-top-area {
        padding: 10px;
    }

    .brainez-header-template-two .top-info-item, .brainez-header-template-two .top-info-item a {
        font-size: 15px;
    }
}


/*=======================================
Header Template Three
=======================================*/

.header-three-top-area {
    background-color: #1C1D2E;
    color: #ffffff;
}

.header-three-top-area a {
    color: #ffffff;
}

.header-three-top-area a:hover {
    color: #F2A588;
}

.brainez-header-template-three .header-nav-and-buttons {
    display: flex;
    align-items: center;
}

.brainez-header-template-three-wrapper {
    flex: 1;
}

.brainez-header-template-three .header-navigation-area {
    display: block;
    flex: 1;
    justify-content: center;
    text-align: center;
}

.brainez-header-template-three .main-menu-wrapper, .brainez-header-template-three .main-menu-wrapper div {
    background-color: transparent;
}

.brainez-header-template-three .main-menu-wrapper {
    position: relative;
}
.brainez-header-template-three .main-menu-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    box-shadow: none;
}

.brainez-header-template-three div.header-main-wrap {
    background-color: #ffffff;
    padding: 0 45px 0 35px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
}

@media only screen and (max-width: 1024px) {

    .brainez-header-template-three .main-menu-wrapper .container {
        max-width: 100%;
    }

    .brainez-header-template-three .row .brainez-full-col {
        padding: 0 !important;
    }

    .brainez-header-template-three div.header-main-wrap {
        padding: 10px 20px;
    }

    .brainez-header-template-three .mobile-menu-trigger {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-header-template-three .mobile-menu-trigger {
        margin-left: 25px;
    }

    .brainez-header-template-three div.header-main-wrap {
        padding: 10px;
    }
}

/*=======================================
Title With Text Widget
=======================================*/
.brainez-title-with-text-wrapper .title {
    font-size: 42px;
    line-height: 124%;
}

@media only screen and (max-width: 767px) {
    .brainez-title-with-text-wrapper .title {
        font-size: 32px;
        line-height: 122%;
    }
}

/*=======================================
Title With Image Widget
=======================================*/
.brainez-title-with-image-wrapper {
    background-color: #F7F1EE;
    padding: 100px;
    position: relative;
}

.brainez-title-with-image-subtitle {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.brainez-title-with-image-title {
    font-size: 55px;
    line-height: 118%;
    margin-bottom: 0;
}

.brainez-title-with-image-img {
    position: absolute;
    right: 35px;
    bottom: 0;
}

.elementor .brainez-title-with-image-img img {
    max-width: 350px;
}

.brainez-title-with-image-two-wrapper {
    padding: 40px;
    position: relative;
    height: 320px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
}

.brainez-title-with-image-two-title {
    font-size: 32px;
    line-height: 118%;
    margin-bottom: 0;
    display: flex;
    color: #ffffff;
    position: relative;
}

.image-two-wrapper-overlay {
    position: absolute;
    background: linear-gradient(0deg, rgba(11, 0, 79, 0.40) 0%, rgba(11, 0, 79, 0.40) 100%);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

@media only screen and (max-width: 1024px) {
    .brainez-title-with-image-wrapper {
        padding: 100px 50px;
    }

    .brainez-title-with-image-img {
        position: relative;
        text-align: center;
        right: auto;
        bottom: auto;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-title-with-image-wrapper {
        padding: 30px;
    }

    .brainez-title-with-image-subtitle {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .brainez-title-with-image-title {
        font-size: 32px;
    }
}

/*=======================================
Portfolio Details Image Widget
=======================================*/

.brainez-portfolio-details-image-wrapper {
    position: relative;
    margin-bottom: 65px;
}

.brainez-portfolio-details-image-wrapper img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.portfolio-image-content-wrapper {
    position: absolute;
    left: 50%;
    width: 97%;
    background: #ffffff;
    transform: translateX(-50%);
    padding: 30px 30px 0px 30px;
    box-shadow: -3px 0px 60px 0px rgba(0, 0, 0, 0.10);
    z-index: 1;
    margin-top: -65px;
}

.portfolio-share-button li {
    display: inline-block;
    margin-right:5px;
}

.portfolio-share-button li:last-child{
    margin-right: 0;
}

.portfolio-share-button .fb-share i, .portfolio-share-button .twitter-share i, .portfolio-share-button .linkedin-share i {
    margin-right: 0;
    padding-right: 0;
}

.portfolio-share-button .fb-share i:after, .portfolio-share-button .twitter-share i:after, .portfolio-share-button .linkedin-share i:after {
    display: none;
}

.portfolio-share-button li a {
    background: #4561C5;
    color: #ffffff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}

.portfolio-share-button {
    text-align: right;
}

.portfolio-share-button .twitter-share {
    background-color: #15A5FF;
}
.portfolio-share-button .linkedin-share {
    background-color: #0A66C2;
}
.portfolio-share-button .pinterest-share {
    background-color: #E60023;
}

.portfolio-img-subtitle {
    font-weight: 500;
}

.portfolio-img-title {
    font-size: 20px;
    margin-bottom: 0;
}

.portfolio-short {
    margin-bottom: 30px;
}

.portfolio-share-button {
   margin: 15px 0;
}

.portfolio-single-page-categories a {
    background-color: #F4F4F4;
    margin-right: 10px;
    color: #85858A;
    padding: 16px 20px 15px 20px;
    line-height: 1;
    margin-bottom: 3px;
}

.portfolio-single-page-categories {
    border-bottom: 1px solid #00000040;
    padding-bottom: 30px;
}

.portfolio-single-page-categories a:last-child {
    margin-right: 0;
}

.portfolio-single-page-categories a:hover {
    background-color: #3D5296;
    color: #ffffff;
}

@media only screen and (max-width: 991px) {
    .portfolio-share-button {
        text-align: left;
    }

    .portfolio-share-button {
        margin: 0 0 30px;
    }

    .portfolio-image-content-wrapper {
        position: relative;
        left: auto;
        width: 100%;
        transform: translateX(0%);
        padding: 30px 30px 0px 30px;
        box-shadow: -3px 0px 60px 0px rgba(0, 0, 0, 0.10);
        margin-top: 0;
    }

    .brainez-portfolio-details-image-wrapper {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .brainez-portfolio-details-image-wrapper {
        margin-bottom: 30px;
    }
}

/*=======================================
Portfolio Details Page
=======================================*/

.portfolio-prev-next-post-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 35px;
}

.portfolio-prev-next-post-wrapper strong {
    display: block;
}

.portfolio-prev-next-post-wrapper a{
    color:#85858A;
}

.portfolio-prev-next-post-wrapper a strong {
    font-family: "Vesper Libre";
    font-size: 20px;
    font-weight: 700;
}

.portfolio-next-post {
    text-align: right;
}

.portfolio-related-post-wrapper {
    margin-top: 115px;
    margin-bottom: 75px;
}

.portfolio-related-post-wrapper .brainez-portfolio-wrapper {
    padding: 0;
}

.portfolio-related-post-wrapper .brainez-section-title-wrapper {
    margin-bottom: 50px;
}

.single-portfolio-bottom-content {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 10px;
}

@media only screen and (max-width: 1280px) {
    .single-portfolio-bottom-content {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 1024px) {
    .single-portfolio-bottom-content {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-short {
        margin-bottom: 20px;
    }

    .single-portfolio-bottom-content {
        padding: 0 10px;
    }
    .portfolio-related-post-wrapper .brainez-section-title-wrapper {
        margin-bottom: 30px;
    }

    .portfolio-related-post-wrapper {
        margin-top: 80px;
        margin-bottom: 60px;
    }
}

/*=======================================
Contact Info Two Widget
=======================================*/
.contact-info-two-title {
    font-size: 30px;
    color: #3D5296;
}

.widget-contact-info-two-list strong{
    display: block;
}

.entry-content .widget-contact-info-two-list li {
    margin-bottom: 20px;
}

.website-list, .website-list a {
    font-size: 20px;
    font-weight: 700;
    color: #3D5296;
    letter-spacing: 3px;
}

@media only screen and (max-width: 767px) {
    .contact-info-two-title {
        font-size: 24px
    }
}