@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

@import url("../css/vendor/bootstrap.min.css");

@import url("../css/vendor/fontawesome.css");

@import url("../css/vendor/brands.css");

@import url("../css/vendor/regular.css");

@import url("../css/vendor/solid.css");

@import url("../css/vendor/swiper-bundle.min.css");



@property --progress {

    syntax: "<integer>";

    inherits: true;

    initial-value: 0;

}
 .section1 {
   scroll-margin-top : 80px;
}


@keyframes load {

    100% {

        --progress: var(--value);

    }

}



@keyframes background_animation {

    0% {

        background-size: 100%;

    }



    100% {

        background-size: 110%;

    }

}



@keyframes ripple {

    0% {

        opacity: 0.7;

        transform: scale3d(1, 1, 1);

        transform-origin: center center;

        border-width: 1px;

    }



    100% {

        opacity: 0;

        transform: scale3d(1.5, 1.5, 1.5);

        transform-origin: center center;

        border-width: 10px;

    }

}



:root {

    --dark-bg: #111111;

    --secondary-dark: #3A3A3A;

    --accent-color: #2d3928;

    --accent-color-1: #5c645e;

    --bg-color-2: #f9f2ec;

    --gray-color: #aaaaaa;

    --font-1: 'Poppins', sans-serif;

    --font-2: 'DM Sans', sans-serif;

}



h1 {

    font-size: 100px;

}



h2 {

    font-size: 68px;

}



h3 {

    font-size: 56px;

}



h4 {

    font-size: 32px;

}



h5 {

    font-size: 24px;

}



h6 {

    font-size: 18px;

}



ul {

    list-style: none;

}



img {

    object-fit: cover;

}



body ,

p,

h1,

h2,

span,

h4,

h3,

h5,

h6 , li , ul , a  , .font-2{

    font-family: Montserrat, serif !important;

}



section {

    background-size: cover;

    background-position: center center;

}



button,

a[type="button"] {

    padding-inline: 1rem;

    padding-block: 0.5rem;

    text-decoration: none;

    transition: 0.5s;

    color: white;

}



.button {

    padding-inline: 1rem;

    padding-block: 0.5rem;

    background-color: #e82277;

    text-decoration: none;

    transition: 0.5s;

    color: white;

}



.button:hover {

    background-color: #e82277d1;

    color: white;

}



a:hover {

    color: var(--accent-color);

}



button:hover,

a[type="button"]:hover {

    background-color: rgba(0, 64, 132, 0.78);

    color: white;

}



a {

    text-decoration: none;

}



.font-1 {

    font-family: var(--font-1);

}



.font-2 {

    font-family: var(--font-2);

}



.ls-2 {

    letter-spacing: 2px;

}



.fs-7 {

    font-size: 0.8rem !important;

}



.form input,

.form textarea,

.form select {

    background-color: #ffffff;

    border-radius: 5px;

    border: solid 1px var(--accent-color);

    width: 100%;

}



.form input:focus,

.form textarea:focus,

.form select:focus {

    box-shadow: none;

    border: solid 1px var(--accent-color-1);

}



.form input::placeholder,

.form textarea::placeholder {

    color: rgba(136, 136, 136, 0.576);

}



.form .submit_form {

    padding-inline: 2rem;

    padding-block: 0.7rem;

    text-decoration: none;

    transition: 0.5s;

    color: white;

    background-color: rgb(69, 192, 190);

    border-radius: 5px;

}



.submit_form-subscribe {

    padding-inline: 2rem;

    padding-block: 0.7rem;

    text-decoration: none;

    transition: 0.5s;

    color: white;

    background-color: var(--accent-color-1);

    border-radius: 5px;

}



.submit_form-subscribe:hover {

    background-color: var(--dark-bg);

    color: white;

    filter: none;

}



.maps {

    width: 100%;

    height: 480px;

}



#header {

    transition: 0.5s;

}



.nav-link {

    border-bottom: 2px solid transparent;

    font-size: 0.85rem;

    color: rgb(0 0 0);

    font-family: var(--font-2);

}



.nav-link:hover {

    color: rgba(4, 87, 143, 0.79);

}



.nav-link.active {

    /* border-color: #e82277; */

    color: #e82277 !important;

}



.nav-link:focus {

    color: rgb(4, 88, 143) !important;

}



.navbar-toggler {

    border: none;

    color: rgb(4, 88, 143);

}



.navbar-toggler:focus {

    box-shadow: none;

    background-color: transparent;

}



.dropdown-menu {

    background-color: var(--accent-color);

    border-radius: 0px;

    border-right: none;

    border-bottom: none;

    border-left: none;

    border-image: initial;

    border-top: 2px solid white;

    padding: 0px;

    padding-block: 0.5rem;

    box-shadow: rgba(0, 0, 0, 0.17) 1px 1px 23px 1px;

}



.dropdown-item {

    padding-block: 0.5rem;

    color: white;

    font-family: var(--font-2);

    font-size: 0.85rem;

}



.dropdown-item.active {

    color: white;

    background-color: var(--accent-color-1);

}



.dropdown-item:hover {

    color: white;

    background-color: var(--accent-color-1);

}



.dropdown-item:focus {

    color: var(--accent-color);

}



.section {

    padding: 6em 2em;

    overflow: hidden;

}



.r-container {

    max-width: 1140px;

    margin-right: auto;

    margin-left: auto;

}



.bg-dark-color {

    background-color: var(--dark-bg);

}



.bg-dark-transparent {

    background-color: rgba(35, 35, 35, 0.718);

}



.bg-secondary-dark {

    background-color: var(--secondary-dark);

}



.bg-accent-color {

    background-color: var(--accent-color);

}



.bg-accent-color-1 {

    background-color: #f7f7f7;

}



.bg-color-2 {

    background-color: #2b28590d;

}



.accent-color {

    color: #2b2859;

}



.accent-color-1 {

    color: var(--accent-color-1);

}



.border-accent-color {

    border-color: var(--accent-color) !important;

}



.conditionshandles .rounded-3 {

    background: rgb(255, 255, 255);

    border-color: rgb(0, 64, 132) !important;

}



.bg-colorlightsky {

    background: #2b2859;

}



.border-accent-color-1 {

    border-color: var(--accent-color-1) !important;

}



.border-accent-color-2 {

    border-color: var(--accent-color-2) !important;

}



.text-gray {

    color: var(--gray-color) !important;

}



.bg-accent-color-hover:hover {

    background-color: var(--accent-color);

    color: white;

}



.btn-dark {

    background-color: var(--dark-bg);

    color: white;

    border: none;

}



.btn-dark:hover {

    background-color: var(--accent-color-1);

    color: white;

    border: none;

}



.image-overlay {height: 100%;width: 100%;top: 0px;left: 0px;position: absolute;background-color: #faf4ef36;background-image: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(232 34 119 / 6%) 0%);opacity: 0.85;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;z-index: -1;}



.image-overlay-2 {

    height: 100%;

    width: 100%;

    top: 0px;

    left: 0px;

    position: absolute;

    background-color: rgb(0, 0, 0);

    opacity: 0.6;

    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

}



.image-overlay-3 {

    height: 100%;

    width: 100%;

    top: 0px;

    left: 0px;

    position: absolute;

    background-color: rgb(255, 255, 255);

    opacity: 0.75;

    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

}



.overlay {

    background-image: url("../image/bg.png");

    background-position: center center;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    background-repeat: no-repeat;

    background-size: 65%;

    opacity: 1;

}



.overlay.right {

    background-position: right center;

}



.overlay.left {

    background-position: left center;

}



.logo-container {

    max-width: 170px;

}



.divider {

    display: flex;

    align-items: center;

}



.divider::after {

    display: block;

    content: "";

    border-bottom: 0px;

    flex-grow: 1;

    border-top: 3px solid var(--accent-color);

    max-width: 80px;

    min-width: 80px;

}



.divider-before::before {

    display: block;

    content: "";

    border-bottom: 0px;

    flex-grow: 1;

    border-top: 3px solid var(--accent-color);

    max-width: 80px;

    min-width: 80px;

}



.divider-element {

    letter-spacing: 2px;

    flex-shrink: 0;

    flex-grow: 1;

    margin: 0px 0px 0px 1rem;

    font-weight: 400;

}



.image-infinite-bg {

    height: 90vh;

}



.animation-bg {

    animation: 10s ease 0s 1 normal forwards running background_animation;

}



.r-progress {

    --value: 17;

    --progress-color: var(--accent-color);

    --secondary-progress-color: var(--accent-color-1);

    --animation-duration: 2000;

}



.r-progress-bar {

    position: relative;

    height: 15px;

    background-color: var(--secondary-progress-color);

    display: flex;

    border-radius: 3px;

    overflow: hidden;

}



.r-progress-bar .progress-value {

    height: 100%;

    width: calc(var(--progress) * 1%);

    background-color: var(--progress-color);

    position: relative;

    animation-iteration-count: 1;

    animation-direction: normal;

    animation-play-state: running;

    animation-name: load;

    animation-timeline: auto;

    animation-range: normal;

    animation-fill-mode: forwards;

    animation-duration: calc(var(--animation-duration) * 1ms);

    animation-timing-function: linear;

    animation-delay: 500ms;

    color: black;

}



.r-progress-bar.percentage-label::after {

    counter-reset: percentage var(--progress);

    content: counter(percentage) "%";

    display: block;

    position: absolute;

    left: calc((var(--progress) * 1%) - 3rem);

    animation-iteration-count: 1;

    animation-direction: normal;

    animation-play-state: running;

    animation-name: load;

    animation-timeline: auto;

    animation-range: normal;

    animation-fill-mode: forwards;

    animation-duration: calc(var(--animation-duration) * 1ms);

    animation-timing-function: linear;

    animation-delay: 500ms;

    color: white;

    font-size: 14px;

    line-height: 1.2;

    font-family: var(--font-1);

}



.bg-attach-fixed {

    background-attachment: fixed;

}



.social-container {

    display: flex;

    flex-direction: row;

    gap: 1rem;

}



.social-item {

    border-radius: 50%;

    aspect-ratio: 1 / 1;

    font-size: 20px;

    width: 1.8rem;

    height: 1.8rem;

    background-color: var(--accent-color-2);

    transition: 0.5s;

    display: flex;

    justify-content: center;

    align-items: center;

    color: white;

}



.social-item.bg-accent-color-1 {

    background-color: rgb(4, 88, 143);

    margin-top: 10px;

}



.social-item.bg-accent-color {

    background-color: var(--accent-color);

    width: 2.6rem;

    height: 2.6rem;

}



.social-item:hover {

    color: white;

    transform: scale(1.1);

}



.share-button {

    background-color: var(--accent-color-1);

    aspect-ratio: 1 / 1;

    width: 2rem;

    height: 2rem;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: white;

}



.share-button:hover {

    background-color: var(--accent-color);

}



.nav-tabs {

    border-bottom: none;

}



.nav-tabs .nav-link {

    background-color: transparent;

    color: var(--accent-color);

    border: none;

    position: relative;

}



.nav-tabs .nav-link:hover {

    border: none;

    color: white;

}



.nav-tabs .nav-link.active {

    background-color: transparent;

    border: none;

}



.nav-tabs .nav-link.active::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 100%;

    height: 2px;

    background-color: var(--accent-color);

}



.breadcrumb .breadcrumb-item>a {

    color: var(--accent-color);

}



.breadcrumb .breadcrumb-item.active {

    color: var(--accent-color-1);

}



.breadcrumb-item+.breadcrumb-item::before {

    color: var(--accent-color-1);

}



.swiper-pagination {

    margin-block: 1rem;

}



.swiper-pagination .swiper-pagination-bullet-active {

    background-color: black;

}



.video-container {

    aspect-ratio: 16 / 9;

    background-size: cover;

    background-position: center center;

    position: relative;

}



.video-iframe {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}



.video-btn {

    border-radius: 50%;

    aspect-ratio: 1 / 1;

    width: 5rem;

    background-color: transparent;

    border: 2px solid white;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0px;

}



.border-custom {

    border-width: 0px 1px 0px 0px;

    border-color: var(--accent-color);

    border-style: solid;

}



.icon-box {

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    font-size: 2.5rem;

    aspect-ratio: 1 / 1;

    width: 4rem;

    height: 4rem;

}



.request-loader {

    position: relative;

    height: 60px;

    width: 60px;

    border: solid 2px var(--accent-color);

    background-color: transparent;

    display: flex;

    justify-content: center;

    align-items: center;

    color: var(--accent-color-1);

    border-radius: 50% !important;

}



.request-loader:hover {

    border: solid 2px var(--accent-color);

    color: var(--accent-color);

}



.request-loader::after,

.request-loader::before {

    opacity: 0.2;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    color: var(--accent-color-1);

    border: 4px solid currentcolor;

    border-radius: 50%;

    animation-name: ripple;

    animation-iteration-count: infinite;

    animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);

    z-index: 0;

}



.request-loader::after {

    animation-delay: 0.5s;

    animation-duration: 3s;

}



.request-loader::before {

    animation-delay: 0.2s;

    animation-duration: 3s;

}



.ifr-video {

    aspect-ratio: 16 / 9;

    width: 100%;

}



.post-button {

    background-color: transparent;

    color: var(--accent-color) !important;

    border: none !important;

}



.post-button:hover {

    transform: scale(1.15);

    background-color: transparent !important;

    color: var(--accent-color) !important;

}



.card.with-border-bottom {

    border-bottom: 5px solid var(--accent-color) !important;

}



.list-group .list-group-item {

    border: none;

    border-radius: 5px;

}



.list-group .list-group-item.active {

    background-color: var(--accent-color);

}



.list-group .list-group-item.list-group-item-action:hover {

    background-color: var(--accent-color);

    color: white;

}



.accordion-button:not(.collapsed) {

    background-color: transparent;

    color: #ffffff;

}



.accordion-item:first-of-type .accordion-button {

    border-radius: 5px;

}



.accordion-button {

    background-color: rgb(8 149 156);

    border-radius: 5px;

    border: 2px solid rgb(0, 64, 132);

    color: white;

}



.accordion-button:hover {

    filter: none;

}



.accordion-button:focus {

    z-index: 3;

    outline: 0px;

    box-shadow: none;

    border: solid 2px var(--accent-color-1);

}



.accordion-item {

    border: none;

    background-color: transparent;

    margin-bottom: 1rem;

}



.accordion-button::after {

    filter: invert(1);

}



.accordion-button:not(.collapsed)::after {

    filter: invert(1);

    color: #fff;

}



.outer-margin {

    margin-right: -7rem;

}



.list {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: flex;

    flex-direction: column;

}



.list li {

    padding: 0px;

}



.link {

    color: white;

}



.link:hover {

    color: var(--bg-color-2);

}



.team-container {

    display: flex;

    flex-direction: column;

    gap: 0.75rem;

}



.team-image {

    position: relative;

    overflow: hidden;

    border-radius: 10px;

}



.team-overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 50%;

    background-color: transparent;

    background-image: linear-gradient(180deg, #02010100 0%, var(--accent-color) 100%);

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    transform: translateY(-20px);

    padding-bottom: 2rem;

    display: flex;

    flex-direction: column;

    justify-content: end;

}



.team-image:hover .team-overlay {

    top: 0%;

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

}



.team-container .social-item {

    width: 2.2rem;

    height: 2.2rem;

}



.team-container .social-item:hover {

    background-color: var(--accent-color);

    transform: none;

}



@media only screen and (max-width: 993px) {

    h1 {

        font-size: 48px;

    }



    h2 {

        font-size: 36px;

    }



    h3 {

        font-size: 24px;

    }



    h4 {

        font-size: 18px;

    }



    h5 {

        font-size: 14px;

    }



    h6 {

        font-size: 12px;

    }



    .section {

        padding: 6em 2em;

    }
    
    .leftimages .position-absolute {
        margin-top: -30px !important;
    }


table {
    width: 100% !important;
}


    .divider {

        width: 330px;

    }



    .fs-very-large {

        font-size: 3.125rem;

    }



    .image-absolute-1 {

        left: 45%;

        top: 35%;

    }
    .make {
        padding: 6em 1em;
    }
    

.cont {
    margin-top: 0px !important;
}

.whychoose {
 margin-top: 0px !important;   
}

    .image-infinite-bg {

        background-size: cover !important;

    }



    #header {

        background: rgba(19, 19, 19, 0.88);

        backdrop-filter: blur(11px);

    }



    .border-custom {

        border-width: 0px 0px 1px;

    }



    .outer-margin {

        margin-right: 0px;

    }
    .row.mainheadings .col.h-100 {
    width: 100% !important;
}

.mainbanner{
    height: 100% !important;
}

.mainheadings h2.accent-color.font-1.fw-semibold {
    font-size: 40px !important;
}

#aboutus .ps-5 {
 padding-left: 0 !important;
}

.marriagebox li {
    width: 100% !important;
}

.makeappoi {
    width:100% !important;
}

.logo-container h4 {
    padding: 5px 0 0px;
}

h3.font_52 {
    font-size: 30px !important;
}


}



section.sticky-top.bg-accent-color-1 {

    background: rgb(255, 255, 255);

    box-shadow: rgba(145, 145, 145, 0.55) 9px 2px 10px;

}



.navbar-expand-lg .navbar-collapse span.fs-2 {

    color: #e82277;

}



.navbar-expand-lg .navbar-collapse span {

    color: #e82277;

}


footer section.bg-accent-color-1 {
    background: rgb(43 40 89);
}



footer .p-3 {

    background: rgb(36 34 72);

}



.bg-accentskylight {

    background: rgb(220 97 150);

}



footer .p-3 p a {

    color: rgb(69, 192, 190);

}



.bgoverlayc {

    background: rgb(0, 64, 132);

}



.servicesbox {

    background: rgb(255, 255, 255);

    border-radius: 6px;

    overflow: hidden;

    padding: 16px;

    height: 100%;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;

}



span.services {

    width: 100%;

}



span.services img {

    border-radius: 10px;

    height: 250px;

    object-fit: cover;

    width: 100% !important;

}



.servicesbox p {

    margin: 0px;

}



section.conditionshandles .col.mb-3 {

    margin-bottom: 40px !important;

}



.servicesbox a.btn {

    color: #e82277;

}



footer a:hover {

    color: rgb(69, 192, 190);

}



footer a {

    color: rgb(255, 255, 255);

}



a.btn.button.font-1.ls-2.fw-semibold.fs-7.py-3.px-4 {

    padding-top: 16px !important;

}



.contdetails a {

    color: rgb(4, 88, 143);

}



.videotesti video {

    width: 100%;

    border-radius: 10px;

}



.servicesbox a.btn i {

    margin-left: 10px;

}



span.drpro {

    display: block;

    font-size: 16px;

    color: rgb(0, 0, 0);

    font-weight: 400;

}





#aboutus p {

    color: #000;

    font-weight: 400 !important;

    text-align: justify;

}



.slider {

    width: 100%;

    margin: auto;

}



.slide .awardsec {

    text-align: center;

    background: #fff;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    margin: 30px 10px;

    height: 240px;

}



.slide .awardsec img {

    width: 110px;

    height: auto;

    margin-bottom: 10px;

    margin: auto;

}



.slick-initialized .slick-slide {

    margin: auto;

    text-align: center;

}



.slide .awardsec p {

    margin: 0px;

    font-size: 16px;

    padding-top: 8px;

}



.slick-track {

    padding-bottom: 20px;

}



button.slick-next.slick-arrow {

    width: 33px;

    height: 40px;

    padding: 0px;

    right: -40px;

}



button.slick-next.slick-arrow::before {

    font-size: 34px;

    color: #000;

}



button.slick-prev.slick-arrow {

    width: 33px;

    height: 40px;

    padding: 0px;

    left: -40px;

}



button.slick-prev.slick-arrow::before {

    font-size: 34px;

    color: #000;

}



.slick-initialized.slick-slider.slick-dotted .videoslide {

    margin: 0px 10px;

}





section#blog .card {

    background: #fff;

}



section#blog .card .text-white {

    color: #000 !important;

}



section#blog .card .text-white a.btn {

    color: #e82277 !important;

}

.testimonialssec p{

    color: #fff !important;

}



section#contactus button.btn {

    background: #e82277;

    color: #ffffff;

}

section#contactus .bg-colorlightsky {

    background: #f7f7f7;

}



section#contactus .bg-colorlightsky .col.mb-3:last-child {

    padding-left: 30px;

}



section#contactus .bg-colorlightsky h5.font-2.mb-3 {

    font-size: 30px;!I;!;

    color: #212529;

    font-weight: 600;

}



section#contactus 

 a {

    color: #212529;

}



.row.mainheadings .col.h-100 {

    width: 70%;

}

.whychoose {

    z-index: 999;

}



.whychoose .rounded-3.bg-color-2.p-5 {

    background: #f2fafa;

}



.col.mb-3.pl-5.appointmentform {

    padding-left: 80px;

}



.whychoose .rounded-3.bg-color-2.p-5 {

    color: #fff !important;

    background: #f7f7f7;

}



.appointmentform button.btn.submit_form {

    background: #fff;

    color: #000;

}



.whychoose .d-flex.flex-row i {

    margin-top: 5px;

}



section#faqs {

    padding-top: 0px;

}



section#faqs button.accordion-button {

    background: #2b2859;

    border: 2px solid rgb(8 149 156);

}



.mainheadings h2.accent-color.font-1.fw-semibold {

    font-size: 60px;

}



.logo-container h4 {

    font-size: 26px;

    color: #e82277;

}



section#ourspecialities {

    background: #ffffff59;

}



.whychoose p {

    color: #000;

}



.whychoose .r-progress.w-100 {

    margin-top: 16px;

    padding-right: 30px;

}



.whychoose .d-flex.flex-column .d-flex.flex-row.gap-2 {

    align-items: flex-start !important;

}



.whychoose  i {

    color: #000;

}



section#aboutus ul {

    padding: 0px;

}



section#aboutus ul li {

    font-size: 16px;

    padding-bottom: 10px;

    font-weight: 400;

    text-align: justify;

}

.webinars_bg h6.font-1 {

    font-size: 20px;

    line-height: 28px;

    font-weight: 500;

}



section.section.aboutmesec {

    overflow: initial;

}



.aboutmesec .leftimages .position-relative.ps-5 {

    position: sticky !important;

    top: 80px;

}



.aboutmesec h4 {

    font-size: 30px;

    font-weight: 600;

    color: #2b2859;

    padding-top: 10px;

    margin-bottom: 0px;

}



.aboutmesec p {

    text-align: justify;

}

.bgcolorgray {

    background: #0000000f;

}

.bgcolorgray p.font-2.fw-light {

    color: #000000;

    font-size: 18px;

    text-align: justify;

    font-weight: 400 !important;!i;!;

}

h3.font_52 {

    font-size: 46px;

}



.womenscoachings {

    overflow: initial;

}



.womenscoachings h4 {

    font-size: 30px;

    font-weight: 600;

    color: #2b2859;

}



.womenscoachings 

 p {

    text-align: justify;

}



.womenscoachings  li {

    text-align: justify;

}



.womenscoachings 

 .position-relative.ps-5 {

    position: sticky !important;

    top: 80px;

}



.mainheadings h6 {

    font-size: 25px;

}



.mainheadings p {

    font-size: 18px;

}



.btndark{

    background:  #2b2859 !important;

    margin-left: 10px;

}



ul.marriagebox {

    height: 100%;

    display: flex;

    flex-wrap: wrap;

    column-gap: 20px;

}



.marriagebox li {

    border: 1px solid #ccc;

    margin-bottom: 20px;

    padding: 13px 20px;

    display: grid;

    height: auto;

    width: 48%;

    border-radius: 10px;

    text-align: center !important;!i;!;

    background: #ffffff4f;

}



.marriagebox li span {

    text-align: center;

    border: 1px solid #e82277;

    width: 50px;

    height: 50px;

    overflow: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    margin: auto;

}



.marriagebox li span i {

    font-size: 20px;

    color: #e82277;

}



.marriagebox li strong {

    text-align: center;

    font-size: 20px;

    font-weight: 600;

    padding: 3px 0px 0px;

}



.coachingbox {

    

    /* From https: //css.glass */

        background: rgb(255 255 255 / 19%);

        border-radius: 16px;

        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

        backdrop-filter: blur(5px);

        -webkit-backdrop-filter: blur(5px);

        border: 1px solid rgba(255, 255, 255, 0.3);

        padding: 20px;

        text-align: center;

        height: 100%;

    }

    

    .coachingbox span {

        display: block;

        font-size: 36px;

        color: #ffffff;

    }

    

    .coachingbox strong {

        font-size: 20px;

        font-weight: 600;

    }

    

    .coachingbox p {

        text-align: center;

        margin: 0px;

        padding-top: 6px;

    }

    button.btn.button.submit_question.py-3 {

        width: 100%;

    }



    .makeappoi > div {

        padding: 30px 30px !important;

        background: rgb(255 255 255 / 19%);

        border-radius: 16px;

        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

        backdrop-filter: blur(5px);

        -webkit-backdrop-filter: blur(5px);

        border: 1px solid rgba(255, 255, 255, 0.3);

    }

    

    .makeappoi {

        z-index: 9;

        width: 60%;

        margin: auto;

        text-align: center;

    }

    

    .makeappoi h3.accent-color.font-1.fw-semibold {

        color: #fff;

        padding-bottom: 30px;

    }
    
    .break h3 {
        font-size: 48px;
    }
    
.break p {
     max-width: 912px;
}

    .card.with-border-bottom{
        height: 100%;
    }
    .how {
        margin-top: 80px;
    }
    .whychoose {
    margin-top: -100px;
    }
    
    .cont {
    margin-top: -100px;
    }
    
    .conditionshandles p {
        max-width: 912px;
    }
    
    .cont p {
        max-width: 912px;
    }
    
    footer h5 a {
        color: #e82277;
    }
    
    @media (max-width: 576px) {
  select.form-select {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 14px;
    max-width: 100%;
  }
}