.logo {
    position: relative;
    display: flex;
    align-items: center;
    padding: 4px;
}
    .logo img {
        width: 60px;
        margin-top: -1rem;
    }
span.logo_name {
    font-size: 36px;
    font-weight: 800;
    color: #4ea8ef;
    letter-spacing: 2px;
    line-height: 44px;
    font-family: "Poppins", sans-serif;
    margin-left: 15px;
    text-transform: uppercase;
}
.hero-content .title {
    font-size: 60px !important;
}
.hero-content .btn-style-one {
    display: inline-block;
    padding: 15px 30px !important;
}
.btn-style-one {
background: linear-gradient(to right, #4ea8ef, #6b91d4) !important;
}
.hero-image {
    top: -200px;
}
.about-three .heading-one p {
    text-align: justify;
}
.heading-one-title {
    font-size: 38px !important;
}
.service-four-single-top .icon {
background: linear-gradient(to right, #4ea8ef, #6b91d4) !important;
}
.section-margin-top {
    margin-top: 220px !important;
}
.breadcrumb::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ffffff !important;
    opacity: 0.8;
    z-index: 1;
}
.breadcrumb {
    height: 350px !important;
}
.breadcrumb-wrapper .title {
    font-size: 50px !important;
    line-height: 1.2;
    color: #343c55 !important;
    font-weight: 600;
    margin-bottom: 25px;
}
.breadcrumb-wrapper {
    margin-top: 8rem;
}
.about-two-text p {
    text-align: justify;
}
.section-padding {
    padding: 80px 0 !important;
}
@media only screen and (min-width: 360px) and (max-width: 768px) {
    span.logo_name{
        display:none !important;
    }
    .hero-content .title {
        font-size: 33px !important;
    }
    .hero-image {
        top: 0px !important;
    }
    .header-right_button {
        display: flex;
        align-items: center;
        padding: 20px 0;
        margin-right: 20px;
    }
}