@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Poppins:wght@200;300;400;500;600;700;800&family=Sen&display=swap");

.submenu {
    position: relative;
}

.header-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.dropdown-menu-custom {
    width: 277px;
    position: absolute;
    bottom: unset;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    border-radius: 10px;
    display: none !important;
    flex-direction: column;
    align-items: flex-start !important;
}
ul.dropdown-menu-custom::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.submenu:hover .dropdown-menu-custom {
    display: block !important;
    z-index: 9;
}

.dropdown-menu-custom li {
    width: 100%;
    /* padding: 15px 15px; */
}

.dropdown-menu-custom li a {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 15px;
    display: block;
    color: #222222;
}

.custom-nav-pooja {
    justify-content: center;
    border: 0;
    margin-bottom: 50px;
}

.custom-nav-pooja .nav-link {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #3a3c41;
    border: 0;
    position: relative;
}

.custom-nav-pooja .nav-link:hover {
    border: 0;
}

.custom-nav-pooja .nav-link.active {
    color: #222222;
}

.custom-nav-pooja .nav-link.active span {
    position: relative;
    display: inline-block;
    font-weight: 500;
}

.custom-nav-pooja .nav-link:focus-visible {
    outline: none;
    box-shadow: none;
    border: 0;
}

.custom-nav-pooja .nav-link.active span::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background: #fa941c;
    display: block;
}

.pooja-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1138px;
    width: 100%;
    margin: 0 auto 65px;
}

.pooja-section:nth-child(even) {
    flex-direction: row-reverse;
}

.pooja-section .left-section {
    max-width: 500px;
    width: 100%;
}

.pooja-section .left-section img {
    border-radius: 50px;
}

.pooja-section .right-section {
    max-width: 545px;
    width: 100%;
}

.pooja-section .right-section h5 {
    font-family: "Times New Roman";
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 39px;
    color: #222222;
    margin-bottom: 25px;
}

.read-more-link {
    color: #fa941c;
    display: none;
}

.read-more-link:hover {
    color: #fa941c;
}

.pooja-section .right-section p {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #5e5f63;
    margin-bottom: 15px;
}

.specialPooja-form {
    max-width: 1138px;
    width: 100%;
    margin: 20px auto 0;
}

.specialPooja-form .form-group {
    margin-bottom: 30px;
}

.specialPooja-form .form-group label {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fa941c;
    display: block;
    margin-bottom: 10px;
}

.specialPooja-form .form-group .form-control {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* line-height: 24px; */
    text-align: left;
    color: #656262;
    border-radius: 5px;
    height: 56px;
    line-height: 56px;
    border: 1px solid #979797;
    border-radius: 10px;
}

.specialPooja-form .form-group label span {
    color: #494f59;
}

.specialPooja-form .form-group textarea.form-control {
    height: 108px;
}

.specialPooja-form .form-group .form-control::placeholder {
    color: #656262;
}

.specialPooja-form .form-group .form-control:focus {
    outline: none;
    box-shadow: none;
}

.specialPooja-form .btn.btn-submit {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    padding: 12px 48px;
    width: 193px;
    height: 54px;
    background: #fa941c;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
}

.specialPooja-form .btn.btn-submit:focus {
    outline: none;
    box-shadow: none;
}

.pooja-details-section {
    max-width: 1135px;
    margin: 120px auto 0;
    width: 100%;
}

.pooja-details-section h3 {
    font-family: "Times New Roman";
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 39px;
    color: orange;
    margin-bottom: 65px;
}

.pooja-details-section .inner-pooja-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 20px;
    flex-wrap: wrap;
}

.pooja-details-section .inner-pooja-details .item {
    width: 31%;
    margin-bottom: 60px;
}

.pooja-details-section .inner-pooja-details .item .img-section {
    height: 235px;
    overflow: hidden;
}

.pooja-details-section .inner-pooja-details .item .img-section img {
    border-radius: 8px;
    transition: 0.5s ease-in;
    max-width: 100%;
    width: -webkit-fill-available;
    height: 235px;
}

.pooja-details-section .inner-pooja-details .item .img-section img:hover {
    transform: scale(0.912);
}

.pooja-details-section .inner-pooja-details .item h5 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #353535;
    margin: 15px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pooja-details-section .inner-pooja-details .item p {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #222222;
}
.sidebar-list .list ul {
    padding-left: 0;
}
.sidebar-list .list ul li {
    list-style: none;
    color: #222222;
    background: #fff9f1;
    padding: 10px 5px;
    margin-bottom: 5px;
    border-radius: 4px;
}
.sidebar-list .list ul li a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.wallet-box {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}
.wallet-header {
    background: #fa941c;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    padding: 5px 0;
}
.wallet-header h6 {
    margin-bottom: 0;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}
.wallet-box .button button {
    width: auto !important;
    height: auto !important;
    padding: 15px 0 !important;
    border: 0 !important;
    background-color: #ffffff !important;
    color: #222222 !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}
.wallet-box .button button:hover {
    width: auto !important;
    height: auto !important;
    background-color: #ffffff !important;
    color: #222222 !important;
}
.wallet-page-order .options {
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 1rem;
}
.heading-wallet h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #212121;
    margin-bottom: 0;
    margin-top: 20px;
}
.wallet-page-order .wallet-balance .balance-info .headding {
    margin-bottom: 15px;
}
.wallet-page-order .wallet-balance .balance-info .balance {
    font-size: 20px;
}
.add-money {
    background: #fa941c;
    border-radius: 10px;
    color: #ffffff;
    padding: 12px 12px;
    max-width: 258px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.add-money:hover {
    background: #fa941c;
    color: #ffffff;
}
.btn.btn-view-all {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    padding: 12px 12px;
    max-width: 258px;
    width: 100%;
    height: 54px;
    background: #fa941c;
    border-radius: 10px;
}
.payment-list {
    padding: 30px 0;
}
.p-list {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.p-list:last-child {
    border-bottom: 0;
}
.p-list h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
}
.p-list h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 18px;
}
.profile-name {
    display: flex;
    align-items: center;
}

.profile-name .img-section {
    width: 56px;
    height: 56px;
    border-radius: 100px;
}

.profile-name .img-section img {
    width: 56px;
    height: 56px;
    border-radius: 100px;
}

.profile-name .content {
    padding-left: 15px;
}

.profile-name .content .name-title {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 28px;
    color: #353535;
    margin: 0;
}

.profile-name .content .name-subtitle {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3a3c41;
    margin: 0;
}

#testimonial .review p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3a3c41;
}

.about p {
    margin: 4% 0;
    font-family: "Poppins", sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    color: #3a3c41;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3a3c41;
}

#testimonial .flickity-button {
    display: block;
    border: 1px solid #c4c4c4;
    width: 50px;
    height: 50px;
    border: 1px solid #c4c4c4;
}

#footer h2 {
    margin-bottom: 35px;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
}

#footer a {
    color: #d5d2d2d9;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    display: block;
    margin-bottom: 15px;
}

#footer .menu br,
#footer .service br {
    display: none;
}

.pandit-registration {
    background: #fa941c;
    padding: 27px 0;
}

.pandit-registration .inner-section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pandit-registration h3 {
    font-weight: 500;
    font-size: 34px;
    line-height: 51px;
    color: #ffffff;
    margin: 0;
}

.pandit-registration button {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: hsl(0, 0%, 13%);
    padding: 12px;
    width: 202px;
    height: 48px;
    background: #ffffff;
    border-radius: 10px;
    border: 0;
}

.pooja-description-section {
    margin-bottom: 120px;
}

.pooja-description-section .pooja-description {
    max-width: 1140px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.detail-box .cate-item:last-child {
    border-bottom: 0;
}
.detail-box .item-4:last-child {
    border-bottom: 0;
}
.pooja-description-section .pooja-description .left-section,
.pooja-description-section .pooja-description .right-section {
    width: 50%;

    /* padding: 15px 25px; */
}

.pooja-description-section .pooja-description .left-section .content {
    border: 1px solid #fa941c;
    border-top: 0;
}

.pooja-description-section .pooja-description .right-section .content {
    border: 1px solid #fa941c;
    border-top: 0;
    border-left: 0;
}

.pooja-description-section .pooja-description .left-section .content,
.pooja-description-section .pooja-description .right-section .content {
    padding: 15px 25px;
    height: 100%;
}

.pooja-description-section .pooja-description .left-section .header-title,
.pooja-description-section .pooja-description .right-section .header-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #222222;
    text-align: center;
    padding: 15px 10px;
    border: 1px solid #fa941c;
}

.pooja-description-section .pooja-description .left-section .header-title {
    border-right: 0;
}

.pooja-description-section .pooja-description .left-section .content p,
.pooja-description-section .pooja-description .right-section .content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #222222;
    margin-bottom: 25px;
}

.pooja-description-section .pooja-description .left-section .content ul,
.pooja-description-section .pooja-description .right-section .content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 10px;
}
.input-error {
    color: red;
    text-transform: capitalize;
}
#delivery_date {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
    font-size: 100%;
    line-height: 100%;
}
#delivery_time {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
    font-size: 100%;
    line-height: 100%;
}
.pooja-description-section .pooja-description .left-section .content ul li,
.pooja-description-section .pooja-description .right-section .content ul li {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    margin-bottom: 25px;
    text-align: justify;
}

.pooja-description-section
    .pooja-description
    .left-section
    .content
    ul
    li:last-child,
.pooja-description-section
    .pooja-description
    .right-section
    .content
    ul
    li:last-child {
    margin-bottom: 0;
}

.changeNumber {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #109bae;
    border: 1px solid #109bae;
    border-radius: 10px;
    padding: 10px;
    height: auto;
    width: 74px;
    height: 41px;
}

.customer-detail .show-heding h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #222222;
    margin: 0;
}

#section1 .form .login {
    height: auto;
}

/* .login + div{
    width: 100%;
    display: flex;
    align-items: center;
} */
.login h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #222222;
    margin: 0;
}

#section1 .form .customer-detail .show-heding {
    padding: 15px 15px;
    margin: 0 0 15px;
}

#section1 .form .summary .summary-detail .detail h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #212121;
    margin-bottom: 35px;
}

.summary-detail .img {
    max-width: 105px;
    width: 100%;
    height: 122px;
    overflow: hidden;
    border: 0.184872px solid #0d7b4d;
}

.inner-summary-detail {
    width: 100%;
    display: flex;
    padding: 15px;
}

.inner-summary-detail .img-section {
    max-width: 105px;
    width: 100%;
    height: 122px;
    margin-right: 20px;
    overflow: hidden;
}

.inner-summary-detail .img-section img {
    max-width: 100%;
    border-radius: 4px;
}

.inner-summary-detail .content-section h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #212121;
    margin-bottom: 20px;
}

.inner-summary-detail .content-section p {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #212121 !important;
    margin-bottom: 15px !important;
    position: relative;
    margin-left: 0 !important;
}

.inner-summary-detail .content-section {
    width: 100%;
}

.inner-summary-detail .content-section p span {
    color: #5e5f63;
}

.inner-summary-detail .content-section p:last-child {
    margin-bottom: 0;
}

.inner-summary-detail .content-section p strong {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #212121;
    position: absolute;
    top: 0;
    right: 0;
}

#section1 .main .form {
    max-width: 768px;
    padding: 0;
    width: 100%;
    margin-right: 30px;
}

#section1 .main .price-detail {
    max-width: 361px;
    width: 100%;
}

#section1 .main .price-detail .detail {
    max-width: 361px;
    height: auto;
    width: 100%;
    padding: 24px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

.placeBtn {
    max-width: 361px;
    /* width: 100%; */
}

#section1 .main .price-detail .detail .total h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */

    color: #000000;
}

.price-item {
    margin-bottom: 15px;
}

.price-item h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    margin-bottom: 0;
}

.price-item input {
    margin-right: 8px;
}

.pr-dt {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */

    /* Secondary Black */

    color: #5e5f63;
}

.pay-b {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    padding: 0 0 15px;
    color: #656262;
    text-align: center;
    display: block;
}

#section1 .main .price-detail .detail .total {
    padding: 15px 0 0;
}

.total h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    margin-bottom: 0;
}

#section1 .form .customer-detail .detail-form input {
    padding: 1% 2%;
    color: #6b6d71;
    /* width: 48%; */
    width: 100%;
    margin: 1% 0;
    height: 50px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

#section1 .form .customer-detail .detail-form input:focus,
#section1 .form .customer-detail .detail-form textarea:focus {
    outline: none;
}

#section1 .form .customer-detail .detail-form label {
    font-size: 18px;
    margin: 3% 0;
    font-weight: 600;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #222222;
}

#section1 .form .customer-detail .detail-form textarea {
    color: #6b6d71;
    margin: 1% 0;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    width: 100%;
}

.form-menu {
    display: flex;
    justify-content: space-between;
}

.form-menu input {
    width: 48%;
}

.form-menu .input.width-100 {
    width: 100%;
}

#section1 .form .summary,
#section1 .form .customer-detail {
    height: 75px;
}

#section1 .form .customer-detail {
    padding: 0;
}
.summary-detail-delivary img {
    width: 106.56px;
    height: 122px;
}
#loginNumber {
    /* position: absolute; */
    left: 12%;
    /* bottom: 0; */
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
}

#section1 .form .customer-detail .show-heding {
    margin-bottom: 0;
    align-items: center;
    height: 75px;
}

#section1 .form .customer-detail .detail-form {
    padding: 15px;
}

.custom-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    margin-bottom: 0;
}

/* Hide the browser's default radio button */
.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.custom-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 2px solid #939393;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input ~ .checkmark {
    background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked ~ .checkmark {
    background-color: transparent;
    border-color: #fa941c;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark:after {
    top: 3px;
    left: 3.1px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fa941c;
}

.inner-social {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px;
}

.inner-social a {
    margin: 0 !important;
}

.fd-txt {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: rgba(255, 255, 255, 0.8);
    margin: 35px 0 5px;
}

#last-btn {
    width: 100%;
    margin-bottom: 35px;
    border: 1px solid #979797;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.8);
    padding: 13px 15px;
}

.social-link {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.social-link li a {
    width: 33.06px;
    height: 33.06px;
    display: block;
    margin: 0 !important;
}

.social-link li a img {
    width: 33.06px;
    height: 33.06px;
}

.terms p {
    margin: 0;
    font-weight: 400;
    font-size: 12.2713px;
    line-height: 21px;

    color: #d9dbe1;
}

#bottom .rights {
    font-weight: 400;
    font-size: 12.2713px;
    line-height: 21px;
    color: #d9dbe1;
    margin: 0;
}

#bottom .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #f3f9ff;
    padding: 21px 0;
}

.detail-box.detail-box2 {
    max-width: 441px;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px;
}

.top2 .detail-box {
    margin: 0;
    margin-top: 40px;
}

.detail-box.detail-box2.detail-box3 {
    max-width: 642px;
    width: 100%;
}

.detail-box .text-heading2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 137.9%;
    color: #353535;
    margin-bottom: 25px;
}

.cate-item {
    padding: 25px 0 !important;
    /* margin-bottom: 20px; */
}

#placeBtn {
    max-width: 361px;
    width: 100%;
}

.total-2 {
    padding: 15px 0 !important;
}

.offer1 {
    display: flex;
    align-items: center;
    color: #11823b;
}

.offer1 p {
    color: #11823b;
}

.main-pooja .top-row {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    display: flex;
}

.main-pooja .top-row .top2 {
    width: 100%;
    padding: 0;
}

.item-4 summary {
    position: relative;
    display: flex;
}

.item-4 {
    border-bottom: 1px solid rgba(191, 191, 191, 0.366);
    padding: 25px 0 !important;
}

.item-4 details {
    margin: 0 !important;
}

/* .item-4 summary::before { */
    /* content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0; */
    /* background: red; */
    /* background: url(images/arrow-right.svg); */
    /* border: solid #666666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); */
/* } */

.item-4 summary::marker {
}

.content-2 .title3 {
    font-family: "Times New Roman";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 39px;
    /* identical to box height */

    /* black color main */

    color: #353535;
    margin-bottom: 15px;
}

.content-2 .subtitle3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    /* identical to box height, or 121% */

    margin-bottom: 15px;
    color: #353535;
}

.content-2 .cat-puja {
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    /* identical to box height, or 181% */

    color: #b66200 !important;
    margin-bottom: 35px;
}

.content-2 .cat-puja span {
    color: #353535;
    display: inline-block;
    width: 120px;
}

.content-2 .why-txt {
    color: #26292f !important;
    font-weight: 600;
    margin-bottom: 30px;
}

.text-all {
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    /* or 181% */

    color: #26292f;
}

.data-select input {
    padding: 1% 2%;
    color: #6b6d71;
    width: 48%;
    margin: 1% 0;
    height: 50px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

#section1 .form .pay-option.active {
    height: auto;
}

/*-----------------------------------------------------------------pandit registration-----------------------------------------------------------------*/

/* ---main-container--- */
#pandit-regi-container {
    /* text-align: center; */
    font-family: "Poppins", sans-serif;
    width: 90%;
    margin: 50px auto;
}

#pandit-regi-container .main-heading {
    font-size: 1.4em;
    font-weight: 500;
    line-height: 36px;
    margin: 30px 0;
}

#pandit-regi-container .detail-heading {
    font-size: 1em;
    font-weight: 500;
    line-height: 36px;
}

#pandit-regi-container .logo-box {
    text-align: center;
}

#pandit-regi-container .logo-box .logo {
    height: 5em;
    width: 5em;
    overflow: hidden;
    margin: auto;
    position: relative;
    /* border: 1px solid black; */
}

#pandit-regi-container .logo-box .logo img {
    height: 100%;
    width: 100%;
}

#pandit-regi-container .logo-box p {
    font-size: 0.9em;
    margin: 10px 0;
}

#pandit-regi-container .logo-box p span {
    color: gray;
}

/* --form-- */
#pandit-regi-container .form-container .form {
    width: 100%;
    /* background-color: #ccc; */
}

#pandit-regi-container .form-container .form h6 {
    margin-top: 5%;
}

#pandit-regi-container .form-container .form label {
    color: #fa941c;
    margin: 10px 0;
    font-weight: 500;
}

#pandit-regi-container .form-container .form label.error {
    color: red;
}

#pandit-regi-container .form-container .form .row {
    width: 100%;
    margin-top: 40px;
    display: flex;
    /* align-items: flex-end; */
    align-items: center;
}

#pandit-regi-container .form-container .form .row .col.has-error input,
#pandit-regi-container .form-container .form .row .col.has-error select {
    border-color: red !important;
}

#pandit-regi-container .form-container .form .row .col {
    width: 50%;
}

#pandit-regi-container .form-container .form .row .col .text,
select {
    width: 100%;
    height: 3em;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid gray;
    border-radius: 10px;
}

#pandit-regi-container .form-container .form .row .col .dropdown-check-list,
.anchor,
.anchor2 {
    width: 100%;
    background-color: white;
    height: 3em;
    border-radius: 10px;
}

.anchor,
.anchor2 {
    display: flex;
    align-items: center;
}

#pandit-regi-container
    .form-container
    .form
    .row
    .col
    .dropdown-check-list
    .items
    li
    input {
    margin-right: 10px;
}

#pandit-regi-container .form-container .form .row .col textarea {
    width: 49%;
    border-radius: 10px;
    resize: none;
}

#pandit-regi-container .form-container .form .submit-div {
    width: 100%;
    margin: 40px 0;
}

#pandit-regi-container .form-container .form .submit-div .submit {
    padding: 0.4em 2.5em;
    border-radius: 10px;
    border: none;
    background-color: #fa941c;
    color: white;
}

.hindDesclink,
.englishDesc {
    color: #151c2c;
    font-weight: 500px;
    font-size: 18px;
}

.reg-form-section .form-group label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fa941c;
    margin-bottom: 12px;
}

.reg-form-section .form-group label span {
    color: #494f59;
}

.reg-form-section .form-group {
    margin-bottom: 35px;
}

.reg-form-section .form-group .form-control {
    width: 100%;
    padding: 16px;
    height: 56px;
    border: 1px solid #979797;
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
}

.reg-form-section .form-group textarea.form-control {
    height: 108px;
}

.reg-form-section .form-group br {
    display: none;
}

.cstm {
    width: 145px;
    justify-content: space-between;
}

.cstm label {
    color: #111112;
}

.cs-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 21px;

    color: #222222 !important;

    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cs-checkbox label {
    color: #222222;
}

/* Hide the browser's default checkbox */
.cs-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.cs-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #fa941c;
    border-radius: 5px;
    background-color: #ffffff;
}

/* On mouse-over, add a grey background color */
.cs-checkbox:hover input ~ .checkmark {
    background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.cs-checkbox input:checked ~ .checkmark {
    background-color: #fa941c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cs-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cs-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cs-checkbox .checkmark:after {
    left: 9px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/********************Multiple Select Css***********************/

ul.multiselect-container.dropdown-menu.active {
    width: 100%;
    display: block;
    top: 100%;
}

.multiple-select1 .btn-group {
    width: 100%;
    display: block;
}

.multiselect.dropdown-toggle {
    width: 100%;
    padding: 16px;
    height: 56px;
    border: 1px solid #979797;
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    text-align: left;
    background: transparent;
}

.multiselect.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    right: 15px;
    position: absolute;
    top: 50%;
}

.multiselect-container li .checkbox {
    padding: 0 10px;
    color: #222222 !important;
}

.multiselect-selected-text {
    color: #222222;
}

.title-reg {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;

    color: #000000;
    margin: 50px 0 35px;
}

.uploadAdhar {
    width: 100%;
    height: 56px;
    background: #fff4e8;
    border-radius: 10px;
    display: block;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

.regPandit-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;

    margin-top: 45px;
    color: #000000;
    margin-bottom: 75px;
}

.reg-pr-dt {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 35px;
}

.reg-form-section .submit-div {
    text-align: center;
}

.success-message .modal-dialog {
    max-width: 506px;
    width: 100%;
    margin: 0 auto;
    border: 0;
}

.pooj-tite-5 {
    width: 100%;
    height: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #353535;
    margin: 15px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pooja-price5 {
    font-family: "Poppins", sans-serif;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    color: #222222;
}

.success-message .modal-dialog .modal-content {
    border-radius: 10px;
}

.modal-content {
    border-radius: 10px;
}

.success-message .modal-dialog .modal-body {
    padding: 35px 65px;
}

.success-message h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 43px;
    text-align: center;
    margin-bottom: 15px;
    color: #000000;
}

.success-message p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #5e5f63;
    margin-bottom: 35px;
}

.success-message .success-img {
    display: block;
    margin: 0 auto 24px;
}

.success-message button {
    width: 100%;
    padding: 10px 20px;
    height: 54px;
    background: #fa941c;
    border-color: #fa941c;
    border: 0;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.success-message button:focus {
    outline: none;
    box-shadow: none;
}

.address-form .ad-title {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fa941c;
    /* margin: 10px 0 25px; */
}

.address-form .form-control {
    padding: 16px;
    height: 56px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6b6d71;
}

.address-form textarea.form-control {
    height: 110px;
}

.address-form .form-group {
    margin-bottom: 20px;
}

.add-section {
    display: flex;
    align-items: center;
    min-height: 55px;
    line-height: 55px;
    margin-bottom: 15px;
}

.address-form {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 0px 10px;
}

.add-section a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    text-decoration: none;
    display: flex;
}

.add-section a img {
    padding-right: 15px;
}

.add-section a:hover {
    color: #222222;
}

.add-save-btn {
    width: 136px;
    height: 54px;
    background: #fa941c;
    border: 0;
    border-radius: 10px;
    padding: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.add-section p {
    width: 100%;
    font-family: "Times New Roman";
    margin-bottom: 0;
    font-weight: 700;
    font-size: 34px;
    line-height: 39px;
    color: #222222;
    text-align: center;
}

.save-address {
    border-top: 1px solid #e0e0e0;
}

.save-address h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    margin: 15px 0;
    color: #222222;
}

.save-address {
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
}

.save-address .inner-header-address {
    display: flex;

    justify-content: space-between;
    padding: 15px;
    border-top: 1px solid #e0e0e0;
    border-radius: 10px;
}

.save-address .inner-header-address .left h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: #222222;
    margin-bottom: 15px;
}

p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.04em;

    margin: 0;
    color: #222222;
}

.ratingModal .modal-dialog {
    max-width: 750px;
    width: 100%;
}

.ratingModal .modal-dialog .modal-body {
    padding: 50px 60px;
}

.rating-modal-section h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #222222;
    margin-bottom: 25px;
}
.swal2-icon.swal2-info {
    font-size: 10px !important;
}
.rating-modal-section p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #5e5f63;
    /* margin-bottom: 45px; */
}

.close-modal {
    position: absolute;
    right: 60px;
    background: transparent;
    border: 0;
}

.rating-modal-section ul {
    list-style: none;
    padding: 0;
    margin: 0 auto 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 320px;
    width: 100%;
}

.rating-modal-section .rating-label {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #212121;
    margin-bottom: 15px;
}

.rating-modal-section textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

.rating-modal-section .rating-btn {
    padding: 10px 20px;
    width: 258px;
    height: 54px;
    background: #fa941c;
    border: 0;
    border-radius: 10px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.product-item .img-pr {
    height: 271px;
}

.product-item .title-pr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.product-item .title-pr h4 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 18px;
    color: #212121;
    margin: 0;
}

.product-item .product-detail {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5e5f63;
    margin-bottom: 8px;
}

.product-item .bottom-pr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-item .bottom-pr .price-pr {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #212121;
}

.product-item .bottom-pr .btn-add-pr {
    width: 81px;
    height: 48px;
    border: 1px solid #fa941c;
    border-radius: 10px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fa941c;
    text-align: center;
}

.product-item .content {
    padding: 0 10px;
}

.product-sorting {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    flex-wrap: wrap;
}

.product-sorting li {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #222222;
    padding: 5px 20px;
}

.filter-header2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.filter-header2 p {
    margin: 0;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;

    text-align: center;
    color: #222222;
}

.cupon-input {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
    margin-top: 15px;
}

.cupon-input input {
    border: 0;
    border-bottom: 0.5px solid #625b5b;
}

.cupon-input input:focus {
    outline: none;
    box-shadow: none;
}

.filter-header2 a {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #ed0006;
}

.product-sorting li a {
    color: #5e5f63;
    font-weight: 400;
}

.product-sorting li a.active {
    color: #0038c6;
}

.filter-accordion .accordion-button {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: rgba(0, 0, 0, 0.93);
    background: #f9fff8;
    padding: 15px 15px;
}

.filter-accordion .accordion-button:focus {
    outline: none;
    box-shadow: none;
}

/* .filter-accordion .accordion-button::after {
    background-image: url("../images/fi_plus.svg");
} */

/* .filter-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("../images/fi_minus.svg");
} */

.filter-accordion .accordion-item {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
}

.filter-accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.filter-header {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 54px;
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    background: #fffbf7;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.filter-serach {
    margin-bottom: 40px;
}

.filter-serach .input-group {
    border: 1px solid #e0e0e0;
    border-radius: 30px;
    padding: 0 10px;
    height: 56px;
}

.filter-serach .input-group button {
    background: transparent;
    outline: none;
    box-shadow: none;
    border: 0;
}

.filter-serach .input-group i {
    color: #494f59;
}

.filter-serach .input-group input {
    border: 0 !important;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #85888e;
}

.filter-list {
    padding: 0;
    margin: 0 0 40px;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.filter-list li {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #fff5f1;
    border-radius: 10px;
    margin-right: 15px;
}

.filter-list li:last-child {
    margin-right: 0;
}

.filter-list li a {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #4e4e52;
}

.filter-list li a span {
    padding-left: 10px;
}

.filter-serach .input-group input:focus {
    outline: none;
    box-shadow: none;
}

.filter-header img {
    padding-right: 15px;
}

.filter-check {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;

    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4e4e52;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

/* Hide the browser's default checkbox */
.filter-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.filter-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    background-color: #fff;
    border: 1px solid #454242;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.filter-check:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.filter-check input:checked ~ .checkmark {
    background-color: #f8560d;
    border: 1px solid #f8560d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.filter-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.filter-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.filter-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hm-menu {
    display: none;
}

.hm-menu span {
    width: 34px;
    height: 3px;
    background-color: #fb941d;
    border-radius: 2px;
    margin: 0 0 7px;
    display: block;
}

.desktop-menu {
    display: block;
}

.mobile-menu {
    display: none;
    border-top: 1px solid #000000;
}

.mobile-menu ul {
    display: block;
}

.mobile-menu ul li {
    display: block;
    padding: 5px 0;
}

.top-header .item1 p {
    display: flex;
    align-items: center;
}

.top-header .item1 p img {
    margin: 0;
    padding-right: 10px;
}

.signle-product-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.signle-product-img ul {
    list-style: none;
    padding: 0;
    margin: 0 8px 0 0;
}

.signle-product-img ul li {
    max-width: 78.2px;
    width: 100%;
    height: 81.78px;
    background-color: #f4f4f4;
    margin-bottom: 20px;
    border-radius: 10.0641px;
    width: 78.2px;
    height: 81.78px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.signle-product-img ul li a img {
    max-width: 78.2px;
    width: 100%;
    height: 81.78px;
    background-color: #f4f4f4;
    margin-bottom: 20px;
    border-radius: 10.0641px;
    object-fit: contain;
    width: 52.78px;
    height: 65.95px;
}

.signle-product-img .product-img-home {
    max-width: 371.75px;
    width: 100%;
}

.signle-product-img .prouduct-img {
    /* max-width: 371.75px; */
    width: 100%;
    /* height: 388.8px; */
    background-color: #e0e0e0;
    border: 0.868576px solid #e0e0e0;
    border-radius: 10.0641px;
    overflow: hidden;
}

.signle-product-img .prouduct-img img {
    width: 100%;
    height: 388.8px;
    object-fit: contain;
}

.signle-product-img .prouduct-img.hide {
    display: none;
}

.signle-product-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.signle-product-header h4 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 18px;
    color: #212121;
    margin: 0;
}

.signle-product-contnet .sg-txt {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #5e5f63;
    margin: 10px 0 20px;
}

.sg-rating {
    width: max-content;
    display: flex;
    align-items: center;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 18.014px;
    line-height: 27px;
    margin-bottom: 25px;
    color: #222222;
    padding: 3px 10px;
    background: #e9e9e9;
    border-radius: 38.6015px;
}

.weight-rati {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;

    color: #212121;
    padding: 4px 16px;
    width: 133px;
    height: 40px;

    border: 0.5px solid #5e5f63;
    border-radius: 10px;
}

.signle-product-contnet .highlight .heading,
.signle-product-contnet .Quantity .heading,
.signle-product-contnet .Description .heading,
.signle-product-contnet .Offers .heading {
    padding-right: 20px;
    width: 180px;
}

.signle-product-contnet .highlight .heading p,
.signle-product-contnet .Quantity .heading p,
.signle-product-contnet .Description .heading p,
.signle-product-contnet .Offers .heading p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #222222;
    margin: 0;
}

.signle-product-contnet .highlight ul li {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5e5f63;
    /* margin-bottom: 13px; */
}

.price-sg {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 51px;
    color: #212121;
    /* margin-bottom: 25px; */
}

.price-sg span {
    font-size: 18px;
    line-height: 27px;
    text-decoration-line: line-through;
    color: #656262;
    display: inline-block;
    /* padding-left: 32px; */
}

.sg-rating img {
    margin-left: 5px;
}

.signle-product-header ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.signle-product-header ul li {
    margin: 0 15px;
}

.shape-list {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.shape-list li {
    margin-right: 12px;
    text-align: center;
    width: 90px;
    height: 70px;
    border: 1px solid #dadada;
    border-radius: 10px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shape-list li a span {
    display: block;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #212121;
    margin-top: 5px;
}

.shape-list li.var_list.active {
    border: 1px solid #f19333;
}

#astro_overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 99;
}

#popup {
    max-width: 25%;
    width: 25%;
    max-height: 200px;
    padding: 20px;
    position: relative;
    background: #fff;
    margin: 20px auto;
}

.plzwait {
    padding: 13px !important;
    vertical-align: top;
}

#updateBtn {
    max-width: 361px;
    width: 100%;
    margin-top: 10px;
    height: 35px;
}

/* Responsive Css *******************/

@media (max-width: 1024px) {
    .pooja-details-section .inner-pooja-details .item {
        width: 47%;
        margin-bottom: 30px;
    }

    .pooja-section {
        flex-direction: column;
    }

    .pooja-section {
        margin-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .b-navbar .img-div {
        width: 100%;
    }

    .menu-row {
        padding: 10px 0;
    }

    .top-header {
        display: block !important;
    }

    .top-header .item1 {
        display: block;
        width: 100%;
    }

    .top-header .item1 p {
        margin-bottom: 10px;
    }

    .top-header .item2 {
        display: block;
        margin-bottom: 10px;
    }

    .top-header .item2 img {
        margin: 0;
    }

    .top-header .item2 div {
        display: flex;
        align-items: center;
    }

    .desktop-menu {
        display: none;
    }

    .b-navbar {
        display: block !important;
    }

    .b-navbar .menu-div {
        width: 100%;
    }

    .hm-menu {
        display: block;
    }

    .mobile-menu.active {
        display: block;
    }

    .b-navbar .menu-div .contact-div {
        margin-top: 20px;
    }

    .tab-content > .tab-pane {
        padding: 0 15px;
    }

    .pooja-details-section {
        margin-top: 40px;
    }

    .pooja-description-section .pooja-description {
        flex-direction: row;
    }

    .pooja-description-section .pooja-description .left-section,
    .pooja-description-section .pooja-description .right-section {
        width: 100%;
    }

    .pooja-description-section .pooja-description .left-section .header-title {
        border-right: 1px solid #fa941c;
    }

    .pooja-description-section .pooja-description .left-section .content {
        border-top: 1px solid #fa941c;
    }

    .main-pooja .top {
        display: block;
    }

    .main-pooja .top1 {
        display: block;
        width: 100%;
    }

    #section1 .main .price-detail,
    #section1 .main .price-detail .detail {
        max-width: 100%;
    }

    .custom-radio {
        padding-left: 30px;
    }

    .detail-form .form-menu {
        flex-direction: column;
    }

    #last-btn {
        width: auto;
        margin: 0;
    }

    .social-link {
        justify-content: flex-start;
    }

    #footer h2 {
        margin: 10px 0;
        font-size: 22px;
    }

    .content-2 .title3 {
        font-size: 22px;
    }

    .pooja-section .right-section h5 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .pooja-section .right-section {
        margin-top: 10px;
    }

    .pooja-section {
        margin-bottom: 20px;
    }

    .pooja-details-section {
        margin-top: 20px;
    }

    .pooja-details-section h3 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .pooja-section:nth-child(even) {
        flex-direction: column-reverse;
    }

    .content-2 .cat-puja {
        margin-bottom: 10px;
    }

    .content-2 .subtitle3 {
        font-size: 18px;
    }

    #section1 .main-pooja {
        flex-direction: column;
    }

    #footer {
        padding: 30px 0;
    }

    .terms p {
        text-align: center;
    }

    #bottom .container {
        flex-direction: column;
    }

    .social img {
        margin-left: 0;
    }

    .data-select input {
        width: 100% !important;
    }

    .form-menu {
        flex-direction: column;
    }

    #section1 .form .customer-detail .detail-form input {
        width: 100%;
    }

    .inner-summary-detail .content-section p strong {
        position: static;
    }

    #section1 .main {
        display: block;
        margin: 0 auto;
    }

    #section1 form {
        width: 100%;
    }

    .main-pooja .top-row {
        flex-direction: column;
    }

    #section1 .show-heding div:nth-child(2) {
        width: 100%;
    }

    .main-pooja .top-row .top2,
    .detail-box.detail-box2.detail-box3 {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .pooja-details-section .inner-pooja-details .item {
        width: 100%;
    }

    body {
        overflow-x: hidden;
    }

    .top2 .detail-box {
        margin-top: 20px;
    }

    .item-4 {
        padding: 15px 0;
    }

    .detail-box .text-heading2 {
        margin-bottom: 15px;
    }

    .pooja-description-section .pooja-description .left-section .header-title,
    .pooja-description-section .pooja-description .right-section .header-title {
        font-size: 16px;
        padding: 10px 10px;
    }

    .top .top1 img {
        max-height: auto;
    }

    .main-pooja-3 .left-section {
        height: auto;
    }

    .specialPooja-form {
        margin-top: 30px;
    }

    #Astrologers #h2 {
        font-size: 25px;
    }

    .pandit-registration .inner-section {
        flex-wrap: wrap;
    }

    .pandit-registration h3 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .pooja-details-section .inner-pooja-details {
        gap: 0;
    }

    #Book-Pooja .column {
        width: 100%;
    }

    #Book-Pooja .content {
        margin: 0;
    }

    .login h4 {
        font-size: 16px !important;
    }
}

.upld-item {
    height: 5em;
    width: 5em;
    overflow: hidden;
    margin: auto;
    position: relative;
    border-radius: 100px;
}

.upload {
    height: 5em;
    width: 8em;
    overflow: hidden;
    margin: auto;
    position: relative;
    border-radius: 100px;
}

.custom-file {
    /* width: 30px; */
    /* height: 30px; */
    /* background-image: url(../../pandit/upload.svg); */
    /* z-index: 999999; */
    position: absolute;
    bottom: 0px;
    right: 24px;
    background-repeat: no-repeat;
}

.custom-file .imgInp.custom-file-input {
    background-image: url("../../pandit/upload.svg");
    width: 30px;
    height: 30px;
    opacity: 0;
}

#img_container {
    text-align: center;
}

.main-pooja-3 {
    max-width: 1142px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    margin-top: 40px !important;
    justify-content: space-between;
}

.main-pooja-3 .left-section {
    max-width: 409px;
    width: 100%;
    height: 427.75px;
    padding: 0;
    /* border: 1px solid #0D7B4D; */
    border-radius: 25px;
    overflow: hidden;
}

.main-pooja-3 .left-section img {
    height: 100%;
}

.main-pooja-3 .right-section {
    max-width: 642px;
    width: 100%;
    padding: 0;
}

.main-pooja-3 p {
    margin-left: 0 !important;
}

.englishDesc p,
.hindiDesc p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #5e5f63 !important;
}

.englishDesc ol li,
.hindiDesc ol li {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #5e5f63 !important;
}

.englishDesc ul li,
.hindiDesc ul li {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #5e5f63 !important;
}

.btn-same {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #109bae;
    border: 1px solid #109bae;
    border-radius: 10px;
    padding: 10px;
    height: auto;
    width: 74px;
    height: 41px;
}

.width-100 {
    width: 100%;
}

.ds-add {
    display: none;
}

.ds-add-2 {
    display: none;
}

.ds-add-3 {
    display: none;
}

.ds-add-4 {
    display: none;
}

.mobile-menu2 {
    position: fixed;
    right: -368px;
    top: 0px;
    z-index: 66666;
    /* display: none; */
    height: 100%;
    max-width: 368px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 30px 20px;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    -o-transition: transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
}

.mobile-menu2.active {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.mobile-menu2 .header-menu ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.mobile-menu2 .header-menu ul li a {
    padding: 5px 0;
    display: inline-block;
}

.mobile-menu2 .dropdown-menu-custom {
    left: 0;
    transform: none;
    bottom: -125px;
}

.mobile-menu2 .contact-div {
    flex-direction: column !important;
}

.mobile-menu2 .item1 {
    flex-direction: column;
    align-items: flex-start;
}

.mobile-menu2 .item1 p img {
    margin: 0 5px 0 0;
}

.mobile-menu2 .item1 p {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    align-items: flex-start;
}

.mobile-menu2 .menu-row {
    padding: 0;
}

.mobile-menu2 .menu-row {
    flex-direction: column;
    align-items: flex-start;
}

.mobile-menu2 .menu-div {
    width: 100%;
}

.mobile-menu2 .contact-div {
    padding: 0 !important;
    align-items: flex-start !important;
}

.header-close {
    display: inline-block;
    margin-bottom: 20px;
}

.mobile-menu2 .item2 {
    margin-bottom: 10px;
}

.mobile-menu2 .item2 img {
    margin: 0 0 0;
}

.b-navbar .img-div {
    justify-content: space-between;
}
.box-blog {
    background: #fff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    height: 100%;
}
.box-blog img {
    border-radius: 10px 10px 0 0;
    height: 300px;
    object-fit: cover;
}
.regi-modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    text-align: center;
    padding: 30px;
}
.thank-you-btn {
    width: 467px;
    height: 54px;
    background: #fa941c;
    border-radius: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}
.thank-you-btn:hover {
    background: #fa941c;
    color: #fff;
}
.call-card {
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px;
    padding: 20px;
}
.call-card-detail {
    display: flex;
    justify-content: space-between;
}
.call-card .status {
    color: #19bb33;
}
.call-image img {
    border-radius: 50%;
}
.call-info-detail h4 {
    color: #212121;
    font-size: 18px;
}
.call-info-detail p {
    color: #5e5f63;
}
.call-info-detail p span {
    color: #222222;
}
.calls-btns {
    display: flex;
    justify-content: flex-end;
}
.img-1 {
    width: 165px;
}
.no-found {
    padding: 60px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
}
.no-found p {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    color: #222222;
    margin-bottom: 0;
}
.book-now-btn {
    height: 41px;
    padding: 10px 40px 10px 40px;
    border-radius: 10px;
    background: #fa941c;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
.btn-outline-download {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}
.profile-pooja-card {
    max-height: 320px !important;
}
.border-t {
    border-top: 1px solid #e0e0e0;
    margin-top: 20px;
    padding-top: 20px;
}
.first-nav-item:has(.show) {
    border-color: #fa941c !important;
}
/* .owl-astroshop {
    display: none !important;
}
.owl-astroshop.owl-carousel .item {
    margin: 0 !important;
}
#Astroshop .owl-astroshop .column {
    width: 100% !important;
    margin-top: 0 !important;
} */
.mobile-flex-100 {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.mobile-flex-100 .dropdown-item {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0.5rem !important;
}
.mobile-flex-100 .dropdown-menu li:not(:last-child) {
    border-bottom: 1px #ddd solid;
}
.mobile-flex-100 .dropdown-item i {
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
}
.share-heart-btn .dropdown button[aria-expanded="false"] ~ .a-arrow-border {
    display: none;
}
.mobile-flex-100 .dropdown-menu {
    right: 0 !important;
    min-width: auto !important;
    width: 160px;
    z-index: 11111;
    border: 1px solid #bbbfbf;
    border-color: #bbbfbf;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(15, 17, 17, 0.15);
    background-color: #fff;
    overflow: hidden;
    padding: 0;
    top: 6px !important;
}
.mobile-flex-100 .dropdown-menu::before {
    top: -16px;
    margin-left: -8px;
    border-top: 0;
    border: 8px solid transparent;
    border-bottom-color: #bbbfbf;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    content: "";
}
.mobile-flex-100 .btn-share::after {
    display: none !important;
}
button.btn.get-app-btn {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
    position: fixed;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    color: #fa941c;
    font-weight: 600;
    z-index: 111;
    display: none;
    border: 1px solid #fa941c;
    border-radius: 24px;
}
.a-arrow-border {
    right: unset;
    top: 80%;
    margin-left: -8px;
    border-top: 0;
    border: 8px solid transparent;
    border-bottom-color: #bbbfbf;
    position: absolute;
    left: 90%;
    z-index: 444444;
    transform: translateX(-50%);
}
.a-arrow {
    top: 1px;
    right: -8px;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    z-index: 1011;
}
@media (min-width: 600px) {
    .view-detail-btn-puja {
        position: absolute;
    }
}
@media (max-width: 992px) {
    #testimonial .flickity-button {
        width: 25px;
        height: 25px;
    }

    #frames {
        margin: 0;
        padding: 30px 0;
    }

    #frames .frame {
        margin-bottom: 20px;
    }

    .popup-1 .main-div {
        max-width: 100%;
        height: 300px;
        width: 600px;
        margin: 10px;
    }

    .b-navbar .img-div {
        padding: 10px 0;
    }

    .b-navbar .img-div img {
        width: 60px;
    }

    .menu-div.dsk-menu {
        display: none;
    }

    .ds-add {
        display: block;
    }

    .ds-add-2 {
        display: block;
    }
    .ds-add-3 {
        display: block;
    }
    .ds-add-4 {
        display: block;
    }
    .ds-add img {
        width: 20px !important;
        height: 20px;
    }
    .ds-add-2 img {
        width: 20px !important;
        height: 20px;
    }
    .ds-add-3 img {
        width: 150px !important;
        height: 18px;
        margin-left: -5px;
    }
    .ds-add-4 img {
        width: 20px !important;
        height: 20px;
    }

    #Astrologers {
        margin: 0;
        padding: 30px 0 0;
    }

    #Book-Pooja .btn,
    #Astroshop .btn {
        font-size: 16px;
        padding: 10px 10px;
    }

    #counter .counter-box h1 {
        font-size: 24px;
    }

    .h3,
    h3 {
        font-size: calc(1.1rem);
    }

    #matching .boxes .item {
        width: 100%;
    }

    #h2 {
        font-size: 24px;
    }

    #testimonial #h2 {
        margin: 0;
        line-height: 1.2;
    }

    /* #testimonial .flickity-enabled.is-draggable .flickity-viewport {
        height: 80vh !important;
    } */

    #About .about .box1 {
        display: none;
    }

    #counter {
        display: none;
    }
    #Horoscopes {
        display: block;
    }
    #counter {
        display: block !important;
    }
}
@media screen and (max-width: 768px) {
    .menu-col {
        order: 2 !important;
    }
    #counter {
        background-image: url(../../images/counter-bg.png) !important;
        background-repeat: no-repeat !important;
        background-size: cover;
        position: relative;
    }
    section#counter::before {
        content: "";
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        inset: 0;
        width: 100%;
        height: 100%;
    }
    section#counter .container {
        position: relative;
    }
    #counter .counter-box {
        display: flex !important;
        margin: 0 !important;
    }
    #counter .counter-box h1 {
        font-size: 16px !important;
    }
    #counter .counter-box h3 {
        font-size: 10px !important;
    }
    #counter h5 {
        font-size: 12px !important;
    }
}
@media (max-width: 650px) {
    #Astroshop .column {
        width: 100%;
        padding: 20px;
    }

    #Astrologers .slider-box .box .icon {
        width: 5%;
    }

    #Astroshop .content {
        text-align: left;
    }

    #Book-Pooja .btn,
    #Astroshop .btn {
        width: auto;
    }
}
@media screen and (max-width: 991px) {
    .mobile-login {
        display: block !important;
    }
    /* .mobile-login-btn {
        display: none;
    } */
}
@media screen and (max-width: 576px) {
    .view-detail-btn-puja .view-dt {
        text-align: center !important;
    }
    .wallet-page-order .options {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    #frames .frame {
        margin-bottom: 0;
    }
    #frames {
        padding-bottom: 0;
    }
    /* .owl-astroshop {
        display: block !important;
    }
    */
    button.btn.get-app-btn {
        display: block;
    }
    .astroshop-home-desktop {
        flex-wrap: nowrap;
        overflow: auto;
        justify-content: flex-start !important;
        padding: 8px 0 !important;
    }
    #Astroshop .main {
        padding: 0 8px !important;
    }
    #matching .boxes .item img {
        width: 50px !important;
    }
    #matching .boxes .item h5 {
        margin-bottom: 0 !important;
    }
    #matching {
        margin: 5% 0 !important;
    }
    #Gallery .gallary img {
        width: 100%;
        height: 100% !important;
        object-fit: contain;
    }
    .last-btn {
        text-align: center;
    }
    section#Pandit-Registration h1 {
        margin-bottom: 0 !important;
        font-size: 12px !important;
    }
    #Pandit-Registration button {
        font-size: 12px !important;
    }
    #Pandit-Registration {
        flex-direction: row !important;
        gap: 10px !important;
    }
    .book-pooja-tab-home {
        flex-wrap: nowrap;
        overflow: auto;
        justify-content: flex-start !important;
    }
    .hidden-col {
        display: none;
    }
    #section1 .bar {
        margin: 0 auto !important;
    }
    .section1-astro .row {
        margin: 0 -16px !important;
    }
    .about-head-page {
        font-size: 24px !important;
        margin-bottom: 0 !important;
    }
    .about-text-page {
        font-size: 14px !important;
    }
    .pooja-details-section h3 {
        font-size: 24px;
    }
    #about-section .about h2 {
        margin: 20px 0;
    }
    #Book-Pooja #h2 {
        font-size: 24px !important;
        padding-left: 0 !important;
    }
    .mobile-padding-0 {
        padding: 0 !important;
    }
    .product-item .title-pr h4 {
        font-size: 14px !important;
    }
    .product-item .product-detail {
        font-size: 12px;
        line-height: 18px;
        text-align: left;
    }
    .product-item .bottom-pr .price-pr {
        font-size: 18px;
    }
    .product-item .bottom-pr .btn-add-pr {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #var_price {
        font-size: 24px !important;
    }
    #var_discount {
        font-size: 16px;
    }
    .highlight-flex {
        display: flex;
        flex-direction: row !important;
    }
    .signle-product-contnet .highlight .heading p {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .shape-list {
        justify-content: space-between;
        gap: 10px;
    }
    .signle-product-contnet .highlight ul li {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .coupon-code {
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }
    #tabs-section div .rating {
        justify-content: flex-start;
        column-gap: 15px;
    }
    #tabs-section div .rating div {
        width: 47%;
    }
    #tabs-section div .rating div img {
        width: 15px;
    }
    #frames .frames-box img {
        margin: 1em 0 !important;
    }
    #Horoscopes #h2 {
        display: none;
    }
    .pooja-description .content ol,
    .pooja-description .content ul {
        padding: 0 5px;
    }
    .pooja-description .content li {
        font-size: 12px;
        text-align: left;
        list-style: disc;
    }
    .pooja-description .content p {
        margin-bottom: 5px !important;
        font-size: 12px !important;
        text-align: left !important;
        line-height: 18px !important;
    }
    .details-pages .mobile-hide {
        display: none !important;
    }
    .calls-btns {
        flex-direction: column;
        gap: 20px;
    }
    .margin-hide {
        margin: 0 !important;
    }
    .img-1 {
        width: 72px;
        margin: auto;
    }
    .img-1 img {
        width: 72px;
        height: 72px;
    }
    .detail-h5 {
        font-size: 13px;
        text-align: left;
    }
    .detail-p-text {
        text-align: center;
        font-size: 13px !important;
        white-space: nowrap;
    }
    .detail-p-text .prices {
        font-size: 13px !important;
    }
    .details-pages p {
        font-size: 13px !important;
        margin-bottom: 5px !important;
        overflow: auto;
        text-overflow: initial;
        display: block;
    }
    .share-heart-btn {
        display: flex;
        justify-content: end;
        gap: 20px;
        margin-top: 5px;
        align-items: center;
    }
    .share-heart-btn div {
        margin-top: 0 !important;
    }
    .share-heart-btn .btn-share {
        order: 2;
    }
    .img-1 .online {
        width: 15.53px;
        height: 15.53px;
        right: 0px;
    }
    .order-mobile-two {
        order: 2;
    }
    .mobile-flex-100 {
        flex: 1 0 100% !important;
    }
}
@media screen and (max-width: 340px) {
    .ds-add-3 img {
        width: 100px !important;
    }
    .b-navbar .img-div img {
        width: 40px;
    }
}
@media only screen and (max-width: 900px) {
    .product-related-section .container {
        max-width: 100% !important;
    }
}

.item-4 summary::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    /* background: red; */
    /* background: url(images/arrow-right.svg); */
    border: solid #666666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}