/* 4. Theme Style */
/* 4.1 Misc */
@import url("//fonts.googleapis.com/css?family=Nunito:400,600,700,800");
@import url(../fonts/Philosopher-Bold.ttf);

@font-face {
    font-family: Philosopher-Bold;
    src: url(../fonts/Philosopher-Bold.ttf);
}

:root {
    /* Colors */
    --primary: #006b00;
    --secondary: #34395e;
    --success: #47c363;
    --info: #3abaf4;
    --warning: #ffa426;
    --danger: #fc544b;
    --light: #e3eaef;
    --dark: #191d21;
    --primary2: #df146e;
}

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: var(--primary2);
}

::selection {
    color: #fff;
    background: var(--primary2);
}

/* Scrollbar */
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--primary);
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--primary2);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgb(245, 49, 131);
}

* {
    font-family: "Philosopher-Bold", sans-serif !important;
    cursor: url('../img/Marriage-Cursor.webp'), auto;
}

.gray {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    cursor: url('../img/cursor-gray.png'), auto;
}

.btn:focus,
.btn:active,
.btn:active:focus,
.custom-select:focus,
.form-control:focus {
    box-shadow: none !important;
    outline: none;
}

a {
    color: var(--primary2);
    font-weight: 500;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
    margin-left: 4px;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-primary2 {
    background-color: var(--primary2) !important;
}

.bg-secondary {
    background-color: #cdd3d8 !important;
}

.bg-success {
    background-color: #47c363 !important;
}

.bg-info {
    background-color: #3abaf4 !important;
}

.bg-warning {
    background-color: #ffa426 !important;
}

.bg-danger {
    background-color: #fc544b !important;
}

.bg-light {
    background-color: #e3eaef !important;
}

.bg-dark {
    background-color: #191d21 !important;
}

.text-primary,
.text-primary-all *,
.text-primary-all *:before,
.text-primary-all *:after {
    color: var(--primary) !important;
}

.text-primary2,
.text-primary2-all *,
.text-primary2-all *:before,
.text-primary2-all *:after {
    color: var(--primary2) !important;
}

.text-secondary,
.text-secondary-all *,
.text-secondary-all *:before,
.text-secondary-all *:after {
    color: #cdd3d8 !important;
}

.text-success,
.text-success-all *,
.text-success-all *:before,
.text-success-all *:after {
    color: #47c363 !important;
}

.text-info,
.text-info-all *,
.text-info-all *:before,
.text-info-all *:after {
    color: #3abaf4 !important;
}

.text-warning,
.text-warning-all *,
.text-warning-all *:before,
.text-warning-all *:after {
    color: #ffa426 !important;
}

.text-danger,
.text-danger-all *,
.text-danger-all *:before,
.text-danger-all *:after {
    color: #fc544b !important;
}

.text-light,
.text-light-all *,
.text-light-all *:before,
.text-light-all *:after {
    color: #e3eaef !important;
}

.text-white,
.text-white-all *,
.text-white-all *:before,
.text-white-all *:after {
    color: #ffffff !important;
}

.text-dark,
.text-dark-all *,
.text-dark-all *:before,
.text-dark-all *:after {
    color: #191d21 !important;
}

.font-weight-normal {
    font-weight: 500 !important;
}

.btn-primary,
.btn-primary.disabled {
    box-shadow: 0 2px 6px #d7fddb;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:focus,
.btn-primary.disabled:focus {
    background-color: var(--primary) !important;
}

.btn-primary:focus:active,
.btn-primary.disabled:focus:active {
    background-color: var(--primary) !important;
}

.btn-primary:active,
.btn-primary:hover,
.btn-primary.disabled:active,
.btn-primary.disabled:hover {
    background-color: var(--primary) !important;
}

.btn-outline-primary,
.btn-outline-primary.disabled {
    border-color: var(--primary);
    color: var(--primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.disabled:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:active {
    background-color: var(--primary) !important;
    color: #fff;
}

.btn-primary2,
.btn-primary2.disabled {
    box-shadow: 0 2px 6px #d7fddb;
    background-color: var(--primary2);
    border-color: var(--primary2);
}

.btn-primary2:focus,
.btn-primary2.disabled:focus {
    background-color: var(--primary2) !important;
}

.btn-primary2:focus:active,
.btn-primary2.disabled:focus:active {
    background-color: var(--primary2) !important;
}

.btn-primary2:active,
.btn-primary2:hover,
.btn-primary2.disabled:active,
.btn-primary2.disabled:hover {
    background-color: var(--primary2) !important;
}

.btn-outline-primary2,
.btn-outline-primary2.disabled {
    border-color: var(--primary2);
    color: var(--primary2);
}

.btn-outline-primary2:hover,
.btn-outline-primary2:focus,
.btn-outline-primary2:active,
.btn-outline-primary2.disabled:hover,
.btn-outline-primary2.disabled:focus,
.btn-outline-primary2.disabled:active {
    background-color: var(--primary2) !important;
    color: #fff;
}

/* Homepage Splash Screen */
#splash {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 9999;
}

/* Navbar */

.navbar-color {
    background-image: linear-gradient(to right, #ffdaea, #4f9f49);
    /* background: transparent; */

}

#menu li {
    background-image: url('../img/Marriage Menu.webp');
    height: 75px;
    background-repeat: no-repeat;
    background-size: cover;
    list-style-type: none;
}

#menu li:hover {
    background-image: url(../img/menu-hover.png);
}

.menu-wrapper li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.menuItem1 {
    background-position: 0 0px;
    width: 114px;
    transform: translateX(120px);
    clip-path: polygon(0px 0px, 64.96% 0%, 100% 49.33%, 83.33% 76.67%, 67.52% 100%, 0% 100%);
}

.menuItem2 {
    background-position: -79px 0;
    width: 110px;
    transform: translateX(90px);
    clip-path: polygon(22px 23px, 84.29% 23.33%, 100% 48.67%, 83.84% 74.67%, 66.81% 100%, 0% 100%, 32.31% 49.33%);
}

.menuItem3 {
    background-position: -158px 0;
    width: 102px;
    transform: translateX(60px);
    clip-path: polygon(17px 17px, 79.51% 20.67%, 100% 49.34%, 83.41% 72%, 62.93% 100%, 0% 100%, 37.07% 49.34%);
}

.menuItem4 {
    background-position: -227px 0;
    width: 103px;
    transform: translateX(30px);
    clip-path: polygon(14px 16px, 81.4% 24.66%, 100% 50.67%, 86.05% 71.33%, 65.12% 100%, 0% 100%, 34.88% 50.67%);
}

.menuItem5 {
    background-position: -300px 0;
    width: 85px;
    clip-path: polygon(89px 25px, 100% 100%, 0% 100%, 44.08% 50.64%, 21.25% 25.34%);
}

/* Menu End */

@media screen and (max-width: 991px) {
    .hide-in-mobile {
        display: none;
    }
}


.main-content {
    margin-top: 80px;
}

.hero-slider {
    box-shadow: 0px -10px 20px 5px #df146e;
}

.hero-slider .carousel-item img {
    width: 100%;
    height: 600px;
}

.hero-video {
    margin-top: -80px;
}

.nav-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
}

.navbar-content-width {
    width: 78% !important;
}

.btn.btn-home-login {
    background: var(--primary2);
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 10%;
}

.btn.btn-home-login:hover {
    margin-top: -1px;
    box-shadow: 5px 5px 5px 0px rgb(252, 198, 236);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* Blur */
.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.people {
    min-height: 100%;
    background: url('../img/home/Match Maker BD.webp');
    background-size: cover;
    background-position-x: center;
    height: 280px;
    width: 100%;
}

.slider-container {
    position: relative;
    width: 100%;
}

.slider-overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #e63b796e;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.slider-container:hover .slider-overlay {
    bottom: 0;
    height: 100%;
}

.slider-text {
    color: #000;
    font-size: 20px;
    position: absolute;
    top: 50%;
    background: #fff;
    padding: 10px 20px;
    border-radius: 40px;
    font-weight: 700;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.contact-heading {
    color: var(--primary);
    font-size: 50px;
    margin-bottom: 35px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .centered {
        text-align: center;
        color: #000;
    }

    .hover-switch.send>img {
        top: 86% !important;
        left: 8% !important;
    }

    .btn-register {
        height: 13% !important;
    }

    .btn-send {
        height: 60px !important;
        width: 50% !important;
    }
}

@media screen and (min-width: 768px) {
    .centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff !important;
    }

    .contact-heading {
        font-size: 60px;
    }

    .contact-section {
        min-height: 100%;
        background: url(../img/home/Contact.webp);
        background-size: cover;
        background-position-x: center;
        height: 500px;
        width: 100%;
    }
}

.choose-card {
    /* background-image: url(../img/home/card-bg1.png); */
    border-radius: 50% !important;
    height: 20vw !important;
    background-color: transparent;
    background-size: cover !important;
    width: 20vw;
    border: none;
}

.card-item {
    position: relative;
}

.card-item:before {
    /* content: ''; */
    position: absolute;
    left: 6px;
    top: 6px;
    background: linear-gradient(45deg, #df146e, #ffffff);
    background-size: 400%;
    width: calc(19vw);
    height: calc(19vw);
    z-index: -1;
    animation: glower 10s linear infinite;
    box-shadow: 0 0 8px 0px #df146e6b;
    border-radius: 50%;
}

@keyframes glower {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.form-control {
    height: 38px;
    background: #f0ffec;
    border-radius: 0px;
    box-shadow: inset 2px 2px 2px -1px #000000;
}

#select2--container,
.select2,
.select2-container--default .select2-selection--single {
    height: 37px;
    background: #f0ffec;
    border-radius: 0px;
    box-shadow: inset 2px 2px 2px -1px #000000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 2.5;
    color: #495057;
}

.form-control::placeholder {
    color: #cccccc;
}

.select {
    font-weight: 700;
}

.input-group-text {
    height: 38px;
    border-radius: 0px;
    background-color: #f2fff2;
}

.btn-primary:hover {
    background: var(--primary2) !important;
    border: #df146e;
}

.footer-above {
    background: #f2fff4;
}

.footer-phone-icon {
    width: 20%;
    height: 20%;
}

/* 
 * Position both images in same place
*/
.btn-register {
    background-image: url('../img/home/Groom Button.webp');
    height: 20%;
    width: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    list-style-type: none;
}

.btn-register:hover {
    background-image: url('../img/home/BiyeMedia-Button.webp');
}

.btn-register a,
.btn-details a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.btn-details {
    background-image: url('../img/home/Gold Marriage Media.webp');
    height: 40%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    list-style-type: none;
}

.btn-send {
    background-image: url('../img/home/Bride Button.webp');
    height: 70px;
    width: 35%;
    background-repeat: no-repeat;
    background-size: contain;
    list-style-type: none;
}

.btn-send:hover {
    background-image: url('../img/home/BiyeMedia-Send.webp');

}

.color-change {
    background: url('../img/New Marriage Media.webp');
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    position: fixed;
    width: 48px;
    height: 48px;
    line-height: 50px;
    bottom: 150px;
    left: 30px;
    color: #fff;
    z-index: 99;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
}

.scroll-top {
    background: url('../img/Marriage-Up-Arrow.webp');
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    position: fixed;
    width: 65px;
    height: 64px;
    line-height: 50px;
    bottom: 70px;
    left: 20px;
    color: #fff;
    z-index: 99;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.register-form {
    background: #fff2f9;
    padding: 25px 50px;
    margin: 130px 0px 50px 0px;
}

a:hover {
    text-decoration: none;
    color: var(--primary);
}

.notify {
    z-index: 999 !important;
    align-items: flex-end !important;
}

.modal-card {
    position: relative;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    max-width: 400px;
    margin: 50px auto;
    z-index: 1;
}

.process-modal-bg {
    background: #00000063;
    padding: 100px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
}

table.dataTable thead th {
    padding: 10px 10px !important;
}

.dark-shadow {
    box-shadow: 0px 0px 8px 0px #4c3b3b;
}
.view-scroll {
    background: url('../img/Marriage-Media-screen-scroll.webp');
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    position: fixed;
    width: 64px;
    height: 64px;
    line-height: 50px;
    bottom: 280px;
    left: 15px;
    color: #fff;
    z-index: 99;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
}

.scroll-down {
    background: url('../img/Marriage-Media-Slow-Scroll.webp');
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    position: fixed;
    width: 64px;
    height: 64px;
    line-height: 50px;
    bottom: 220px;
    left: 15px;
    color: #fff;
    z-index: 99;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
}

.chat-bubble {
    background: url('../img/chat.png');
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    position: fixed;
    width: 64px;
    height: 64px;
    line-height: 50px;
    bottom: 70px;
    right: 20px;
    color: #fff;
    z-index: 99;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
/* .form-control {
    &:not(.is-valid, .is-invalid) {
       border: #ffc7c7;
    }
 } */

/* #choose {
    position: relative;
}
.cursor {
    position: fixed !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #fff !important;
    transition: 0.1s !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
    mix-blend-mode: difference !important;
}

#choose:hover ~ .cursor {
    transform: scale(6);
} */