.banner-section .title {
    font-size: 90px;
    font-weight: 900;
    padding-right: 135px;
    font-family: ErasITC-Bold;
}

.banner-section .col-md-5 {
    padding-top: 20px;
    padding-left: 70px;
}

.banner-section .description .first-line {
    font-size: 20px !important;
    font-family: Gilroy-Bold !important;
    /* min-width: 550px; */
    color: rgba(86, 86, 86, 255);
}

.banner-section .description .second-line {
    font-size: 18px;
    /* min-width: 550px; */
    font-family: Gilroy-Regular;
    color: rgba(86, 86, 86, 255);
}

.search-section {
    display: flex;
    justify-content: center;
    margin-top: 77px;
    width: 100%;
}

.search-label {
    margin-bottom: 0;
    margin-left: 12px;
    font-family: 'Gilroy-Medium';
    font-size: 17px;
    text-align: center;
    padding-bottom: 11px;
}

.search-section .col-12 {
    background: #edf6fd;
    padding: 40px 30px;
    border-radius: 18px;
}

.search {
    border: none;
    height: 62px;
    border-radius: 50px;
    min-width: 100%;
    background: white;
}

.search .input {
    width: 75%;
    float: left;
    margin-top: 14px;
}

.search .button {
    width: 25%;
    float: right;
}

.search .input input {
    border: none;
    background: transparent;
    font-size: 18px;
    box-shadow: none;
    font-family: Gilroy-Regular;
}

.search .search-button {
    background: #328ccb;
    color: white;
    font-size: 14px;
    border-radius: 25px;
    width: 93%;
    padding: 10px 20px;
    margin-top: 8px;
    font-family: Gilroy-Medium;
}

.announcement-section {
    margin-top: 80px
}

.announcement-section img {
    width: 510px;
    height: 352px;
    position: relative;
    top: -42px;
    padding-left: 88px;
}

.announcement-section .title {
    font-family: Gilroy-Bold;
    font-size: 36px;
    color: rgba(255, 255, 255, 255);
}

.announcement-section .description {
    font-family: Gilroy-Regular;
    font-size: 14px;
    color: rgb(255 255 255 / 71%);
    width: 80%;
}

.announcement-section .text-section {
    padding: 75px 0;
}

.why-flasholr-section {
    margin-top: 70px;
}

.why-flasholr-section .heading {
    font-family: ErasITC-Bold;
    font-size: 40px;
    color: rgba(31, 31, 31, 255);
    text-align: center;
    margin-bottom: 50px;
}

.why-flasholr-section .heading span {
    font-family: ErasITC-Bold;
    font-size: 40px;
    color: rgba(50, 140, 203, 255);
    text-align: center;
    margin-bottom: 50px;
}

.why-flasholr-section .container .image-background {
    left: -88px;
    position: absolute;
    margin-top: 30px;
    border-top-right-radius: 20px;
}

.why-flasholr-section .image-section .tab-pane {
    padding-top: 130px
}

.why-flasholr-section .image-section img {
    width: 100%;
    position: relative;
    border-radius: 20px;
    padding: 6px;
    background: white;
}

.list-section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #eff8fd;
}

.list-section::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.list-section::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #328ccb;
}

.list-section .card:hover .title,
.list-section .card:hover .description {
    color: white;
}

.list-section .card:hover .img svg {
    filter: brightness(0) invert(1);
}

.list-section .card:hover .img {
    border: 1px solid white;
    background: linear-gradient(145deg, #3795d5, #348ac7);
}

.list-section .card:hover {
    background-color: #328ccb;
}

.list-section {
    max-height: 613px;
    overflow-y: auto;
    padding: 15px;
    border-bottom: 0;
}

.list-section .card {
    box-shadow: 0 0 5px 1px #e5e5e5;
    padding: 15px 23px;
    border-radius: 18px;
    margin-bottom: 15px;
    display: flex;
}

.list-section .detail-section .title {
    font-family: Gilroy-Bold;
    font-size: 18px;
    color: rgba(31, 31, 31, 255)
}

.list-section .detail-section .description {
    font-family: Gilroy-Regular;
    font-size: 14px;
    color: rgba(86, 86, 86, 255);
}

.list-section .card .img {
    float: left;
    padding: 20px;
    background: #e1eef7;
    border-radius: 17px;
    margin-right: 30px;
}


/* Our service package style */

.our-service-packages {
    margin-top: 70px;
}

.our-service-packages .title1 {
    font-size: 40px;
    font-family: ErasITC-Bold;
    color: rgba(31, 31, 31, 255);
    margin-bottom: 30px;
}

.our-service-packages .title {
    font-size: 20px;
    font-family: Gilroy-Bold;
    color: rgba(6, 6, 6, 255);
    margin: 25px 0;
}

.our-service-packages .card .check {
    font-family: 'Gilroy-Medium';
    font-size: 13px;
    color: rgba(31, 31, 31, 255);
    display: flex;
}

.our-service-packages .card {
    border-radius: 10px;
    padding: 30px 20px;
    margin-top: 10px;
}

.our-service-packages .card {
    box-shadow: 0 0 5px 1px #e5e5e5;
    border: 2px solid white;
}

.our-service-packages .card:hover {
    border: 2px solid #3891cf;
}

.our-service-packages .card:hover .btn {
    background-color: #348ece;
    color: #f6f7f9;
}

.our-service-packages .card .btn {
    background-color: transparent;
    color: rgba(53, 144, 208, 255);
    border-color: rgba(53, 144, 208, 255);
    border-radius: 50px;
    font-family: Gilroy-Bold;
    padding: 6px 20px;
    font-size: 14px;
    margin-top: 20px
}

.our-service-packages .btn-section {
    text-align: center;
}

.our-service-packages .check .fa-check {
    font-size: 10px;
    color: #74c866;
    border: #74c866;
}

.our-service-packages .check span.cross-icon {
    background: #f3d5d4 !important;
}

.our-service-packages .check span:first-child {
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-radius: 41px;
    height: 20px;
    width: 20px;
    background: #d7f3d9;
}

.our-service-packages .check i {
    /*margin-right: 10px;*/
}

.our-service-packages .check .fa-times {
    font-size: 10px;
    color: #ef595a;
    border: #ef595a;
}

.our-service-packages .card .para {
    color: rgba(86, 86, 86, 255);
    font-family: Gilroy-Regular;
    font-size: 13px;
    margin-top: 25px;
    height: 175px;
}


/* Earn extra section style */

.earn-extra-section {
    margin-top: 40px;
}

.earn-extra-section .container {
    position: relative;
    color: white;
    margin-bottom: 50px;
}

.earn-extra-section .top-left {
    width: 60%;
    position: absolute;
    top: 50px;
    left: 70px;
}

.earn-extra-section .title {
    font-size: 32px;
    font-family: Gilroy-Bold;
    margin-bottom: 20px;
    color: white;
}

.earn-extra-section img {
    border-radius: 12px;
    height: 374px;
    background: #3190d0;
    width: 100%;
}

.earn-extra-section p {
    color: #fff;
    /* color: rgba(187,227,254,255); */
    font-family: Gilroy-Regular;
    font-size: 17px;
}

.earn-extra-section p span i {
    color: rgba(187, 227, 254, 255);
}

.earn-extra-section p span {
    padding-right: 10px;
}

.earn-extra-section button {
    padding: 10px 25px;
    margin-top: 20px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 255);
    color: rgba(255, 255, 255, 255);
    border-radius: 50px;
    font-size: 14px;
    font-family: 'Gilroy-Medium';
}


/* For Mobile Screen */

@media only screen and (max-width: 450px) {
    .search .search-button {
        width: 100%;
        padding: 6px 0px;
        margin-top: 13px;
    }
}

.review-section {
    padding: 0;
    background: #87ceeb4a;
}

.heading {
    font-size: 28px;
    margin: 60px 0px 34px 0px;
}

.heading a {
    color: rgba(50, 140, 203, 255);
}

.profile {
    width: 75px;
    height: 75px;
    background: #87ceeb73;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    opacity: 1;
}

.profile:hover {
    opacity: 0.4;
    transition: all ease 0.7s;
}

.profile-mobile {
    width: 75px;
    height: 75px;
    background: #87ceeb73;
    border-radius: 50%;
    position: relative;
}

.profile-mobile img {
    border-radius: 50%;
    width: 75px;
    height: 75px;
    margin-bottom: 6px;
    margin-left: 5px;
    margin-top: -10px;
}

.profile.active {
    width: 125px !important;
    height: 125px !important;
    background: #87ceeb !important;
}

.profile-mobile .image {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: white;
    font-family: 'Gilroy-Medium';
    letter-spacing: 2px;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    margin-bottom: 6px;
    margin-left: 5px;
    margin-top: -10px;
    background: #2e8dcc;
}

.profile.active img.active,
.profile.active .image {
    width: 125px !important;
    margin-bottom: -10px !important;
    margin-top: 8px !important;
    margin-left: -10px !important;
    height: 125px;
}

.profile .image {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: white;
    font-family: 'Gilroy-Medium';
    letter-spacing: 2px;
}

.profile img,
.profile .image {
    border-radius: 50%;
    width: 75px;
    height: 75px;
    margin-bottom: 6px;
    margin-left: 5px;
    margin-top: -10px;
    background: #2e8dcc;
}

.d-flex {
    display: flex;
    justify-content: center;
}

.p-50 {
    padding: 50px;
}

.qoute {
    color: #23bfff;
    font-size: 15px;
    padding: 10px;
}

.paragrph {
    display: flex;
    padding: 0;
}

.paragrph>p {
    padding: 15px 0px;
    font-size: 14px;
    color: rgba(54, 54, 54, 255);
    font-family: Gilroy-Medium;
}

.info {
    text-align: center;
    margin-bottom: 40px;
}

.info h2 {
    font-size: 26px;
    margin-top: 0;
    font-family: Gilroy-Bold;
}

.info-rating .fa-star {
    color: #ffbe00;
    font-size: 18px;
}

.info-rating .fa-star-o {
    color: lightgrey !important;
    font-size: 14px;
}

.web-reviews {
    display: none;
}

.mobile-reviews {
    display: block;
}

.qoute .fa {
    color: rgba(50, 140, 203, 255)
}

.heading,
.heading a {
    font-family: ErasITC-Bold;
}


/* For Desktop Screen */

@media only screen and (min-width: 992px) {
    .review-section {
        /*height: 100vh;*/
    }
    .heading,
    .heading a {
        font-size: 44px;
        font-family: ErasITC-Bold;
    }
    .qoute {
        font-size: 25px;
        padding: 20px;
    }
    .info {
        margin-bottom: -70px;
        margin-top: -20px;
    }
    .info-rating {
        color: #ffbe00;
        font-size: 20px;
    }
    .paragrph {
        display: flex;
        padding: 10px 190px;
    }
    .paragrph>p {
        padding: 25px 0px;
        font-size: 24px;
        color: rgba(54, 54, 54, 255);
        min-height: 180px;
        font-family: Gilroy-Medium;
    }
    /* top*/
    .web-reviews {
        display: block;
    }
    .mobile-reviews {
        display: none;
    }
    .top-first-flx {
        padding-top: 100px;
        justify-content: flex-start;
    }
    .top-last-flx {
        padding-top: 40px;
        justify-content: flex-end;
    }
    .top-first {
        margin-bottom: -6px;
        margin-left: 5px;
        margin-top: 5px;
    }
    /* Bottom*/
    .bottom-first-flx {
        padding: 50px 100px;
        justify-content: flex-start;
    }
    .bottom-last-flx {
        justify-content: flex-end;
        padding-top: 0;
    }
    .bottom-middle-flx {
        padding-top: 95px !important;
    }
    .bottom-first {
        margin-bottom: -6px !important;
        margin-left: 5px !important;
        margin-top: 5px !important;
    }
    .bottom-middle-flx>.profile {
        width: 55px !important;
        height: 55px !important;
    }
    .bottom-middle {
        width: 55px !important;
        height: 55px !important;
        margin-bottom: 0px !important;
        margin-left: -3px !important;
        margin-top: -5px !important;
    }
    .bottom-last {
        margin-bottom: 0px !important;
        margin-left: 5px !important;
        margin-top: 5px !important;
    }
}

@media screen and (min-width: 2500px) {
    .banner-section .col-md-5 {
        padding-top: 100px;
    }
    .why-flasholr-section .container .image-background {
        left: 500px !important;
    }
}

@media screen and (min-width: 1850px) {
    .banner-section .title {
        padding-right: 250px;
    }
    .banner-section .col-md-7 img {
        height: 600px;
        min-height: 633px;
    }
    .why-flasholr-section .container .image-background {
        left: 150px;
    }
}

@media screen and (max-width: 1200px) {
    .banner-section .title {
        font-size: 50px;
    }
    .banner-section .description {
        min-width: 414px;
    }
    .search {
        min-width: 450px;
    }
    .announcement-section {
        display: flex;
        justify-content: center;
    }
    .announcement-section img {
        height: 312px;
    }
    .earn-extra-section .top-left {
        top: 38px;
    }
}

@media screen and (max-width: 992px) {
    .earn-extra-section .top-left {
        top: 25px;
    }
    .earn-extra-section .title {
        font-size: 20px;
        margin-bottom: 0px;
    }
    .earn-extra-section img {
        height: auto;
    }
    .earn-extra-section p {
        font-size: 15px;
    }
    .banner-section .col-md-7 {
        display: none;
    }
    .banner-section .description .first-line,
    .banner-section .description .second-line,
    .search {
        min-width: auto;
    }
    .banner-section .title,
    .banner-section .search {
        padding: 0;
    }
    .banner-section .col-md-5 {
        padding: 25px;
    }
    .banner-section .col-md-5 {
        padding: 50px 50px 20px 50px;
        text-align: center;
    }
    .banner-section .search-label {
        margin-top: 0;
    }
    .announcement-section .image-section {
        display: none;
    }
    .announcement-section {
        margin-top: 20px;
    }
    .announcement-section .description {
        width: 100%;
    }
    .announcement-section .text-section {
        padding: 75px 70px;
    }
    .announcement-section .title {
        font-size: 22px;
    }
    #frontend_header_section .collapse.navbar-collapse {
        margin-top: 60px;
    }
    .our-service-packages .card .para {
        height: 115px;
    }
    .our-service-packages .card .check {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .why-flasholr-section .product-1 .img {
        height: 100px;
    }
    .why-flasholr-section .product-1 {
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .earn-extra-section img {
        border-radius: 12px;
        height: 300px;
        background: #3494d4;
        position: relative;
        color: white;
        margin-bottom: 30px;
    }
    .banner-section .description {
        min-width: auto;
    }
    .banner-section .col-md-5 {
        padding: 30px;
    }
    .banner-section .description .first-line {
        font-size: 18px !important;
    }
    .banner-section .description .second-line {
        font-size: 16px !important;
    }
    .announcement-section .row:first-child {
        background: #ebf3fa !important;
        border-radius: 15px;
    }
    .announcement-section .text-section {
        padding: 24px;
        background: rgb(46 141 204) !important;
        margin: 18px;
        border-radius: 15px;
    }
    .our-service-packages .card .para {
        height: auto;
    }
    .our-service-packages .card .check {
        font-size: 13px;
    }
    .earn-extra-section button {
        margin-top: 0px;
    }
}

@media screen and (max-width: 480px) {
    .earn-extra-section .container {
        width: 92%;
        border-radius: 12px;
        height: 260px;
        background: #3494d4;
        position: relative;
        color: white;
        margin-bottom: 30px;
    }
    .earn-extra-section img {
        display: none
    }
    .banner-section .col-md-5 {
        padding: 0;
    }
    .banner-section .search-section {
        margin-bottom: 65px;
    }
    .search-section {
        margin: 77px 12px 0 12px;
        width: auto;
    }
    .search-section .col-12 {
        padding: 40px 30px;
    }
    .earn-extra-section .container {
        position: relative;
        color: white;
        margin-bottom: 30px;
    }
    /* .earn-extra-section .top-left {
        position: absolute;
        top: 20px;
        left: 30px;
    }

    .earn-extra-section .title {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .earn-extra-section img {
        width: 100%;
    }

    .earn-extra-section p {
        margin-bottom: 0px;
        font-size: 10px;
    }

    .earn-extra-section p span {
        padding-right: 10px;
        margin-bottom: 2px;
    }

    .earn-extra-section button {
        padding: 5px 15px;
        font-size: 9px;
        margin-top: 5px;
        margin-bottom: 20px;
    } */
    .why-flasholr-section .container .image-background {
        display: none;
    }
    .why-flasholr-section .image-section .tab-pane {
        padding-top: 0;
    }
}

@media only screen and (max-width:415px) {
    /* .earn-extra-section img {
        height: 18vh;
        max-height: 18vh;
    } */
}

@media screen and (max-width: 380px) {
    /* .earn-extra-section img {
        height: 28vh;
        max-height: 28vh;
    } */
}


/* @media only screen and (min-width: 768px) and (max-width:1024px) {
    .earn-extra-section .container{
        position: relative;
        color: white;
        margin-bottom: 50px;
    }
    .earn-extra-section .top-left{
        position: absolute;
        top: 30px;
        left: 30px;
    }
    .earn-extra-section p{
        font-size: 14px;
    }
    .earn-extra-section .title{
        font-size:16px;
        margin-bottom: 10px;
    }
    .earn-extra-section  img{
        width:100%;
    }
    .earn-extra-section p span{
        padding-right:10px ;
    }
    .earn-extra-section button{
        margin-top: 10px;
    }
} */