form.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid #fff;
    float: left;
    width: 80%;
    background: #fffF;
    margin: 0;
    border-right: none;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

form.example button {
    float: left;
    width: 20%;
    padding: 10px;
    background: linear-gradient(90deg, #034ea1 0, #00b7ac 100%);
    color: #fff;
    font-size: 17px;
    border: 1px solid #034ea1;
    border-left: none;
    cursor: pointer;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

form.example button:hover {
    background: #0c51a0
}

form.example::after {
    content: "";
    clear: both;
    display: table
}

.icon-margin {
    margin-right: 15px
}

.searchbar-margin {
    margin-top: 15px;
    margin-bottom: 25px
}

.showing-result {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px
}

.result-heading {
    color: #034ea1;
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 400
}

.result-desc {
    font-size: 16px;
    color: #000;
    text-align: justify;
    margin-bottom: 25px
}

.search-line {
    height: 1px;
    background-color: #000;
    margin-top: 30px;
    margin-bottom: 20px
}

.search-learn-more {
    padding: 8px 40px;
    color: #fff;
    text-decoration: none;
    background-color: #0c51a0;
    margin-top: 25px
}

.search-outer {
    border: 3px solid #0c51a0;
    border-radius: 20px;
    background-color: #fff;
    padding: 50px;
    margin-bottom: 40px
}

.search-whole-sec {
    background-image: url(../images/treatment-videos-background.png);
    background-repeat: repeat
}

.cancer-font {
    color: #b52a4e
}

.search-learn-more:hover {
    color: #fff;
    text-decoration: none
}

.search-load {
    margin-top: 25px;
    margin-bottom: 40px;
    text-align: center
}

@media only screen and (max-width:320px) {
    form.example button {
        width: 30%
    }
    form.example input[type=text] {
        width: 70%
    }
    .showing-result {
        font-size: 19px
    }
    .search-outer {
        padding: 20px;
        margin-bottom: 25px
    }
    .result-heading {
        font-size: 17px
    }
    .result-desc {
        font-size: 16px
    }
    .search-load {
        margin-bottom: 25px
    }
    .treatment-goback {
        margin-left: 15px
    }
}

@media only screen and (min-width:321px) and (max-width:376px) {
    form.example button {
        width: 25%
    }
    form.example input[type=text] {
        width: 75%
    }
    .showing-result {
        font-size: 23px
    }
    .search-outer {
        padding: 25px;
        margin-bottom: 25px
    }
    .result-heading {
        font-size: 20px
    }
    .result-desc {
        font-size: 17px
    }
    .treatment-goback {
        margin-left: 15px
    }
}

@media only screen and (min-width:377px) and (max-width:427px) {
    .showing-result {
        font-size: 26px
    }
    .search-outer {
        padding: 30px;
        margin-bottom: 25px
    }
    .result-heading {
        font-size: 23px
    }
    .search-load {
        margin-bottom: 25px
    }
    .treatment-goback {
        margin-left: 15px
    }
}

@media only screen and (min-width:428px) and (max-width:1025px) {
    .search-outer {
        padding: 30px
    }
    .treatment-goback {
        margin-left: 15px
    }
}
@media only screen and (max-width:767px){
    .banner-common-img{
        height: unset !important;
        object-fit: unset;
    }
    .banner-content-common{
        padding-top: 0px;
    }
}