/************************Main Banner****************************/

.navbar-toggler .toggle-ico svg path {
    fill: #fff !important;
}
.activeheader .navbar-toggler .toggle-ico svg path {
    fill: #4f5b6a !important;
}

.email > a:hover, .sign-up > a:hover{
    color: #fff;
}
.main_Bg {
    width: 720px;
    bottom: 0;
    position: absolute;
    right: -150px;
}
.main_slider{
    width: 100%;
    left: 0px;
    top: -110px;
    position: relative;
    background: url('../images/bg_main.png');
    background-repeat: no-repeat;
    min-height: 766px;
    background-size: cover;
}

.main_slider .container{
    max-width: 1110px;
    margin: 0 auto;
    position: relative;
    min-height: 766px;

}

.main_slider .main_container{
    width: 540px;
    height: 423px;
    left: 0;
    top: 213px;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 70px;
    display: inline-flex;
}

.main_container_content h1{
    position: relative;
    color: white;
    font-size: 43px;
    font-family: Inter;
    font-weight: 700;
    line-height: 44px;
    word-wrap: break-word;
    margin-bottom: 30px;
}
.main_container_content p{
    position: relative;
    color: white;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 28px;
    word-wrap: break-word;
}
.main_container_lower{
    position: relative;
}
.main_container_lower .DownloadButton{
    width: 368.05px; 
    position: relative; 
    justify-content: center; 
    align-items: flex-start; 
    gap: 18.15px; 
    display: inline-flex;
    margin-bottom: 32px;
}
.main_container_lower .DownloadButton a{
    width: 174.95px; 
    height: 58px; 
    position: relative;
}
.main_container_lower .CustomerCount{
    width: 432.01px; 
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_container_lower .CustomerReview{
    width: 235px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.main_container_lower .RatingImageContainer{
    width: 100.80px;
    height: 45px;
}

.main_container_lower .CustomerTextContainer{
    width: 119px;
}


.main_container_lower .CustomerTextContainer .HappyCustomers{
    left: 0px;
    position: relative;
    opacity: 0.70;
    color: white;
    font-size: 14px;
    font-family: Inter;
    font-weight: 400;
    word-wrap: break-word;
    top: -3px;
}

.main_container_lower .CustomerTextContainer .numbers{
    left: 0px;
    top: 0px;
    position: relative;
    color: white;
    font-size: 20px;
    font-family: Inter;
    font-weight: 700;
    word-wrap: break-word;
}

.main_container_lower .Line1{
    position: relative;
}

.main_container_lower .RatingContainer{
    width: 129.01px;
    position: relative;
    top: -17px;
}

.main_container_lower .RatingContainer .Rating{
    left: 87.01px; 
    top: 29px; 
    position: relative; 
    opacity: 0.70; 
    color: white; 
    font-size: 14px; 
    font-family: Inter; 
    font-weight: 400; 
    word-wrap: break-word
}

.main_container_lower .RatingContainer .Stars{
    width: 77.01px;
    height: 12.46px;
    left: 0px;
    top: 31px;
    position: absolute;
}



.stories-section.section-padding{
    padding-bottom: 20px;
}

.owl-dots{
    margin-left: 30px;
    margin-top: 10px;
}
.owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 5px;
    background: #F5D6B6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FB8E0B;
    width: 30px;
    height: 8px;
}

.stories-section .owl-carousel .owl-item.active {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.stories-section .owl-carousel .owl-item.active.last-active-item{
    opacity: 0.10;
    transition: opacity 0.5s ease-in-out;
}

.stories-section div#recipeCarousel:before{
    background: none;
}


@media only screen and (max-width: 1024px) {
    .main_slider{
        height: auto;
        padding: 110px 30px 30px;
        background: url(../images/bg_main.png);
        background-size: cover;
        min-height: 600px;
    }
    .main_slider .container{
        min-height: 500px;
    }
    .main_Bg{
        display: none;
    }
    
    .main_slider .main_container{
        width: 100%;
        padding: 20px 30px;
        position: relative;
        left: 0;
        top: 60px;
    }
    .main_container_lower .DownloadButton{
        justify-content: flex-start;
    }
    .main_container_lower .DownloadButton a{
        width: auto;
    }
    .main_container_lower .DownloadButton a svg{
        width: 140px;
    }
    .main_container_lower .CustomerCount{
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .main-header, .header, .header:after {
        background: url(../images/bg_main.png) !important;
        background-size: cover;
    }

}


@media only screen and (max-width: 768px) {
    .top-header .right-top{
        width: 267px;
    }
}
@media only screen and (max-width: 767px) {

    .main-header, .header, .header:after {
        background: url(../images/bg_main.png) !important;
        background-size: cover;
        /* background: linear-gradient(199deg, #474AFF 20.22%, #3967E2 55.35%, #4361B0 88.45%) !important;  */
    }


    .main_slider{
        height: 600px;
        padding: 30px;
    }
    .main_Bg{
        display: none;
    }
    
    .main_slider .main_container{
        width: 100%;
        padding: 20px 0px;
        position: relative;
        left: 0;
        top: 90px;
        gap: 40px;
    }
    .main_container_lower .DownloadButton{
        justify-content: flex-start;
    }
    .main_container_lower .DownloadButton a{
        width: auto;
    }
    .main_container_lower .DownloadButton a svg{
        width: 140px;
    }
    .main_container_lower .CustomerCount{
        display: none;
    }
    .activeheader .my-dropdown-link::after{
        width: 10px;
        height: 10px;
        content: "";
        font-family: inherit;
    }
}
@media only screen and (max-width: 530px) {
    .main_slider{
        min-height: 700px;
    }
    .main_slider .container{
        min-height: 660px;
    }
}
@media only screen and (max-width: 430px) {
    .main_slider .main_container{
        height: auto;
        padding: 20px 0px;
    }
    .main_slider{
        height: auto;
    }
    .main_container_lower .DownloadButton {
        flex-direction: row;
        display: flex;
    }
}
/************************Why Choose Boxes****************************/
.why_choose{
    max-width: 1110px; 
    margin: 0 auto; 
    position: relative; 
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: center; 
    gap: 60px;
}
.why_choose_content{
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: center; 
    gap: 28px; 
    display: flex
}
.why_choose_content h2{
    text-align: center; 
    color: black; 
    font-size: 36px; 
    font-family: Inter; 
    font-weight: 700; 
    line-height: 44px; 
    word-wrap: break-word
}
.why_choose_content p{
    max-width: 700px; 
    margin: auto; 
    align-self: stretch; 
    text-align: center; 
    color: #4F5B6A; 
    font-size: 16px; 
    font-family: Inter; 
    font-weight: 400; 
    line-height: 26px; 
    word-wrap: break-word
}
.why_choose_boxes_container{
    padding-top:60px; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 30px; 
    display: inline-flex
}
.why-choose-boxes{
    padding: 24px; 
    background: #F3F5FF; 
    border-radius: 16px; 
    overflow: hidden; 
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 28px; 
    display: inline-flex;
    max-width: 350px;
    transition: box-shadow 0.4s;

}

.why-choose-boxes:hover{
    box-shadow: 0px 34px 33px -23px rgba(22, 28, 45, 0.23);
    cursor: pointer;
}

.why_choose_boxes_icon{
    width: auto; 
    height: 100px; 
    position: relative
}
.why_choose_boxes_content{
    height: 120px; 
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 10px; 
    display: flex
}

.why_choose_boxes_content h3{
    color: #161C2D; 
    font-size: 20px; 
    font-family: Inter; 
    font-weight: 600; 
    line-height: 32px; 
    word-wrap: break-word
}
.why_choose_boxes_content p{
    align-self: stretch; 
    color: #4F5B6A; 
    font-size: 16px; 
    font-family: Inter; 
    font-weight: 400; 
    line-height: 26px; 
    word-wrap: break-word
}

@media only screen and (max-width: 1024px) {
    .why_choose_boxes_container {
        padding-top: 60px;
        justify-content: center;
        align-items: center;
        gap: 20px;
        display: flex;
        flex-direction: column;
        align-content: center;
    }
    .why_choose{
        max-width: 100%;
        padding: 30px 30px 0;
    }
    .why_choose_boxes_content{
        height: auto;
    }
    .why-choose-boxes {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 700px;
    }

}

@media only screen and (max-width: 767px) {
    .why_choose{
        max-width: 100%;
        padding: 30px 30px 0;
    }
    .why-choose-boxes {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        max-width: 350px;
    }

    .why_choose_boxes_container{
        flex-direction: column;
    }

    .why_choose_boxes_content{
        height: auto;
    }
}
/************************Streamlining Section****************************/
.streamlining_section{
    max-width: 1076.14px; 
    margin: 130px auto;
}

.streamlining_container{
    justify-content: flex-start; 
    align-items: center; 
    gap: 160px; 
    display: inline-flex
}

.streamlining_content{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: inline-flex;
    max-width: 540px;
}

.streamlining_content .header_content{
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 28px; 
    display: flex
}

.streamlining_content .header_content h2{
    align-self: stretch;
    color: black;
    font-size: 36px;
    font-family: Inter;
    font-weight: 700;
    line-height: 44px;
    word-wrap: break-word;
}

.streamlining_content .header_content p{
    align-self: stretch;
    color: #4F5B6A;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 26px;
    word-wrap: break-word;
}


.streamlining_image{
    width: 376.14px; 
    position: relative
}

.streamlining_list{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.streamlining_list_content{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}
.streamlining_icon_group{
    position: relative; 
    display: flex;
}
.streamlining_list_content .icon{
    width: 23.55px; height: 26px;
}

.streamlining_list_content h3{
    margin-left: 20px;
    top: 0px;
    color: #161C2D;
    font-size: 20px;
    font-family: Inter;
    font-weight: 600;
    line-height: 32px;
    word-wrap: break-word;
}

.streamlining_list_content p{
    width: 539px;
    color: #4F5B6A;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 26px;
    word-wrap: break-word;
}

@media only screen and (max-width: 1024px) {
    .streamlining_section{
        max-width: 100%; 
        padding: 0 30px;
        margin: 130px auto;
    }
    .streamlining_container{
        width: 100%;
        flex-direction: column-reverse;
        gap: 60px;
    }
    .streamlining_content, .streamlining_list, .streamlining_list_content p, .streamlining_list_content{
        max-width: 100%;
    }
}


@media only screen and (max-width: 767px) {
    .streamlining_section{
        max-width: 100%; 
        padding: 0 30px;
        margin: 130px auto;
    }
    .streamlining_container{
        width: 100%;
        flex-direction: column-reverse;
        gap: 60px;
    }
    .streamlining_content, .streamlining_list, .streamlining_list_content p, .streamlining_list_content{
        max-width: 100%;
    }
}

/************************Empowering communication****************************/
.empowering_communication{
    max-width: 1109px; 
    margin: auto; 
    position: relative
}

.empowering_communication_content{
    width: 540px;
    margin-bottom: 60px;
    left: 284px;
    top: 0px;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 28px;
    display: inline-flex;
}

.empowering_communication_content h2{
    align-self: stretch;
    text-align: center;
    color: black;
    font-size: 36px;
    font-family: Inter;
    font-weight: 700;
    line-height: 44px;
    word-wrap: break-word;
}

.empowering_communication_content p{
    align-self: stretch;
    text-align: center;
    color: #4F5B6A;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 26px;
    word-wrap: break-word;
}

.empowering_communication_container{
    display: flex; 
    gap: 29px;
}

.empowering_communication_container .communication_boxes{
    width: 255px;
    height: 226px;
    left: 0px;
    top: 0px;
    position: relative;
    background: white;
    border-radius: 10px;
    border: 1px #E7E9ED solid;
}
.empowering_communication_container .communication_boxes_img{
    width: 255px;
    height: 167px;
    left: 0px;
    top: 0px;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.empowering_communication_container .Union{
    width: 17px;
    height: 12px;
    left: 218px;
    top: 195px;
    position: absolute;
}

.empowering_communication_container p{
    left: 20px;
    top: 187px;
    position: absolute;
    color: #161C2D;
    font-size: 16px;
    font-family: Inter;
    font-weight: 500;
    word-wrap: break-word;
}

.communication_boxes{
    transition: box-shadow 0.4s;
}

.communication_boxes:hover{
    box-shadow: 0px 34px 33px -23px rgba(22, 28, 45, 0.23); 
    cursor: pointer;
}


@media only screen and (max-width: 1024px) {
    .empowering_communication{
        max-width: 100%;
        padding: 0 30px;
    }
    .empowering_communication_content{
        width: 100%;
        left: 0;
    }
    .empowering_communication_container {
        display: flex;
        gap: 0px;
        flex-wrap: wrap;
    }
    .empowering_communication_container .communication_boxes{
        width: 47%;
        height: auto;
        margin: 10px;
    }
    .empowering_communication_container .communication_boxes_img{
        width: 100%;
        height: auto;
    }
    .empowering_communication_container p{
        position: relative;
        left: 0;
        top: 0;
        padding: 10px 20px;
    }
    .empowering_communication_container .Union {
        width: 17px;
        height: 12px;
        right: 20px;
        bottom: 18px;
        position: absolute;
        left: auto;
        top: auto;
    }
}


@media only screen and (max-width: 767px) {
    .empowering_communication{
        max-width: 100%;
        padding: 0 30px;
    }
    .empowering_communication_content{
        width: 100%;
        left: 0;
    }
    .empowering_communication_container{
        flex-direction: column;
    }
    .empowering_communication_container .communication_boxes{
        width: 100%;
        height: auto;
        margin: auto auto 20px;

    }

    .empowering_communication_container .communication_boxes_img{
        width: 100%;
        height: auto;
    }
    .empowering_communication_container p{
        position: relative;
        left: 0;
        top: 0;
        padding: 10px 20px;
    }
    .empowering_communication_container .Union {
        width: 17px;
        height: 12px;
        right: 20px;
        bottom: 18px;
        position: absolute;
        left: auto;
        top: auto;
    }
}

/************************Getting_Started****************************/

.Getting_Started{
    max-width: 1109px; 
    position: relative; 
    margin: 130px auto;
}
.Getting_Started_Content{
    max-width: 540px;
    margin: auto;
    position: relative;
    display: block;
}

.Getting_Started_Content h2{
    margin-bottom: 28px;
    align-self: stretch;
    text-align: center;
    color: black;
    font-size: 36px;
    font-family: Inter;
    font-weight: 700;
    line-height: 44px;
    word-wrap: break-word;
}

.Getting_Started_Content p{
    align-self: stretch;
    text-align: center;
    color: #4F5B6A;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 26px;
    word-wrap: break-word;
}

.Getting_Started_Banner{
    width: 100%; 
    margin-top: 60px; 
    position: relative
}

.Getting_Started_Content_List{
    max-width: 920px; 
    position: relative; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 55px; 
    display: flex;
    margin: 70px auto;
}

.Getting_Started_Content_List_Box{
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 12px; 
    display: inline-flex;
}
.Count_Group{
    position: relative;
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
}

.Number{
    width: 40px;
    height: 40px;
    text-align: center;
    color: black;
    border-radius: 9999px;
    font-size: 17px;
    font-family: Rubik;
    font-weight: 500;
    line-height: 40px;
    word-wrap: break-word;
    background: #e4e3f4;
}
.Count_Group h3{
    position: relative;
    color: #161C2D;
    font-size: 18px;
    font-family: Inter;
    font-weight: 600;
    line-height: 32px;
    word-wrap: break-word;
}

.Getting_Started_Content_List_Box p{
    width: 270px;
    color: #4F5B6A;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 26px;
    word-wrap: break-word;
}

@media only screen and (max-width: 1024px) {
    .Getting_Started{
        max-width: 100%;
        padding: 0 30px; 
    }

    .Getting_Started_Content_List{
        flex-direction: column;
    }

    .Getting_Started_Content_List_Box p{
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .Getting_Started{
        max-width: 100%;
        padding: 0 30px; 
    }

    .Getting_Started_Content_List{
        flex-direction: column;
    }

    .Getting_Started_Content_List_Box p{
        width: 100%;
    }
}
/************************Day APP Section****************************/

.day_app_section{
    max-width: 1298px;
    position: relative;
    margin: 0 auto 128px;
}

.day_app_section_content{
    width: 404px; 
    height: 260px; 
    left: 159px; 
    top: 
    80px; 
    position: absolute
}


.day_app_section_content .DownloadButon{
    width: 349px;
    position: relative;
}

.day_app_section_content .DownloadButon .AppleDownloadButton{
    height: 55px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.day_app_section_content .DownloadButon .GoogleDownloadButton{
    height: 55px;
    left: 183.11px;
    top: 0px;
    position: absolute;
}

.day_app_section_content .GetStartedWithDayInterpretingToday{
    width: 404px;
    position: relative;
    color: #1B1C20;
    font-size: 36px;
    font-family: Inter;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.day_app_section_content .DiscoverFoodWhereverAndWheneverAndGetYourFoodDeliveredQuickly{
    width: 339px;
    position: relative;
    color: #4F5B6A;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    word-wrap: break-word;
    margin-bottom: 50px;
}


@media only screen and (max-width: 1024px) {
    .day_app_section{
        max-width: 100%;
        padding: 0 30px;
    }
    .day_app_section_content {
        width: 100%;
        height: 260px;
        left: 0;
        top: 30px;
        position: relative;
    }
    .day_app_section_content .GetStartedWithDayInterpretingToday{
        width: 100%;
    }
    .day_app_section_content .DiscoverFoodWhereverAndWheneverAndGetYourFoodDeliveredQuickly{
        width: 100%;
    }

    .day_app_section_content .DownloadButon{
        justify-content: flex-start;
        width: 100%;
        display: flex;
        gap: 18px;
    }
    .day_app_section_content .DownloadButon a{
        width: auto;
        position: relative !important;
        left: auto !important;
    }
    .day_app_section_content .DownloadButon a svg{
        width: 140px;
    }

}

@media only screen and (max-width: 767px) {
    .day_app_section{
        max-width: 100%;
        padding: 0 30px;
    }
    .day_app_section_content {
        width: 100%;
        height: 260px;
        left: 0;
        top: 30px;
        position: relative;
    }
    .day_app_section_content .GetStartedWithDayInterpretingToday{
        width: 100%;
    }
    .day_app_section_content .DiscoverFoodWhereverAndWheneverAndGetYourFoodDeliveredQuickly{
        width: 100%;
    }

    .day_app_section_content .DownloadButon{
        justify-content: flex-start;
        width: 100%;
        display: flex;
        gap: 18px;
    }
    .day_app_section_content .DownloadButon a{
        width: auto;
        position: relative !important;
        left: auto !important;
    }
    .day_app_section_content .DownloadButon a svg{
        width: 140px;
    }

}
/************************Testimonials****************************/


.stories-section.section-padding{
    /* background: linear-gradient(221deg, #BEE0FF 20.95%, #FEE7FF 50.84%, #FFEFD4 79.01%); */
    background: url(../images/testimonials-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.stories-section div#recipeCarousel:before{
    height: 310px;
    
} 

.stories-section div#recipeCarousel:after{
    display: none;
}

.stories-section h5{
    max-width: 621px;
    color: #4F5B6A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}

.stories-section .owl-carousel .owl-item {
    height: 310px;
    box-shadow: none;
    margin-left: -1px;
}

.stories-section .owl-carousel .owl-item .lang{
    margin-top: 0px;
    height: 54px;
}

.stories-section .carousel .card.card-body p:after{
    display: none;
}

.stories-section .carousel .card.card-body p{
    text-indent: 0;
    color: #4F5B6A;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px; /* 144.444% */
    letter-spacing: -0.5px;
    padding: 27px 0;
}

.stories-section .carousel .card.card-body h5 {
    color: #161C2D;
    position: absolute;
    bottom: 20px;
}

.stories-section .carousel .card.card-body h4 {
    color: #161C2D;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: -0.2px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 41px;
}


@media only screen and (max-width: 1400px) {
    .stories-section .owl-carousel .owl-item{
        height: 340px;
    }

}

@media only screen and (max-width: 767px) {
    .stories-section .owl-carousel .owl-item {
        height: 310px !important;
    }
    .stories-section .owl-carousel .card.card-body {
        border: none !important;
    }
}


/******************************************************/
.pricing-faq-section h2 {
    text-align: center;
    margin-bottom: 50px;
}

.pricing-faq-tab-list .tablinks {
    border-bottom: 1px solid #EAECF1 !important;
    display: flex;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    color: #161C2D;
    text-align: left;
    padding: 24px 20px;
    background: #FFFFFF;
    /* box-shadow: 0px 10px 50px rgba(9, 40, 108, 0.05); */
    border: none;
    min-height: 72px;
}

.pricing-faq-tab-list .active {
    color: #1C44D6 !important;
}

.pricing-faq-tab-list .active svg path {
    fill: #1C44D6;
}

.pricing-faq-tab-list {
    max-width: 540px;
    width: 100%;
    float: left;
    min-height: 576px;
}

.pricing-faq-tab-detail {
    float: right;
    width: 634px;
    background: #F8F8FA;
    /* background: url('../images/detail-tab-bg.png'), linear-gradient(93.93deg, #F8F8FA 29.18%, rgba(248, 248, 250, 0) 41.15%); */
    /* background: url('../images/detail-tab-bg.webp'), linear-gradient(180deg, #F8F8FA 29.18%, rgba(248, 248, 250, 0) 100%); */
    background-size: 100%;
    min-height: 576px;
    padding: 30px 50px;
    right: 20px;
    background-position: bottom left;
    background-repeat: no-repeat;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    z-index: -1;
}

.pricing-faq-tab-list .tab {
    box-shadow: 0px 10px 50px 0px #09286C0D;
    border-radius: 15px
}

.pricing-faq-tab-list .tablinks:first-child {
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}

.pricing-faq-tab-list .tablinks:last-child {
    border-bottom: none !important;
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.pricing-faq-tab-detail .tabcontent {
    float: right;
    max-width: 490px;
    width: 100%;
}

.pricing-faq-tab-detail .tabcontent h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #161C2D;
    margin-bottom: 20px;
}

.pricing-faq-tab-detail .tabcontent p {
    margin-bottom: 30px;
}

.pricing-faq-tab-detail .tabcontent p.tab-bottom-link {
    margin-bottom: 0px !important;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #4F5B6A;
}

.pricing-faq-tab-detail .tabcontent p.tab-bottom-link .tab-blue-txt {
    color: #1C44D6;
}


@media only screen and (min-width: 1000px) {
    .details-content {
        min-height: 449px !important;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .pricing-faq-tab-detail {
        width: 110%;
    }
}

@media only screen and (max-width: 1000px) {
    .pricing-faq-section .col-md-6, .pricing-faq-tab-detail {
        width: 100%;
        min-height: 100%;
    }

    .pricing-faq-tab-list, .pricing-faq-tab-detail .tabcontent {
        max-width: 100%;
    }
}


@media only screen and (max-width: 767px) {
    .flexible-pricing, .pricing-asfeature {
        padding: 50px 0 !important;
    }

    .asfeature h3 {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .company-footer-menu, .resource-footer-menu, .dayinterprting-footer-menu, .app-footer-menu {
        padding-top: 30px;
    }

    .pricing-flexibitly .inner-twocol-txt h5 {
        margin-top: 50px;
    }

    .pricing-faq-tab-detail {
        padding: 20px;
    }

    .flexible-pricing {
        padding: 50px 0 50px !important;
    }

    .flexible-pricing h1, .flexible-pricing p, .pay-as-u {
        text-align: left;
    }

    .pricing-flexibitly p.ent-acc.pricing-btn {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 0px !important;
    }

    .pricing-flexibitly a.btn.blue-btn {
        width: 100%;
        margin-bottom: 20px;
    }
}




.pricing-faq-section h2 {
    text-align: center;
    margin-bottom: 50px;
}

.pricing-faq-tab-list .tablinks {
    border-bottom: 1px solid #EAECF1 !important;
    display: flex;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    color: #161C2D;
    text-align: left;
    padding: 24px 20px;
    background: #FFFFFF;
    /* box-shadow: 0px 10px 50px rgba(9, 40, 108, 0.05); */
    border: none;
    min-height: 72px;
}

.pricing-faq-tab-list .active {
    color: #1C44D6 !important;
}

.pricing-faq-tab-list .active svg path {
    fill: #1C44D6;
}

.pricing-faq-tab-list {
    max-width: 540px;
    width: 100%;
    float: left;
    min-height: 576px;
}

.pricing-faq-tab-detail {
    float: right;
    width: 634px;
    background: #F8F8FA;
    /* background: url('../images/detail-tab-bg.png'), linear-gradient(93.93deg, #F8F8FA 29.18%, rgba(248, 248, 250, 0) 41.15%); */
    /* background: url('../images/detail-tab-bg.webp'), linear-gradient(180deg, #F8F8FA 29.18%, rgba(248, 248, 250, 0) 100%); */
    background-size: 100%;
    min-height: 576px;
    padding: 30px 50px;
    right: 20px;
    background-position: bottom left;
    background-repeat: no-repeat;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    z-index: -1;
}

.pricing-faq-tab-list .tab {
    box-shadow: none;
    border: 1px solid #EAECF1;
    border-radius: 15px
}

.pricing-faq-tab-list .tablinks:first-child {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.pricing-faq-tab-list .tablinks:last-child {
    border-bottom: none !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.pricing-faq-tab-detail .tabcontent {
    float: right;
    max-width: 490px;
    width: 100%;
}

.pricing-faq-tab-detail .tabcontent h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #161C2D;
    margin-bottom: 20px;
}

.pricing-faq-tab-detail .tabcontent p {
    margin-bottom: 30px;
}

.pricing-faq-tab-detail .tabcontent p.tab-bottom-link {
    margin-bottom: 0px !important;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #4F5B6A;
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .pricing-faq-tab-detail {
        width: 110%;
    }

    .pricing-faq-tab-list {
        max-width: 100%;
    }
}


@media only screen and (max-width: 1000px) {
    .pricing-faq-section .col-md-6, .pricing-faq-tab-detail {
        width: 100%;
        min-height: 100%;
    }

    .pricing-faq-tab-list, .pricing-faq-tab-detail .tabcontent {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .pricing-faq-tab-detail {
        padding: 20px;
    }

    .flexible-pricing h1, .flexible-pricing p, .pay-as-u {
        text-align: left !important;
    }
}