﻿.left-top .number_text {
    font-size: 1rem;
	 display: flex;
    grid-gap: 0.5rem;
    align-items: center;
}

.button_dark_blue {
    background: #652C90!important;
    border-color: #652C90!important;
}

.button_get_quote {
    border-color: #652C90 !important;
    background: none !important;
    color: #652C90 !important;
}

    .button_get_quote:focus {
        box-shadow: none !important;
    }

.getquoteformmain .getquoteform {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1rem;
}

    .getquoteformmain .getquoteform .form-group input,
    .getquoteformmain .form-group textarea {
        min-width: 100%;
    }

    .getquoteformmain .getquoteform .form-group input:focus {
        box-shadow: none;
    }

    .Login_content h1 {
        font-size: 2rem;
        font-weight: bold;
        color: #fff;
        margin-bottom: 1.5rem;
    }

.login_form .email_text {
    font-weight: 900;
    font-size: 0.90rem;
    letter-spacing: 0.5px;
    color: #000;
}

.forgot_pass .email_text {
    color: #652C90;
    text-decoration: underline;
}

.login_btn_main .login_btn {
    font-weight: 600;
    letter-spacing: 0.6px;
}

.login_form_main {
    border-radius: 10px;
}

.color_dark_blue {
    color: #652C90;
}

body {
    top:0 !important;
}

@media screen and (max-width: 600px) {
    .background_main {
        max-height: 350px!important;
    }
	
}

.dont_content {
    font-size: 0.9rem !important;
}

.alert-warning , .alert-success {
    font-size: 0.9rem;
}

.color_red {
    color: red;
}

.pooja_service_sec_main .pooja_service_sec .left_sec {
    width: 25%;        
}

.pooja_service_sec_main .pooja_service_sec .right_sec {
    width:75%;
}

.pooja_service_sec_main .pooja_service_sec .left_sec h5 {
    font-weight: 600;
    border-bottom: 2px dashed #333;
}

.pooja_service_sec_main .pooja_service_sec .left_sec .nav-pills .nav-link.active {
    background-color: #652C90;
    border-radius: 0;
    color: #fff;
}

.pooja_service_sec_main .pooja_service_sec .left_sec .nav-pills .nav-link {
    font-size: 0.88rem;
    color: #652C90;
}

.right_sec .pooja_services .pooja_services_tab h5{
    font-weight: 600;
}




/*pooja_grid*/



.grid-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.grid-item {
    flex-basis: 25%;
    -ms-flex: auto;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background: #f6f6f6;
}

.grid-row a {
    text-decoration: none;
}

.wrapping-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    color: currentColor;
}

.grid-item-wrapper {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
    background: #fff;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-transition: padding 0.15s cubic-bezier(0.4,0,0.2,1), margin 0.15s cubic-bezier(0.4,0,0.2,1), box-shadow 0.15s cubic-bezier(0.4,0,0.2,1);
    transition: padding 0.15s cubic-bezier(0.4,0,0.2,1), margin 0.15s cubic-bezier(0.4,0,0.2,1), box-shadow 0.15s cubic-bezier(0.4,0,0.2,1);
    position: relative;
    border : 1px solid #e8e8e8;
}

.grid-item-container {
    height: 100%;
    width: 100%;
    position: relative;
}

.grid-image-top {
    height: 45%;
    width: 120%;
    background-size: cover;
    position: relative;
    background-position: 50% 50%;
    left: -10.5%;
    top: -4.5%;
    display: none;
}

    .grid-image-top .centered {
        text-align: center;
        transform: translate(-50%, -50%);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 54.5%;
        left: 50%;
        width: 60%;
        height: 60%;
        background-position: center;
    }


.grid-item-content {
    padding: 0 20px 20px 20px;
}

.item-title {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 18px;
    display: block;
}

.item-category {
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
}

.item-excerpt {
    margin-bottom: 20px;
    display: block;
    font-size: 14px;
}

.more-info {
    position: absolute;
    bottom: 0;
    margin-bottom: 25px;
    padding-left: 0;
    transition-duration: .5s;
    font-size: 12px;
    display: flex;
}

    .more-info i {
        padding-left: 5px;
        transition-duration: .5s;
    }

.grid-item:hover .more-info i {
    padding-left: 20px;
    transition-duration: .5s;
}

.more-info i::before {
    font-size: 16px;
}

.grid-item:hover .grid-item-wrapper {
    padding: 2% 2%;
    margin: -2% -2%;
}

.Service_page_inner_select .Online_puja {
    background: #570197;
    box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,.05);
	border-radius: 15px;
}

  .Service_page_inner_select .Online_puja .online_puja_price h5 {
        color: #fff;
    }
    .Service_page_inner_select .Online_puja .online_puja_price .Book_now_btn .button_dark_blue {
        background: #fff !important;
        color: #570197;
    }


@media(max-width: 1333px) {
    .grid-item {
        flex-basis: 33.33%;
    }
}

@media(max-width: 1073px) {
    .grid-item {
        flex-basis: 33.33%;
    }

    #getquoteModal .getquoteformdialog {
        max-width: 90%;
    } 
}

@media(max-width: 815px) {
    .grid-item {
        flex-basis: 50%;
    }
    .getquoteformmain .getquoteform {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width: 620px) {
	
.Service_page_inner_select .Online_puja .online_puja_price {
	width: 100% !important;
	text-align: center !important;
}

.Service_page_inner_select .Online_puja {
	margin-top: 1rem;
}
    .col {
        clear: both;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: auto !important;
    }
    .getquoteformmain .getquoteform {
        grid-template-columns: repeat(1, 1fr)
    }
    #getquoteModal .getquoteformdialog {
        max-width: 100%;
    }
    #getquoteModal {
        padding-right: 0 !important;
    }
}

@media(max-width: 555px) {
    .grid-item {
        flex-basis: 100%;
    }
}

@media(max-width:767px) {
    .pooja_service_sec_main .pooja_service_sec .left_sec {
        width: 100%;
    }

    .pooja_service_sec_main .pooja_service_sec .right_sec {
        width: 100%;
    }
}

.faq_main_sec .Faq_sec .faq_main .accordion-item a {
    font-size: 0.85em;
}

.pooja_services .pooja_services_tab .grid-row .grid-item .grid-item-wrapper .grid-item-container .aksh_para {
    font-size: 0.85rem;
    color: #652C90;
}

.pooja_services_tab .user_dashboard p {
    font-size: 0.9rem;
    font-weight: normal;
}

.pooja_services_tab .user_dashboard a {
    color: #652C90;
    font-weight: 600;
}

.profile_info_main .profile_info .profile_info_main .profile_information h6 {
    line-height: 4;
}

.profile_infomation_main .profile_infomation_main_bg {
   background-image: url('../images/Profile_bg.png');
   background-size: cover;
}

.profile_info .content_sec p {
    line-height:1.7;
    font-size: 0.90rem;
}

.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}


.dropdown .dropdown-content #myInput {
    box-sizing: border-box;
    background-image: url('../images/search.svg');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    background-size: 17px 28px;
}

    .dropdown .dropdown-content #myInput:focus {
        outline: 2px solid #652C90;
    }

.dropdown {
    position: relative;
    display: inline-block;
}

.right-top .dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    overflow: auto;
    border: 1px solid #fff;
    z-index: 1;
    text-align: left;
    left: auto;
    right: -5rem;
    width: 79.8rem;
}

    .right-top .dropdown .dropdown-content .dropdown_menu_section {
        padding-left: 2%;
        padding-top: 0;
        padding-bottom: 1%;
    }

    .right-top .dropdown .dropdown-content li {
        list-style: none;
    }

    .right-top .dropdown .dropdown-content .dropdown_menu_section .search_heading_of_service {
        font-size: 1rem;
        color: #652C90;
    }

        .right-top .dropdown .dropdown-content a {
            color: black;
            padding: 0;
            text-decoration: none;
            display: block;
            font-size: 0.88rem;
            line-height: 1.9;
            padding-left: 3px;
            cursor: pointer;
        }

    .right-top .dropdown .dropdown-content.show {
        display: block;
        z-index: 1000;
        margin-top: 1.55rem;
    }

    /*reviews and comments*/

#testimonials {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.testimonial-heading {
    letter-spacing: 1px;
    margin: 30px 0px;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .testimonial-heading span {
        font-size: 1.3rem;
        color: #252525;
        margin-bottom: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

.testimonial-box-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.testimonial-box {
    box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
    background-color: #ffffff;
    padding: 20px;
    margin: 15px;
    cursor: pointer;
	width: 100%;
}

.profile-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

    .profile-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.profile {
    display: flex;
    align-items: center;
}

.name-user {
    display: flex;
    flex-direction: column;
}

    .name-user strong {
        color: #3d3d3d;
        font-size: 1.1rem;
        letter-spacing: 0.5px;
    }

    .name-user span {
        color: #979797;
        font-size: 0.8rem;
    }

.reviews {
    color: #f9d71c;
}

.box-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.client-comment p {
    font-size: 0.85rem;
    color: #4b4b4b;
    margin: 0;
    font-weight: 400;
}

.testimonial-box:hover {
    transform: translateY(-5px);
    transition: all ease 0.3s;
}

.comingsoonmain .comingsoon h4 {
    font-size: 2rem;
    color: #652C90;
    font-weight: bold;
}

    .comingsoonmain .comingsoon p {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.5;
    }

    @media(max-width:1060px) {
        .testimonial-box {
        width: 45%;
        padding: 10px;
    }
}

@media(max-width:790px) {
    .testimonial-box {
        width: 100%;
    }

    .testimonial-heading h1 {
        font-size: 1.4rem;
    }
}

@media(max-width:340px) {
    .box-top {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .reviews {
        margin-top: 10px;
    }
}

::selection {
    color: #ffffff;
    background-color: #252525;
}

@media (max-width: 600px) {
    .Service_page_inner .profile_info_main .profile_info {
        width: 100% !important;
    }

    .profile_infomation_main .profile_infomation_main_bg .profile_info .profile_info_main .profile_information .prava_cont {
        line-height: 1.7;
    }
}

@media (max-width: 1199px) {
    .Service_page_inner .profile_info_main .profile_info {
        width: 100% !important;
    }
}

@media (min-width: 1320px) and (max-width:1460px) {
    .right-top .dropdown .dropdown-content {
        right: -6rem;
    }
}

@media ( max-width:1320px) {
    .right-top .dropdown .dropdown-content {
        width: 71.8rem;
    }

    .right-top .dropdown .dropdown-content {
        right: -2rem;
    }
}

@media ( max-width:1200px) {
    .right-top .dropdown .dropdown-content {
        width: 60.8rem;
    }

        .right-top .dropdown .dropdown-content .dropdown_menu_section:nth-child(5) {
            padding-left: 5% !important;
        }
}

@media ( max-width:992px) {
    .right-top .dropdown .dropdown-content {
        width: 51.8rem;
    }

    .right-top .dropdown .dropdown-content {
        right: -5rem;
    }
}

@media ( max-width:868px) {
    .right-top .dropdown .dropdown-content {
        width: 46.8rem;
    }

    .right-top .dropdown .dropdown-content {
        right: -2rem;
    }
}

@media ( max-width:767px) {
    .right-top .dropdown .dropdown-content {
        width: 40.8rem;
    }

    .right-top .dropdown .dropdown-content {
        right: -25rem;
        margin-top: 0;
    }
	.left-top .dubai {
        padding-left: 1.5rem !important;
    }
}


@media ( max-width:696px) {
    .right-top .dropdown .dropdown-content {
        width: 27.8rem;
    }

    .right-top .dropdown .dropdown-content {
        right: -17rem;
        margin-top: 0;
    }
}

@media ( max-width:696px) {
 
    .right-top .dropdown .dropdown-content {
        right: -14.5rem;
        margin-top: 0;
    }
}

@media ( max-width: 600px) {

    .right-top .dropdown .dropdown-content {
        width: 21.8rem;
    }

    .right-top .dropdown .dropdown-content {
        right: -9.5rem;
        margin-top: 0;
    }

        .right-top .dropdown .dropdown-content a {
            font-size: 0.8rem;
        }

    .Top_header .center-top {
        display: block !important;
    }

    .Top_header .right-top {
        margin-top: -2.7rem;
    }

    .Top_header .center-top .width_calc {
        padding-top: 4%;
        position: relative;
    }
}

.pooja_services_tab .Account_details .input_font,
.pooja_services_tab .Account_details label {
    font-size: 0.85rem;
}

.Service_page_inner_main .Service_page_inner_select .event_selection_sec {
    display: flex;
    justify-content: space-between
}

.event_selection_sec .morning_puja_sec {
    max-width: 47%;
    min-width: 47%
}


.event_selection_sec .morning_puja_sec .morning_puja_heading {
    border-bottom: 1px dashed #757575;
    padding-bottom: 0.5rem;
}