@charset "utf-8";
@font-face {
    font-family: robotolight;
    src: url(../fonts/roboto_light-webfont.eot);
    src: url(../fonts/roboto_light-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/roboto_light-webfont.woff2) format('woff2'), url(../fonts/roboto_light-webfont.woff) format('woff'), url(../fonts/roboto_light-webfont.ttf) format('truetype'), url(../images/roboto_light-webfont.svg#robotolight) format('svg');
    font-weight: 400;
    font-style: normal
}

.logo_set2{}

@font-face {
    font-family: robotoregular;
    src: url(../fonts/roboto_regular-webfont.eot);
    src: url(../fonts/roboto_regular-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/roboto_regular-webfont.woff2) format('woff2'), url(../fonts/roboto_regular-webfont.woff) format('woff'), url(../fonts/roboto_regular-webfont.ttf) format('truetype'), url(../images/roboto_regular-webfont.svg#robotoregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotothin;
    src: url(../fonts/roboto_thin-webfont.eot);
    src: url(../fonts/roboto_thin-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/roboto_thin-webfont.woff2) format('woff2'), url(../fonts/roboto_thin-webfont.woff) format('woff'), url(../fonts/roboto_thin-webfont.ttf) format('truetype'), url(../images/roboto_thin-webfont.svg#robotothin) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: montserratregular;
    src: url(../fonts/montserrat-regular-webfont.woff2) format('woff2'), url(../fonts/montserrat-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

body { background-color: #efefef; font-family: robotoregular, sans-serif; color: #666; font-size: 1.4em }
h1, h2, h3, h4 { margin: 0; padding: 0 }
a:link, a:visited, a:active, a:hover { text-decoration: none; cursor: pointer }
:link:focus, :visited:focus { outline: 0 }
.border { border: 1px solid red }
.no-border { border: 0 !important }
.center { float: none; margin: 0 auto }
.no-padding { padding: 0 }
.pl-0 { padding-left: 0 !important }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { border: 0; outline: 0; outline-offset: none; box-shadow: none }
.btn:hover, .btn:focus { color: #fff }
.padding-20 { padding: 20px 0 !important }
.for-popup-btn { padding: 15px 0 0 }
.for-popup-btn .btn-m4m-orange { margin-bottom: 10px }
.text-white { color: #fff !important }
.text-black { color: #000 !important }
.text-gray { color: #666 !important }
.text-red { color: #ca2227 !important }
.text-orange { color: #f7941e !important }
.text-black { color: #000 }
.fw-400 { font-weight: 400 !important }
.fw-500 { font-weight: 500 !important }
.fw-600 { font-weight: 600 !important }
.fw-700 { font-weight: 700 !important }
.text-italic { font-style: italic }
.position-relative { position: relative }
.overflow-hidden { overflow: hidden }
.m-0 { margin: 0 !important }
.text-center { text-align: center !important }
.d-flex { display: flex !important }
.d-grid { display: grid !important }
.vertical { display: flex; flex-direction: column; }
.align-items-center { align-items: center; }
.justify-content-center { justify-content: center; }
.width-fit { width: fit-content !important }
.text-capitalize { text-transform: capitalize !important }
.text-transform { text-transform: uppercase }
.gap-10 { gap: 10px }
.gap-5 { gap: 5px }
.width-auto { width: auto !important }
.mt-auto { margin-top: auto !important }
.margin-auto { margin: 0 auto }
.bg-white { background-color: #fff !important }
.btn-m4m { display: inline-block; margin: 5px; padding: 10px 25px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 3px }
.btn-grey, .btn-orange, .btn-red { padding: 8px 20px; background: #c2c2c2; color: #fff; border: 4px solid #fbfbfb !important; border-radius: 8px; outline: #ddd solid 1px }
.btn-orange { background: #f7941e }
.btn-red { background: #d9635f }
.fontsize-0 { font-size: 0 }
.border-0 { border: 0 }
.btn-m4m:hover { color: #fff }
.btn-m4m-grey { background-color: #555; color: #fff }
.btn-m4m-orang { background-color: #f7941e }
.heading-roboto { margin: 0; padding: 0; font-family: robotothin }
.heading-opensans { margin: 0; padding: 0; font-family: open_sanslight }
.btn-m4m-orange { font-size: 24px; background-color: #f7941e; color: #fff; font-family: robotolight; border-radius: 3px; border: 0 }
.btn-m4m-red { display: inline-block; margin: 20px 0; font-size: 24px; background-color: #d71319; color: #fff; border-radius: 3px; border: 0 }
.btn-m4m-register { padding: 6px 10% }
.btn-m4m-form { padding: 6px 5% }
.btn-m4m-modify { padding: 9px 6%; font-size: 18px }
.btn-popup { padding: 2px 3% }
.btn-otp { margin-bottom: 10px; font-size: 16px }
.form-group { margin-bottom: 35px }
a.hover-click { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9 }
.col-half-offset { margin-left: 4.166666667% }
.popover { width: 250px }
.popover-title { font-size: 14px; font-weight: 400 }
.popover-content { font-size: 12px; color: #999; font-weight: 400 }
.h3 { font-family: open_sansregular, sans-serif; font-size: 20px }
.hides { display: none }
.error { color: red; font-size: .9em }
.e-hide { display: none }
.margin-left5 { margin-left: 5px }
.cursor-default { cursor: default }
.pad-left7 { padding-left: 7% }
.vertical-center { margin: auto; width: 100%; height: 50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.btn-small-orange, .btn-small-grey { display: block; margin-bottom: 10px; padding: 10px; background-color: #f7941e; border-radius: 4px; color: #fff }
.btn-small-grey { background-color: #666 }
.btn-small-orange:hover, .btn-small-grey:hover { color: #fff }
.bg-none { background: 0 0 }
.d-none { display: none }
.clear-fix { clear: both }
.container-gap { margin-left: auto; margin-right: auto; padding: 35px 0; position: relative }
.fr { float: right }

/***************** HEADER ******************/
.header { padding: 7px 0; background-color: #fff; position: relative; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .4); z-index: 999; }
.header-login-btn {margin-top: 0px; padding: 10px 20px 10px 20px; display: inline-block; font-family: open_sanslight, sans-serif; font-size: 20px; color: #ca2128; text-transform: uppercase; background-color: #fff; border-radius: 2px; width: 100%; font-weight:bold; }
.header-login-btn:hover { color: #000; }

.hero-image {
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    position: relative;
    transition-timing-function: ease-in-out
}
.footer { padding: 50px 0; background-color: #a12828 }

.carousel-inner>.item>img, .carousel-inner>.item>a>img {  width: 100%;  margin: 0 auto }
.header-content { padding-top: 15px }
.search-save {
    background-position: -559px -609px
}

.block-error {
    display: inline-block;
    padding-top: 7px;
    font-style: italic;
    font-size: 12px
}
.help-question {
    float: left;
    width: 26px;
    height: 26px;
    background: url(../images/ico.question.png) no-repeat center center;
    font-size: 0
}

.why-m4marry-close {
    display: none;
    float: right;
    margin: 10px 10px 0 0;
    width: 30px;
    height: 30px;
    background: url(../images/ico.ym4m.close.png) no-repeat center center;
    font-size: 0
}

.register-steps {
    background-image: url(../images/bg.m4m.register.png);
    background-repeat: repeat-x;
    background-position: center -300px
}

.form-group select { color: #aaa }
.form-group textarea { height: 120px }
.form-info { display: block; margin: 7px 0 0 5px; font-size: 13px; font-style: italic; color: #aaa }
.form-info b { font-weight: 400; color: #888 }

.help-tooltip {
    position: absolute;
    right: -10px;
    bottom: 6px
}

.boot-tooltip {
    display: inline-flex;
    background: url(../images/ico.form.help.png);
    width: 20px;
    height: 20px;
    position: inherit;
    line-height: 30px
}

#mt-tooltip {
    height: 19px
}
.content-container {
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

.red-help-text {
    color: red;
    font-size: .9em;
    font-weight: 400;
    font-style: italic
}
h1.pop-head {
    margin-top: 20px;
    padding-bottom: 20px;
    font-family: robotolight;
    color: #98792f;
    border-bottom: 1px solid #eee
}

.no-content {
    margin: auto;
    height: 80px;
    color: #999;
    font-family: robotothin;
    font-size: 30px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center
}

#cboxClose:hover { background-position: -35px -83px }
#cboxContent { margin-top: 30px }
#cboxLoadedContent { border: 0 }
#cboxContent #cboxLoadedContent .cboxIfram body { background: #fff }

.vMargin10 {
    margin: 10px 0
}

.mesg-comn-success,
.mesg-comn-error {
    display: block;
    float: left;
    margin: 15px auto 10px;
    width: 100%;
    text-align: center;
    background: #fff
}
.upl-loader {
    left: 0;
    margin: auto;
    right: 0;
    top: -30px
}
.success {
    color: #390;
    font-weight: 700;
    display: block;
    clear: both;
    margin-bottom: 5px
}

.form-group label { font-weight: 400 }
.text-bold { font-weight: 700 }
.group { margin-top: 30px }

.com-loading {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99
}

#barcontainer { width: 100% }

#meter {
    position: absolute;
    width: 0;
    height: 5px;
    border-right: 5px solid #d81a24;
    background-color: rgba(49, 53, 65, .25);
    -webkit-transition: width .5s;
    -webkit-animation: loading 2s ease-out infinite
}
.padding-top10 {
    padding-top: 10%
}

.modal-forms { display: inline-block; width: 100% }
.modal-comments { display: inline-block; margin: 0 0 25px; padding: 15px 25px; background-color: #f3edd8; border-radius: 5px; font-size: 15px; color: red }
.modal-heading-info { float: right; margin-top: 15px; font-size: 16px }
.modal-success-msg { display: none; padding: 10px 30px; width: 100%; text-align: left; font-size: 30px; color: #000; font-family: robotolight }
.modal-success-tick { float: left; margin: 0 }
.modal-success-text { display: inline-block; margin: 15px 0 0 20px }
.modal-message a { padding: 5px 10px; font-size: 12px; font-weight: 400 !important; text-transform: uppercase; color: #fff !important; background: #f78559; border-radius: 12px }

.btn-language,
.btn-language:hover {
    display: inline-block;
    margin-bottom: 15px;
    padding: 7px 10px 7px 30px;
    background: #e24149 url(../images/ico.play-language.png) no-repeat 10px 8px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px
}

.common-height { padding: 5% 0 }

@media(min-width:601px) and (max-width:768px) {
    .header-login-btn { padding: 10px; }
}
@media(min-width:220px) and (max-width:767px) {
    .header-contact { display: none }
    .btn-create, .btn-browse { padding: 60px 0 30px 45px; width: 215px; height: 215px; font-size: 40px; line-height: 45px }
    .btn-create { margin-left: 16% }
    .btn-browse { margin-right: 16% }
    .btn-create span, .btn-browse span { display: none }
    .multi-select-box { margin-bottom: 20px }
    .partPre-count { padding: 10px; height: auto; background: #f1f1f2; border-radius: 50px; position: relative; z-index: 9 }
    .login-image { display: none }
    .login-box { width: 100% }
    .error-validity { position: absolute !important; right: 5px; top: -50px }
    .error-validity b { margin: auto; width: 9px; height: 5px; position: absolute; top: 40px; right: 0; left: 0; background: url(../images/ico.arrow-down-error-msg.png) no-repeat }
}

@media(min-width:768px) and (max-width:790px) {
    .container-gap { width: 100% }
}
@media(min-width:425px) and (max-width:768px) {
    .logo_set2{ display: inline-block; }
}
@media(min-width:220px) and (max-width:991px) {
    .form-right { padding-left: 0 }
    .banner-sub-con-mob { display: block }
    .banner-sub-con { display: none }
}
@media(min-width:220px) and (max-width:399px) {
    .full-400 { width: 100%; }
	.logo_set2{display: inline-block;
	margin-bottom:0px;}
}

@media(min-width:339px) and (max-width:425px) {
    .logo_set2{display: inline-block;
	margin-bottom:0px;}
}

@media(min-width:220px) and (max-width:449px) {
    .width-mobileNO { width: 83% }
    .width-mobileArea { width: 87% }
}
@media(min-width:768px) and (max-width:880px) {
    .header-login-btn { padding: 10px; }
}

@media(min-width:220px) and (max-width:590px) {
    .home-btn-width { width: 100% }
    .btn-create, .btn-browse { margin: 10px auto; float: none }
}

@media(min-width:220px) and (max-width:450px) {
    .header-login-btn {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        font-size: 16px;
		width: 100%;
    }
}

.custom_radio input[type=radio]+label {
    width: auto
}

#colorbox {
    position: absolute !important
}

.modal-custom {
    display: inline-block;
    width: 100%;
    text-align: left;
    color: #666;
    background: #fff
}

.modal-custom .btn-m4m-red {
    margin: 12px 0 20px
}

.modal-custom .modal-head {
    background: #ee9d5a;
    color: #fff;
    padding-top: 20px;
    margin-bottom: 20px
}

.modal-custom h1 {
    font-family: robotolight;
    color: #fff;
    border-bottom: 0;
    text-align: center;
    padding: 12px 0 15px;
    font-size: 26px
}

.modal-custom label {
    font-weight: 400
}

.modal-custom p {
    display: inline-block
}

.horo-generate-form.custom-form {
    margin-top: 0;
    width: 100%;
    text-align: center
}

.modal-custom .form-group {
    margin: 0
}

#cboxClose {
    position: absolute;
    right: 20px;
    top: 45px;
    z-index: 9999;
    border-radius: 50%;
    background: #c17537 url(../images/close.png) center no-repeat;
    padding: 16px;
    line-height: 0;
    opacity: .7
}

#cboxClose:hover {
    opacity: 1;
    background: #c17537 url(../images/close.png) center no-repeat
}

#cboxLoadedContent {
    border: 0;
    border-radius: 5px;
    background: 0 0
}

#cboxContent {
    margin-top: 30px;
    border-radius: 5px;
    background: 0 0
}

#register .reg-error {
    font-size: 12px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #jssor_1>div {
        transform: inherit !important;
        width: 100% !important
    }

    .custom-dropdown_select {
        padding-right: 22px
    }

    .custom-dropdown_select::-ms-expand {
        display: none
    }
}

.subscribe-help-form .material-textfield input:required {
    box-shadow: none;
    border: 0
}

.butn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 10px 5px;
    display: inline-block
}

.butn:hover { 
    color: inherit
}

.mob-pass-error .error {
    position: initial
}

ul.chatUsers,
ul.chatSearch {
    padding-left: 0
}

.chat_friends {
    width: 90% !important
}

ul.chatSearch li.search input {
    width: 97% !important
}
.scrollTop {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: rgba(183, 32, 43, .9) url(../images/ico.scrollTop.png) no-repeat 20px 19px;
    border-radius: 50%;
    font-size: 0;
    vertical-align: middle;
    position: fixed;
    right: 20px;
    bottom: 105px;
    opacity: 0;
    transition: all .4s ease-in-out 0s;
    z-index: 99
}

@media(min-width:601px) and (max-width:890px) {
    .header {
        height: 100px
    }
}

.withoutLogin-register {
    margin-top: 40px;
    padding: 15px 25px;
    font-size: 15px;
    border: 0;
    color: #fed89c;
    font-weight: 700;
    line-height: 25px
}

.withoutLogin-register a {
    display: inline-block;
    margin-left: 5px;
    padding: 0 12px;
    background-color: #fff;
    color: #981212;
    border-radius: 15px;
    font-size: 14px
}

@media(min-width:220px) and (max-width:767px) {
    .second-footer {
        display: block
    }
}
/******************* HELP ****************/
.help-24 { position: relative }
.helpBtn { float: left; margin: 5px 20px; width: 45px; height: 45px; background: url(../images/ico.247.png) no-repeat center center; font-size: 0 }
.helpCenter { display: none; padding: 25px; width: 570px; background-color: #fff; border-radius: 6px; position: absolute; top: 64px; left: -300px; right: 0; z-index: 999; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .4); font-family: robotolight }
.help-24:hover .helpCenter { display: inline-block }
.helpCenter-left { width: 60%; border-right: 1px solid #d0d0d0 }
.help-call { font-size: 24px; color: #999 }
.help-call p { display: inline-block; padding-top: 5px; font-size: 13px; color: #666; font-style: italic }
.help-chat { margin-top: 15px; font-size: 18px }
.help-chat a { display: inline-block; color: #999 }
.chat-head { float: left }
.help-chat span.help-online, .help-chat span.help-offline { display: flex; padding-left: 15px; font-size: 13px; color: #217f23; background: url(../images/chat.online.png) no-repeat 0 6px }
.help-chat span.help-offline { color: #999; background: url(../images/chat.idle.png) no-repeat 0 6px }
.help-mail { margin-top: 15px }
.help-mail a { display: inline-block; margin-top: 8px; color: #666; cursor: initial }
.help-callIcon, .help-chatIcon, .help-mailIcon { float: left; margin-right: 15px; width: 38px; height: 38px; background-image: url(../images/ico.help-call.png); background-repeat: no-repeat; font-size: 0 }
.help-chatIcon { background-image: url(../images/ico.help-chat.png) }
.help-mailIcon { background-image: url(../images/ico.help-mail.png) }
.helpCenter-right { padding-left: 25px;  width: 40% }
.help-links a { display: block; padding: 6px 0; font-size: 15px; font-weight: 700; color: #666 }
.help-tour { padding-top: 30px; color: #777 }
.helpArrow { margin: 0 auto; width: 50px; height: 9px; position: absolute; top: -9px; right: 200px; background: url(../images/arrowDown-helpCenter.png) no-repeat center center }

.home-carousal-web .hero-image { height: 100vh; transform: scaleX(-1) !important; }

@keyframes slideInFromTop {
    0% {
        transform: translateY(-100px)
    }

    100% {
        transform: translateY(0)
    }
}

.app-close {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/appDownload.close.png) no-repeat center center;
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 0
}

.scroll-down {
    opacity: 1;
    -webkit-transition: all .5s ease-in 3s;
    transition: all .5s ease-in 3s
}

.scroll-down {
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: -16px;
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #000;
    background-size: 14px auto;
    border-radius: 50%;
    z-index: 10;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    opacity: .35
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid #000;
    border-width: 0 0 2px 2px
}

.scroll-down {
    opacity: 1;
    -webkit-transition: all .5s ease-in 3s;
    transition: all .5s ease-in 3s
}

@media(min-width:220px) and (max-width:991px) {
    .scroll-down {
        display: none !important
    }
}
@media(min-width:220px) and (max-width:599px) {
    .header-logo { width: 100%; text-align: center; border-bottom: 1px solid #ddd }
    .header-logo a { width: 100%; }
    .header-content { width: 67% }
}
@media(min-width:450px) and (max-width:599px) {
    .header-content { width: 62% }
}
input[type=text]::-ms-clear { display: none }

@media(min-width:220px) and (max-width:360px) {
    .header-content { padding-right: 10px }
}

.subd-footer a {
    color: #fff;
    font-family: montserratregular;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 3px;
    text-transform: uppercase
}

.home-carousal-web { display: block }
.home-carousal-mobile { display: none }

@media(min-width:320px) and (max-width:768px) {
    /* .home-carousal-web {
        display: none
    } */

    .home-carousal-mobile {
        display: block
    }
}

.header-logo span { 
    display: none
}

@media(min-width:320px) and (max-width:767px) {
    .btn-container {
        float: none;
        margin: 0 auto;
        padding: 1px;
        position: fixed;
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 999;
        background-color: #fff
    }

    .btn-create,
    .btn-browse {
        margin: 0;
        padding: 9px 0;
        width: auto;
        height: auto;
        background-color: #ca2128;
        border-radius: 2px;
        color: #fff;
        font-family: montserratregular;
        font-size: 20px;
        cursor: pointer;
        text-align: center
    }

    .btn-browse {
        float: initial;
        background-color: #f7941d;
        border-left: 1px solid #fff
    }

    .home-btn-width {
        width: 50%
    }

    .home-btnLogin {
        width: 100%
    }

    .enable-header {
        display: none
    }

    .choose-language {
        margin: 10px 0 0
    }

    .header-logo {
        border: 0;
        position: relative;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .header-logo a {
        width: 221px
    }
    .header {
        padding: 0 0 7px
    }
    .home-banner-sec .home-carousal-web .hero-image {
        height: 800px
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .home-banner-sec .home-carousal-web .hero-image {
        height: 810px;
        background-color: #613528;
        background-image: none !important;}

.home-page .header {
    background-color: transparent !important;
    position: absolute;
    width: 100%;
    box-shadow: none;
    padding-top: 15px;
    padding-bottom: 30px;
}



}


@media(min-width:320px) and (max-width:359px) {
    .choose-language {
        margin-left: 10px
    }
}

@media(min-width:320px) and (max-width:599px) {
    .header-content {
        width: 50%;
        position: relative;
        z-index: 9
    }

    .header-logo span {
        display: block;
        width: 100%;
        font-size: 0;
        border-bottom: 0;
        position: absolute;
        bottom: -7px;
        left: 0
    }

    .choose-language.choose-language-drop {
        margin: 20px 10px 0 0
    }

    .header-login-btn {
        margin-top: 10px
    }

    .header-content {
        padding-top: 0
    }
}

@media(max-width:890px) and (min-width:601px) {
    .header {
        height: auto
    }
}

.form-container {
    float: none;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    text-align: left;
    display: grid;
    align-items: center
}

.pf {
    padding-left: 0 !important
}

.form-container .material-textfield {
    padding-top: 0;
    border-bottom: 0;
    height: auto
}

.form-container h5 {
    font-family: montserratregular;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px
}

.form-container h4 {
    font-family: montserratregular;
    font-size: 30px;
    color: #000;
    font-weight: 600
}

.form-container .main-title {
    font-family: montserratregular;
    font-size: 30px;
    color: #000;
    font-weight: 600
}

.home-choose-m4marry {
    padding: 80px 0;
    background: #fff
}

.home-choose-m4marry h6 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 25px 0 0;
    line-height: 24px;
    font-family: montserratregular
}

.language-text {
    font-size: 0 !important
}

.choose-language {
    margin: 15px 10px 15px 0;
    background: url(../images/language-red.png) no-repeat 70px 21px !important
}

.choose-language select {
    font-weight: 700
}

.home-page .header {
    background-color: transparent;
    position: absolute;
    width: 100%;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px;
}

.home-page .helpCenter {
    left: -355px
}

.home-page .helpArrow {
    right: 150px
}

.home-page .footer-end {
    font-family: montserratregular
}

.home-page .footer-links li {
    font-family: montserratregular
}

.home-page .footer-label {
    font-family: montserratregular
}

.home-page .footer-ID {
    font-family: montserratregular
}

.home-page .header-login-btn {
    font-family: montserratregular
}

.home-banner-sec {
    position: relative
}

.helpCenter-left .phone-numbers {
    padding: 10px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin: 10px 0
}

.helpCenter-left .phone-numbers .ph-block {
    font-family: montserratregular;
    font-size: 16px;
    font-weight: 700;
    color: #5976b3
}

.helpCenter-left .phone-numbers h5 {
    font-family: montserratregular;
    font-size: 16px;
    font-weight: 700;
    color: #5976b3
}

.helpCenter-left .phone-numbers .ph-block span {
    font-family: montserratregular;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    font-style: italic
}

.helpCenter-left .phone-numbers h5 span {
    font-family: montserratregular;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    font-style: italic
}

.helpCenter-left .phone-numbers .timeblock {
    font-family: montserratregular;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    font-style: italic
}

.help-mail a {
    color: #3477b3
}

.browse .has-error .form-control {
    border-color: #ff0500
}

.incomplete-fields {
    margin: 0 auto 20px;
    width: 50%;
    text-align: left;
    padding: 25px;
    background: #e6810e;
    background: -moz-linear-gradient(left, rgba(230, 129, 14, 1) 0%, rgba(247, 149, 30, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230, 129, 14, 1)), color-stop(100%, rgba(247, 149, 30, 1)));
    background: -webkit-linear-gradient(left, rgba(230, 129, 14, 1) 0%, rgba(247, 149, 30, 1) 100%);
    background: -o-linear-gradient(left, rgba(230, 129, 14, 1) 0%, rgba(247, 149, 30, 1) 100%);
    background: -ms-linear-gradient(left, rgba(230, 129, 14, 1) 0%, rgba(247, 149, 30, 1) 100%);
    background: linear-gradient(to right, rgba(230, 129, 14, 1) 0%, rgba(247, 149, 30, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6810e', endColorstr='#f7951e', GradientType=1);
    border: 1px solid #b1b1b1
}

.incomplete-fields p {
    min-height: 65px;
    background: url(../images/wrong-icon.png) no-repeat;
    font-family: robotoregular, sans-serif;
    color: #fff;
    font-size: 17px;
    padding-left: 75px;
    line-height: 26px;
    vertical-align: middle;
    display: inline-block;
    margin: 0
}

.mgn-30 {
    margin-bottom: 20px
}

.country-code {
    width: 50px;
    display: inline-block
}

.country-code input#mobileCountryCode {
    display: inline-block;
    width: 67%
}

.phone-code .material-textfield label {
    margin-left: 50px;
    width: 90%
}

.phone-code .material-textfield input#psPhone {
    width: 50%;
    display: inline-block;
    padding: 0;
    font-size: 1.7rem
}
.has-error .contact-fld {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.helpCenter-left .phone-numbers {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
    border-top: 0;
    margin: 0
}

.help-call {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px
}

.home-not-logged .choose-language {
    display: none
}

.home-not-logged .language-menu {
    margin: 35px 0 12px;
    float: right
}

.home-not-logged .language-menu a {
    color: #d0211d;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 10px;
    font-family: montserratregular
}

.home-not-logged .language-menu a.sel-locl {
    font-weight: 700
}

.footer-language .language-menu a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: montserratregular;
    display: block;
    margin-bottom: 3px
}

.footer-language .language-menu a.sel-locl {
    font-weight: 700
}

.helpCenter a.clickCallSup {
    color: #5976b3;
    font-weight: 700
}

.help-support .help-support-div {
    width: 280px
}

.help-support-div .contactNumber-state {
    padding-top: 10px;
    display: inline-block
}

.help {
    margin-top: 8px;
    font-size: 14px
}

.faq-content { margin-top: 60px; display: inline-block; font-family: montserratregular; width: 100% }

.view-questions {
    text-align: center;
    display: block;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0
}

.view-questions a {
    background: url(../images/view-arrow.png) no-repeat right center;
    padding-right: 24px;
    font-size: 14px;
    color: #325dbd
}
.home-banner-sec .form-sec {
    background: #ffffffab;
    padding: 15px;
    text-align: left;
    border-radius: 10px;
    width: 100%;
    max-width: 970px
}

.home-banner-sec .form-sec .col-xs-2 {
    padding-left: 8px;
    padding-right: 8px
}

.home-banner-sec .form-sec .col-xs-12 {
    text-align: left
}

.home-banner-sec .form-sec .col-xs-10 {
    padding: 0
}

.home-banner-sec .form-sec .col-xs-12 .btn-m4m-register {
    margin-top: 15px;
    margin-left: 0;
    border-radius: 6px
}

.home-banner-sec .form-sec .form-info {
    margin-left: 0;
    margin-top: 4px
}

.home-banner-sec .form-sec .register-form-banner {
    margin-top: 20px
}

.m_viewmap {
    border: 1px solid #d1cdaa;
    border-radius: 25px;
    display: inline-block;
    padding: 6px 12px 6px 35px;
    color: #666 !important;
    font-size: 16px;
    text-decoration: none;
    background: #fff url(../images/locationicon.png) no-repeat 12px;
    margin-top: 15px
}

.bg-red { background: #d0211d }

.recaptcha {
    margin-top: 10px;
    font-size: 12px;
    color: #666
}

.form-sec-outer .cp-dropdown {
    border: 1px solid #a8a16b;
    position: relative;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/dropdown-arrow.webp) no-repeat right 15px center;
    cursor: pointer
}

.form-sec-outer .cp-dropdown-label {
    padding: 11px 20px
}

.form-sec-outer .cp-dropdown-label span {
    font-size: 14px;
    color: #666;
    font-family: montserratregular;
    font-weight: 700 !important
}

.form-sec-outer .cp-dropdown .dropdown-list {
    width: 100%;
    padding: 15px;
    border: 1px solid #a8a16b;
    background: #fff;
    gap: 20px;
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 100;
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    border-radius: 5px;
    margin-bottom: 0
}

.form-sec-outer .cp-dropdown .dropdown-list label {
    font-size: 14px;
    color: #666;
    font-family: montserratregular;
    font-weight: 700;
    cursor: pointer;
    margin: 0
}

.form-sec-outer .home-registration-form input::-moz-placeholder {
    color: #666;
    opacity: 1
}

.form-sec-outer .cp-dropdown .dropdown-list li label:hover {
    color: #ca2227 !important
}

.form-sec-outer .cp-dropdown.reg-blank-error, .tc-check.reg-blank-error input[type=checkbox] { border: 1px solid red }

.outer-check .reg-error {
    text-align: left
}

.form-sec-outer .recaptcha {
    font-size: 12px;
    color: #000;
    font-style: italic;
    margin: 15px 0 0 15px;
    font-family: montserratregular
}

.form-sec-outer .quick-reg-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/dropdown-arrow.webp) no-repeat right 15px center !important
}

.form-sec-outer .quick-reg-mob .country-code {
    background-image: url(../images/dropdown-arrow.webp), url(../images/line-r.webp) !important;
    background-position: right 12px center, right center;
    background-repeat: no-repeat, no-repeat;
    padding-left: 5px;
    width: 70px !important
}
.tc-check input[type=checkbox]:checked::after {
    content: "";
    background: #a8a16b;
    position: absolute;
    inset: 0
}
.form-sec-outer #register .reg-error {
    background: 0 0;
    border: 0;
    padding: 0;
    position: inherit;
    inset: 0;
    color: red;
    font-weight: 500;
    font-size: 12px;
    margin-top: 5px;
    font-family: montserratregular
}
.form-sec-outer #register .reg-error span {
    display: none
}
.form-sec-outer .home-registration-form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px
}
.form-sec-outer .home-registration-form .col-xs-3 {
    width: 100%;
    padding: 0;
    margin: 0
}
.outer-check .reg-blank-error {
    border-bottom: 0
}
.m-lb { margin: 0 0 15px 15px }
.has-error .form-control {
    border-color: #a94442 !important
}
.has-error .control-label {
    color: #a94442 !important
}
@media(min-width:1200px) and (max-width:1500px) {
    .home-banner-sec .col-xs-3 {
        padding-left: 0 !important;
        padding-right: 7px;
        width: 50%;
        margin-bottom: 10px
    }
    .home-banner-sec .form-sec {
        width: 100%;
        max-width: 970px
    }
    .form-container h4 {
        font-size: 25px;
        line-height: 30px
    }
    .form-container .main-title {
        font-size: 25px;
        line-height: 30px
    }
    .form-sec-outer .home-registration-form {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .form-container h4 { font-size: 26px }
    .form-container .main-title { font-size: 26px }
    .home-banner-sec .col-xs-3 {
        padding-left: 0 !important;
        padding-right: 7px;
        width: 50%;
        margin-bottom: 10px
    }
    .home-banner-sec .form-sec {
        width: 100%
    }
    .form-container h4 {
        line-height: 30px
    }
    .form-container .main-title {
        line-height: 30px
    }
    .home-banner-sec .form-sec .col-xs-10 {
        text-align: center;
        width: 100%
    }
    .form-sec-outer .home-registration-form {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:981px) and (max-width:1200px) {
    .header-content .header-login-btn {
        padding: 10px;
        font-size: 18px
    }
}


@media(min-width:768px) and (max-width:991px) {
    .register-form-banner .col-xs-3 {
        width: 100%;
        margin-bottom: 15px;
        padding: 0
    }
    .home-registration-form .col-xs-10 .btn-m4m-register {
        margin-top: 0
    }
    .home-registration-form .col-xs-10 {
        text-align: center;
        width: 70%;
        padding: 0
    }
    .home-registration-form .col-xs-2 {
        width: 70%;
        margin-bottom: 15px;
        padding: 0
    }
    .register-form-banner .form-sec {
        width: 75%
    }
    .form-container h5 { font-size: 18px; line-height: 28px; margin-bottom: 15px }
    .form-container h4 { font-size: 22px; line-height: 30px }
    .form-container .main-title { font-size: 22px; line-height: 30px }
    .home-carousal-mobile .hero-image { background-position: 80% }
    .home-banner-sec .form-sec { width: 100%  }
    .home-banner-sec .form-sec .col-xs-10 { text-align: center; width: 100% }
    .form-sec-outer .home-registration-form { grid-template-columns: repeat(1, 1fr) }
    .home-banner-sec .home-carousal-web .hero-image { height: 900px }
}

@media(min-width:320px) and (max-width:767px) {
    .home-carousal-mobile .hero-image {
        background-position: center;
        height: 800px;
    }
    .register-form-banner .col-xs-3 {
        width: 100%;
        margin-bottom: 15px;
        padding: 0
    }
    .home-registration-form .col-xs-10 .btn-m4m-register {
        margin-top: 0
    }
    .home-registration-form .col-xs-10 {
        text-align: center;
        width: 100%;
        padding: 0
    }
    .home-registration-form .col-xs-2 {
        width: 100%;
        margin-bottom: 15px;
        padding: 0
    }
    .register-form-banner .col-xs-10 {
        width: 100%
    }
    .register-form-banner .form-sec {
        width: 100%
    }
    .form-sec-outer .home-registration-form {
        grid-template-columns: repeat(1, 1fr)
    }
    .form-container h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
        text-align: center;
        margin-top: 0
    }
    .form-container h4 {
        font-size: 18px;
        line-height: 24px;
        text-align: center
    }
    .form-container .main-title {
        font-size: 18px;
        line-height: 24px;
        text-align: center
    }
    .register-form-banner .btn-m4m-register {
        width: 100%;
        margin-left: 0
    }
    .home-banner-sec .form-container {
        bottom: 20px;
        top: inherit;
        left: 0;
        right: 0
    }
    .register-sec {
        padding-bottom: 50px
    }
    .home-page .header-logo span {
        border-bottom: 0
    }
    .register-sec h6 {
        font-size: 16px;
        line-height: 24px
    }
    .form-sec {
        width: 75%;
        margin: 0 auto;
        background: #ffffffab;
        padding: 15px;
        border-radius: 10px
    }
    .register-form-banner {
        margin-top: 30px
    }
     .home-banner-sec .form-sec { width: 90%  }
}

@media(min-width:320px) and (max-width:768px) {
    .helpCenter b.clickCallSupWeb { display: none }
	.home-banner-sec .form-container {
        top: inherit;
        left: 0;
        right: 0
    }
	
}
@media(min-width:320px) and (max-width:480px) {
    .register-sec.landing-reg .btn-m4m-register { padding: 10px 15px; letter-spacing: 1px; font-size: 11px }
    .register-form-banner { width: 100% }
    .form-sec { width: 95% }
}
@media(min-width:320px) and (max-width:380px) {
    .register-sec.landing-reg .btn-m4m-register { padding: 10px; font-size: 10px }
}
@media(min-width:320px) and (max-width:410px) {
    .register-form-banner .col-xs-3 { width: 100% }
}

:root { scrollbar-face-color: #a12828; scrollbar-track-color: #fff; scrollbar-color: #a12828 #fff; scrollbar-width: thin }
.pb-0-i { padding-bottom: 0 !important }
body:has(.md-cpopup) { background: 0 0 !important }
.h-auto { height: auto !important }
.whitebg { border: 1px solid #ddd; border-radius: 10px }
.input-invisible { padding: 10px 0; flex: 1 }

.popup-btn-org { display: inline-block; margin-right: 10px; padding: 3px 15px;  font-size: 15px; background-color: #f7941e; color: #fff; border-radius: 3px }
.popup-btn-org:hover, .popup-btn-org:focus { color: #fff }
.modal-btnBlock { display: flex; flex-direction: row; justify-content: center; gap: 15px; }

@media(min-width:320px) and (max-width:400px) {
    .padding-20x { padding: 0; }
}

.container{ font-family: "Montserrat", sans-serif; }
.home-page{ background-color: #fff; }
.home-choose-m4marry{ padding: 100px 0; }
.subHeading{ margin: 0; padding-top: 15px; font-size: 18px; }
.whym4m{ margin: 50px 0 100px 0; display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-evenly; flex-wrap: wrap; text-align: center; gap: 30px; }
.whym4m div{ min-height: 250px; padding: 20px; border:1px solid #FFECD5; border-radius: 20px; font-size: 16px; }
.threeStep{  margin: 50px 0 100px 0; display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; gap: 30px; color: #666; }
.threeStep div{ display: flex; flex-direction: column; min-height: 275px; padding: 20px; border:1px solid #F5E2CA; border-radius: 20px; font-size: 16px; text-align: left; justify-content: end; }
.threeStep div img{ width: fit-content; }
.threeStep div p{ font-size: 16px; }
.threeStep div h5{ font-size: 30px; font-weight: 700; background: linear-gradient(to right, #F7941E, #915712); color: transparent; background-clip: text; }
.adBanner img{ width: 100%; }
.product-box{ margin: 50px 0; display: flex; flex-direction: row; background-color: #ECECEC; border-radius:10px; }
.product-image{ width:400px; flex-shrink: 0; }
.product-image img{ width:100%; border-radius:10px 0 0 10px; }
.product-content{ padding:50px 100px 30px 100px; font-size: 15px; line-height: 22px; }
.product-content h3{ padding-bottom: 15px; font-size: 20px; font-weight: 600; color: #BD0000; }
.product-content ul{ padding-left: 20px; }
.product-content ul li{ padding: 4px 0; list-style: disc; }
.externalAd{   }
.secondIntro{ padding:50px 0px 50px 0px; }
.secondIntro-content{ padding:50px 0 0 0; display: flex; gap: 80px; text-align: justify; }
.secondIntro-content p{ line-height: 26px; font-size: 15px; } 

.sec-marg-form { padding: 25px !important; backdrop-filter: blur(6px); border: 1px solid #fff; }
.sec-marg-form .main-title{ color: #CA2227; font-size: 22px; font-weight: 700; }
.sec-marg-form .sub-title{ margin: 10px 0 20px 0; color: #444; font-size: 18px; font-weight: 400; }
.sec-marg-form .register-form-banner { margin-top: 5px !important; }

.testimony{ margin: 100px auto; }
.trustedProfiles{ display: flex; padding:40px 0 10px 0; gap: 40px; text-align: left; }
.trustedProfiles div{  }
.profileContent{ display: flex; flex: 1;     border: 1px solid #FEEBE4; border-radius: 20px; overflow: hidden; }
.trustedProfiles-image{ float: left; width: 275px; height: 300px; border-radius:20px 0 0 20px; flex-shrink: 0; background-position: center top; background-size: cover; font-size: 0; }
.trustedProfiles-contetnt{ float: left; padding: 30px 35px 30px 25px; background-color: #FEFDFB;     }
.trustedProfiles-contetnt b{ color: #E15967; }
.trustedProfiles-contetnt p{ padding: 15px 0; color: #8C8F94; font-size: 17px; height: 160px; overflow: hidden; }
.trustedProfiles-contetnt span{ display: block; color: #333; font-size: 16px; }

.footer .footer-wrap { padding: 40px 15px; font-family: "Montserrat", sans-serif; }
.footer .footer-wrap .f-column { color: #dbdbdb; }
.footer .footer-wrap .f-column ul li { padding: 3px 0; }
.footer .footer-wrap .f-column ul li a { color: #dbdbdb; font-weight: 500; }
.footer .footer-wrap .f-column .footer-help-mail { padding: 4% 0 0 0; display: flex; align-items: center; }
.footer .footer-wrap .f-column ul li img { margin-right: 20px; }
.footer .footer-wrap .f-column ul li p { padding-top: 10px; padding-bottom: 30px; width: 345px; }
.footer .footer-wrap .f-column ul li a { color: #dbdbdb; font-weight: 500; }
.footer .footer-wrap .f-column .footer-help-numb { background: #fff; border-radius: 52px; padding: 8px 20px; vertical-align: middle; color: #A12828; display: inline-flex; align-items: center; }
.mobApp-wrap .subtext { font-size: 18px; }
.mobApp-wrap .mobile-app { text-align: center; }
.mobApp-wrap .app-block { margin-top: 30px; gap: 10px; }

.font-13 { font-size: 13px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-20 { font-size: 20px; }

.justify-content-between { justify-content: space-between !important; }
.justify-content-center { justify-content: center !important; }
.pb-3 { padding-bottom: 1rem !important; }
.text-white { --bs-text-opacity: 1; color: #fff !important; }
.gap-5 { gap: 3rem !important; }
.flex-wrap { flex-wrap: wrap !important; }
ol, ul { margin: 0; padding: 0; list-style: none; }
.h-100 { height: 100% !important; }

.over-experience{ padding: 100px 0; }
.over-experience h2{ font-size: 30px; font-weight: 700; color: transparent; background-clip: text; }
.over-experience p{ font-size: 16px; color: #666; margin-bottom: 50px; }
.over-experience .item-card{ padding: 40px 30px; border:1px solid #D4D4D4; border-radius: 20px; font-size: 15px; text-align: left; flex-direction: column; gap: 20px; height: 100%; color: #888; }
.over-experience .item-card h3{ font-size: 18px; font-weight: 700; color: #CA2227; margin-bottom: 10px; line-height: 25px; border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.over-experience .item-card p{ font-size: 15px; font-weight: 400; color: #888; margin-bottom: 0px; }
.over-experience .item-card a { width: fit-content; background: #E15967; border-radius: 30px; color: #FFFFFF; font-weight: 700; font-size: 13px; gap: 10px;  align-items: center; margin-top: auto; }
.over-experience .item-card .item-list { display: flex; flex-direction: column; gap: 20px; }
.over-experience .item-card .item-list li{ height: 110px; overflow: hidden; }
.over-experience .item-card .item-list strong { color: #444; }
.helpCenter b.clickCallSupWeb { display: none; }
.exp-gap{ margin-top: 20px; }

.item-card:hover, .whym4m div:hover, .threeStep div:hover{ box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07); transition: all 200ms ease-out; }
.logos{ display: flex; align-items: center; gap: 10px; }

@media screen and (max-width: 1199px) {
    .product-box .product-content { padding: 30px; }
    .profileContent { flex-direction: column; }
    .trustedProfiles-image { width: 100%; border-radius: 20px 20px 0 0; }
}
@media screen and (max-width: 991px) {
    .whym4m { grid-template-columns: repeat(3, 1fr); }
    .product-box { flex-direction: column; }
    .over-experience .row { gap: 20px; }
    .sec-marg-form .sub-title{ font-size: 16px; }
    .secondMarriage h2{ margin-top: 100px; }
    .profileContent { border: 1px solid #f2cbbc; }
    .exp-gap{ margin-top: 0px; }
}
@media screen and (max-width: 767px) {
    .secondIntro-content { flex-direction: column; padding: 50px 0 0 0; gap: 20px; }
    .whym4m { grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 50px 0 50px 0; }
    .whym4m div { min-height: 0; }
    .home-choose-m4marry { padding: 50px 0; }
    .threeStep { margin: 50px 0 50px 0; grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .threeStep div{ min-height: 0; }
    .footer .footer-wrap .f-column ul li p { width: auto; }
    .home-choose-m4marry { padding: 50px 0; }
    .product-box .product-image { width: 100%; }
    .trustedProfiles { padding: 10px 0 10px 0; gap: 30px; flex-direction: column; }
    .testimony { margin: 50px auto; }
    .over-experience{ padding: 50px 0; }
    .product-image img { border-radius: 10px 10px 0 0; }
    .helpCenter b.clickCallSupWeb { display: block; }
    .sec-marg-form .sub-title{ font-size: 16px; text-align: center; }
    .home-page .header { flex-direction: column; }
} 
@media (min-width: 320px) and (max-width: 480px) {
    .whym4m { grid-template-columns: repeat(1, 1fr); gap: 10px; display: grid; }
    .threeStep { grid-template-columns: repeat(1, 1fr); gap: 20px; display: grid; }
}